/**
 * "ZOZ - (X)HTML/CSS Framework"
 *
 * @copyright       Copyright 2009, Arjan Terol
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 * @link            http://www.zetozet.nl
 * @package         ZOZ
 * @version         0.9
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2008-12-27 16:18:42 +0200 (Sun, 27 Dec 2008) $
 */
/* @group Reset */
html,body,iframe,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object {margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;display:table;}
table,caption,td,th,thead,tbody,tfoot {vertical-align:middle;text-align:left;font-weight:400;}
tr {display:table-row;}
thead {display:table-header-group;}
tbody {display:table-row-group;}
tfoot {display:table-footer-group;}
col {display:table-column;}
colgroup {display:table-column-group;}
caption {display:table-caption;}
fieldset,img,abbr,form,button,a img {border:none;}
input, select, textarea {font-size:100%;font-family:inherit;}
textarea {font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {font-style:normal;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after {content:'';}
dir, menu {list-style:none;}
img {background:transparent url(../images/loader.gif) 50% 50% no-repeat;border:0;outline:none;display:inline-block;vertical-align:bottom;}
/* Trying to find old html markup.. displayed as red */
u {text-decoration:none;}
font,center,div[align],p[align],table[align],font[color],u {color:#cd0000;font-weight:700;background:#eecc11;margin:10px;padding:10px;border:2px dashed #cd0000;font-size:2em;}
font {font:inherit !important;color:inherit !important;font-size:inherit !important}
/*div {border:1px solid #fff;}*/
/* @end */
/* @group Defaults */
body {background:#fecc00 url(../images/bg.png) 0 0;color:#000;font:75%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;position:relative;}
/* @group Type */
h1 {font-size:2em;font-weight:700;margin:0 0 0.75em;}
h2 {font-size:1.5em;margin:0 0 1em;}
h3 {font-size:1.1666em;margin:0 0 1.285em;}
h4 {font-size:1em;margin:0 0 1.5em;}
h5 {font-size:0.8333em;margin:0 0 1.8em;}
h6 {font-size:0.666em;margin:0 0 2.25em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 {background:url(../images/logo.png) 0 0 no-repeat;display:block;width:456px;height:111px;text-indent:-99999px;position:absolute;top:-12px;left:-12px;}
#closer h4 {margin:0;text-indent:-99999px;}
a {color:inherit;text-decoration:underline;}
a:hover,a:focus {text-decoration:none;}
blockquote p {background:#eee;margin:0 1.5em 1.5em;padding:0.75em;}
p {font-weight:300;margin:0 0 1.5em;}
img.left {float:left;margin:0 1.5em 1.5em 0;padding:0;}
img.right {float:right;margin:0 0 1.5em 1.5em;}
img.top-extra {margin-top:2em;}
sub {bottom:-0.4em;font-size:0.85em;line-height:1em;position:relative;vertical-align:baseline;}
sup {font-size:0.85em;line-height:1em;position:relative;top:-0.4em;vertical-align:baseline;}
strong,b {font-weight:700;}
/* This could be used for side notes. */
p.incr, .incr p {font-size:10px;line-height:1.44em;margin-bottom:1.5em;}
.caps {font-variant:small-caps;letter-spacing:1px;text-transform:lowercase;font-size:1.2em;line-height:1%;font-weight:bold;padding:0 2px;}
/* @group Type Exceptions */
/* Times New Roman-based stack */
.times {font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
/* Modern Georgia-based serif stack */
.georgia {font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;}
/* Traditional Garamond-based serif stack */
.garamond {font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
/* Helvetica/Arial-based sans serif stack */
.helvetica {font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;}
/* Verdana-based sans serif stack */
.verdana {font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;}
/* Trebuchet-based sans serif stack */
.trebuchet {font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;}
/* Impact-based sans serif stack */
.impact {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;}
/* Monospace stack */
.monospace {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;}
/* @end */
/* @end */
/* @group Listing */

/* @group Listing Exceptions */
/* @end */
/* @end */
/* @group Table */
table {border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0;}
caption {font-style:italic;text-align:left;}
tr.alt td {background:#eee;}
td {border:1px solid #000;padding:0.333em;vertical-align:middle;}
th {font-weight:700;padding:0.333em;vertical-align:middle;}
/* @group Table Exceptions */
/* @end */
/* @end */
/* @group Forms */
form fieldset {border:0;margin:0 0 1.5em;position:relative;}
form fieldset fieldset {clear:both;margin:1.5em 0 0;padding:0 0 0 1.5em;}
form input {background:#fff;border:1px solid #ccc;font-size:1em;height:1em;padding:0.375em 0;width:60%;}
form input[type=file] {height:2.25em;padding:0;}
form textarea {background:#fff;border:1px solid #ccc;margin:0;padding:0.375em 0;width:100%;}
form select {font-size:1em;margin:0;padding:0;}
form option {font-size:1em;height:1.5em;line-height:2.25em;padding:0;}
form label {cursor:pointer;display:block;margin:.5em 0 0;padding:0;width:100%;}
form label input {background:0;margin:0 0.5em 0 0;padding:0;vertical-align:top;width:auto;}
form legend {font-size:1.1666em;font-weight:700;left:0;margin:0;padding:0;}
/* @group Forms Exceptions */
.horizontalForm {padding-bottom:10px;margin-bottom:20px;margin-left:20px;}
.horizontalForm button {clear:left;float:left;}
.horizontalForm input {background:#fff;border:1px solid #ccc;font-size:1em;height:1em;padding:0.375em 0;width:60%;}
.horizontalForm input,.horizontalForm textarea {float:left;margin:.5em 0 0;width:49%;}
.horizontalForm select {float:left;margin:.5em 0 0;}
.horizontalForm label {clear:left;float:left;padding:0.2em 0;width:49%;}
.horizontalForm label input {line-height:1em;margin:1em 0.5em 0 0;width:auto;}
.horizontalForm label.singleLine {clear:both;float:none;margin-top:0;padding:1.5em 0 0;width:100%;}
.horizontalForm .but {cursor:pointer;display:block;font-size:1em;font-weight:700;margin:1em 0 0;padding:0 0.5em;height:22px !important;}

/* @end */
/* @end */
/* @group Allignment */
.top {margin-top:0;padding-top:0;vertical-align: top;}
.bottom {margin-bottom:0;padding-bottom:0;vertical-align: bottom;}
.reset-margin {margin:0;}
.reset-padding {padding:0;}
.reset {margin:0;padding:0;}
.textalign-justify {text-align:justify;}
.textalign-left {text-align:left;}
.textalign-right {text-align:right;}
.textalign-center {text-align: center !important;}
.imgalign-center {display: block;margin-left: auto;margin-right: auto;}
/* @end */
/* @group  Misc classes */
.clear {clear:both;}
.clearfix {overflow:auto;min-height:1%;display: inline-block;}
*:first-child+html .clearfix, * html .clearfix {height:1%;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: block;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.highlight {background:#ff0;}
.first {margin-left:0;padding-left:0;}
.last {clear:both;padding-bottom:10px;margin-bottom:20px;margin-left:20px;}
.error {background:#fee;border:1px solid red;margin:1.5em;padding:0.666em;color:#fff;}
.notice {background:#eef;border:1px solid #00f;margin:1.5em;padding:0.666em;color:#fff;}
.success {background:#efe;border:1px solid #0f0;margin:1.5em;padding:0.666em;color:#fff;}
.warning {background:#ffe;border:1px solid #ff0;margin:1.5em;padding:0.666em;color:#fff;}
/* @end */
/* @end */
/* @group Grid */
#wrapper {position:relative;margin:14px auto 10px;width:964px;border:#FFF solid 6px;}
#header {background:#002562;height:96px;border-bottom:#FFF solid 6px;}
	.menu {
	height:20px;
	width:480px;
	position:absolute;
	top:77px;
	right:-2px;
}
	.menu ul {list-style:none;margin:0;float:right;}
	.menu ul li {list-style:none;display:inline;}
		.menu a {height:20px;text-indent:-99999px;color:#FFF;display:block;float:left;}
		.menu a.home, .menu a.home:visited {margin-left:94px;width:69px;background:url(../images/menu-sprite.png) 0 -20px no-repeat;}
		.menu a.slaaprijden, .menu a.slaaprijden:visited {width:111px;background:url(../images/menu-sprite.png) -69px -20px no-repeat;}
		.menu a.reis, .menu a.reis:visited {width:100px;background:url(../images/menu-sprite.png) -180px -20px no-repeat;}
		.menu a.team, .menu a.team:visited {width:104px;background:url(../images/menu-sprite.png) -280px -20px no-repeat;}
		.menu a.campagne, .menu a.campagne:visited {width:96px;background:url(../images/menu-sprite.png) -384px -20px no-repeat;}
		.menu a.home-active, .menu a.home-active:visited {width:69px;height:20px;background:url(../images/menu-sprite.png) 0 0 no-repeat;}
		.menu a.slaaprijden-active, .menu a.slaaprijden-active:visited {width:111px;height:20px;background:url(../images/menu-sprite.png) -69px 0 no-repeat;}
		.menu a.reis-active, .menu a.reis-active:visited {width:100px;height:20px;background:url(../images/menu-sprite.png) -180px 0 no-repeat;}
		.menu a.team-active, .menu a.team-active:visited {width:104px;height:20px;background:url(../images/menu-sprite.png) -280px 0 no-repeat;}
		.menu a.campagne-active, .menu a.campagne-active:visited {width:96px;height:20px;background:url(../images/menu-sprite.png) -384px 0 no-repeat;}
#content {background:#687190;min-height:477px;overflow:hidden;}
#content a, #content a:link, #content a:visited {color:#000;}
#content a:hover {text-decoration:none;}
#contact #content a {color:#fff;}
.content-box h2 {font-size:2em;background:url(../images/bg-h2.png) 0 1px no-repeat;height:27px;padding-bottom:1px;margin-top:9px;margin-bottom:10px;}
.content-box h3 {font-size:1em;font-weight:700;margin:0 0 .5em;}
.content-box ul {margin:.5em 0 1em .5em;}
.content-box ul li {margin-left:10px;margin-right:20px;}
#home #content {background:url(../images/bg-content-home.jpg) 0 0 no-repeat;}
#home #content img.shim {width:402px;height:407px;border:0;}
	#home #content a.dreamteam {display:block;position:absolute;top:130px;left:72px;text-indent:-99999px;height:407px;width:402px;text-decoration:none;}
	#home #content a.planner {display:block;position:absolute;top:352px;left:672px;text-indent:-9999px;height:56px;width:115px;text-decoration:none;}
	#home #content .info-box {width:245px;height:124px;position:absolute;left:609px;top:400px;}
		#home #content .info-box h3 {text-align:center;font-weight:700;font-size:1.8em;margin:.3em 0 .5em;color:#FFF;}
		#home #content .info-box h2 {text-align:center;font-size:1.4em;margin:11px 0 0;color:#FFF;}
		#home #content .info-box .newsticker {list-style-type: none;}
		#home #content .info-box li {margin:0 20px 0 30px;list-style-type: none;}

	#slaaprijden .tip1 {background:url(../images/bg-slaaprijden.jpg) 0 0 no-repeat;}
	#slaaprijden .tip2 {background:url(../images/bg-slaaprijden2.jpg) 0 0 no-repeat;}
	#slaaprijden .tip3 {background:url(../images/bg-slaaprijden3.jpg) 0 0 no-repeat;}
	#slaaprijden .tip4 {background:url(../images/bg-slaaprijden4.jpg) 0 0 no-repeat;}
	#slaaprijden #content h2 {font-size:1.1em;color:#FFF;font-weight:700;position:absolute;margin:0;left:54px;top:113px;}
	#slaaprijden #content .content-box h3 {font-size:2em;background:url(../images/bg-h2.png) 0 18px no-repeat;width:400px;height:40px;line-height:2em;padding-top:2px;padding-bottom:4px;margin:-9px 0 10px;font-weight:700;}
	#slaaprijden #content .content-box h4 {font-size:1em;font-weight:700;margin:0 0 .5em;}
	#slaaprijden #content p {margin-right:20px;}
	#slaaprijden #content .content-box {position:absolute;top:133px;left:284px;width:659px;height:424px;padding:14px 0 0 10px;}
	#slaaprijden #content .sub-nav {position:absolute;top:164px;left:84px;width:180px;height:424px;font-size:1.1em;}
	#slaaprijden #content .sub-nav li {color:#FFF;margin-bottom:1em;font-weight:700;list-style:none;padding-left:10px;}
	#slaaprijden #content .sub-nav li.active {background:url(../images/bg-sub.png) 0 6px no-repeat;}
	#slaaprijden #content .sub-nav li a, #slaaprijden #content .sub-nav li a:visited {text-decoration:none;color:#051441;}

#plan #content {background:url(../images/bg-plannen2.jpg) 0 0 no-repeat;}
	#plan #content h2 {font-size:1.1em;color:#FFF;font-weight:700;position:absolute;margin:0;left:54px;top:113px;}
	#plan #content a.planner-anwb {display:none;}
	#plan #content a.planner-route {display:block;position:absolute;top:235px;left:419px;text-indent:-9999px;height:56px;width:115px;text-decoration:none;}
	
/* Voor als ook de anwb meedoet
#plan #content {background:url(../images/bg-plannen.jpg) 0 0 no-repeat;}
		#plan #content h2 {font-size:1.1em;color:#FFF;font-weight:700;position:absolute;margin:0;left:54px;top:113px;}
		#plan #content a.planner-anwb {display:block;position:absolute;top:235px;left:667px;text-indent:-9999px;height:56px;width:115px;text-decoration:none;}
		#plan #content a.planner-route {display:block;position:absolute;top:235px;left:179px;text-indent:-9999px;height:56px;width:115px;text-decoration:none;}
*/

#campagne #campagne-box {width:857px;height:auto;background:url(../images/bg-content-campagne.jpg) 0 0 no-repeat;margin:0 auto -20px;padding-top:6px;}
#campagne h2 {font-size:1.1em;color:#FFF;font-weight:700;background:url(../images/bg2-h2.png) 0 1px no-repeat;height:27px;width:200px;margin:12px 0 0 55px;}
#campagne #campagne-box .info-box {margin:-1px 0 0 5px;padding:0;width:845px;height:auto;background:#fff;}
#campagne #campagne-box .info-box h3 {font-size:2em;background:url(../images/bg-h2.png) 0 18px no-repeat;width:400px;height:40px;line-height:2em;padding-top:2px;padding-bottom:4px;margin:0 0 10px 10px;font-weight:700;}
#campagne #campagne-box .info-box h4 {margin-top:80px;margin-left:10px;font-weight:700;}
#campagne p {margin-left:10px;width:520px;}
#campagne img.left {margin-left:10px;}
#campagne img.right {margin-right:80px;}

#plan-route #plan-box {width:857px;height:750px;background:url(../images/bg-planner.jpg) 0 0 no-repeat;margin:0 auto;}
#plan-route #plan-map {float:left;width:468px;padding:20px;}
#map {border:0;margin:0;height:710px !important;width:100%;overflow:hidden;}
#plan-route h2 {font-size:1.1em;color:#FFF;font-weight:700;background:url(../images/bg2-h2.png) 0 1px no-repeat;height:27px;width:200px;margin:12px 0 0 55px}
#plan-route #plan-box #form1 {width:300px;position:absolute;top:186px;left:548px;}
#plan-route #plan-box #form1 h4 {font-size:1.5em;font-weight:700;margin:0;}

#contact #content {height:auto;} 
#contact #content-box {width:510px;height:auto;margin-top:1.5em;margin-left:55px;color:#fff;}
#contact h2 {font-size:1.1em;color:#FFF;font-weight:700;background:url(../images/bg2-h2.png) 0 1px no-repeat;height:27px;width:200px;margin:12px 0 0 55px;}
#contact #content-box h3 {font-size:2em;background:url(../images/bg-h2.png) 0 1px no-repeat;height:27px;padding-bottom:1px;margin:0 0 10px;}
#contact .horizontalForm {margin-left:0;}
#contact .horizontalForm label {font-weight:700;}
#contact ol li {list-style:inside decimal;}
#contact ul, #contact ol {margin:0 0 1.5em;padding:0;}
#contact li ul, #contact li ol {margin:0;}
#contact ul li {list-style:inside disc;}
#contact li li {padding-left:1.5em;}

#team #content {background:url(../images/bg-team.jpg) 0 0 no-repeat;height:622px;}
	#team #content h2 {font-size:1.1em;color:#FFF;font-weight:700;position:absolute;margin:0;left:54px;top:113px;}
	#team img.shim {
	position:absolute;
	top:272px;
	left:141px;
	width:202px;
	height:411px;
}
	#team #content .info-box {
	left:435px;
	position:absolute;
	top:133px !important;
	width:510px;
}
	#team #content .info-box h3 {font-size:2em;background:url(../images/bg-h2.png) 0 21px no-repeat;height:27px;padding-top:20px;padding-bottom:1px;margin:0 0 10px 10px;font-weight:700;}
	#team #content .info-box p.start {margin-left:10px;width:360px;margin-bottom:0;}
	#team #content .info-box ul {list-style:none;margin-left:8px;}
	 #team #content .info-box ul li {list-style:none;padding:6px 10px 0 20px;margin-bottom:-5px;line-height:1.2em;height:41px;width:500px;background:url(../images/li-team.png) 0 0 no-repeat;color:#fff;}
	 #team #content .info-box ul li.active {height:41px;width:500px;margin-bottom:-5px;background:url(../images/li-team-active.png) 0 0 no-repeat;color:#000;}

#closer {background:#fecc00 url(../images/bg-closer.png) 0 0 no-repeat;height:46px;}
#footer {background:#002562;width:977px;height:35px;position:relative;margin:0 auto;}
	#footer ul {list-style:none;margin-top:9px;float:right; margin-right:7px;}
		#footer ul li {list-style:none;display:inline;font-size:1em;padding:0 20px 0 10px;font-weight:700;background: url(../images/bg-pointer.png) 0 2px no-repeat;font-size:1em;}
			#footer ul li a, #footer ul li a:visited {text-decoration:none;color:#FFF;}
			#footer ul li a.active {text-decoration:underline;color:#FFF;}
			#footer ul li a:hover {text-decoration:underline;}

/* @end */