/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website of Bornego Scholengroep   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Layout styles
 *	   - Poll
 */


/* Layout styles 
-------------------------------------------------------------------------------------------------*/

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background:#fff url(/images/images_new/background_home.png) no-repeat fixed center bottom;
}

	#main_container {
		width: 948px;
		background:url(/images/images_new/maincontainer_back.png) no-repeat scroll 0 0;
		margin: 0 auto;
		min-height: 100%;
		height: auto !important; /* voor moderne browsers */
		height: 100%; /* voor IE */
		display: block;
		padding-bottom: 67px;
	}
	
	/*
	#falkena #main_container {
		background:#266fbd url(/images/images_new/maincontainer_back_falkena.png) no-repeat scroll 0 0;
	}
	*/
	
	#falkena #main_container {
		background:url(/images/images_new/falkena_maincontainer_back.png) no-repeat scroll 0 0;
	}
	
	#kingweg #main_container {
			background:url(/images/images_new/kingweg_maincontainer_back.png) no-repeat scroll 0 0;
		}
		
	#beugel #main_container {
			background:url(/images/images_new/beugel_maincontainer_back.png) no-repeat scroll 0 0;
		}
		
	#joure #main_container {
			background:url(/images/images_new/joure_maincontainer_back.png) no-repeat scroll 0 0;
		}
	
	
	
		#site_top {
			height: 86px;
			float: left;
			width: 948px;
			position: relative;
			display: inline;
			overflow: auto;
			font-size: 0;
		}
		
			#logo {
				position: absolute;
				bottom: 0;
				left: 95px;
				top: 16px;
				display: block;
			}
			
			#search {
				margin: 0;
				padding: 0;
				position: absolute;
				top: 41px;
				left: 770px;
			}
			
				#search .search_input {
					border: none;
					width: 118px;
					height: 15px;
					float: left;
					padding: 3px 8px 2px 8px;
					font: normal 12px/13px Arial, Helvetica, sans-serif;
					background: #fff url(/images/images_new/zoeken_back.png) no-repeat;
				}
				
				#search .search_button {
					background: #fff;
					width: 44px;
					height: 17px;
					font: bold 12px/12px Arial, Helvetica, sans-serif;
					color: #0053a0;
					border: none;
					float: right;
					text-transform: uppercase;
				}
				
			#quick_menu {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				top: 8px;
				right: 0;
			}
			
				#quick_menu li {
					float: left;
					height: 11px;
					font-size: 0;
					line-height: 0px;
					border-right: 2px solid #0053a0;
				}
				
				#quick_menu li.last {
					border: none;
				}
				
					#quick_menu li a,
					#quick_menu li a:active, 
					#quick_menu li a:visited,
					#quick_menu li a:link {
						font: bold 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
						color: #0053a0;
						text-decoration: none;
						margin: 0 10px;
					}
					
					#quick_menu li a:hover {
						text-decoration: underline;
					}
					
					#quick_menu li.last a,
					#quick_menu li.last a:visited, 
					#quick_menu li.last a:active,
					#quick_menu li.last a:link,
					#quick_menu li.last a:hover {
						margin: 0 0 0 7px;
					}
					
		#top_menu {
			height: 54px;
			width: 948px;
			float: left;
			display: block;
			position: relative;
			z-index: 2;
			
		}
		
			#portal_menu {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				left: 90px;
				top: -24px;
			}
			
				#portal_menu li {
					float: left;
					height: 24px;
					font: bold 11px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
					padding: 0 6px;
					color: #abbd26;
				}
				
					#portal_menu li a,
					#portal_menu li a:active,
					#portal_menu li a:link,
					#portal_menu li a:visited {
						font: bold 11px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
						text-decoration: underline;
						color: #0053a0;
					}
					
					#portal_menu li a:hover {
						color: #abbd26;
					}
					
			#department_menu {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				right: 0px;
				top: 6px;
			}
			
				#department_menu li {
					float: left;
					font-size: 0;
					width: auto;
					border-left: 3px solid #fff;
				}
				
				#department_menu li.green {
					background-color: #26BD56;	
				}
				
				#department_menu li.blue {
					background-color: #266FBD;	
				}
				
				#department_menu li.purple {
					background-color: #9226BD;	
				}
				
				#department_menu li.red {
					background-color: #BD2632;	
				}
				
				
				#department_menu li.green a:hover, #department_menu li.green.active a {
					border-bottom: 3px solid #26BD56;
				}
				
				#department_menu li.blue a:hover, #department_menu li.blue.active a {
					border-bottom: 3px solid #266FBD;
				}
				
				#department_menu li.purple a:hover, #department_menu li.purple.active a {
					border-bottom: 3px solid #9226BD;	
				}
				
				#department_menu li.red a:hover, #department_menu li.red.active a {
					border-bottom: 3px solid #BD2632;	
				}
				
				
					#department_menu li a,
					#department_menu li a:active,
					#department_menu li a:link,
					#department_menu li a:visited {
						font: bold 10px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
						text-decoration: none;
						color: #FFF;
						padding: 0 10px;
						text-transform: uppercase;
						letter-spacing: 2px;
						display: block;
						border-bottom: 3px solid #fff;
					}
					
		#content_container {
			padding: 0 20px;
			top:129px;
			/*
			position:absolute;
			background: #abbd26 none repeat scroll 0 0;
			*/
		}
		
		.clear_content_container{
			clear: both;
		}
		
			#content_left {
				width: 228px;
				float: left;
				margin: -10px 10px 0 0;
				padding: 0;
				background: #fff url(/images/images_new/menuback_home.png) no-repeat 0 0;
			}
			
			/*
			#falkena #content_left {
				background: #fff url(/images/images_new/menuback_falkena.png) no-repeat 0 0;
			}
			*/
			#falkena #content_left {
				background: #fff url(/images/images_new/falkena_menuback.png) no-repeat 0 0;
			}

			#kingweg #content_left {
							background: #fff url(/images/images_new/kingweg_menuback.png) no-repeat 0 0;
						}

			#beugel #content_left {
							background: #fff url(/images/images_new/beugel_menuback.png) no-repeat 0 0;
						}

			#joure #content_left {
							background: #fff url(/images/images_new/joure_menuback.png) no-repeat 0 0;
						}
			
				#main_menu {
					margin: 20px 0 0 20px;
					padding: 0;
					list-style: none;
					display: block;
					clear: both;
				}
				
					#main_menu li {
						border-bottom: 1px solid #abbd26;
						text-align: left;
						cursor: default;
						float: left;
						clear: both;
					}
					
					#main_menu li.active {
						color: #000
					}
					
					#main_menu li a {
						background-repeat: no-repeat;
						background-position: 0 0px;
					}
					
					#main_menu li.mm_home a {
						background-image: url(/images/images_new/mm_home.png);
					}
					
					#main_menu li.mm_about a {
						background-image: url(/images/images_new/mm_about.png);
					}
					
					#main_menu li.mm_identity a {
						background-image: url(/images/images_new/mm_identity.png);
					}
					
					#main_menu li.mm_quality a {
						background-image: url(/images/images_new/mm_quality.png);
					}
					
					#main_menu li.mm_more a {
						background-image: url(/images/images_new/mm_more.png);
					}
					
					#main_menu li.mm_education a {
						background-image: url(/images/images_new/mm_education.png);
					}
					
					#main_menu li.mm_calendar a {
						background-image: url(/images/images_new/mm_calendar.png);
					}
					
					#main_menu li.mm_8 a {
						background-image: url(/images/images_new/mm_8.png);
					}
					
					#main_menu li.mm_contact a {
						background-image: url(/images/images_new/mm_contact.png);
					}
					
					#main_menu li.mm_oud_bornego a {
						background-image: url(/images/images_new/mm_oud_bornego.png);
					}
					
					#main_menu li.mm_location a {
						background-image: url(/images/images_new/mm_about.png);
					}
					
					#main_menu li.mm_calendar2 a {
						background-image: url(/images/images_new/mm_calendar.png);
					}
					
					#main_menu li.mm_gallery a {
						background-image: url(/images/images_new/mm_gallery.png);
					}
					
					#main_menu li.mm_parents a {
						background-image: url(/images/images_new/mm_parents.png);
					}
					
					#main_menu li.mm_students a {
						background-image: url(/images/images_new/mm_students.png);
					}
					
					#main_menu li.mm_download a {
						background-image: url(/images/images_new/mm_download.png);
					}
					
						#main_menu li a,
						#main_menu li a:visited,
						#main_menu li a:link,
						#main_menu li a:hover {
							font: bold 11px/29px Verdana, Geneva, Arial, Helvetica, sans-serif;
							text-decoration: none;
							color: #0053a0;
							padding-left: 35px;
							height: 29px;
							width: 161px;
							display: block;
							margin-left: -7px;
						}
						
						#main_menu li.active a,
						#main_menu li a:hover {
							color: #000;
							background-position: 0 -29px;
						}
						
						
						#main_menu li ul.subMenu {
							padding: 0;
							margin: 0;
							list-style: none;
							clear: both;
						}
						
							#main_menu li ul.subMenu li {
								height: auto;
								border-bottom: none;
								text-align: left;
								cursor: default;
								float: left;
								clear: both;
							}
							
							#main_menu li ul.subMenu li.last {
								padding-bottom: 10px;
							}
							
								#main_menu li ul.subMenu li a,
								#main_menu li ul.subMenu li a:active,
								#main_menu li ul.subMenu li a:link,
								#main_menu li ul.subMenu li a:visited {
									font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
									text-decoration: none;
									color: #0053a0;
									margin-left: 28px;
									height: auto;
									width: 150px;
									display: block;
									padding: 2px 0 2px 10px;
									overflow: visible;
									background: url(/images/images_new/mm_sub.png) no-repeat 0 9px;
								}
								
								#main_menu li ul.subMenu li a:hover {
									color: #000;
								}
								
									#main_menu li ul.subMenu li a span {
										display: block;
										float: left;
										padding: 0 3px;
										cursor: pointer;
									}
				
				
				
				#Groep8 {
					float: left;
					margin: 30px 5px;
					border: 6px solid #be2632;
					
				}
					
					#Groep8 img {
						float: left;
					}	
					
				#extra-info {
					float: left;
					margin: 20px;
					border: 6px solid #0053A0;
					overflow: hidden;
					min-height: 100%;
					width: 177px;
					display: inline;
				}
					
					#extra-info img {
						float: left;
					}

				#tijdelijk{
					float: left;
					margin: 20px;
					overflow: hidden;
					width: 190px;
					display: inline;
				}
					
					#tijdelijk img {
						float: left;
					}
					
					
									
				#ingelijst {
					background: url(/images/images_new/ingelijst_bg.gif) no-repeat scroll left bottom;
					margin: 20px 0 20px 20px;
					float: left;
					display: inline;
					height:160px;
				}
					
					#ingelijst img {
						float: left;
						padding: none;
					}	
					
					#ingelijst div {
						border: 6px solid #0053A0;
						border-width: 0 6px 6px 6px;
						float: left;
					}

				#opendag { margin:15px 20px;
					padding-top: 20px;
					clear: both; }
					#opendag img { float:left; border:6px solid #0053a0; }

			
			#content_right {
				overflow: hidden;
				float: left;
				margin-top: -72px;
			}
			
				#photo_header {
					font-size: 0;
					margin: 0;
					padding: 0;
					display: block;
				}
				
				.foto {
					margin: 59px 0 4px 220px;
					vertical-align: bottom;
					float: left;
					
				}
				
				.kid {	
					line-height: 0;
					padding: 0;
					margin: -230px 0 0 60px;
					vertical-align: bottom;
					display: block;
					float: left;
				}
				
				a.kidlink {
					display: inline-block;
					width: 208px;
					height: 45px;
					background: url(/images/images_new/leesverhaal.png) no-repeat 0 0;	
					margin: -45px 0 0 -230px;
					float: left;
				}
				a.kidlink:hover {
					background-position: 0 -45px;
				}
				
				
				#sitePath {
					padding: 15px 0 20px 20px;
					margin: 0;
					list-style: none;
					display: block;
					clear: both;
					background: #ffffff url(/images/images_new/sitepathback.png);
				}
				
				#falkena #sitePath {
					background: #ffffff url(/images/images_new/falkena_sitepathback.png);
			}
			#kingweg #sitePath {
								background: #ffffff url(/images/images_new/kingweg_sitepathback.png);
						}
			#beugel #sitePath {
								background: #ffffff url(/images/images_new/beugel_sitepathback.png);
						}
			#joure #sitePath {
								background: #ffffff url(/images/images_new/joure_sitepathback.png);
						}
				
				
				
					#sitePath li {
						float: left;
						font: normal 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
						color: #303030;
					}
					
						#sitePath li a,
						#sitePath li a:visited,
						#sitePath li a:active,
						#sitePath li a:link,
						#sitePath li a:hover {
							font: normal 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
							color: #0053A0;
							padding-right: 6px;
							margin-right: 6px;
							display: block;
							border-right: 1px solid #303030;
						}
						
				#content {
					float: left;
					text-align: left;
					clear: both;					
					width: 100%;
					background: #ffffff;
				}

