/* CSS Document */

html, body{margin: 0; padding: 0;}
body{background: url(../images/bg.gif) repeat-x #ffffff;}

/********** 
 CONTAINER
**********/
#container{ width: 971px; background: url(../images/content_bg.gif) repeat-y; margin-left: auto; margin-right: auto; margin-top: 0px;font-family: Helvetica, Arial, sans-serif;
	height: 543px;
}
#container_footer{width: 971px; height: 15px; background: url(../images/content_footer.gif) no-repeat; margin-left: auto; margin-right: auto;}

/**********
  LOGIN
**********/
#container #login{ width: 614px; height: 204px; background: url(../images/login_bg.gif) no-repeat; margin-right: auto; margin-left:auto; margin-top: 100px  }
#container #login #geovisia{ width: 120px; height: 90px; margin: 80px 0 0 15px; float: left;}
#container #login #geovisia span.geovisia{ font-size: 20pt; color: #ff9999; font-weight: bold; }
#container #login #geovisia span.online{ font-size: 24pt; color: #cc3333; font-weight: bold; }

#container #login #form{ width: 250px; height: 90px; margin: 80px 10px 0 30px; float: left;
	top: -22px;
	left: 464px;
} 
#container #login #form table{ border: none;}

/**********
  HEADER
**********/
#container #header{ margin-right: 40px; float: right;}
#container #header a
{
	display: -moz-inline-box;
	display: inline-block;
	height: 52px;
	width: 156px;
	text-decoration: none;
	color: #666666;
	font-size: 10pt;
	padding: 20px 0 0 10px;
	background-image: url( '../../Images/geovisia_standaard.gif' ) no-repeat;
}
#container #header a.geovisia_onderhoud_active{ width: 177px; color: #ffffff; font-weight: bold; font-style: italic; background: url(../images/geovisia_onderhoud.gif) no-repeat;}
#container #header a.geovisia_onderhoud:hover{ width: 177px; color: #ffffff; font-weight: bold; font-style: italic; background: url(../images/geovisia_standaard.gif) no-repeat;}
#container #header a.geovisia_projecten_active{ width: 177px; color: #ffffff; font-weight: bold; font-style: italic; background: url(../images/geovisia_projecten.gif) no-repeat;}
#container #header a.geovisia_projecten:hover{ width: 177px; color: #ffffff; font-weight: bold; font-style: italic; background: url(../images/geovisia_standaard.gif) no-repeat;}

/**********
  LOGININFO
**********/
#container #logininfo{ width: 300px; height: 40px; margin-left: 30px; float: left; padding: 10px 0;}

/**********
  CONTENT
**********/
.clearer{ clear: both;}
#container #submenu{ width: 154px; height: 154px; background: url(../images/sub_menu_bg.gif) no-repeat; margin-left: 30px; float: left; padding: 10px 0;}
#container #submenu ul{ list-style: none; margin: 0; padding: 0;}
#container #submenu ul li{ margin: 0 0 5px 15px; font-size: 10pt;}
#container #submenu ul li a{ text-decoration: none; color: #999999;}
#container #submenu ul li a:hover, a:active{ text-decoration: none; color: #cc3333; font-weight: bold;}
#container #submenu ul li a.active{ text-decoration: none; color: #cc3333; font-weight: bold;}

#container #content{ width: 514px; background: url(../images/content_txt_bg.gif) no-repeat; float: left; margin-left: 30px; padding: 10px; font-size: 10pt;
	height: 212px;
}

#container #content_logout{float: left; margin-left: 60px;margin-top: 150px; width: 80px;}
#container #content_logout a
{
	color: #999999;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: bold;
}
#container #content_logout a:hover, a:active{color: #cc3333; text-decoration: underline; font-size: 8pt; font-weight: bold;}

#container #logo{ float: right; margin-right: 10px; margin-top: 100px;
}