/*
	License		 : GNU/GPL-licentie http://www.gnu.org/licenses/gpl.html
	creationDate : 11 februari 2012
	version		 : 2.5
	author 		 : Web-effect | Joomla! websites & cursussen | Dordrecht
	authorUrl	 : http://www.web-effect.nl	
________________________________________________________ 

	Reset							line 25
	Basis							line 50
	Header							line 165
	Leftmargin						line 212
	Mainbody						line 226
	Rightmargin						line 455
	Footer							line 501
	Modules							line 539
	Formulieren						line 586
	Joomla! overig					line 618
	aanvulling Joomla! 2.5			line 684
________________________________________________________ 




====================================================================================
	RESET STIJLEN
	In dit bestand staat de reset stylesheet van Eric Meyer. http://meyerweb.com/eric/tools/css/reset/
	Deze stylesheet zorgt er voor dat alle HTML-elementen worden gereset, zodat ze in alle 
	browsers (zelfs IE) nagenoeg gelijk staan. Hiermee voorkomen we de meeste problemen die 
	ontstaan tussen browsers bij het maken van CSS.
	
================================================================================ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 
table { border-collapse:collapse; border-spacing:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
p {
	line-height: 24px;
}

/* 
====================================================================================
	BASIS STIJLEN
	De basis van een Joomla! template
	
================================================================================ */

BODY {
	background-color: #fff;
}

html {
	color: #333333;
	font-size: 13px;
	font-family: Helvetica, sans-serif;
	margin: 0;
	line-height: 20px;
}
img { border: 0 none; }

/* 

basis lijsten 
________________________________________________________ 

*/

li {
	line-height: 15px;
	padding-left: 5px;
	padding-top: 0px;

}

ul {
	margin: 0;
	padding: 0;
	list-style: disc;
	}


/* 

basis links 
________________________________________________________ 

*/

a:link {
	font-weight: normal;
	color:  #9d0578;
	text-decoration: none;
	line-height: 16pt;
	}

a:visited {
	font-weight: normal;
	color:  #9d0578;
	text-decoration: none;
	}
	
a:hover {
	font-weight: normal;
	color:  #C5D688;
	text-decoration: none;
	}


/* 

basis menulinks 
________________________________________________________ 

*/

ul.menu li a {
	font-size: 9pt; 
	/* font-weight: bold; */
	color: #2668D3; 
	/* text-decoration: none; */
	padding: 0px;
	margin: 4px 0 4px 0;
}

ul.menu li a:hover {
	
}

a.mainlevel:link, a.mainlevel:visited {
	/* text-decoration: underline; */
	/* color: #000000; */
}

a.mainlevel:hover {
	
}

a.sublevel:link, a.sublevel:visited {
	/* text-decoration: underline; */
	/* color: #000000; */
}

a.sublevel:hover {
	
}

/* 
====================================================================================
	HEADER
	
	
================================================================================ */

#container {
	position: absolute;
	left: 50%;
	margin: 0 -480px;
	width: 960px;
}
#topbox {
	width: 960px;
	height: 21px;
	float: left;
}
#mainbox {
	width: 960px;
	float: left;
}
#mainbody {
	width: 825px;
	float: left;
	height: 648px;
}
#topnav {
	width: 402px;
	height: 26px;
	float: left;
}
#topnav2 {
	width: 202px;
	height: 26px;
	float: left;
}
#topnav3 {
	width: 221px;
	height: 26px;
	float: left;
}
#main {
	width: 825px;
	float: left;
	background-image: url(../images/grid.gif);
	height: 648px;
	padding-top: 6px;
	background-repeat: no-repeat;
}
#dutchdesign {
	width: 825px;
	float: left;
	height: 208px;
}
#slider {
	width: 803px;
	float: left;
	height: 204px;
	margin-right: 21px;
	margin-left: 1px;
}
#design {
	width: 825px;
	float: left;
	height: 207px;
}
#right {
	width: 135px;
	float: left;
}
#logo {
	width: 135px;
	height: 100px;
	float: left;
}
#nav {
	width: 135px;
	height: 460px;
	float: left;
	margin-top: 5px;
}
#banner {
	width: 135px;
	height: 84px;
	float: left;
}
#footer {
	width: 100%;
	float: left;
	padding-top: 20px;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 30px;
}
#belowcontent {
    text-align: center;
    clear: both;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 60px;
}
#balk {
	background-color: #FFFFFF;
	width: 950px;
	height: 25px;	
	z-index:1;
	margin: 0 auto;
	clear: both;
}