/* Poll styles 
-------------------------------------------------------------------------------------------------*/

.PollTable {
	width: 195px;
}

.PollTitleTD {
	background: url(/images/images_new/poll_header.gif) no-repeat;
	width: 195px;
	height: 29px;
}

.LemmaTitleTD,
.OptionVoteTD,
.VoteButtonTD,
.ArchiveLemmaResultTable,
.LemmaResultTable {
	background: #FFF;
}

.LemmaResultTable {
	padding: 6px;
}

.OptionVoteTD {
	padding: 0 6px;
}

.LemmaTitleTD,
.VoteButtonTD {
	padding: 6px;
	text-align: left;
}

.LemmaTitle,
.LemmaResult,
.OptionVoteLabel {
	font: normal 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	white-space: normal;
}

.VoteButton {
	font: normal 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	border: none;
	background: #F00;
}

.OptionVoteResultName {
	font-weight: bold;
}

.OptionVoteResultBerPercent {
	line-height: 18px;
	padding-left: 4px;
}

.OptionVoteResultBar {
	line-height: 18px;
	height: 18px;
	font-size: 0;
}

.OptionVoteResultVotes {
	font-size: 9px;
	font-style: italic;
}

#portretOverlay {
	width:207px;
	height:224px;
	background:url(/images/images_new/oudBornego_overlay.gif) top left no-repeat;
	margin-top:6px;
	float:left;
	position:absolute;
	top:-45px;
	z-index:5;
}