/*** Jenaplanbasisschool de Hoeve ***/


* {
margin: 0;
padding: 0;
}

html {  
background: url(../images/haan_rechts.jpg) top right fixed no-repeat;
}

body {background: url(../images/bgx.jpg) repeat-x;}

body {				
font-family: Verdana, Arial, Sans-serif;
font-size: 12px;
color: #242021;
}

#container {
margin: 0px auto 0px;
width: 960px
}

#header {
width: 950px;
height: 160px;
border-bottom: 1px solid #242021;
margin: 0 auto 0;
}

#logo h1 a {
position: relative;
left: 0px;
top: 17px;
display: block;
width: 310px;
height: 154px;
float: left;
background: url(../images/logo.png) no-repeat;
text-indent: -9999px;
}

#header_rechts {
width: 640px;
float: right;
}

#zoeken {
width: 632px;
height: 34px;
overflow: hidden;
text-align: right;
margin: 6px 8px 0px 0px;
}

a.zoekbutton {
background: url(../images/zoekbutton.png);
width: 89px;
height: 17px;
display: block;
float: right;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
text-align: center;
padding: 5px 0px 0px 0px
}

form.search-form {
border: 1px solid #242021;
height: 20px;
background: #ffffff;
}

#extra_menu {
width: 632px;
height: 40px;
overflow: hidden;
text-align: right;
margin: 6px 8px 0px 0px;
}

#extra_menu a {color: #242021;font-size:10px;}
#extra_menu a:hover {text-decoration: none;}

#menu {
width: 594px;
margin: 37px 0px 0px 102px;
}

#nav li:hover, #nav li.hover {position: static;}
#nav {float: right; position: relative; width: 650px; list-style: none;}
#nav li {float: left; display: inline; margin: 0; padding: 0;}
#nav a {display: block; width: 183px; height: margin: 0; padding: 4px 0 5px 15px; text-decoration: none; color: #ffffff; font-size: 15px; font-weight: bold;}
#nav a:hover, #nav a.current {width: 183px; margin: 0; padding: 4px 0 5px 15px; text-decoration: none; color: #ffffff; font-size: 15px; font-weight: bold;}

#nav li.navb {height: 26px; background: url(../images/navb.png);}
#nav li.navr {height: 26px; background: url(../images/navr.png);}
#nav li.navg {height: 26px; background: url(../images/navg.png);}

#nav ul {float: right; padding: 0; margin: 0; list-style: none;}
#nav ul a {display: block; width: 170px; margin: 0; padding: 5px 10px; font-weight: normal; color: #242021; font-size: 11px; font-weight: bold; border-top: 1px solid #ffffff;}
#nav ul a:hover, #nav ul a.subcurrent {display: block; width: 170px; margin: 0; padding: 5px 10px; color: #242021; font-size: 11px; font-weight: bold; border-top: 1px solid #ffffff;}

#nav li ul {position: absolute; width: 190px; left: -999em; margin: 0px 0px 0px 8px;}
#nav li ul li {padding: 0;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

.navb {color: #ffffff; background-color: #0396D7;}
.navb li:hover, .navb li.sfhover {background:#037FB6}
.navr {color: #ffffff; background-color: #E51B24;}
.navr li:hover, .navr li.sfhover {background:#C1171E}
.navg {color: #ffffff; background-color: #FFCE07;}
.navg li:hover, .navg li.sfhover {background:#D9AF06}


#portaal {
width: 960px;
height: 215px;
background: url(../images/portaal.png);
margin: 10px 0px 0px 0px;
}

#portaal_image {
width: 540px;
height: 201px;
float: left;
margin: 0px 0px 0px 16px;
padding: 14px 0px 0px 0px;
}

#portaal_image img {border: 1px solid #ffffff;}

#jarigen {
width: 182px;
height: 180px;
float: left;
border-right: 1px solid #ffffff;
margin: 15px 0px 0px 7px;
padding: 0px 10px 0px 5px;
color: #ffffff;
}

#jarigen h3 {font-size: 13px; font-weight: bold;}
#jarigen ul {padding: 10px 0px 0px 15px;}
#jarigen li {font-size: 10px; padding: 0px 0px 5px 0px;}

#extranet {
width: 190px;
float: right;
margin: 15px 0px 0px 0px;
color: #ffffff;
}

#extranet h3 {font-size: 13px; font-weight: bold; margin: 0px 0px 8px 0px;}

#pbutton a {
display: block;
width: 175px;
height: 30px;
margin: 0px 0px 0x 5px;
background: url(../images/pbutton.png) no-repeat;
padding: 15px 0px 0px 0px;
}

#pbutton a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
text-align: center;
font-weight: bold;
}

#portaal_content {
width: 950px;
margin: 0 auto 0;
overflow: hidden;
}

#nieuws {
width: 540px;
float: left;
padding: 0px 0px 0px 10px;
margin: 10px 0px 0px 0px;
}