#balk .pathway {
	width: 920px;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	margin: 5px;
}
/* 
====================================================================================
	LEFTMARGIN
	Linkerkolom
	
================================================================================ */
ul.menu {list-style: none;}

/* 
====================================================================================
	MAINBODY
	Tekstgedeelte van Joomla!
	
================================================================================ */
/* 

Content headings en titles
________________________________________________________ 

*/

h1 {
	font-size: 28px;
	color: #3aadc7;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	text-transform: none;
}

h2 {
	font-size: 26px;
	font-weight: normal;
	text-transform: none;
	line-height: 38px;
	padding-top: 10px;
}

h3 {
	font-size: 22pt;
	color: #0084ac;
	font-weight: normal;
	font-style: normal;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	padding-top: 22px;
}

.componentheading  {
	font-size: 14pt;	
	color: #CCCCCC;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
}

.contentpaneopen {
	width: 100%;
}

.contentheading {
	font-size: 10pt;	
	color: #000000;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	text-transform: none;
}

.frontpageheader {	
	color: #000000;
	font-size: 13pt;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
}

.contentpagetitle {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.contentdescription {
	font-size: 10pt;
	color: #000000;
}

.createdate {
	color: #dee1d7; 
	font: 10px Arial, Helvetica, sans-serif; 
	}

.modifydate {
	color: #dee1d7; 
	font: 10px Arial, Helvetica, sans-serif; 
	}
	
.small {
	font-size: 9pt; 
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}

/* 

Voor content item titels met een link in plaats van een lees meer link onder het artikel 
________________________________________________________ 

*/

a.contentpagetitle:link, a.contentpagetitle:visited {
	font-size: 12pt;
	font-weight: normal;
	margin: 0px;
	color: #000000;
	text-decoration:none;
	}

a.contentpagetitle:hover {
	font-size: 12pt;
	font-weight: normal;
	margin: 0px;
	color: #CCCCCC;
	}
	
/* 

overige Mainbody links 
________________________________________________________ 

*/

a.blogsection:link, a.blogsection:visited {
	font-size: 10pt;
	color: #000000;
	text-decoration:underline;
}

a.blogsection:hover {
	font-size: 10pt;
	color: #CCCCCC;
}

a.weblinks:link, a.weblinks:visited {
	font-size: 10pt;
	color: #000000;
	font-weight: bold;	
	padding: 0px 10px 0px 10px;
}

a.weblinks:hover {
	font-size: 10pt;
	color: #CCCCCC;
	font-weight: bold;	
	padding: 0px 10px 0px 10px;
}

a.readon:link, a.readon:visited {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 0px 10px 0px 5px;	
	}

a.readon:hover {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	color: #CCCCCC;
	padding: 0px 10px 0px 5px;	
}

.category {
	font-size: 10pt;
	color: #000000; 
	font-weight: bold;
	line-height:1.4em; 
	padding-right:10px; 
}

a.category:link, a.category:visited {
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
 	text-decoration:underline;
}

a.category:hover {
	font-size: 10pt;
	font-weight: bold;
	color: #CCCCCC;
 	text-decoration:underline;
}


/* 

Pagina navigatie
________________________________________________________ 

*/



a.pagenav, a.pagenav:visited { 
	font-size: 10pt;
	color: #000000;
	text-decoration: underline;
}

a.pagenav:hover {
	font-size: 10pt;
	color: #000000;
}

.pagenavbar {
	
}

/* 

Artikel waardering
________________________________________________________ 

*/

.content_rating {
	font-weight: normal;
	font-size: 10pt; 
}

.content_vote {
	font-weight: normal;
	font-size: 10pt; 
}


/* 

Standaard Joomla! meldingen 
________________________________________________________ 

*/

.message {
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}
/* 
====================================================================================
	FOOTER
	
	
================================================================================ */
/* 
====================================================================================
	MODULES
	Opmaak van de modules in de linker- of rechterkolom
	
================================================================================ */

.moduletable {
	margin: 0;
	font-weight: normal;
}
.moduletable-agenda {
	font-weight: normal;
	margin: 0;
	margin-left: 0px;
	line-height: 32px;
	background-image: url(../images/agenda-mid.gif);
	padding-left: 47px;
	background-repeat: repeat-y;
}
.moduletable-nieuws {
	font-weight: normal;
	padding-left: 290px;
	padding-top: 45px;
	background-image: url(../images/nieuwsbalk.gif);
	background-repeat: no-repeat;
	padding-right: 30px;
	min-height: 167px;
}
.moduletable-contact { color: white; font-weight: normal; background-color: #69a7d7; margin: 0; padding-left: 10px; }
table.moduletable td  {
	padding: 0 0 0 4px;

}
div.moduletable_whois {
	padding-left: 0px;
	margin-bottom: 0px;
	text-align: center;
}


.moduletable_menu h3 {
	font-size: 7pt;
	background-color: #FFFFFF;
	color: #000000;
	width: 191px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	text-align: left;
	border: 0px solid #000000;
}

.poll {
	font-size: 9pt;
	color: #2668D3;
	line-height: 20px;
	text-align: center;
	border: 0px solid #000000;
}



/* 
====================================================================================
	FORMULIEREN
	
	
================================================================================ */

form {
	margin: 4px 5px 10px 5px;
	padding: 0px;
}

.inputbox {
	font-size: 8pt;
	border: 1px solid #ffffff;
	width: auto;
	padding: 2px;
	margin-right: 3px;
	margin-top: 0px;
}

.button {
	font-size: 8pt;
	border: 1px solid #ffffff;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/searchButton.gif);
	width: 25px;
	height: 26px;
}



/* 
====================================================================================
	Joomla! overig
	
	
================================================================================ */



.sectiontableentry1 {
	font-size: 9pt;
	color: #000000;
	background-color: #EFF0F0;
	padding-right: 5px;
}
	
.sectiontableentry2 {
	font-size: 9pt;
	color: #000000;
	background-color: #F6F6F6;
	padding-right: 5px;
}

.sectiontableheader {
	font-size: 9pt;
	font-weight: bold;
	background-color: #cccccc;
	color: #fff;
	padding-right: 5px;
	}


.newsfeedheading {
	font-size: 12pt;
	color: #505050;  
        }

.newsfeeddate {
	font-size: 10pt;
	color: #505050; 
}


.searchintro  {
	font-size: 12pt; 
}

.adminform  {
	font-size: 10pt; 
}

.contentpane {
	font-size: 12pt; 
}

.newsflash {
	font-size: 11pt;
	text-align: justify;
	color: #435374;
	padding-top: 10px;
}
	
.contact {
	font-size: 12pt; 
}

/* 
====================================================================================
	Aanvulling voor Joomla! 2.5
	
	
================================================================================ */

table.category{
border:1px solid #CCC;
width:100%;
text-align:center;
}
table.category th,table.category td{
padding:2px 6px;
}
table.category thead{
background:#EEE;
}
.jcat-children ul,.jcat-children li{
margin:0;
list-style:none;
}
.jcat-children li a{
background:url(../images/bullet_green_arrow.png) no-repeat 0 12px;
display:block;
padding:5px 5px 5px 15px;
font-size:0.9em;
}

/* Print, PDF, Email buttons */

.actions{
margin:0;
}
.actions li{
list-style: none;
display:inline;
float:right;
}

/* Login formulier*/

p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}

fieldset.userdata {border: 0px;}

/* Sectie- en categorieblog layout */

.cols-3 .column-1 {
    float: left;
    margin-right: 4%;
    padding: 0 5px;
    width: 29%;
}

.cols-3 .column-2 {
    float: left;
    margin-left: 0;
    padding: 0 5px;
    width: 29%;
}

.cols-3 .column-3 {
    float: right;
    padding: 0 5px;
    width: 29%;
}
.readmore { margin-bottom: 10px; }