/* CSS file voor de gehele Johnny Shadow-site*/
html,body{
	text-align:center;	
	padding:0;
	margin:0;
	background: url(../img/bg.jpg) repeat center top;	
	font-family: Arial, Verdana, sans-serif;
	height:100%;
}

img, div, button { 
	behavior: url(iepngfix.htc);
}

h1{
	padding:0;
	margin:0;
	font-size: 26px;
	color:#5e3e1c;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}

h2{
	color: #5e3e1c;
	padding:0;
	margin:0;
	font-size: 24px;
	
}

h3{
	color:#1f4b54;
}

a{
	color:#42a5b0;
	text-decoration:none;
}

a:hover{
	color:#e86200;
}

p,ul,ol,td{
	font-size:10pt;	
	color:#5e3e1c;
	line-height:14pt;	
}

table{
	background: url(../img/bg_table.jpg) repeat;
	padding:0;
	margin:0 0 10px 0;		
}

th{
	font-size:10pt;	
	color:#5e3e1c;
	line-height:14pt;	
	font-weight:bold;
	vertical-align:top;	
	border: 1px solid #fffffe;	
	padding:3px;
}

td{
	vertical-align:top;	
	border: 1px solid #fffffe;
	padding:3px;
	margin:0;
}

p{
	margin-top:0;
}

.intro{
	font-weight:bold;
}

.stippellijn{
	background: url(../img/stippellijn.gif) no-repeat;
	height:20px;
	clear:both;	
}


.toplink a{
	font-size:9pt;
	font-weight:bold;
	color:#000;	
	text-decoration:underline;
}
.toplink a:hover{
	color:#e86200;
}

.clearer{
	clear:both;	
}

.left{
	float:left;	
}
.right{
	float:right;	
}

.secondpagetitle{
	margin-top:10px;	
	margin-left:-60px;
	margin-bottom:30px;	
}

#backgroundwrap{
	background: url(../img/bg_page.jpg) repeat-y center top;	
	width:1024px;
	margin: 0 auto 0 auto;
	min-height:100%;
	position:relative;	
}

#page{
	width:1024px;
	background: url(../img/header.jpg) no-repeat;
	position:relative;
	text-align:left;
}

#pagetitle{
	position:absolute;
	top:230px;
	left:280px;		
}

#introtekst{
	padding-top:290px;
	padding-left:345px;	
	text-align:left;
	width:505px;
}

#introtekst.leftalign{
	padding-left:280px;	
	text-align:left;
	width:505px;
}


#funcmenu{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

#funcmenu a{
	font-size:9pt;
	font-weight:bold;
	color:#000;
}
#funcmenu a:hover{
	color:#e86200;
}

#submenu{
	position:fixed;
	margin: 0 auto 0 145px;
	top:300px;
	width:180px;
	text-align:right;	
}
/*ie6 hack*/
* html #submenu{
	position:absolute;
}

#submenu a{
	display:block;
	padding: 5px 0 0 0;
	font-size:9pt;
	font-weight:bold;
	color:#000;
	text-decoration:underline;
}

#submenu a:hover{
	color:#e86200;
}

#page_content{
	margin: 0 auto 0 auto;
	padding:0 0 30px 0;
	text-align:left;
	width:800px;

}

#footer{
	background: url(../img/bg_footer.jpg) no-repeat center bottom;	
	height:140px;

}
#footer.partners{
	background: url(../img/bg_footer_logo.jpg) no-repeat center bottom;
	position:relative;	
}
.partners a{
	display:block;
	position:absolute;
	width:85px;
	height:85px;
	font-size:0pt;
	color:#fff;
}
.partners a:hover{
	color:#fff;
}
.partners a.zwitsal{
	top:20px;
	left:33px;
}
.partners a.nickelodeon{
	top:20px;
	left:128px;
}

#partners{
	background: url(../img/bg_partners.jpg) no-repeat top left;
	height:448px;
	width:589px;
	margin-left:-27px;

}

#partners .partnercolumn{
	float:left;
	width:206px;
	margin-top:10px;	
}

#partners img{
	margin-bottom: 10px;
	border:none;
}

#partners p{
	padding-left: 10px;
}

#partners .left{
	padding-left: 24px;
}

#partners .right{
	margin-left: 93px;
}

#zonkrachtmenu{
	position:absolute;
	top:230px;
	left:345px;		
	width:548px;
	height:240px;
	background: url(../img/submenu_ouders.gif) no-repeat top left;

}

#zonkrachtmenu a{
	position: absolute;
	font-size:0pt;
	display:block;
}

#zonkrachtmenu a.sms{
	width:150px;
	height:30px;
	top:146px;
	left:161px;
	color:#7e95bd;
}
#zonkrachtmenu a.sms:hover{background: url(../img/zonkrachtmenu_sms_over.gif) no-repeat top left}

#zonkrachtmenu a.hyves{
	width:175px;
	height:25px;
	top:146px;
	left:334px;
	color:#c7c05b;
}
#zonkrachtmenu a.hyves:hover{background: url(../img/zonkrachtmenu_hyves_over.gif) no-repeat top left}

#zonkrachtmenu a.email{
	width:150px;
	height:25px;
	top:194px;
	left:156px;
	color:#b28a45;
}
#zonkrachtmenu a.email:hover{background: url(../img/zonkrachtmenu_email_over.gif) no-repeat top left}

#zonkrachtmenu a.widget{
	width:180px;
	height:25px;
	top:195px;
	left:331px;
	color:#c06e54;
}
#zonkrachtmenu a.widget:hover{background: url(../img/zonkrachtmenu_widget_over.gif) no-repeat top left}

#zonkrachtwidgetlink{
	width:183px;
	height:125px;
	display:block;
	background: url(../img/download_ouders.gif) no-repeat top left;
}
#zonkrachtwidgetlink:hover{background: url(../img/download_ouders_over.gif) no-repeat top left}

#introtekst.ouders{
	padding-top:480px;
}

#mail_form label{
	font-size:11pt;	
	font-weight:bold;
	color:#5e3e1c;
	padding-right: 15px;
}

#mail_form ul{
	width:300px;
	list-style-type:none;	
}

#mail_form li {
	text-align:right;
	padding-top:4px;
	padding-bottom:4px;
}

#mail_form input {
	border:1px solid #1f4b54;
	background:none;
	width:214px
}

#mail_form #form_submit {
	float:right;
	width:150px;
	height:55px;
	border:none;
	background: url(../img/submit_ouders.gif) no-repeat top right;
	cursor:pointer;
	font-size:0;
}
#mail_form #form_submit:hover {
	background: url(../img/submit_ouders.gif) no-repeat top left;
}

#mail_form .inputerror{
	border:1px solid red;
}
#mail_form .errormessage{
	color:red;
	font-size:11pt;
	font-weight:bold;
	padding-bottom:10px;
}
#mail_form .succesmessage{
	color:green;
	font-size:11pt;
	font-weight:bold;
	padding-bottom:10px;
}

.airwidget {
	float:right;
	padding-right:30px;
}

/*	MENU */

#mainmenu{
	position:absolute;
	top:25px;
	left:10px;
	width:222px;
	height:218px;
	background: url(../img/menu_canvas.png) top left no-repeat;
}

#mainmenu ul{
	position:relative;
	padding:0;
	margin:0;
	list-style-type:none;	
	text-align:left;
}

#mainmenu ul li a{
	display:block;
	width:212px;
	margin-left:1px;
	font-size:0;
	text-align:right;
	color:#fff;	
}

#mainmenu ul li a.home{
	margin-top:19px;
	height:31px;
	display:block;
	background: transparent url(../img/menu_items.png) top left no-repeat;
}
#mainmenu ul li a.home:hover, #mainmenu ul li a.home.selected{
	background-position: top right;
}

#mainmenu ul li a.zon{
	height:22px;
	background: transparent url(../img/menu_items.png) 0px -31px no-repeat;
}
#mainmenu ul li a.zon:hover, #mainmenu ul li a.zon.selected{
	background-position: -213px -31px
}
#mainmenu ul li a.test{
	height:22px;
	background: transparent url(../img/menu_items.png) 0px -53px no-repeat;
}
#mainmenu ul li a.test:hover, #mainmenu ul li a.test.selected{
	background-position: -213px -53px
}
#mainmenu ul li a.wedstrijd{
	height:21px;
	background: transparent url(../img/menu_items.png) 0px -75px no-repeat;
}
#mainmenu ul li a.wedstrijd:hover, #mainmenu ul li a.wedstrijd.selected{
	background-position: -213px -75px
}
#mainmenu ul li a.actie{
	height:21px;
	background: transparent url(../img/menu_items.png) 0px -96px no-repeat;
}
#mainmenu ul li a.actie:hover, #mainmenu ul li a.actie.selected{
	background-position: -213px -96px
}
#mainmenu ul li a.lesmateriaal{
	height:23px;
	background: transparent url(../img/menu_items.png) 0px -117px no-repeat;
}
#mainmenu ul li a.lesmateriaal:hover, #mainmenu ul li a.lesmateriaal.selected{
	background-position: -213px -117px
}
#mainmenu ul li a.ouders{
	height:28px;
	background: transparent url(../img/menu_items.png) 0px -140px no-repeat;
}
#mainmenu ul li a.ouders:hover, #mainmenu ul li a.ouders.selected{
	background-position: -213px -140px
}