/* @override http://dev.statik.be/verkeersslang/themes/verkeersslang/styles/theme.css */

@import url('reset.css');
@import url('joppa.css');
@import url('schoolformulieren.css');

html {
	text-align: center;
	
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 67%;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #4a4a4a;
	font-size: 1.4em;
	
	height: 100%;
	z-index: 1;
	position: relative;
}

a {
	color: #98a129;
	font-weight: bold;
	text-decoration: none;
}

#container {
        min-height: 100%;
        
        height: auto !important;
        height: 100%;
        margin: 0px auto -55px auto;
        
        background-image: url("../images/background_body.png");
        background-position: bottom center;
        background-repeat: no-repeat;        
}    
    

#push {
	height: 145px;
	width: 950px;
	margin: 0 auto;
}

    #serviceContainer {
       height: 25px;
       padding-top: 9px;
       background-color: #b2bc39;
       border-bottom: 7px solid #98a129;
       color: #FFF;
    }
    
    #service {
       width: 950px;
       margin: 0px auto 0px auto;
       text-align: right;
    }
    
    #service a {
        color: #FFF;
        font-weight: bold;
        font-size: 16px;
    }
    
    #service ul li {
       display: inline;
    }
    
    #service ul #home,
    #service ul #registreren,
    #service ul #aanmelden,
    #service ul #afmelden,
    #service ul #faq {
        background: url(../images/bullet.service.gif) no-repeat;
        background-position: right center;
        padding-right: 7px;
        margin-right: 4px;
    }
    
    #service ul li a.selected {
        color: #6b3a00;
    }


/* @group Branding */

	#branding {
		width: auto;
		height: 211px;
		margin-left: auto;
		margin-right: auto;
		background: url('../images/background_header.gif') top left repeat-x transparent;
		
	}
	
	#branding h1 {
		text-indent: -9999px;
		overflow: hidden;
		height: 211px;
		width: 950px;
		margin: 0px auto 0px auto;
		position: relative;
		z-index: 1;
	}
	
	#branding h1 a {
		width: 637px;
		height: 211px;
		margin-left: 313px;
		background: url('../images/logo.gif') top right no-repeat;
		display: block;
	}
	
	#branding blockquote {
		display: none;
	}    

/* @end */

/* @group Navigation */

#navigation {
	height: 88px;
	margin: -10px auto 0 auto;
	width: 950px;
	position: relative;
	z-index: 1;
	background: transparent;
}

	/* @group nav_primary */
	
	#nav_primary {
		width: 940px;
		position: relative;
	}
	
	#nav_primary ul{
		margin: 0px;
		padding: 0px;
		height: 2;
		list-style: none;
	}
	
	#nav_primary ul li{
		float: left;
	}
	
	#nav_primary ul li a {
		margin: 0px;
		padding: 0px;
		height: 80px;
		text-decoration: none;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	/* @group nav_buttons */
	
		#nav_primary ul li#spel a {
			width: 127px;		
			background-image: url('../images/spel.gif');
			margin-right: 0px;
			margin-left: 15px;
		}
		
		#nav_primary ul li#begeleiding a {
			width: 174px;
			background-image: url('../images/begeleiding.gif');
			margin-right: 20px;
		}
		
		#nav_primary ul li#publicaties a {
			width: 178px;
			background-image: url('../images/publicaties.gif');
			margin-right: 0px;
		}
		
		#nav_primary ul li#fluomateriaal__fietshelmen a {
			width: 252px;
			background-image: url('../images/materiaal.gif');
			margin-right: 0px;
		}
		
		#nav_primary ul li#sam_rinkelt a {
			width: 136px;
			background-image: url('../images/samrinkelt.gif');
			margin-right: 0px;
		}
		
	/* @end */
	
	/* @group hover selected */
	
		#nav_primary ul li a:hover, #nav_primary ul li a.selected {
			background-position: left -81px;
		}
	
	/* @end */
	
	/* @end */

/* @end */


/* @group Content */

	#content {
		width: 950px;
		margin: 0px auto;
		position: relative;
/*		background: transparent; */
	}
	
	/* @group content_primary */
		
		#content_primary {
			width: 596px;
			font-size: 0.85em;
			float: left;
/*			margin: -78px 0px 0px 321px;
			padding: 80px 25px 20px 15px; */
		}
		
		#content_primary p {
			margin-bottom: 15px;
			line-height: 1.4em;
		}
		
		#content_primary h2 {
			font-size: 1.6em;
			line-height: 1.5em;
			margin-bottom: 15px;
			color: #98a129;
		}
		
		#content_primary h3 {
			color: #E78901;
			font-size: 1.3em;
			margin-bottom: 10px;
			line-height: 1.1em;
		}

		#content_primary h4 {
			color: #E78901;
			font-size: 1.2em;
			margin-bottom: 10px;
			line-height: 1.0em;
		}

		#content_primary h5 {
			color: #E78901;
			font-size: 1.1em;
			margin-bottom: 10px;
			line-height: 1.0em;
		}
		
		#content_primary h6 {
			color: #E78901;
			font-size: 1.0em;
			margin-bottom: 10px;
			line-height: 1.0em;
		}
		
		#content_primary ul, #content_primary ol {
			margin-bottom: 15px;
		}
		
		#content_primary h3 a, #content_primary h4 a, #content_primary h5 a, #content_primary h6 a {
			color: #E78901;
		}
		
		#content_primary ol li {
			line-height: 1.4em;
		}
		
		#content_primary ul li {
			margin-left: 1.5em;
			list-style: url('../images/bullet.gif');
			line-height: 1.4em;
		}
		
		#content_primary ol li {
			list-style: decimal;
			margin-left: 1.5em;
			color: #98a129;
		}
		
		#content_primary table td {
		  vertical-align: top;
		}
		
		#content #content_primary img {
			margin: 0px 10px 10px 0px;