#nieuws p {
font-size: 13px;
line-height: 18px;
margin: 0px 0px 4px 0px;
}

#nieuws h2 a {
color: #0396D7;
text-decoration: none;
padding: 0px 0px 10px 0px;
font-size: 0px;
}

#nieuws h1 {
margin: 0px 0px 0px 0px;
color: #0396D7;
padding: 0px 0px 10px 0px;
font-size: 16px;
font-weight: bold;
}

#nieuws a {
color: #E51B24;
margin: 4px 0px 0px 0px;
}

#p_nieuwsitem {
width: 540px;
margin: 0px 0px 10px 0px;
overflow: hidden;
}

.ptxt {
float: left;
width: 360px;
height: 123px;
}

.pimage a img {
float: right;
width: 170px;
height: 120px;
border: 1px solid #242021;
}

#border {
width: 540px;
border-bottom: 1px solid #242021;
margin: 0px 0px 10px 0px;
}

#hoeve_tv {
width: 390px;
float: right;
margin: 5px 0px 0px 0px;
}

#portaalfooter {
width: 950px;
height: 25px;
color: #ffffff;
background: #242021;
font-size: 11px;
margin: 0px 0px 10px 5px;
padding: 8px 0px 0px 0px;
}

#portaalfooter p {text-align: center;}
#portaalfooter a {color: #ffffff;}


/*** volgpagina stijling ***/


#content {
width: 950px;
margin: 0 auto 0;
overflow: hidden;
}

#main_content {
width: 585px;
float: right;
margin: 10px 0px 0px 0px;
}

#main_content p {margin: 0px 0px 10px 0px;line-height: 18px;}
#main_content a {color: #0396D7;}

#main_content li {
margin: 5px 0px 5px 20px;
list-style-type: disc;
}

#kolom {
width: 310px;
float: left;
margin: 15px 0px 0px 0px;
}

#footer {
width: 585px;
height: 95px;
background: url(../images/volgfooter.png) right no-repeat;
margin: -30px 0px 20px 0px;
}

#kruimelpad {font-size: 10px;margin: 0px 0px 8px 0px;}
#kruimelpad a {color: #221E1F;}
#kruimelpad a:hover {text-decoration:none;}


/*** kolom stijling ***/


#kolom_submenu {
width: 280px;
margin: 0px 0px 15px 0px;
background: #E8E8E8 url(../images/blockbg.jpg) right top no-repeat;
border-top: 3px solid #221E1F;
overflow: hidden;
padding: 20px 20px 20px 20px;
}

#kolom_jarigen {
width: 280px;
margin: 0px 0px 15px 0px;
background: #81CAEB;
border-top: 3px solid #0396D7;
overflow: hidden;
padding: 20px 20px 20px 20px;
}

#kolom_content {
width: 280px;
margin: 0px 0px 15px 0px;
background: #F28D91;
border-top: 3px solid #E51B24;
overflow: hidden;
padding: 20px 20px 20px 20px;
}

#kolom h2 {font-size: 22px; font-weight: normal; margin: 0px 0px 10px 0px;}

#kolom li {
list-style-type: none;
padding: 0px 0px 0px 20px;
line-height: 28px;
}

#kolom_submenu a {color: #312D2E; text-decoration: none;}
#kolom_submenu a:hover {color: #ffffff; padding: 5px 5px 5px 5px; background-color: #312D2E;}
#kolom_content p {line-height: 22px;}
#kolom_content a {color: #312d2e;}
#kolom_content a:hover {text-decoration: none;}


/*** Gallery ***/

#gallery_pagenrs {
	font-size: 12px;
	margin-right: 5px;
	margin-top: 5px;
	text-align: right;
}
#gallery_pagenrs span.currentpage {
	font-size: 12px;
	color: #363636;
	font-weight: bold;
}

#gallery_prev {
	font-size: 12px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
#gallery_prev img {
	font-size: 12px;
	border: none;
	vertical-align: middle;
}

#gallery_next {
	font-size: 12px;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#gallery_next img {
	font-size: 12px;
	border: none;
	vertical-align: middle;
}

#gallery_home {
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
}
#gallery_home img {
	font-size: 12px;
	border: none;
}

#gallery_photo {
	font-size: 12px;
	clear: both;
	padding-top: 10px;
	text-align: center;
}

#wrapPhoto {
	display:						block;
	width:							100%;
	padding:						1px 1px 20px 1px;
	background-color:				#FFFFFF;
	text-align:						left;
	-moz-box-sizing:				border-box;
	overflow:						hidden;
}
#wrapPhoto:after { 
	content: 						".";
	display: 						block;
	line-height: 					1px;
	font-size: 						1px;
	clear: 							both;
}
#photo {
	display:						block;
	width:							120px;
	height:							90px;
	margin:							20px 0 0 20px;
	overflow:						hidden;
	float:							left;
	border:							1px solid #363636;
	
	text-align: center;
}