/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 20-01-2008
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++*/
/*        GENERAL        */

.clearfix:after, div#wrap:after, div#wrapHeader:after, div#content:after, div#map:after, div#item div.top:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac and IE-win \*/
*html .clearfix, div#wrapHeader, div#content, div#map, div#item div.top {height: 1%;}
/* End hide from IE-mac and IE-win */



/*++++++++++++++++++++++++++++++++++++*/
/*           HTML ELEMENTS           */

* {margin:0;} /* Voor de footer */

html {
	margin:0;
	padding:0;
	height:100%;
	}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#121212;
	background: #0a698e url(../img/bg_icoon.gif) no-repeat top left;
	height:100%;
}

body.map {background:#f2efe9;}

h2 {
	margin:0;
	padding:20px 20px 10px 20px;
	background:url(../img/tekst_top.gif) no-repeat top left;
	font-size:18px;
}

h3 {
	color:#FFF; 
	font-size:13px;
	margin:0 0 0 20px;
}

p {margin:0 20px 10px 20px;}

a { text-decoration:none; color:#0a698e; outline:none;}
a:hover {text-decoration: underline;}
em {font-style:normal;}


table {margin:0 0 15px 20px;}
td { padding:1px 5px;}

div.hr {
  height: 1px;
  margin:0 20px 20px 20px;
  background:url(../img/hr_tekst.jpg) no-repeat left;
}

.lijst div.hr { background:url(../img/hr_tekst.jpg) no-repeat left;}

div.hr hr {
  display: none;
}

div.wrong {
	margin:0 20px 10px 25px;
	background-color:#FCC;
	color:#F00;
	font-size:0.8em;
	font-weight: bold;
	height: 26px;
	padding: 0 0 0 5px;
}

div.wrong img {
	margin:3px 0 0 0;
}

/*++++++++++++++++++++++++++++++++++++*/
/*           HTML ELEMENTS           */






/*+++++++++++++++++++++++++++++++++*/
/*           MAIN DIVS            */

div#container {
	/*position:relative;  needed for footer positioning*/
	/*margin:0 auto;  center, not in IE5 
	z-index:0;*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -5.1em 0;
}

div#map {
	position:absolute;
	min-width:945px;
	width:100%;
	/*width:960px;*/
	height:200px;
	z-index:1;
	clear:both;
	margin-bottom: 10px;
	top:108px;
}

div#header {
	min-width:945px;
	width:100%;
	background:url(../img/headerBck.png) no-repeat;
	height:120px;
	padding:0;
	z-index:25;
	position:absolute;
	top:0;
}

div#wrapHeader {
/*	width:945px; */
	width:100%; 	
	background:url(../img/header.png) no-repeat right top;
	height:115px;
/*	margin-left:15px;*/
}

div#login { 
	background:url(../img/login_BG.jpg) no-repeat bottom left; 
	font-size:11px;
	width:230px; 
	height:35px; 
	position:absolute;
	padding:7px 33px 0 17px;
	top:0;
	right:460px;
}
div#login {
	color:#0a698e;
}

div#content{ padding-top:120px;	
}

div#wrapContent {
	width:967px; 
	z-index:2;
	position:relative;
	color:#000;
}

/*body.map div#wrapContent
{
	position:absolute;
	left:660px;
	width:310px;
	z-index:999;
	top:125px;
}*/

div#tekst { 
	width:620px;
	background:url(../img/tekst_bottom.gif) no-repeat;
	background-position: bottom left;
	margin:6px 13px 0 20px;
	padding-bottom:20px;
	float:left;
}

div#item { 
	position:absolute;
	right:0;
	margin-right:50px;
	width:310px;
	z-index:999;
	top:120px;
	color: #FFF;
}

	div.top {background:url(../img/item_BG_darkBlue.png) no-repeat top; padding:20px 20px 0  0;}
	div.bottom {background:url(../img/item_BG_darkBlue_bottom.png) no-repeat bottom; height:38px;}

div#item a.arrow {
	color:#FFF;
	background:url(../img/A_arrow.gif) left no-repeat;
	padding-left:12px;
}

div#item li a {
	color:#FFF;
	padding: 0 0 3px 5px;
	display:block;
}

div#item ul li {
	list-style: none;
	list-style-image:url(../img/A_arrow.gif);
}

div#item ul { 
	margin:10px 0 0 40px;
	padding:0;
}

div#item h3 {
	margin-top: 15px;
}

div#item p {
	margin:0;
	padding: 10px 0 0 20px;
	}
	
div#light {
	margin:25px 20px 0 20px;
	font-size:11px;
	background:url(../img/popupbox.png) no-repeat;
	width: 480px;
	height: 130px;
}

div#light a {
	margin:25px 7px 0 0;
}

div#light hr {
	height: 2px;
  	margin: 5px 0;
	background:url(../img/hr_tekst.jpg);
	color: #adadb0;
	display:block;
	border:none;
}


div#light h1{
	font-size:18px;
	font-weight:bold;
}


div#footer {
	min-width:945px;
	width:100%;
	margin:0;
	background:url(../img/footer_BG.png) top left repeat-x;
	padding:2.8em 0 0.9em 0;
	clear:both;
	height:1.3em;
}

body.map div#footer {
	position:absolute;
	bottom:0;
	z-index:2;
}

