/* (c)2007 iwit.nl // Ewout van Lambalgen */

/*______________________________________________________________ DE BASICS */


html, body {
	margin:0;
	padding:0;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B6B480;
	background-image: url(../_img/background.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.standaard { background:url(../_img/background2.jpg) center top no-repeat; }

img { border:none; }

#container { margin:0 auto; padding:4px 0 0 0; width:954px; }
#menu {
	width:226px;
	float:left;
	min-height:400px;
}
#content { width:728px; float:left; min-height:400px; font-size:13px; }

a:link, a:visited {
	color:#330033;
	text-decoration:none;
	padding:0 1px 0 1px;
}
a:hover, a:active {
	color:#006633;
	background:#aecbdd;
}


/*______________________________________________________________ DE HEADER */


#header {
	width:954px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 120px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

a.logo { color:#fff; background:url(../_img/iwitlogo.gif) top left no-repeat; font-size: 20px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:1px 0 0 38px; }
a.logo:hover {
	color:#4f7445;
	background:url(../_img/iwitlogo.gif) bottom left no-repeat;
}
a.logo .ewout { display: none; }
a.logo:hover .ewout { color:#fff; display:inline; }


/*______________________________________________________________ HET HOOFDMENU */


a.menuitem { color:#fff; background:url(../_img/menubg.png) top left repeat; font-size:20px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding: 2px 4px 2px 4px; }
a.menuitem:hover {
	color:#4f7445;
	background:#aecbdd;
}

.menubreak {
	height:35px;
}


/*______________________________________________________________ DE CONTENT */


.titel { color:#fff; background:url(../_img/menubg.png) top left repeat; font-size:20px; font-weight:bold; text-transform:uppercase; padding:2px 4px 2px 4px; }

a.thumb { background:url(../_img/menubg.png) repeat; width:88px; height:88px; margin:0 5px 5px 0; padding:5px; display:block; float:left; }
a.thumb:hover {
	background-color: #E8E8A8;
}

.infoblok1 {
	width:655px;
	margin:0 18px 0 0;
	float:left;
	line-height:130%;
}
.infoblok2 {
	width:50px;
	float:left;
	line-height:150%;
}
.COLLUNO {
	float: left;
	width: 200px;
}
.contactblok1 { width:245px; margin:0 18px 0 0; float:left; text-align:justify; line-height:130%; }
.contactblok2 { width:465px; float:left; line-height:150%; }
.ewoutfoto { background:url(../_img/menubg.png) repeat; width:345px; height:124px; margin:-2px 0 18px 0; padding:5px; display:block; float:left; }

.labels { width:60px; float:left; }
.input { width:250px; padding:1px 2px 1px 2px; background:#fff; border:1px solid #aaa; color:#191919; }
.input2 { width:380px; height:150px; margin:2px 0 18px 0; padding:2px; background:#fff; border:1px solid #aaa; color:#191919; }
.input3 { display:none; }
.submit { margin:0 0 0 59px; }


/*______________________________________________________________ DE GANGSTER CHAOS EINDEXAMEN PROJECT PAGINA */


a.gangstalink { color:#5a6b79; background:#fff; font-size:20px; font-weight:bold; padding:2px 4px 2px 4px; display:block; }
a.gangstalink:hover { color:#010101; }
.gangstaklein { color:#364551; font-size:15px; font-weight:normal; padding:2px 2px 0 0; float:right; }

.ex_titel {
	color:#006633;
	background:#fff;
	font-size:20px;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	display:block;
}
.ex_titel_klein { color:#364551; font-size:15px; font-weight:normal; padding:2px 2px 0 0; float:right; }

.ex_intro { line-height:130%; text-align:justify; margin:18px 0 18px 0; }
.ex_intro img { float:right; margin:-18px 0 0 18px; }

.ex_posters { background:url(../_img/reactiesbg.png) repeat; margin: 0 0 10px 0; padding:10px; }
.ex_beursstand { background:url(../eindexamen/_img/beursstand.jpg) top left no-repeat; line-height:130%; text-align:justify; padding:0 0 18px 375px; }
.ex_strip { line-height:130%; text-align:justify; }
.ex_strip img { float:right; margin:0 0 18px 18px; }

.ex_border { border-top:1px dashed #fff; margin:12px 0 12px 0; clear:both; }
.ex_beschrijvingen { line-height:130%; text-align:justify; }


/*______________________________________________________________ DE LIGHTBOX */


#lightbox { position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0; }

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

#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:transparent url(../_img/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }
#prevLink:hover, #prevLink:visited:hover { background:url(../_img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../_img/next.gif) right 15% no-repeat; }

#imageDataContainer { font:10px Verdana, Helvetica, sans-serif; background-color:#000; margin:0 auto; line-height:1.4em; overflow:auto; width:100% }
#imageData { padding:0 18px; color:#aaa; }
#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; background:none; }	
		
#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }


/*______________________________________________________________ DE FOOTER */


#footer { font-size:11px; text-align:right; text-transform:uppercase; margin:36px 0 18px 0; clear:both; }
#footer a:link, #footer a:visited { background:none; }
#footer a:hover, #footer a:active {
	background-color: #B7DDAE;
}
.artist {
	width: 180px;
	float: left;
	text-align: center;
	color: #430D49;
}
.miniheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #591D47;
	font-weight: bold;
	text-transform: uppercase;
}
.subheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 10px;
}
.player {
	width: 625px;
	position: relative;
	top: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: 230px;
}
.bio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	float: left;
	width: 420px;
	position: relative;
	left: 10px;
}
.cd { 
	height: 260px;
	width: 165px;
	float: left;
	text-align: center;
}
.disc {
	height: 260px;
	width: 550px;
	position: relative;
	left: 120px;
	top: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.nlCOLLUNO {
	float: left;
	width: 290px;
	height: 130%;
}
 
.holf {
	float: left;
	width: 600px;
}
.nlinfoblok1 {
	width:320px;
	margin:0 18px 0 0;
	float:left;
	line-height:130%;
}
.nlinfoblok2 {
	width:320px;
	float:left;
}