/* EPTA basis CSS 2010 scherm */

/* reset default browser values */
* {padding: 0; margin: 0;}
body, html, div {
	margin: 0px;
	padding: 0px;
	
}

/* positionering */
body {
	height:100%;
	background: #c3c7cd;
}

#container {
	border:0px solid #aaa;
	margin: 5px auto 0px auto;
	padding: 0;
	width:1043px;
	background: #c3c7cd url(../img_site/midslice.jpg) repeat-y 11px 0px;
}
#header {
	position:relative;
	background: #c3c7cd url(../img_site/top-image.jpg) no-repeat 0px 0px;	
	height:100px;
	width:1043px;
	clear: both;
}
#header_ledensectie {
	position:relative;
	background: #c3c7cd url(../img_site/top-image-ledensectie.jpg) no-repeat 0px 0px;
	height:100px;
	width:1043px;
	clear: both;
}
#subhome{
	position:absolute;
	left:45px;
	top:70px;
	height:25px;
	width:290px;
	background:transparent;
	text-align:center;
}
#subhome h1{
	font:20px verdana, "times new roman",times,serif;
	color:#790003;
	font-weight:bold;
	font-style:italic;
}

#headerzoek {
	position:relative;
	background: #c3c7cd url(../img_site/top-image.jpg) no-repeat 0px bottom;	
	height:30px;
	width:1043px;
}
#headerzoek_lsectie {
	position:relative;
	background: #c3c7cd url(../img_site/top-image-ledensectie.jpg) no-repeat 0px bottom;	
	height:30px;
	width:1043px;
}
#gzoek{
	position:relative;
	left:720px;
	top:5px;
	width:230px;
	text-align:right;
}
#gzoek .googleinput{
	width:170px;
	height:16px;
}
#logintekst{
	line-height:10px;
	position:absolute;
	left:480px;
	top:10px;
	width:240px;
	text-align:right;
}

#pbcover{
	position:absolute;
	left:890px;
	top:15px;
	width:70px;
}

#mainbar {
	float: left;
	display:inline;
	width: 437px;
	margin: 10px 0px 6px 10px;
	padding: 0px 10px 5px 10px;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}

#leftbar {
	float:left;
	display:inline;
	width:210px;
	margin: 10px 0px 6px 34px;
	padding: 0px 5px 5px 5px;
}

#rightbar {
	float:right;
	display:inline;
	width:210px;
	margin: 10px 89px 6px 5px;
	padding: 0px 5px 5px 5px;
}

#footer {
	background: #c3c7cd url(../img_site/footerslice.jpg) repeat-y 11px 0px;
	height:25px;
	width:1043px;
	margin:0px auto 10px auto;
	padding: 4px 0 0 0;	
}

/* headers */
#mainbar h1 {
	font: bold 24px "times new roman",serif;	
	color: #26608b;
	padding: 0 0 10px 0;
}

#mainbar h2 {
	font: bold 18px "times new roman", serif;
	color: #26608b;
	padding: 0 0 8px 0;
}

#mainbar h3 {
	font: bold 18px "times new roman", serif;
	color: #2a6b2f;
	padding: 0 0 8px 0;
}

#mainbar h4 {
	font: bold 15px verdana,helvetica;
	color: #26608b;
	padding: 0 0 5px 0;
}

#mainbar h5 {
	font: bold 15px verdana,helvetica;
	color: #790003;
	padding: 0 0 5px 0;
}

#leftbar h1,#rightbar h1{
	font: bold 20px "times new roman", serif;
	color: #26608b;
	padding: 0 0 8px 0;
}

#leftbar h2,#rightbar h2{
	font: bold 16px "times new roman", serif;
	color: #26608b;
	padding: 0 0 5px 0;
}

#leftbar h3,#rightbar h3{
	font: bold 16px "times new roman", serif;
	color: #2a6b2f;
	padding: 0 0 5px 0;
}

