/* keiweekvindicat.nl screen stylesheet
------------------------------------------------------------ */

* { padding: 0px; margin: 0px; }
body { padding: 20px 0px 0px 0px; height: 100%; margin: 0px; font-family: "Bookman Oldstyle", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; color: #000; background: url(../_images/back.png) repeat-x top left #eb4746; }

#wrapper { position: relative; padding: 3px; margin: 0px auto 20px; width: 903px; background-color: #fff; }
#container { padding: 0px; margin: 0px 0 3px 0; width: 903px; height: 100%; overflow: hidden; }
/* NETWORK SITES */

#bloklinks { width: 750px; float: left; }
#blokrechts { margin-left: 3px; background-color: #fff; width: 150px; float: left; height: 584px; }
#blokrechts .ad1 { margin-bottom: 3px; background-color: #03558b; color: white; float: left; width: 150px; height: 200px; padding: 0px; font-size: 12px; }
#blokrechts .ad2 { margin-bottom: 3px; background-color: #03558b; color: white; float: left; width: 150px; height: 200px; padding: 0px; font-size: 14px; }
#blokrechts .ad3 { background-color: #03558b; color: white; float: left; width: 144px; height: 194px; padding: 3px; font-size: 14px; }
#blokrechts .ad1 a img, #blokrechts .ad2 a img, #blokrechts .ad3 a img {border: 0px;}
#mp3player { float: left; background-color: #03558b; color: #fff; width: 750px; margin-top: 0px; margin-bottom: -2px; height: 20px; padding: 0px; }
#mp3player a { float: left; padding: 0px; text-decoration: none; font-size: 11px; color: #fff; margin: 0px 5px 0px 5px; }

#network { padding: 0px; width: 750px; height: 33px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #0467aa; }
#network ul { padding: 0px; margin: 0px 10px 0px 0px; list-style: none; float: right; }
#network ul li { margin: 0px 0px 0px 1px; font-size: 11px; float: left; }
#network ul li a { padding: 0px 12px 0px 12px; line-height: 33px; color: #fff; font-weight: normal; text-decoration: none; border: none; display: block; }
#network ul li a:hover { font-weight: normal; text-decoration: none; }
#network ul li.actief a { font-weight: bold; text-decoration: underline; background-color: #03558b; }

#header { width: 750px; height: 250px; overflow: hidden; }
#header img { background: url(../_images/programma.jpg) no-repeat top left; }
body.home #header img { background-image: url(/_images/programma2.jpg); }
body.programma #header img { background-image: url(/_images/programma.jpg); }
body.fotos #header img { background-image: url(/_images/fotos.jpg); }
body.vindicat #header img { background-image: url(/_images/vindicat.jpg); }
body.logeren #header img { background-image: url(/_images/logeren.jpg); }
body.scholieren #header img { background-image: url(/_images/scholieren.jpg); }
body.it #header img { background-image: url(/_images/it.jpg); }
body.evenementen #header img { background-image: url(/_images/evenementen.jpg); }
body.contact #header img { background-image: url(/_images/contact.jpg); }
body.sponsoren #header img { background-image: url(/_images/home.jpg); }
	
/* navigatie */
#navigatie { width: 750px; height: 30px; overflow: hidden; }
#navigatie ul { width: 750px; height: 30px; background-color: #0467aa; overflow: hidden; display: block; }
#navigatie ul li { font-size: 70%; color: #ffffff; overflow: hidden; float: left; }
#navigatie ul li a { padding: 0px 10px; line-height: 30px; color: #ffffff; text-decoration: none; display: block; }
#navigatie ul li a:hover { text-decoration: underline; background-color: #03558b; }
#navigatie ul li.actief a { color: #03558b; font-weight: bold; text-decoration: none; background-color: #bfdfff; }


#content { padding: 46px 26px 0px; margin: 0px; width: 698px; height: 229px; overflow: auto; float: left; }
body.home #content { padding: 0px; margin: 0px; width: 750px; height: 275px; overflow: hidden; float: left; }
body.home #ccontent { padding: 46px 26px 0px; margin: 0px; width: 448px; height: 229px; overflow: auto; float: left; }
body.home #weblog { font-size: 11px; padding: 5px 5px 0px; margin: 0px; width: 240px; height: 270px; overflow-y: auto; overflow-x: hidden; float: left; }

#sidebar { padding: 60px 36px 26px 0px; margin: 0px; width: 212px; overflow: hidden; float: right; }

/* headers */

h1 { padding: 3px; padding-bottom: 4px; margin-bottom: 15px; font-size: 150%; letter-spacing: -1px; font-weight: normal; color: #fff; background-color: #eb1412; text-align: left; }

/* paragrafen, links, etc. */

#content p,#content address,#content ul,#content ol { position: relative; margin-bottom: 15px; font-size: 80%; line-height: 180%; color: #000; text-align: justify; }
#content a { color: #eb1412; text-decoration: none; border-bottom: 1px solid #eb1412; }
#content a:hover  { background-color: #eb1412; color: #fff; text-decoration: none; border: none; }
#content ul,#content ol { padding:0 30px 8px; }

body.home #weblog .content h1 {  font-size: 12px; background-color: #eb1412; color: #ffffff; padding: 2px; margin: 0px; text-align: left; }
body.home #weblog .content p, body.home #weblog .content p a, body.home #weblog .content .credits { font-size: 10px; }
body.home #weblog .content .entry-clearfix { margin: 0px; height: 5px; font-size: 5px; }

blockquote { padding: 15px; width: 240px; border: 1px solid #000; display: block; float: right; white-space: nowrap; }

/* formulieren */

form fieldset { font-size: 80%; line-height: 180%; border:0; }
form fieldset label { float:left; width:200px; margin:0 20px 20px 0; }
form fieldset input, form fieldset select,form fieldset textarea { float:left; width:200px; margin:0 0 20px; padding:2px; }
form fieldset textarea { height:150px; }
form fieldset br { clear:left; }
form p.error { color:#ff0000; }

/* lightbox */

#lightbox { position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding: 0px 10px 0px 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }