/* New CSS RVD Design
Author: RVD
Last Modified: 14-10-2009
Copyright http://www.rvd-design.nl

Notes:
#0099ff; = Dodgerblue
#366A98 = Darkblue [Winter Skin (BG)]
#808080 = LightGrey [Winter Skin (Text)]
#87CEFF = Blue [Anime Home, ROC ICTers (TABLE BG)]
#94c258 = Green [Campagne (H2), Absenten Registratie (BG,hover)]
#DC143C/crimson = Red [Jigokutsushin (link hover, H1)]
#d8f7af = LightGreen [Campagne (H1)]
#f0f0f0 = White [Winter Skin]
#FAC011 = Orange [Digitaal Portfolio (TH)]
#FBF89C = LightYellow [Digitaal Portfolio (BG)]
#FFA500 =  Orange [Digitaal Portfolio (link hover)]
*/

/* Start Basic */
/* Reset * { margin: 0; padding: 0; border: 0; } */
/* * { margin: 0; padding: 0; } */

form { display:inline; }

img {
 	border: 		0px;
	vertical-align: middle;
}

body {
	background-color: #366A98;
	background-image: url(../images/bg.png);
	color: 			#808080;
	font-family: 	Calibri, Verdana, Tahoma, Arial, sans-serif;
	font-size: 		12px;
}

ul, ol { margin: 5px 0px 5px 0px; }

/* Start Links */
/* LoVe HAte*/

a:link, a:visited, a:active { color: black; text-decoration: none; }
a:hover { color: #1E90FF; text-decoration: underline; }

/* Start Headers */

h1 {
	color:          #366A98;
	font-family: 	Verdana;
	font-size:      12px;
	font-weight:    normal; 
	margin:			20px 0px 10px 0px;
	text-align: 	center;
}

h2 {
	color:          #0099ff;
	font-size:      16px;
	font-weight:    normal;
}

h3 {
	color:          #0099ff;
	font-size:      12px;
	font-weight:    bold;
}

h4 {
	color:          #366A98;
	font-size:      12px;
	font-weight:    bold;
}

h5 {
/*	color:          #D9EBF4;
 	font-family: 	Verdana;
	font-size:      10px;
	font-weight:    bold;
	margin-left:	10px;
	margin-top:		3px;
	margin-bottom:	3px;
	vertical-align: middle; */
}

/* Start Colors */

.black			{color: #000000;}
.dodgerblue   	{color: #0099ff;}
.gray			{color: #808080;}
.lightblue		{color: #D9EBF4}
.red			{color: #FF0000;}
.skyblue		{color: #87CEFF;}
.white			{color: #ffffff;}

.forminput, .textinput {
 	border: 		1px solid #d0d0d0;
 	color: 			#808080;
	font-family: 	Verdana, Tahoma, Arial, sans-serif;
	font-size: 		11px;
}

.radiobutton, .checkbox { 
 	font-size: 		11px;
 	font-family: 	verdana, helvetica, sans-serif;
 	vertical-align: middle;
}

.tablehead {
	background: 	#366A98;
	border: 		#808080;
	color: 			#f0f0f0;
	font-weight:	bold;
	text-align: 	center;
}

.dropdown {
	background-color: #FFFFFF;
	border:			2px inset #BCD0ED;
	color: 			#000;
	font-family: 	Verdana, Arial, Sans-Serif;
	font-size:		10px;
	padding:		2px;
}

#supercontainer {
	margin:			0 auto;
	width: 			1070px;
}

#container {
 	background: 	#f0f0f0;
 	border: 		1px solid black;
 	clear: 			left;
 	float:			left;
	margin: 		0 auto;
	margin-top:		20px;
	-moz-border-radius: 3px 3px 3px 3px;
	overflow: 		hidden;
	-webkit-border-radius: 3px;
	width: 			956px;
}

#flashbanner {
	float: 			left;
	margin-left: 	5px;
    margin-top: 	23px;
}

/* Start Header */

#header {
	border: 		1px solid black;
	background: 	#f0f0f0;
	clear:			both;
	margin: 		1px;
	-moz-border-radius: 3px 3px 3px 3px;
	text-align: 	center;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	width:			952px;
}

/* Start Content */

#content {
 	background: 	#f0f0f0;
 	border: 		1px solid black;
 	float:			left;
 	height:			450px;
 	margin: 		1px;
	-moz-border-radius: 3px 3px 3px 3px;
	overflow: 		auto;
	padding-left: 	5px;
	scrollbar-face-color: 		#E6E5E5;
	scrollbar-highlight-color: 	#FFFFFF;
	scrollbar-shadow-color: 	#366A98;
	scrollbar-3dlight-color: 	#568FC2;
	scrollbar-arrow-color: 		#366A98;
	scrollbar-track-color: 		#FFFFFF;
	scrollbar-darkshadow-color: #366A98;
	scrollbar-base-color: 		#FFFFFF;
	-webkit-border-radius: 3px;
	width: 			643px;
}

/* Start Nav */

#nav {
	background: 	#f0f0f0;
	border: 		1px solid black;
	float:			left;
	height:			450px;
	margin: 		1px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	width:			148px;
}

.navhead {
	background: 	#366A98;
	border: 		1px solid;
	margin: 		0px;
	margin-top: 	5px;
/*	-moz-border-radius: 3px 3px 3px 3px; */
	padding-top:	3px;
	padding-bottom:	3px;
/*	-webkit-border-radius: 3px; */
	width:			146px;
}

.navheadtext {
	color:          #D9EBF4;
 	font-family: 	Verdana;
	font-size:      10px;
	font-weight:    bold;
	padding-left:	10px;
	vertical-align: middle; 
}

.nav-list {
 	list-style: 	none;
	margin: 		0;
	padding: 		0;
}

.nav-list li {
	border-bottom: 	solid 1px #1E90FF;
	cursor: 		pointer;
	padding: 		0px 0px 0px 10px;
}

.nav-list li:hover {
	background: 	#D9EBF4;
	color: 			#1E90FF;
}

.nav-list a:hover { text-decoration: none; }

#right {
	background: 	#f0f0f0;
	border: 		1px solid black;
	clear: 			right;
	float:			left;
	height:			450px;
	margin: 		1px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	width:			148px;
}

/* Start Footer */

#footer {
	background: 	#f0f0f0;
	border: 		1px solid black;
	clear:			both;
	float: 			left;
	margin: 		1px;
	-moz-border-radius: 3px 3px 3px 3px;
	text-align: 	center;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	width:			952px;
}

#info {
 	clear:			both;
	margin:			0 auto;
	text-align: 	center;
}

#QUOTE {
 	background-color: #ffffff;
 	border: 		1px solid #d0d0d0;
	border-left: 	3px dotted #d0d0d0;
	color: 			#a0a0a0;
	font-family: 	Verdana, Arial;
	font-size: 		10px;
	padding: 		2px;
}

#CODE {
	background-color: #ffffff;
	border: 		1px solid #d0d0d0;
	border-left: 	3px dotted #d0d0d0;
	color: 			#a0a0a0;
	font-family: 	Courier, "Courier New", Verdana, Arial;
	font-size: 		11px;
	padding: 		2px;
}

/* Start Lightbox CSS */

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

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

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}

#lightbox-nav-btnNext {
	right: 0;
	float: right;
}

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

#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}