/* 
	Background-Styles 
*/

body, html {
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, Trebuchet MS;
	color: black;
	font-size:13px;
	line-height:15px;
	height: 100%;
	background: #bed62f;
	overflow: hidden;
	
	scrollbar-arrow-color: #ebf3c0;
	scrollbar-face-color: #bed62f;
	scrollbar-highlight-color: #bed62f;
	scrollbar-3dlight-color: #bed62f;
	scrollbar-shadow-color: #bed62f;
	scrollbar-darkshadow-color: #bed62f;
	scrollbar-track-color: #e3eabc;
}

#container {
width: 964px;
margin: 0px auto 0px auto;
background-color: #ebf3c0;
}

/* Head */
#head {
width: 964px;
height: 142px;
padding: 6px 0px 6px 0px;
background-color: white;
}

#head_scroll {
width: 726px;
height: 142px;
float: left;
}

#head_scroll_in {
width: 726px;
height: 142px;
float: left;
}

#head_plaatjes {
width: 238px;
height: 142px;
margin: 0px 4px 0px 0px;
float: left;
}

#head_logo {
width: 218px;
height: 130px;
background: url(images/logo.jpg) center center;
float: left;
color: #b2ccbd;
text-align: left;
padding: 6px 10px 6px 10px;
font-size: 10px;
}

#head_logo a {
color: #b2ccbd;
text-decoration: none;
}

#head_logo a:hover {
color: white;
text-decoration: none;
}

/* Menu  */
#menu {
width: 964px;
height: 28px;
overflow: hidden;
background-color: #26abe2;
border: 1px solid red;
}

#menu3 {
width: 964px;
height: 28px;
background-color: #26abe2;
}

#menu a {
height: 23px;
padding: 5px 18px 0px 18px;
font-size: 15px;
text-decoration: none;
color: white;
border-right: 1px solid white;
display: block;
float: left;
text-transform: lowercase;
}

#menu a:hover {
background-color: #1e7ea6;
}

.menu_active {
height: 23px;
padding: 5px 18px 0px 18px;
font-size: 15px;
text-decoration: none;
color: white;
border-right: 1px solid white;
display: block;
float: left;
text-transform: lowercase;
background-color: #1e7ea6;
}

	/* General */
	#cssdropdown, #cssdropdown ul {
	list-style: none;
	}
	
	#cssdropdown, #cssdropdown * {
	padding: 0;
	margin: 0;
	}
	
	/* Head links */
	#cssdropdown li.headlink {
	
	float: left;
	border-right: 1px white solid;
	text-align: center;
	}
	
	#cssdropdown li.headlink a {
	display: block;
	height: 23px;
	width:136px;
	padding: 5px 0px 0px 0px;
	text-transform: none;
	text-align: center;
	text-decoration: none;
	background-color: #26abe2;
	color: white;
	}
	
	#cssdropdown li.headlink a:hover {
	background-color: #1e7ea6;
	color: white;
	}

	/* Child lists and links */
	#cssdropdown li.headlink ul {
	
	overflow: hidden;
	display: none;
	text-align: left;
	position: absolute;
	z-index: 999;
	}
	
	#cssdropdown li.headlink:hover ul {
	display: block;
	}
	
	#cssdropdown li.headlink ul li a {
	height: 23px;
	width: 129px;
	padding: 5px 0px 0px 14px;
	text-transform: none;
	font-size: 12px;
	text-align: left;
	color: #bed62f;
	background: url(images/pijltje.jpg) 3px 8px no-repeat white;
	}
	
	#cssdropdown li.headlink ul li a:hover {
	background: url(images/pijltje2.jpg) 3px 8px no-repeat #bed62f;
	color: white;
	}
	
	#situatie em {
	background: url(images/hover.png) no-repeat;
	width: 108px;
	height: 20px;
	position: absolute;
	text-align: center;
	padding: 12px 20px 14px 20px;
	font-style: normal;
	z-index: 5;
	display: none;
	}

/* Main */
#main {
width: 964px;
height: 384px;
overflow: hidden;
background: url(images/stempel_bg.png) bottom right no-repeat;
}

#main_links {
width: 446px;
height: 348px;
padding: 18px;
overflow-y: auto;
float: left;
}

#main_rechts {
width: 482px;
height: 384px;
float: left;
}

/* Stappen woningen */

#situatie {
float: left;
width: 692px;
height: 344px;
position: relative;
}

#cycleding {
width: 692px;
height: 344px;
}

#cycle_in {
width: 692px;
height: 344px;
position: relative;
}

#gebouw_button {
position: absolute;
border: 1px solid black;
background-color: grey;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
}

#stappen_button {
float: left;
display: block;
height: 23px;
width: 382px;
padding: 5px 0px 0px 18px;
text-transform: none;
text-decoration: none;
background: url(images/pijltje_wit.png) 5px 10px no-repeat #bed62f;
color: white;
font-size: 14px;
line-height: 18px;
margin-top: 10px;
}

#stappen_active {
float: left;
display: block;
height: 23px;
width: 382px;
padding: 5px 0px 0px 18px;
text-transform: none;
text-decoration: none;
background: url(images/pijltje_wit.png) 5px 10px no-repeat #14532a;
color: white;
font-size: 14px;
line-height: 18px;
margin-top: 10px;
}

/* Nieuwskart */

#nieuwskrant {
width: 964px;
height: 28px;
background: url(images/nieuws_krant_bg.jpg) repeat-x top left;
font-size: 18px;
}

#nieuwskrant a {
color: white;
text-decoration: none;
font-size: 16px;
}

#nieuwskrant a:hover {
color: white;
text-decoration: underline;
}

/* Classes */
a {
color: green;
text-decoration: none;
}

a:hover {
color: #26abe2;
text-decoration: none;
}

h2 {
margin: 0px 0px 10px 0px;
text-transform: none;
}

.clear {
clear: both;
}

img {
border: 0px;
}