#leftbar h4,#rightbar h4{
	font: bold 15px verdana,helvetica;
	color: #26608b;
	padding: 0 0 5px 0;
}

#leftbar h5,#rightbar h5{
	font: bold 14px verdana,helvetica;
	color: #790003;
	padding: 0 0 5px 0;
}

h6 {display:none;}	

/* CSS tekstopmaak */

input,select,textarea{
	border-width:1px;
}

body {
	font: 13px arial,helvetica;
	color: #303035;
}

table {
	font: 13px arial,helvetica;
	color: #303035;
	line-height:130%;
	margin-bottom:10px;
}

p, input, ul, li, textarea {
	font: 13px arial, helvetica;
	color: #303035;
	line-height: 130%;
}
a {
	font: 13px arial, helvetica;
	color:#880800;
	text-decoration:none;
}

a:hover {
	color:#303035;
	text-decoration:underline;
}

#logintekst a{
	text-decoration: none;
	font-size:11px;
	color:#004477;
}
#logintekst a:hover{
	text-decoration: underline;
	font-size:11px;
	color:#303035;
}

#gzoek input{
	vertical-align:middle;
}

#mainbar, #mainbar table {
	font: 13px arial,helvetica;
	color: #303035;
	line-height:130%;
}

#mainbar p {
	font: 13px arial,helvetica;
	line-height: 130%;
	color: #303035;
	margin: 0 0 0.6em 0;	
}

#leftbar, #leftbar table {
	font: 13px arial, helvetica;
	color: #303035;
	line-height:130%;
}
#leftbar p {
	font: 13px arial, helvetica;
	color: #303035;
	line-height:130%;
	margin: 0 0 0.5em 0;
}

#rightbar, #rightbar table {
	font: 13px arial, helvetica;
	color: #303035;
	line-height:130%;
}

#rightbar p {
	font: 12px arial, helvetica;
	color: #303035;
	line-height:130%;
	margin: 0 0 0.5em 0;
}
#mainbar a {
font-size:13px;
}

#mainbar blockquote{
font: 13px arial,helvetica;
border:1px solid #790003;
background:#f9f9f9;
padding:4px 15px 4px 15px;
color:#303035;
line-height:130%;
margin: 0 0 10px 0;
}

#leftbar blockquote, #rightbar blockquote{
	font: 13px arial,helvetica;
	color:#303035;
	line-height:130%;
	padding: 5px 7px 2px 7px;
	border:1px solid #790003;
	background:#f9f9f9;
	margin: 0 -5px 6px -5px;
}

#mainbar .watisepta{
font: 12px verdana, arial,helvetica;
background:#fff;
background:#f9f9f9;
color:#303035;
padding:4px 10px 2px 10px;
margin-bottom:10px;
border: 2px solid #c4c7cd;
border: 2px solid #a7c9d3;
}
#mainbar .watisepta p{
font: 12px verdana, arial, helvetica;
color:#303035;
margin: 0 0 4px 0;
}

#mainbar .kader{
font: 13px arial,helvetica;
/*
background:#d3dde4;
*/
background:#e6ece8;
padding:4px 10px 2px 10px;
margin-bottom:10px;
border: 2px solid #c4c7cd;
}

#mainbar .kader p{
margin: 0 0 .5em 0;
}

	
#leftbar .kader, #rightbar .kader{
font: 13px arial,helvetica;
background:#e6ece8;
padding:4px 6px 2px 6px;
border: 2px solid #c4c7cd;
margin: 0 -5px 6px -5px;
}

#leftbar .kader p, #rightbar .kader p{
margin: 0 0 .5em 0;
}

#leftbar .kader li, #rightbar .kader li{
color:#303035;
}