/*			float: left; */
		}
		
		#content #content_primary img.alternative {
			float: right;
			margin: 0px 0px 10px 10px;
		}
		
		#content #content_primary .googleMap {
			margin: 3em 0em 3em 3.5em;
			border: 1px solid #4a4a4a;
		}
		
		#content #content_primary form {
			margin-top: 1.5em;
			margin-bottom: 1.5em;
		}
		
		#content_primary form div {
			margin-bottom: 7px;
		}
		
		#content #content_primary form p {
			margin-top: 15px;
		}
		#content #content_primary label {
			font-weight: bold;
		}
		form label { width: 250px; }
		form.formInhBeg label {width: auto;}
		
		form span.description { color: #999; font-size: smaller; display: block; }
		
		#content #content_primary input, #content #content_primary textarea {
			border:  1px solid #7a7a7a;
		}
		
		#content #content_primary input.submit {
			background: #E78901;
			display: inline;
			padding: 5px;
			margin: 0;
			margin-left: 250px; 
			margin-top: 15px;
			color: #ffffff;
			font-weight: bold;
			border: 1px solid #E99503;
		}
		
		/* @end */
		
		/* @group content secondary */
		#content_secondary {
/*			position: absolute; 
			top: 87px;
		    */
		    float: left;
			width: 300px;
			font-size: 0.85em;
			line-height: 140%;
			margin-right: 40px;
		}
		
		#content_secondary .nav li {
			list-style: none;
			float: none;
		}
		
		#content_secondary .nav li a{
			clear: left;
			display: block;
			width: 256px;
			height: 19px;
			background: url('../images/button_subnav.gif') top left no-repeat;
			padding: 6px 22px;
			color: #ffffff;
			text-decoration: none;
			position: relative;
		}

        #content_secondary .nav li ul li a{
			background: url('../images/button_subnav2.gif') top left no-repeat;
			padding-left: 42px;
			width: 236px;
		}
		
		#content_secondary .nav li a:hover, #content_secondary .nav li a.selected {
			background-position: bottom left;
		}
		
		#content_secondary p.logos {
			vertical-align: bottom;
		}
		
		
	/* @end */
 /* @end */
 
#content_primary  #homeButtons {
    float: right;
    text-align: right;
    list-style: none;
 }

#content_primary #homeButtons li {
    list-style: none;
}
 
 #linkSchoolInDeKijker {
    font-size: 0;
    background-image: url(../images/button_scholenindekijker.png);
    display: block;
    width: 206px;
    height: 116px;
    margin-bottom: 15px;
 }

#linkResultaten {
    font-size: 0;
    background-image: url(../images/button_resultaten.jpg);
    display: block;
    width: 200px;
    height: 100px;
 }
 
#formUserRegistration div.preSubscribtion input {
	width: 16px;
}

#content_primary ol.rules li {
    color: #4a4a4a;
}

#content_primary .question {
    margin-bottom: 18px;
}

#content_primary .question label,
#formUserRegistration div.preSubscribtion label {
	display: inline;
	float: none;
}

#content_primary .question label.question {
    margin-bottom: 12px;
    display: block;
    width: 100%;
    float: none;
}

#content_primary .question input {
    border: 0;
    margin-right: 12px;
}

#content #content_primary #formContest div.phone {
    margin-bottom: 18px;
}

#content #content_primary .question div.answer label {
    font-weight: normal;
}

#infoRegisterSchool {
    padding: 15px 15px 7px 15px;
    background-color: #f8e6ce;
    border: 1px solid #f0c799;
    margin-bottom: 12px;
    display: none;
}

#formContest #formContestQuestion4 {
    height: 17px;
    width: 50px;
}

#infoRegisterSchool ul li {
    list-style: url('../images/bullet2.gif');
}

p.faqTop {
    font-size: x-small;
}
 
/* @group Site-info */

	#site_info {
		width: 950px;
		color: #ffffff;
		font-size: 80%;
		letter-spacing: 0.1em;
		height: 55px;
		margin: 0px auto;
		margin-top: 0px;
/*		background: url('../images/background_body.gif') bottom left repeat-x; */ 
	}
	
	#site_info table.logos {
		position: absolute;
		margin-top: -90px;
		margin-left: 10px;
		color: #555;
		font-size: 10px;
		width: 300px;
		letter-spacing: normal;
	}
	
	#site_info table.logos th, 
	#site_info table.logos td {
	   width: 49%;
	}
	
	#site_info .logos img {
        margin-top: 5px;
		margin-right: 5px;
	}
	
	#site_info p {
		padding-top: 20px;
	}
	
	#site_info a {
		color: #ffffff;
		text-decoration: none;
	}
	
	#site_info a:hover {
		text-decoration: underline;
	}
	
/* @end */
.print { float: right; padding-left: 20px; line-height: 11px; font-size: 11px; background: transparent url(../images/print-icon.gif) no-repeat; }

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
  
  .print { display: none; }
}


hr {
    border-top-color: #BBB;
    border-bottom-color: #DDD; 
}