@charset "UTF-8";

/* CSS Document */

html, body {
height:100%;
text-align:center;
}

body {
background:#413a30;
}

/* Layout */

#placeholder {
width:960px;
text-align:left;
margin: 0 auto 0 auto;
height:100%;
background:#ffffff;
}

* html #placeholder {
height:100%; top:0; bottom:0;
}	

#header {
position:relative;
height:135px;
width:100%;
}
	
	.logoholder {
	float:left;
	margin-left:30px;
	padding-top:30px;
	width:250px;
	border-right:1px solid #cccccc;
	}
	
	.navigationholder {
	margin-left:300px;
	}
	
	#topnav {
	margin:0 0 52px 0;
	padding-top:33px;
	}
	
		#topnav ul {
		float:right;
		margin-right:20px;
		}
		
		#topnav ul li {
		float:left;
		display:block;
		border-right:1px solid #cccccc;
		}
		
		#topnav ul li a {
		padding: 0 10px 0 10px;
		text-decoration:none;
		color:#999999;
		font-size:11px;
		}			
			
			#topnav ul li a:hover {
			text-decoration:none;
			color:#000000;
			text-decoration:underline;
			}
			
			#topnav ul .active {				
			}
			
			#topnav ul .active a {
			color:#cc3333;
			}
			
			#topnav ul .active a:hover {
			}	
			
			#topnav ul .last {
			border:0;
			}	

	#mainmenu {
	}
	
		#mainmenu ul {
		float:right;
		margin-right:15px;
		}
		
		
		#mainmenu ul li {
		float:left;		
		display:block;
		}
		
		#mainmenu ul li a {
		padding: 0 20px 0 0;
		text-decoration:none;
		color:#000000;
		font-size:13px;
		}			
			
			#mainmenu ul li a:hover {
			text-decoration:none;
			}
			
			#mainmenu ul .active {
				
			}
			
			#mainmenu ul .active a {
			color:#ffffff;
			font-size:18px;
			background:#cc0000;
			}
			
			#mainmenu ul .active a:hover {
			}


#gallery {
background:url(../../assets/templates/custom/img/bg-gallery.gif) no-repeat;
width:633px;
height:335px;
overflow:hidden;
float:right;
/*position:absolute;
right:20px;*/
}

	#imgslider {
		margin-right:171px;
	}
	
		#imgslidertop {
			position: absolute;
			z-index:100;
		}

		#imgslider .slidertitle {
			margin-left: 7px;
			padding-left:15px;
			font-size:14px;
			height:29px;
			line-height:29px;
			color:#ffffff;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		
		#imgslider .sliderimage {
			margin-left: 7px;
		}
		
		
	
	#imgsliderborder {
		float:right;
		width: 171px;
	}
	
		#imgsliderborder .padding {
			padding:60px 0 0 0;
			}
			
				#imgsliderborder .padding ul {
				margin:0;
				padding:0;
				}
			
				#imgsliderborder .padding ul li {
				margin:0;
				padding:0 0 0 16px;
				}
				
				#imgsliderborder .padding ul li a {
				text-decoration:none;
				font-size:10px;
				line-height:16px;
				font-weight:bold;
				text-transform: uppercase;
				color:#ffffff;
				}			
					
					#imgsliderborder .padding ul li a:hover {
					text-decoration:none;
					color:#413a30;
					}
					
					#imgsliderborder .padding ul .active {
					background:#ffffff;
					}
					
					#imgsliderborder .padding ul .active a {
					color:#413a30;
					
					}
					
					#imgsliderborder .padding ul .active a:hover {
					}


.pageid184 #gallery { display: none;}

#submenu {
width:260px;
margin-bottom:30px;
}

	#submenu ul {
	margin:0!important;
	padding:0!important;
	line-height:10px!important;
	}
	
	#submenu ul li {
	margin:0;
	padding:0;
	list-style-image:none!important;
	list-style-type: none!important;
	}
	
	#submenu ul li a {
	padding: 0 5px 0 0;
	text-decoration:none;
	color:#000000;
	font-size:10px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform: uppercase;
	}			
		
		#submenu ul li a:hover {
		text-decoration:none;
		}
		
		#submenu ul .active {
			
		}
		
		#submenu ul .active a {
		color:#ffffff;
		background:#cc0000;
		padding-left:5px;
		margin-right:5px;
		}
		
		#submenu ul .active a:hover {
		}

#content {
background: url(../../assets/templates/custom/img/bg-header.gif) no-repeat;
padding: 30px 300px 30px 40px;
}

	.pageid1 #content {
padding-left: 0!important;
}


.logowrapper {
background: #ffffff url(../../assets/templates/custom/img/hoge-land-jenaplan-school-beeldmerk.gif) right bottom no-repeat;
position:relative;

min-height:643px;
height:auto !important;
height:643px;
}

.pageid1 .logowrapper {
background: #ffffff url(../../assets/templates/custom/img/hoge-land-jenaplan-school-beeldmerk2.gif) 700px 70px no-repeat!important;
}

#globallinks {
clear:both;
padding:40px 0 0 40px;
margin-bottom:50px;
}
	
	#globallinks .col {
	float:left;
	margin-right:20px;
	background:  url(../../assets/templates/custom/img/post-it.gif) no-repeat;
	width:200px;
	height:116px;
	}
	
	#globallinks ul {
		margin: 0 10px 0 15px;
		padding:0;
	}
	
	#globallinks ul li {
		margin:0 0 2px 0;
	}
	
	#globallinks ul li a {
	text-decoration:none;
	color:#000000;
	font-size:11px;
	line-height:11px;
	}			
		
		#globallinks ul li a:hover {
		text-decoration:none;
		}
		
		#globallinks ul .active {
		}
		
		#globallinks ul .active a {
		color:#ffffff;
		background:#cc0000;
		}
		
		#globallinks ul .active a:hover {
		}

#footer {
width:100%;
position:relative;
height:20px;
}
		#footer ul {
		margin-left:40px;
		}
		
		#footer ul li {
		position:relative;
		display:block;
		float:left;
		border-right:1px solid #999;
		padding:0 8px;
		}
		
		#footer ul li.first {
		padding-left:0;
		}
		
		#footer ul li.last {
		border:0;
		}
		
		#footer ul li a {
		font-size:11px;
		display:block;
		text-decoration:none;
		color:#808080;
		line-height:14px;
		text-decoration: none;
		}	
		
		#footer ul li a:hover {
		color:#333333;
		}
		
	.marginbottom {
		height:50px; background:#ffffff;
	}

 
/*printer styles*/ 
@media print {

/*hide the left column when printing*/ 
#leftcol {
display:none;
}

/*hide the right column when printing*/ 
#rightcol {
display:none;
}

#twocols, #maincol {
width:100%;
float:none;
}
}