#leftbar .kader blockquote,#mainbar .kader blockquote,#rightbar .kader blockquote{
background:transparent;
color:#666666;
font-size:11px;
text-transform:uppercase;
margin: 0 0 2px 0px;
padding: 0 0 0 3px;
border: 0px solid #c4c7cd;
}
/* toplabel is zelfde als kader-blockquote */
#leftbar p.toplabel,#mainbar p.toplabel,#rightbar p.toplabel{
color:#666666;
font-family:arial,sans-serif;
font-size:11px;
text-transform:uppercase;
padding: 0 0 0 0;
margin:0 0 4px 0;
}

a.linkint {
	background: url(../img_site/uitpijlschuin.gif) no-repeat 0px 0px;
	padding-left:19px;
}
a:hover.linkint {
	background: url(../img_site/uitpijlschuin.gif) no-repeat 3px 0px;
	padding-left:19px;
}
a.linkext {
	background: url(../img_site/globe.gif) no-repeat 0px 0px;
	padding-left:19px;
}
a:hover.linkext {
	background: url(../img_site/globe.gif) no-repeat 3px 0px;
	padding-left:19px;
}
/*
#leftbar a:hover {
	text-decoration:underline;
	}
*/

/*
#rightbar a {
	color: #DC331F;
	text-decoration:none;
	}
#rightbar a:hover {
	text-decoration:underline;
	}	
*/
label {
	cursor: pointer;
	float: left;
	width: 140px;
	text-align: right;
	padding: 0px 4px;
}

hr{
	text-align:center;
	background:#c3c7cd;
	color:#c3c7cd;
	margin:5px auto 10px auto;
	width: 90%;
}
hr.clearer {
	line-height: 0px;
	height: 0px;
	visibility: hidden;
	margin:0 0 0 0;
	clear: both;
}

hr.divisor{
	text-align:center;
	background:#c3c7cd;
	color:#c3c7cd;
	margin:5px auto 10px auto;
	width: 90%;
}


img {
border: 0px solid #e03420;
}

img.links {
	float: left;
	margin: 0px 9px 9px 0px;
	padding: 3px;
	border: 1px solid #c3c7cd;
}
img.links_clear {
	margin: 0px 9px 9px 0px;
	padding: 3px;
	border: 1px solid #c3c7cd;
}

img.rechts {
	float: right;
	margin: 0px 0px 9px 9px;
	padding: 3px;
	border: 1px solid #c3c7cd;
}
img.rechts_clear {
	display:block;
	text-align: right;
	margin: 0px 0px 9px auto;
	padding: 3px;
	border: 1px solid #c3c7cd;
}

img.midden {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	border: 1px solid #c3c7cd;
}

#leftbar ol {
	list-style-type: decimal;
	padding-bottom:10px;
	margin-left:15px;
}

#leftbar ul {
	list-style-type: disc;
	padding-bottom:10px;
	margin-left:15px;
}

#rightbar ol {
	list-style-type: decimal;
	padding-bottom:10px;
	margin-left:15px;
}

#rightbar ul {
	list-style-type: disc;
	padding-bottom:10px;
	margin-left:15px;
}

#mainbar ol {
	list-style-type: decimal;
	padding-bottom:10px;
	margin-left:20px;
}

#mainbar ul {
	list-style-type: disc;
	padding-bottom:10px;
	margin-left:20px;
}




#footer p {
color:#666;
font-size:10px;
text-align:center;
}

#footer a {
color:#666;
font-size:10px;
text-decoration:none;
}

#footer a:hover {
color:#444;
text-decoration:underline;
}

#leftbar .f9,#mainbar .f9,#rightbar f9 { font-size:9px; }
#leftbar .f10,#mainbar .f10,#rightbar f10 { font-size:10px; }
#leftbar .f11,#mainbar .f11,#rightbar f11 { font-size:11px; }
#leftbar .f12,#mainbar .f12,#rightbar f12 { font-size:12px; }
#leftbar .f14,#mainbar .f14,#rightbar f14 { font-size:14px; }
#leftbar .f16,#mainbar .f16,#rightbar f16 { font-size:16px; }
#leftbar .f18,#mainbar .f18,#rightbar f18 { font-size:18px; }
#leftbar .f20,#mainbar .f20,#rightbar f20 { font-size:20px; }
#leftbar .f22,#mainbar .f22,#rightbar f22 { font-size:22px; }