div#footer p { margin-bottom:-1px;}

div#footer a {color:#0a698e;}

div.push { height: 5.1em;}
	

/*           MAIN DIVS            */
/*++++++++++++++++++++++++++++++++*/






/*++++++++++++++++++++++++++++++*/
/*        MAIN NAVIGATION      */



ul#nav {
	margin:0; 
	padding:63px 0 0 220px;
	float:left;
	background:url(../img/logo.gif) no-repeat 20px top;
}

ul#nav li {
	float:left; 
	list-style:none;
	height:35px;
	margin-right:5px;
}

ul#nav li.selected {
	background:url(../img/tabLeft.gif) no-repeat top left;
	float:left; 
	list-style:none;
	margin-right:5px;
}


ul#nav li a {
	text-decoration:none; 
	text-transform:uppercase; 
	color:#0a698e; 
	display:block; 
	height:21px;
	padding:7px 10px;
	font-weight:bold;
	outline:none;
	float:left;
}


ul#nav li a:hover {
	text-decoration:underline;
}


ul#nav li em a { 
	background:url(../img/tabRight.gif) no-repeat top right;
	text-decoration:none; 
	text-transform:uppercase;
	color:#FFF; 
}



/*        MAIN NAVIGATION      */
/*++++++++++++++++++++++++++++*/



div#tekst.lijst h2 {background-image:url(../img/tekst_top_large_2.gif);}



/*     CLASSES LIGHTBLUE VARIANT   */
/*++++++++++++++++++++++++++++++++*/

body.lightblue { background:#6291a4; }

body.lightblue div#container {background:url(../img/bg_icoon_lightblue.gif) no-repeat top left;}

body.lightblue div#header {background:url(../img/headerBck_Lightblue.png) no-repeat;}
body.lightblue div#wrapHeader {background:url(../img/header_lightblue.png) no-repeat right top;}

body.lightblue ul#nav li.selected {background:url(../img/tabLeft_lightblue.gif) no-repeat top left;}
body.lightblue ul#nav li em a {background:url(../img/tabRight_lightblue.gif) no-repeat top right;}

body.lightblue div#tekst h2 { background:url(../img/tekst_top_lightblue.jpg) no-repeat top;}
body.lightblue div#tekst.lijst h2 {background:url(../img/tekst_top_large.gif) no-repeat top left;}


body.lightblue div#item div.top { background:url(../img/item_BG_Lightblue.png) no-repeat top;}
body.lightblue div#item div.bottom { background:url(../img/item_BG_Lightblue_bottom.png) no-repeat bottom;}


div#tekst.lijst {width:940px; background:url(../img/tekst_bottom_large.gif) no-repeat bottom left;}



/*     CLASSES LIGHTBLUE VARIANT   */
/*++++++++++++++++++++++++++++++++*/





		
/*   	  OTHER CLASSES		 	  */
/*++++++++++++++++++++++++++++++++*/

span.language { float:right;  display:block; margin-top:85px;margin-right:20px;}
span.language a {text-transform:uppercase; font-weight:bold; color:#ffffff; font-size:11px;   }
span.language em a { color:#121212;}
span.language a.last { background:url(../img/A_last_stripe.gif) left no-repeat; padding: 0 0 0 7px; margin-left:7px;}


.lijst table {
	border-bottom:1px solid #eaeaea; 
	font-size:11px;
}

.lijst td { padding:4px 5px;}

input {	width:340px; border:1px solid #abccd8;}
input.fout {border:1px solid #FF0000;}

input.checkbox { margin-left:20px; margin-top:8px; width:15px; background:#FFFFFF; border:#FFF;}
input.checkboxFirst {margin-left:0; }
input.inputSmall { width:135px; margin: 0 3px 0 2px;}


.bold { font-weight:bold;}
.gray { background:#eaeaea;}

a img { border:0;}

a.button, a.buttonGray, a.zoek { 
	background:url(../img/A_button.gif) no-repeat top left; 
	display:block; 
	height:24px; 
	width:135px; 
	color:#FFF; 
	text-align:center; 
	padding-top:4px;
	float:right;
}

a.zoek {
	background:url(../img/A_buttonSmall.gif) no-repeat left;
	width:50px;
	height:19px;
	padding-top:0;
	float:left;
	margin-left:2px;
}
																		
a.buttonGray {
	background:url(../img/A_button_gray.gif) no-repeat top left; 
	width:78px;
	margin-right:4px;
}

a.logout { 
	background:url(../img/A_logOut.gif) no-repeat left; 
	padding: 0 0 2px 14px;
}

div#mapSmall { 
	width:400px;
	height:300px;
	clear:both;
	border:1px solid #abccd8;
	float:left;
	margin-bottom:15px;
	z-index:1;

}

div#mapSmallOverlay { 
	position: relative;
	margin: 137px 0 0 187px;
	width:29px;
	height:29px;
	z-index:2;
	background:url(../img/map/wifiSingleIcon.png) no-repeat center center;
}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 35%;
	left: 30%;
	width: 480px;
	height: 130px;
	padding: 16px;
	z-index:1002;
	overflow: auto;
}

.sidenote {
	font-size: 11px;
	font-style:italic;
}

.tablemargin {
	padding-bottom: 10px;
}
/*   	  OTHER CLASSES		 	  */
/*++++++++++++++++++++++++++++++++*/