/* basis elementen */
body 
{
	
	background: #f2f2f2 url(../images/back.jpg) no-repeat top center;
}

#popup_body
{
	background:none;
	font-family: Arial;
}

#page_wrapper
{
	width:884px;
	/*background-color:#FFFF00;*/
	margin:0 auto;
	
	padding: 0;
	padding-top:180px;
	float: center;
	
	
}

#menu_wrapper
{
	background:  url(../images/vlag_grijs.gif) no-repeat;
	padding-top:30px;
	
	float: left;
	margin:0px;
	overflow: visible;
}

#menu
{
	float: left;
	width:170px;
	padding:15px;
	padding-top:0px;
	margin-top:0px;
	margin-left:-10px;
	
	border: 2px solid #e6e6e6;
	
	
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#menu li
{
	width:170px;
	background: url(../images/menu_pijl.jpg) no-repeat right;
	padding-top:5px;
	padding-bottom:5px;
}

#menu ul ul
{
	margin-left:0px;
	list-style:none;
	
}

#menu ul ul li
{
	background:none;
	
	padding-top:5px;
	padding-bottom:5px;
}

#menu li.selected
{
	width:170px;
	background: url(../images/menu_pijl_selected.jpg) no-repeat right top;
	padding-top:5px;
	padding-bottom:5px;
}

#menu li a:link, #menu li a:visited
{
	
	color:#000000;
	font-size: 18pt;
	font-family: Arial;
	font-weight: bold;
	text-decoration:none;
	width:170px;
	display:block;
}

#menu li a:hover
{
	
	color:#c2b600;
	font-size: 18pt;
	font-family: Arial;
	font-weight: bold;
	text-decoration:none;
	width:170px;
	display:block;
}

#menu ul ul a:link, #menu ul ul a:visited
{
	
	color:#000000;
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
	text-decoration:none;
	width:160px;
	display:block;
	padding-left:10px;
	
}

#menu ul ul a:hover
{
	color:#ffffff;
	background-color:#c2b600;
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
	text-decoration:none;
	width:160px;
	display:block;
	padding-left:10px;
}

#home_wrapper
{
	background:  url(../images/vlag_grijs.gif) no-repeat;
	padding-top:30px;
	
	float: left;
	margin:0px;
	margin-left:30px;
}

#home
{
	float: left;
	width:400px;
	padding:15px;
	padding-top:20px;
	margin-top:0px;
	margin-left:-10px;
	padding-left:30px;
	border: 1px solid #e6e6e6;
	background: #FFFFFF url(../images/balk.gif) repeat-y;
	
	font-family: Arial;
	border: 2px solid #e6e6e6;
	font-size: 12pt;
}

#home h1
{
	
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
}

#login_wrapper
{
	background:  url(../images/vlag_blauw.gif) no-repeat;
	padding-top:30px;
	
	float: left;
	margin:0px;
	overflow: visible;
	margin-left:20px;
}

#login
{
	float: left;
	width:160px;
	padding:15px;
	padding-top:0px;
	margin-top:0px;
	margin-left:-10px;
	
	border: 2px solid #e6e6e6;
	background: #FFFFFF url(../images/balk_blauw.gif) repeat-y;
	padding-left:30px;
	
	font-family: Arial;
	
	font-size: 10pt;
}


#full_content_wrapper
{
	background:  url(../images/vlag_grijs.gif) no-repeat;
	padding-top:30px;
	
	float: left;
	margin:0px;
	margin-left:30px;
}

#full_content
{
	float: left;
	width:620px;
	padding:15px;
	padding-top:20px;
	margin-top:0px;
	margin-left:-10px;
	padding-left:30px;
	border: 1px solid #e6e6e6;
	background: #FFFFFF url(../images/balk.gif) repeat-y;
	
	font-family: Arial;
	border: 2px solid #e6e6e6;
	font-size: 12pt;
}

#full_route_wrapper
{
	background:  url(../images/vlag_grijs.gif) no-repeat;
	padding-top:30px;
	
	float: left;
	margin:0px;
	margin-left:0px;
}

#full_route_content
{
	float: left;
	width:620px;
	padding:15px;
	padding-top:20px;
	margin-top:0px;
	margin-left:-10px;
	padding-left:30px;
	border: 1px solid #e6e6e6;
	background: #FFFFFF url(../images/balk.gif) repeat-y;
	
	font-family: Arial;
	border: 2px solid #e6e6e6;
	font-size: 12pt;
}

#full_content h1
{
	
	font-family: Arial;
	font-weight: bold;
	font-size: 14pt;
}

#full_content h2
{
	
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom:-10px;
}

a.button:link, a.button:visited
{
	background-color:#c2b600;
	color:#FFFFFF;
	font-weight:bold;
	border: 1px solid #FFFFFF;
	padding:5px 5px;
	margin-bottom: 5px;
	
	
	text-decoration:none;
	line-height:200%;
	
	
}

a.button:hover 
{
	text-decoration:none;
	background-color:#FFFFFF;
	color:#c2b600;
	border: 1px solid #c2b600;
	padding:5px 5px;
	margin-bottom: 5px;
	font-weight:bold;
	line-height:200%;
}

a.button_login:link, a.button_login:visited
{
	background-color:#99c1d6;
	color:#FFFFFF;
	font-weight:bold;
	border: 1px solid #FFFFFF;
	padding:5px 5px;
	margin-bottom: 5px;
	
	
	text-decoration:none;
	line-height:200%;
	
	
}

a.button_login:hover 
{
	text-decoration:none;
	background-color:#FFFFFF;
	color:#99c1d6;
	border: 1px solid #99c1d6;
	padding:5px 5px;
	margin-bottom: 5px;
	font-weight:bold;
	line-height:200%;
}

input.button_login
{
	
	
background-color:#99c1d6;
	color:#FFFFFF;
	font-weight:bold;
	border: 1px solid #FFFFFF;
	padding:5px 5px;
	margin-bottom: 5px;
	
	
	text-decoration:none;
	line-height:200%;
}
/* popups */
div#popup_wrapper
{
	width:844px;
	background-color:#FFFFFF;
	margin:0 auto;
	
	padding:25px 10px;
}

div#popup_content
{
   clear:both;
	float:left;
	margin:0px;
	padding:10px;
	background-color: #ffffff;
	width:824px;
}

/* route related */
#line-info
{
	border:1px;	
	overflow:auto;
}

/* speciale divs' */
#routetekenen_map {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 100%; BORDER-BOTTOM: #aaa 1px solid; HEIGHT: 450px;float:left;
}

#vindschool_map {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 600px; BORDER-BOTTOM: #aaa 1px solid; HEIGHT: 450px;float:left;
}
#vindcoordinaat_map {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 600px; BORDER-BOTTOM: #aaa 1px solid; HEIGHT: 450px;float:left;
}
/* losse elementen */


/* formulier mee een streepje */
td.lijn
{
	border-top: 1px solid #e6e6e6;
}

/* 
 * route relaterd */
table.routes_gevonden  tr
{
	
	font-size:70%;
}

table.routes_gevonden_docent  tr
{
	
	font-size:70%;
}

table.bestanden_gevonden_docent  tr
{
	
	font-size:70%;
}

.inlognaam
{
	font-style: italic;
	font-weight:bold;
	font-size: 10pt;
	color:#99c1d6;
	font-family: Arial;
}

.fotobijschrift
{
	font-style: italic;
	font-weight:bold;
	font-size: 10pt;
	
}


a:link, a.button:visited
{
	
	color:#000000;
	font-weight:bold;
	
	text-decoration:underline;
	
	
	
}

a:hover 
{
	color:#000000;
	font-weight:bold;
	
	text-decoration:underline;
}