.lijst1{
list-style-image: url(../img_site/bulletsquaresmall.gif)
}

abbr, acronym{
	border-bottom: 0px;
	cursor: help;
	text-decoration:underline;
}

#navcontainer{
width:100%;
padding-bottom:10px;
}

 #navcontainer ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width:100%;
 }

#navcontainer li { margin: 0 0 0 0; }

 #navcontainer a
 {
 display: block;
 color: #404d4e;
 
 width: 100%;
 padding: .6em 0 0 0;
 text-decoration: none;
 }

#navcontainer .sub a
 {
 display: block;
 color: #404d4e;
 
 width: 100%;
 padding: .3em 0 0em 0;
 text-decoration: none;
 }

 #navcontainer a:hover
 {
 color: #e03420;
 }

#navcontainer p.klein {
	font-size:10px;
	font-style:italic;
}

.alertkader{
	border:2px solid #ccc;
	padding:10px;
	background: #e7ede9;
	margin-bottom:5px;
}	
#menulogpart{
text-align:right;
border: 1px solid #aaa;
padding:3px;
}
li.menukleur_boven{
background:#e0e0e0;
padding-right:2px;
}



#navcontainer1 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 32px; left: 360px; width: 70px;}
#navcontainer2 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 32px; left: 430px; width: 130px }
#navcontainer3 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 32px; left: 560px; width: 100px }
#navcontainer4 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 32px; left: 660px; width: 100px }
#navcontainer5 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 32px; left: 760px; width: 100px }

#navcontainer11 { font-size: 12px; font-family: arial, helvetica; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 6px; left: 30px;width:70px;}
#navcontainer12 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 6px; left: 101px; width: 124px }
#navcontainer13 { font-size: 12px; font-family: helvetica, arial, verdana; background-color: transparent; text-align: left; margin: 0 auto; position: absolute; top: 6px; left: 226px; width: 90px; }

ul.navlist     { text-align: left; list-style-type: none;margin: 0 auto 0 0px; padding: 0; position: relative; width: 100% }
ul.navlist li  { text-align: left; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; display: block;line-height:12px;}
ul.navlist li a { color: #444; text-decoration: none; background-color:#fbfbfb; text-align: left; padding: 2px 0px 2px 2px; border-style: solid;
				border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; width: 100%; display: block;
line-height:12px;
}
	
#navcontainer1>ul.navlist li a { width: auto }
#navcontainer2>ul.navlist li a { width: auto }
#navcontainer3>ul.navlist li a { width: auto }
#navcontainer4>ul.navlist li a { width: auto }
#navcontainer5>ul.navlist li a { width: auto }

#navcontainer11>ul.navlist li a { width: auto }
#navcontainer12>ul.navlist li a { width: auto }
#navcontainer13>ul.navlist li a { width: auto }
	
ul.navlist li#active a { color: #800000; background-color: #a7cad3; text-align: left }
ul.navlist li a:hover, 	ul.navlist li#active a:hover { color: #800000; background-color: #a7cad3; text-align: left; border-color: #aaab9c #fff #fff #ccc }



#navleft{
width:100%;
padding-bottom:10px;
}

 #navleft ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width:100%;
 }

#navleft li { margin: 0 0 0 0; }

 #navleft a
 {
 display: block;
 color: #404d4e;
 
 width: 100%;
 padding: .6em 0 0 0;
 text-decoration: none;
 }

#navleft .sub a
 {
 display: block;
 color: #404d4e;
 
 width: 100%;
 padding: .3em 0 0em 0;
 text-decoration: none;
 }

 #navleft a:hover
 {
 color: #e03420;
 }

#navleft p.klein {
	font-size:10px;
	font-style:italic;
}

