/* wordoverblijfmedewerker.nl css layout: */
html {
	height: 			100%;
	overflow: 			-moz-scrollbars-vertical;
}

body{
	padding:			0;
	margin:				0;
	font:				12px arial;
	background:			#241950;
	color:				#000000;
}

a{
	text-decoration:	none;
	color:				#000099;
}

a:hover{
	text-decoration:	none;
}

#container{
	margin:				0 auto 15px auto;
	width:				730px;
	padding:			5px 20px 20px 20px;
	background:			#ffffff;
}

div.warning {
	border:				solid 2px #FF0000;
	background-color:   #FF9999;
	width:				505px;
	text-align:			center;
	padding:			10px;
	font-weight:		bold;
}

#logo{
	padding:			5px 5px 5px 5px;
	margin:				15px 0 0 0;
}

#desc{
	height:				200px;
	color:				#fff;
	padding:			0;
	background:			#fff url(../images/header.jpg) top left no-repeat ;
	clear:				both;
	margin:				5px 0 0 0;
}

#desc p{
	width:				290px;
	font-size:			1em;
	line-height:		1.3em;
	padding:			0 0 0 15px;
}

#desc h2{
	padding:			15px 15px 0 15px;
	color:				#ffffff;
}

#desc a{
	color:				#ffffff;
	text-decoration:	underline;
}

#main{
	width:				550px;
	float:				left;
	padding:			0 10px 0 0;
	border-right:		1px solid #cccccc;
}

.blockstlos{
	background:			#FFFFCE;
	padding:			10px;
}

div.header {
	position:			relative;
	left:				275px;
	top:				-20px;
	font-size:			30px;
	font-weight:		bold;
	color:				#3B50A1;
	font-family:		comic Sans MS;
	width: 475px;
}

div.subheader {
	position:			relative;
	left:				430px;
	top:				-25px;
	font-size:			18px;
	color:				#EF6C02;
	font-family:		comic Sans MS;
	width: 305px;
}

.blockouders{
	background:			#FCF3E7;
	padding:			10px;
}

.blockscholen{
	background:			#F5EAE3;
	padding:			10px;
}

strong {
	color:				#EF6C02;
	font-size:			16px;
}

.blockmedewerkers{
	background:			#FEFAEB;
	padding:			10px;
}

.blockinloggen{
	background:			#F0FFF0;
	padding:			10px;
}

#sidebar{
	width:				140px;
	float:				left;
	margin-left:		10px;
}

#sidebar p{
	font-size:			1.1em;
	line-height:		1.3em;
	margin:				15px 6px 12px 0;
}

.sidelinkstlos{
	text-align:			left;
	display:			block;
	width:				130px;
	background:			#FFFFCE url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;
	padding:			3px 4px 3px 8px;
	margin:				2px 10px 2px 0;
	text-decoration:	none;
}

.sidelinkstlos:hover{
	background:			#FFEE00 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;
	text-decoration:	none;
}

.activesidelinkstlos{
	text-align:			left;
	display:			block;
	width:				130px;
	background:			#FFEE00 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;
	padding:			3px 4px 3px 8px;
	margin:				2px 10px 2px 0;
	text-decoration:	none;
}

.sidelinkouders{
	text-align:			left;
	display:			block;
	width:				130px;
	background:			#FCF3E7 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;
	padding:			3px 4px 3px 8px;
	margin:				2px 10px 2px 0;
	text-decoration:	none;
}

.sidelinkouders:hover{
	background:			#D38629 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;
	text-decoration:	none;
}

div.image_viewer {
	position:			absolute;
	border:				solid 2px #FFEE00;
	top:				150px;
	width:				680px;
	text-align:			center;
	background-color:	#fff;
	display:			none;
	padding:			10px;
	-moz-opacity: 		0.0;
	opacity:			.0;
	filter: 			alpha(opacity=0);
}


.activesidelinkouders{
	text-align:			left;
	display:			block;
	width:				120px;
	background:			#D38629 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;
	padding:			3px 4px 3px 8px;
	margin:				2px 10px 2px 0;
	text-decoration:	none;
}



.sidelinkscholen{

text-align:left;

display:block;

width:120px;

background:#F5EAE3 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:2px 10px 2px 0;

text-decoration:none;

}



.sidelinkscholen:hover{

background:#A31C3D url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

text-decoration:none;

}



.activesidelinkscholen{

text-align:left;

display:block;

width:120px;

background:#A31C3D url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:2px 10px 2px 0;

text-decoration:none;

}



.sidelinkmedewerkers{

text-align:left;

display:block;

width:120px;

background:#FEFAEB url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:2px 10px 2px 0;

text-decoration:none;

}



.sidelinkmedewerkers:hover{

background:#ECD31F url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

text-decoration:none;

}



.activesidelinkmedewerkers{

text-align:left;

display:block;

width:120px;

background:#ECD31F url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:2px 10px 2px 0;

text-decoration:none;

}



.activesidelinkinloggen{

text-align:left;

display:block;

width:120px;

background:#007D00 url(http://www.lunchenopschool.nl/images/corner.gif) top right no-repeat;

padding:3px 4px 3px 8px;

margin:2px 10px 2px 0;

text-decoration:none;

}



#footer{
	clear:			both;
	background:		#3B50A1;
	color:			#fff;
	font-size:		0.9em;
	font-weight:	bold;
	height:			14px;	
	padding:		2px 0 2px 0;
	border-top:		10px solid #fff;
	border-bottom:	1px solid #ccc;
	text-align:		center;
}



#footer a{
	color:			#fff;
}



h1{

margin:0 0 20px 0;

font-size:2.1em;

font-weight:normal;

}



h2{

margin:0 0 20px 0;

font-size:1.6em;

font-weight:normal;

}



h3{

margin:20px 0 10px 0;

font-size:1.4em;

font-weight:normal;

}



p{

margin:0 0 15px 0;

line-height:1.5em;

text-align:left;

}



.right{

text-align:right;

}



a img{

border:0;

}



.hide{

display:none;

}.tabletekst {
	background-color: #FFFDF7;
}
.formblock {
	border: 1px solid #666666;
}

 .dvhdr1 {
	background:#FFFDF7;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color: #3B50A1;
	border:1px solid #FCE58E;
	padding:5px;
	width:150px;
 }
 
 .dvbdy1 {
	background:#FFFDF7;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #FCE58E;
	border-right:1px solid #FCE58E;
	border-bottom:1px solid #FCE58E;
	padding:5px;
	width:150px;
 }

td.contact_link {
	cursor: pointer;
	text-decoration: underline;
	color: #3B50A1;
}
