/* ================================ +
   Project 
 + ================================ */



/* 
** Made by: Edgar Vijgeboom
** Website:	www.studioparkers.nl
*/



/* ================================ +
               STANDAARDS
+  ================================ */

/* start RESET DEFAULT styles */
*{ margin:0; padding:0; border:0px; }

html { font: 10px/1.4 arial, Verdana, sans-serif;  }


body { 
	font-size:			    1.4em;
 	line-height:        20px;
	color: 				      #333333;
	text-align: 		    left;
	background: #ffffff url('../images/bg_kaart02.gif') no-repeat top left;
  }
  
* html li	{
	height:				      1%;
	}
	
img { 
  border:			        0px; 
  }	

ul { 
	list-style:			    none;
	overflow:			      hidden;
	}

a {
	text-decoration:	  none; 
	color:              #ed1c24;
	outline:            none
 }
 
a:hover {
	text-decoration:	  underline;  
 }

textarea {
  font-family:      verdana,tahoma,arial;
  font-size:        12px;
}

.clear {
	clear:				      both;
 }

.float_left {
	float: 				      left;
 }

.float_right {
	float: 				      right;
  }

.red,
#boeking_content a.red {
  color:              #ed1c24
  }
	

.grijs {
  color:              #333333
  }
/* end RESET DEFAULT styles */



/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#container {
	position:			     relative;
	margin:				     auto;
	width:				     996px !important;
	width:				     997px;
	text-align:			   left;
  }

#maincontent {
  width:             944px;
	margin:            auto;
	padding-bottom:    500px
  }



/* ================================ +
             FORMS
+  ================================ */
input, textarea, select {
  font-family:      verdana,tahoma,arial;
  font-size:        12px;
  padding:          3px;
  }

.disabled {
  color:            #000000;
  }
	
#error {
  background-color:  #ffffff;
  color:             #ff3333;
  padding:           10px;
  width:             300px;
  display:           none;
 }
 
#error.opmaat {
  margin-bottom: -20px;
 }

.error {
  border:           1px solid #ff3333;
	display:          inline;
  }


label.error,
#boeking_content label.error  {
  display:          inline;
  width:            0px;
  border:           0px;
  margin:			      0px;
  }
	
#wanneer label.error,
#kies label.error,
#prijzen label.error { 
  position:         absolute;
  top:              50px;
  display:          block;
  width:            300px;
  color:            #ff0000;
  }
  
#navigatie, #navigatie_sub {
	 text-indent:    -9999px;
  }


/* ================================ +
         knoppen
+  ================================ */

a.knop1, a.knop2, a.knopvorige, a.knopverstuur, a.knopprint, a.knopannuleer, #boeking_content .knop2 {
  display:            block;
  background-image:   url("../images/knoppen.gif");
  background-repeat:  no-repeat;
  width:              150px;
  height:             30px;
	text-indent:        -3000px;
 }

#boeking_content input.knoppen_en {
 	 background-image:   url("../images/en_knoppen.gif");
}
#stap_left .knoppen_en {
  background-image:   url("../images/en_knoppen.gif");
} 
#stap3_left .knoppen_en {
  background-image:   url("../images/en_knoppen.gif");
} 
 
/* ================================ +
             CONTENT
+  ================================ */

#content {
  width:              370px;
	}

.left  {
	padding-left:       40px;
  margin:             30px 0 30px 0;
	background:         url('../images/bg_trans80.png') repeat;
  }

.right  {
  float:              right;
  margin:             -80px 10px 30px 0;
  }
  
#content h2, #algemeen h2, #samenwerkingstekst h2 {
  color:              #ed1c24;
  font-size:          22px;
  font-weight:        normal;
  line-height:        24px
  }
  
#content h3 {
  margin-left:        30px;
  color:              #b0adad;
  font-size:          20px;
  font-weight:        normal;
  font-style:         italic;
	line-height:        1.4em;
	margin-top:			    10px;
	margin-bottom:		  10px;
  }
  
#content h4 {
  color:              #ed1c24;
  font-weight:        normal;
  font-size:          1.0em;
  }  
  
#content ul, #algemeen ul, #wandeling ul {
  list-style:         outside url("../images/punt.gif");
  padding-left:       20px;
  margin:             20px 0 15px 10px
  }
	
#algemeen  {
  width:              470px;
  position:           absolute;
  left:               420px;          
  top:                180px;
	color:              #333333;
  }

#algemeen h1 {
	color:              #ed1c24;
  font-size:          30px;
  font-weight:        normal;
  line-height:        24px
	}
	
#nieuws {
	margin-top:        10px;
	list-style:          none;
	}
	
#nieuws li {
	border-bottom:      1px solid #d1d1d1;
	padding:            20px 0 20px 0;
	list-style:         none;
  }
	
#nieuws h2 {
	line-height:       30px;
  }
	
#nieuws img {
	float:             left;
	margin:            5px 10px 10px 0
  }

#algemeen.vraagoverzicht {
  top:                155px;
  }

#algemeen ul.vragen {
	border-bottom:      1px solid #d1d1d1;
  padding:            10px 0 25px 0;
	list-style:          none;
  }

#algemeen .typevraag {
  color:              #333333;
  font-size:          30px;
  line-height:        50px
 }
 
#algemeen .vraag {
	line-height:        25px;
 }
 
#algemeen .antwoord {
	display:           none;
	padding-bottom:    10px;
  color:             #333333;
	}
 
#foto_singlepage{
  position:           absolute;
  width:              300px;
  height:             300px;
  left:               130px;
  overflow:           hidden;
  margin-top:         80px;
  }
 
.subtitel {
	font-size:         12px;
	line-height:       16px
  }
	
	
/* ================================ +
             WANDELINGEN
+  ================================ */

#weer-widget {
  position:           relative;
  float:              right;
  margin:             125px 0px 30px
  }
  
#wandeling-container {
  position:           absolute;  
  top:                175px;
  left:               0px;
  }

.wandeling-quote {
  display:            block;
  width:              550px;
  color:              #b0adad;
  font-size:          20px;
  font-weight:        normal;
  font-style:         italic;
  line-height:        1.4em;
  }
	
.wandeling-titel {
  display:            block;
  position:           absolute;  
  top:                -50px;
  left:               358px;
  width:              550px;
  color:              #ff0000;
  font-size:          28px;
  font-weight:        normal;
  line-height:        1.4em;
  }

#wandeling-media {
  position:			      relative;  
  float:              right;
  width:              625px;
  height:             530px;
  margin:             15px 30px 40px;
  }
  
#wandeling-media #mainbeeld {
  float:              right;
  width:              470px;
  height:             350px;
  }
  
#wandeling-media #mainbeeld2 {
  float:              right;
  width:              520px;
  height:             340px;
	overflow:           hidden
	}
		
#wandeling-media #mainbeeld2 .foto {
	display:            none;
	position:           absolute;
	width:              520px;
  height:             340px;
	background-repeat:  no-repeat;
	}
	
#wandeling-media .thumb {
  width:              80px;
  height:             80px;
  }
  
#thumb-colom-verticaal {
  float:              right;
  width:              80px; /*was 64*/
  height:             527px;
  margin-left:        7px;             
  }
  
#thumb-colom-verticaal a.thumb {
  display:            block;
	width:               80px;
	height:              80px;
	margin-bottom:      7px;
  }
	
#thumb-colom-verticaal a.thumb:hover {
  background-position:  80px 0px; /*hoezo werkt dat niet?*/
	background-color:      #333333;
  }	

#thumb-colom-horizontaal { 
  float:              right;
  width:              370px;
  height:             170px;
  margin-top:         10px
  }
  
#thumb-colom-horizontaal .thumb {
  float:              right;
  margin:             0 0 10px 10px;
  }
  
#wandeling-media a.btn_gids {
	position:            absolute;
	top:                 290px;
	left:                545px; /*was 1px*/
	display:             block;
	width:               80px;
	margin-bottom:       40px
	}


a.btn_boeking {
  position:           absolute;
  display:            block;
  width:              90px; 
  height:             90px;
  background:         url("../images/btn_boeking_rond.png") no-repeat 0 0;
  }
  
a.btn_boeking:hover {
  background:         url("../images/btn_boeking_rond.png") no-repeat 0 -100px;
  } 
	
a.btn_vraagaan {
  position:           absolute;
  display:            block;
  width:              90px; 
  height:             90px;
  background:         url("../images/btn_vraagaan_rond.png") no-repeat 0 0;
  }
  
a.btn_vraagaan:hover {
  background:         url("../images/btn_vraagaan_rond.png") no-repeat 0 -100px;
  }	
	
a.btn_booking {
  position:           absolute;
  display:            block;
  width:              120px; 
  height:             56px;
  background:         url("../images/btn_booknow.gif") no-repeat 0 0;
}
  
a.btn_booking:hover {
  background:         url("../images/btn_booknow.gif") no-repeat 0 -60px;
  } 	
	
		
#wandeling-media a.btn_boeking {
  top:                 320px;
  left:                35px;
  margin-bottom:       40px;
	z-index:             10;
  }	
 	
	
#wandeling-media a.btn_vraagaan {
  top:                 320px;
  left:                35px;
  margin-bottom:       40px;
  z-index:             10;
  } 	
	
#wandeling-media a.btn_booking {
  top:                 344px;
  left:                228px;
  margin-bottom:       40px
  } 	
		
#wandeling {
  float:              left;
  width:              420px;
	padding:            25px;
  margin:             -180px 0 0 100px;
  background:         url('../images/bg_trans80.png') repeat;
  }

#wandeling h2 {
  color:              #ed1c24;
  font-size:          30px;
  font-weight:        normal;
  line-height:        24px;
  }
  
#wandeling h3 {
  color:              #ed1c24;
  font-size:          20px;
  font-weight:        normal;
  line-height:        1.3em;
  }

#wandeling h4 {
  width:				      350px;  
  color:              #b0adad;
  font-size:          20px;
  font-weight:        normal;
  line-height:        1.3em;
  margin:				      15px 0 0 -35px;
  }

/* ================================ +
             CARROUSEL
+  ================================ */

.block_260 {
  position:           absolute;
  width:              260px;
  height:             260px;
  background-repeat:  no-repeat;
  }
  
.block_170 {
  position:           absolute;
  width:              170px;
  height:             170px;
  background-repeat:  no-repeat;
  }
 
.block_80 {
  position:           absolute;
  width:              80px;
  height:             80px;
  background-repeat:  no-repeat;
  }
  
.block_80_title {
  position:           absolute;
  width:              70px;
  height:             60px;
  background-color:   #ed1c24;
  background-repeat:  no-repeat;
  padding:            10px 5px 10px 5px;
  font-size:          18px;
  font-weight:        bold;
  color:              #ffffff
  }	
  
.quote {
  position:           absolute;
  font-size:          18px;
  font-style:         italic;
  color:              #666666;
  width:              190px;
  }
	
a.btn_vrijwilliger {
  position:           absolute;
  display:            none;
  width:              100px; 
  height:             50px;
  background:         url("../images/btn_vrijwilliger.gif") no-repeat 0 0;
  }
  
a.btn_vrijwilliger:hover {
  background:         url("../images/btn_vrijwilliger.gif") no-repeat 0 -50px;
  }  
	
	
a.btn_gids {
  position:           absolute;
  display:            none;
  width:              100px; 
  height:             50px;
  background:         url("../images/btn_gidsworden.gif") no-repeat 0 0;
  }
  
a.btn_gids:hover {
  background:         url("../images/btn_gidsworden.gif") no-repeat 0 -50px;
  }  	  
  
	
/* specifiek carrousel 1 */	

#carrousel_1 {
  position:           absolute;
  width:              580px;
  height:             600px;
  right:              0px;
  overflow:           hidden;
	margin-top:         65px;
  }
  
#carrousel_1 div {
  display:            none;
}

#carrousel_1 #block_1 {
  left:               200px;
  }
  
#carrousel_1 #quote_1 {
  top:                10px;
  left:               35px;
  width:              150px;
  text-align:         right;
  }

#carrousel_1 #quote_2 {
  top:                110px;
  left:               380px;
  }
  
#carrousel_1 #block_2 {
  top:                180px;
  left:               290px;
  }
  
#carrousel_1 #block_3 {
  top:                450px;
  left:               290px;
  }
  
#carrousel_1 #quote_3 {
  top:                480px;
  left:               380px;
  }
  
#carrousel_1 #block_4 {
  top:                180px;
  left:               110px;
  }
  
#carrousel_1 #quote_4 {
  top:                360px;
  left:               110px;
  }
  
  
#carrousel_1 #block_5 {
  top:                450px;
  left:               200px;
  }
	
#carrousel_1 a.btn_vrijwilliger {
  top:                450px;
  left:               180px;
  }
	
	
	
/* specifiek carrousel 2 */ 

#carrousel_2 .quote {
  position:           absolute;
  font-family:        Caecilia, Times;
  font-size:          18px;
  font-style:         italic;
  color:              #666666;
  width:              200px;
  }
	
#carrousel_2 {
  position:           absolute;
  width:              520px;
  height:             560px;
  left:              -30px;
  overflow:           hidden;
  margin-top:          165px;
  }
  
#carrousel_2 div {
  display:            none;
}

#carrousel_2 #block_1 {
  left:               240px;
  }
  
#carrousel_2 #quote_1 {
  top:                20px;
  left:               50px;
width:					175px;
  text-align:         right;
  }

#carrousel_2 #block_2 {
  top:                180px;
  left:               60px;
  }
	
#carrousel_2 #quote_2 {
  top:                135px;
  left:               5px;
  }

#carrousel_2 #block_3 {
  top:                180px;
  left:               330px;
  }  
	
#carrousel_2 #quote_3 {
  top:                265px;
  left:               330px;
  width:              170px
  }
  
#carrousel_2 #block_4 {
  top:                355px;
  left:               330px;
  }
  
#carrousel_2 #quote_4 {
  top:                465px;
  left:               115px;
  }
  
#carrousel_2 a.btn_vrijwilliger {
  top:                120px;
  left:               418px;
  }
  
  
/* specifiek carrousel route */ 

#googlemap {
	position:           absolute;
  width:              300px;
  height:             300px;
  left:               130px;
  overflow:           hidden;
  margin-top:         215px;
}


#carrousel_route div {
  display:            block;
}

#carrousel_route {
  position:           absolute;
  width:              750px;
  height:             560px;
  left:              160px;
  overflow:           hidden;
  margin-top:          125px;
  }
    
#carrousel_route .quote {
  position:           absolute;
  font-family:        Caecilia, Times;
  font-size:          18px;
  font-style:         italic;
  color:              #666666;
  width:              200px;
  }
	
#carrousel_route #block_1 {
  left:               0px;
  }

#carrousel_route #block_2 {
  width:				364px;
  height:				260px;
  top:                	180px;
  left:               	270px;
  }
	

#carrousel_route #block_3 {
  top:                0px;
  left:               270px;
  }  
	
#carrousel_route #quote_3 {
  top:                25px;
  left:               450px;
  width:              170px
  }
  
#carrousel_route #block_4 {
  top:                300px;
  left:               90px;
  }
  
#carrousel_route #quote_4 {
  top:                475px;
  left:               90px;
  }
  
  	
	
/* ================================ +
             VERHAAL-LAYER
+  ================================ */	

#verhaal {
	display:            none;
  position:           absolute;
  top:                0;
  left:               40px;
	width:              450px;
	background-color:   #ffffff;
	border:             1px solid #ededed;
  overflow:           hidden;
	font-size:          15px;
	color:              #333333;
	line-height:        1.4em;
  }
	
#carrousel_1 #verhaal {
  left:               90px;
  }
  
#verhaal img {
  padding:            5px 10px 10px 10px;
  }	
	
#verhaal p {
  padding:            0 15px 15px 15px;
  } 	
	
#verhaal .bron	{
	width:               440px;
	height:              40px;
	background-color:    #ed1c24;
	color:               #ffffff;
	padding:             5px 10px 5px 10px;
	}

#verhaal .naam	{
	font-weight:				bold;
	}

#verhaal .close	{
	display:						block;
	float:              right;
	margin:             5px 10px 0;
	}
	
	
/* ================================ +
             HOME
+  ================================ */
	
#introfilm {
  width:              360px;
  height:             264px;
	float:              left;
  }

#contentfilm {
  display:            none; 
  }
	
.introtekst {
  width:               480px;
  height:              264px;
  margin-left:         80px;
  float:               left;
  }  
  	
.introtekst h2{
  font-size:           24px;
  color:               #ed1c24;  
  line-height:         1.2em; 
	font-weight:         normal;
	margin-left:         -60px;
  } 
	
.block_272 {
  position:           absolute;
  width:              272px;
  height:             170px;
  background-repeat:  no-repeat;
  }
		
#carrousel_home {
  position:           absolute;
  top:                390px;
  left:               35px;
	width:              890px;
  height:             360px;
  overflow:           hidden;
  }
  
#carrousel_home div {
  display:            none;
}

/* specifiek carrousel home */ 
#carrousel_home #block_1 {
  left:               160px;
  }
  
#carrousel_home a.link_1 {
  display:            block;
	width:              150px; 
	height:             20px;
  background:         url("../images/link_starterscoachen.gif") no-repeat 0 0;
  }
	
#carrousel_home a.link_1:hover {
  display:            block;
  background:         url("../images/link_starterscoachen.gif") no-repeat 0 -20px;
  }	
	
#carrousel_home a.link_2 {
  position:           absolute;
	top:                270px;
	left:                70px;
	display:            block;
  width:              200px; 
  height:             20px;
  background:         url("../images/link_nederlands.gif") no-repeat 0 0;
  }
  
#carrousel_home a.link_2:hover {
  display:            block;
  background:         url("../images/link_nederlands.gif") no-repeat 0 -20px;
  } 
	
#carrousel_home a.link_3 {
  position:           absolute;
  top:                330px;
  left:               175px;
  display:            block;
  width:              160px; 
  height:             20px;
  background:         url("../images/link_kennis.gif") no-repeat 0 0;
  }
  
#carrousel_home a.link_3:hover {
  display:            block;
  background:         url("../images/link_kennis.gif") no-repeat 0 -20px;
  } 	
	
#carrousel_home a.link_4 {
  position:           absolute;
  top:                65px;
  left:               430px;
  display:            block;
  width:              160px; 
  height:             20px;
  background:         url("../images/link_samenwerken.gif") no-repeat 0 0;
  }
  
#carrousel_home a.link_4:hover {
  display:            block;
  background:         url("../images/link_samenwerken.gif") no-repeat 0 -20px;
  }		
	
#carrousel_home a.link_5 {
  position:           absolute;
  top:                270px;
  left:               670px;
  display:            block;
  width:              200px; 
  height:             20px;
  background:         url("../images/link_meeinmokum.gif") no-repeat 0 0;
  }
  
#carrousel_home a.link_5:hover {
  display:            block;
  background:         url("../images/link_meeinmokum.gif") no-repeat 0 -20px;
  } 	
	
	 
#carrousel_home a.link_6 {
  position:           absolute;
  top:                293px;
  left:               670px;
  display:            block;
  width:              200px; 
  height:             20px;
  background:         url("../images/link_walkingtours.gif") no-repeat 0 0;
  }
  
#carrousel_home a.link_6:hover {
  display:            block;
  background:         url("../images/link_walkingtours.gif") no-repeat 0 -20px;
  }

#carrousel_home a.btn_boeking {
  position:           absolute;
  display:            block;
  width:              90px; 
  height:             90px;
  background:         url("../images/btn_boeking_rond_home.png") no-repeat 0 0;
  }
  
#carrousel_home a.btn_boeking:hover {
  background:         url("../images/btn_boeking_rond_home.png") no-repeat 0 -100px;
  } 
		
#carrousel_home a.btn_boeking {
  top:                 230px;
  left:                565px;
  margin-bottom:       40px;
  z-index:             10;
  }	

#carrousel_home #block_2 {
  top:                90px;
  left:               70px;
  }
  
#carrousel_home #block_3 {
  left:               250px;
  }
  
#carrousel_home #block_4 {
  top:                180px;
  left:               340px;
  }
  
#carrousel_home #block_5 {
  top:                90px;
  left:               430px;
  }	
	
#carrousel_home #block_6 {
  top:                90px;
  left:               520px;
  } 
	
#carrousel_home #block_7 {
  top:                90px;
	left:               802px;
  } 
	
#carrousel_home #block_8 {
  left:               710px;
  }  
	
#carrousel_home a.btn_vrijwilliger {
  position:           absolute;
	top:                 30px;
	left:               692px;
	display:            block;
  width:              100px; 
  height:             50px;
  background:         url("../images/btn_vrijwilliger.gif") no-repeat 0 0;
  }
  
#carrousel_home a.btn_vrijwilliger:hover {
  background:         url("../images/btn_vrijwilliger.gif") no-repeat 0 -50px;
  } 	 			
  

#carrousel_home a.link_2, 
#carrousel_home a.link_3, 
#carrousel_home a.link_4, 
#carrousel_home a.link_5,
#carrousel_home a.btn_vrijwilliger   {
  display:            none;
}


/* ================================ +
         reserveringsformulier
+  ================================ */

  
#reservering-holder {
  position: relative;
  float:              right;
  margin:             20px 4px 50px
}

#reservering-holder h2.head {
   margin-left:         3px;
	 font-size:           30px;
	 color:               #7d7c7c;
	 font-weight:         normal;
	 margin-bottom:       5px
	 }
  
#reservering {
  width:              328px;
  padding:            10px 10px 17px 10px;
  color:              #333333;           
  }

.stripe_bg {
  background-image:   url("../images/bg_reserveringform.gif");
  background-repeat:  repeat;
  }
  
#reservering a { 
  color:              #333333;  
  }
  
#reservering label {
  float:              left;
  width:              135px;
  padding-top:        3px;          
  font-weight:        normal
  }
  
#reservering h2 {
   font-size:           30px;
   color:               #ffffff;
   font-weight:         normal;
	 font-style:          italic;
   margin:              15px 0 8px 0;
  }    
    
#reservering input {
  width:                184px;
  margin:               3px 0 3px 0;
  }
  
#reservering select {
  width:            190px;
  margin:           3px 0 3px 0;
  }
  
#reservering textarea {
  width:            184px;
  height:           50px;
  margin:           3px 0 3px 0;
  }

#reservering .check {
  border:           0;
  width:            auto;
  vertical-align:   middle;
  height:           20px
  }
   
#reservering #tijd_alternatief {
  color:              #333333;
  }
#reservering .alternativehidden {
  display:          none
  }

#reservering .startijdlabel {
  height:             80px
  }
  
#reservering .tijden_overzicht {
  display:            none; 
  margin:             5px 0 0 135px;
  }
    
#reservering a.knop1 {
  margin:            10px 0 0 170px;       
  }
  
#reservering a.knop1:hover {
  background-position:      -150px 0;
  }

#reservering_bevestiging {
  display:        none;
  height:         200px;
}

	
	
/* ================================ +
         inschrijvingsformulier
+  ================================ */

#inschrijving {
	position:           absolute;
	top:                875px;
	right:              20px;
	width:              440px;
  background-image:   url("../images/bg_reserveringform.gif");
  background-repeat:  repeat-y;
  color:              #333333;    
	padding-bottom:     5px;
  }
.formrechts {
	float: left;
	width: 200px;
}	

#inschrijving #stap1 {
	display:           block;
  }
    
#inschrijving #stap2 {
  display:           none;
  }
	
#inschrijving #stap3 {
  display:           none;
  }
  
#inschrijving #stap4 {
  display:           none;
  }
	
#inschrijving h1 {
  display:           block;
  width:             416px;
  font-size:         30px;
  font-weight:       normal;
  background-color:  #ffffff;
  color:             #7f7b7b;
  padding:           0 12px 5px 12px;
  }
	
#inschrijving .smaller {
	font-size:         20px;
  }
	
#inschrijving h2 {
	display:           block;
	width:             416px;
	font-size:         12px;
	font-weight:       normal;
	background-color:  #333333;
	color:             #a4a3a3;
	padding:           8px 12px 8px 12px
  }
	
#inschrijving form {
	margin:            12px;
 }
 
#inschrijving h3 {
	font-size:         30px;
	font-style:        italic;
	color:             #ffffff;
	margin:            5px 0 10px 0            
  }

#inschrijving label {
  float:            left;
  width:            150px;
  margin-right:     5px;   
	margin-bottom:   5px;    
  }

#inschrijving textarea {
	width:            255px;
	height:           70px;
	margin-bottom:    15px
  }
	
#inschrijving input {
  width:            253px;
  margin-bottom:    15px
  }
	
#inschrijving select {
  width:            255px;
	padding:          2px;
  margin-bottom:    15px
  }
	
#inschrijving .check {
  border:           0;
  width:            auto;
  vertical-align:   middle;
  }
	
#inschrijving a.knop2 {
  margin:                 10px 0 0 265px;       
	background-position:    0 -35px;
  }
  
#inschrijving a.knop2:hover {
  background-position:    -150px -35px;
  }
	
#inschrijving a.knopverstuur {
  margin:                 10px 0 0 265px;       
  background-position:    0 0px;
  }
  
#inschrijving a.knopverstuur:hover {
  background-position:    -150px 0px;
  }
	
#inschrijving a.knopvorige {
	display:               none;
  margin:                 -30px 0 0 15px;       
  background-position:    0 -70px;
  }
  
#inschrijving a.knopvorige:hover {
  background-position:    -150px -70px;
  }	

#inschrijving_stap {
	margin:          10px 0 0 295px;
	font-weight:     bold
	}

#starteropties input{
	float:           left;
	width:           30px;
	margin-top:      -5px;
  }
	
#starteropties label {
	width:           360px;
	margin-bottom:   10px;
margin-top:      -5px;
	float:           left;
	}
		
#inschrijving .opties{
	width:          240px;
	float:			left;
  }
	
#inschrijving .opties h4{
	margin-bottom:   5px;
  }
		
#inschrijving .opties input{
	float:           left;
	width:           30px;
	margin-top:      2px;
	margin-bottom:   5px;
  }
	
#inschrijving .opties label {
	width:           180px;
	margin-bottom:   5px;
	}
	
#submitInschrijving {
	display:         none;
	}
	
#werkendvraag {
	display:         none;
  }
#werkstudentvraag {
  display:         none;
  }
	
#inschrijfformulier_bevestiging {
	 margin:            40px 12px 100px 12px;
	 height:            300px;
	 display:           none
	 }
	

	
/* ================================ +
             NAVIGATIE
+  ================================ */

#navigatie {
  height:             105px;
  margin-left:        1px;
  margin-bottom:      10px; 
  }
  
#navigatie h1 {
  position:           absolute;
  top:                120px;
  font-size:          48px;
  line-height:        24px;
  font-weight:        normal; 
	color:              #333333;   
  }

#navigatie .logo {
  position:           absolute;
  top:                15px; 
  }
  
a.knop_taalswitch_big {
  display:            block;
  position:           absolute;
  top:                18px;
  margin-left:        355px;      
  background-image:   url("../images/knop_fontsize.gif");
  background-repeat:  no-repeat;
  width:              23px;
  height:             21px;
  } 
  
a.knop_taalswitch_big:hover {
  background-position: -50px 0;
  }
  
a.knop_taalswitch_small {
  display:            block;
  position:           absolute;
  top:                22px;
  margin-left:        335px;   
  background-image:   url("../images/knop_fontsize.gif");
  background-repeat:  no-repeat;
  width:              23px;
  height:             21px;
  background-position: 0 -30px;
  float:               left;
  } 
  
a.knop_taalswitch_small:hover {
  background-position: -50px -30px;
  }
  
#nav-boven {
  position:            absolute;
  top:                 15px;
  margin-left:         635px;
  z-index:             101
  }

#nav-boven li {
  float:               left;
  }

#nav-boven a {
  display:             block;
  background-image:    url("../images/nav-boven.gif");
  background-repeat:   no-repeat;
  text-indent:         -3000px;
  }
  
#nav-boven a.nav_1 {  width: 100px;  height: 25px; background-position: 0 -6px }
#nav-boven a.nav_1:hover {background-position: 0 -46px }

#nav-boven a.nav_2 {  width: 62px;  height: 25px; background-position: -98px -6px}
#nav-boven a.nav_2:hover {background-position: -98px -46px }

#nav-boven a.nav_3 {  width: 62px;  height: 25px; background-position: -158px -6px;}
#nav-boven a.nav_3:hover {background-position: -158px -46px }

#nav-boven a.nav_4 {  width: 62px;  height: 25px; background-position: -217px -6px}
#nav-boven a.nav_4:hover {background-position: -217px -46px }


#nav-boven .sub {
  background-image:    url("../images/bg-nav-boven.gif");
  display:                 none;
  margin-top:              -1px; 
  width:                 100px;
  
  }

#nav-boven .sub li {
  float:                 none;
  width:                 100px;
  }
  
#nav-boven .sub a {
  background-image:       none;
  text-indent:            2px;
  color:                  #333333;
  font-family:            Arial, Helvetica, sans-serif;
  font-size:              12px;
  font-weight:            normal;
  text-decoration:        none;
  padding:                3px 4px 0 4px;
  width:                  100%
  }
  
#nav-boven .sub a:hover {
  color:                  #ed1c24;
  }

#nav-hoofd {
  position:            absolute;
  top:                 60px;
  margin-left:         330px;
  z-index:             100        
  }
  
#nav-hoofd li {
  float:               left;
  }

#nav-hoofd a {
  display:             block;
  background-image:    url("../images/nav-hoofd.gif");
  background-repeat:   no-repeat;
  text-indent:         -3000px;
  height:              28px
  }
  
#nav-hoofd a.nav_1        {width: 184px; background-position: 0 0 }
#nav-hoofd a.nav_1:hover, #nav-hoofd a.nav_1.active   {width: 184px; background-position: 0 -40px }

#nav-hoofd a.nav_2,#nav-hoofd .nav_2 {width: 135px; background-position: -184px 0 }
#nav-hoofd a.nav_2:hover, #nav-hoofd a.nav_2.active  {width: 135px; background-position: -184px -40px }

#nav-hoofd a.nav_3,#nav-hoofd .nav_3 {width: 154px; background-position: -320px 0 }
#nav-hoofd a.nav_3:hover, #nav-hoofd a.nav_3.active  {width: 154px; background-position: -320px -40px }

#nav-hoofd a.nav_4,#nav-hoofd .nav_4 {width: 154px; background-position: -475px 0 }
#nav-hoofd a.nav_4:hover, #nav-hoofd a.nav_4.active  {width: 154px; background-position: -475px -40px }


#nav-hoofd .sub {
  background-color:        #333333;
  display:                 none;
  }
  
#nav-hoofd #hoofdmenu1 {
  width:				184px;
  }  

#nav-hoofd .sub li {
  float:                 none;
  width:                 184px
  }
  
#nav-hoofd .sub a {
  background-image:       none;
  text-indent:            2px;
  height:                 25px;
  color:                  #ffffff;
  font-family:            Tahoma, Arial, Helvetica, sans-serif;
  font-size:              13px;
  font-weight:            bold;
  text-decoration:        none;
  border-bottom:          solid 1px #717171;
  padding:                8px 10px 0 10px;
  width:                  100%
  }
  
#nav-hoofd .sub li:hover {
  background-color:       #ed1c24;
  }

#navigatie_sub h1 {
  font-size:          44px;
  line-height:        50px;
  font-weight:        normal; 
  color:              #333333;
  }	
  
#navigatie_sub ul {
  width:              190px;
  }
  
#navigatie_sub li {
  border-bottom:       1px solid #d1d1d1;
  padding:             8px 0 4px 0;
  text-decoration:     none;
  }
  
#navigatie_sub a {
  font-size:           18px;
  font-weight:         normal;
  color:               #333333;
  text-decoration:     none
  } 
  
#navigatie_sub a:hover, #navigatie_sub .active {
  color:               #ed1c24;
  }
 
#navigatie_sub .last {
  border:               0;
  } 
	
.big {
	font-size:           18px;
	vertical-align:      2px;
	color:               #333333;
	}
  
  
  
/* ================================ +
             partners
+  ================================ */

#samenwerkingstekst {
  position:             relative;
  width:                280px;
  margin:               30px 0 0 15px
  }

#partnermap {
  position:            absolute;
  top:                 179px;
  right:               0px;
  width:               640px;
  height:              530px;
  border:              1px solid #000000
  }
 
.markerinfo h2 {
  font-size:           14px;
  color:               #ed1c24;
  line-height:         25px;
  }
  
.markerinfo h3 {
  font-size:           24px;
  font-weight:         bold;
  line-height:         35px;
  }
	
  
  
  /* ================================ +
          BOEK EEN WANDELING
+  ================================ */

#stappen {
  width:                730px;
  height:               40px;
  margin-top:           18px;
  margin-left:          3px;
  }
  
#stappen img{
  float:                left;
  }   
  
#boeking_content {
   position:            relative;
   width:               926px;
   background-color:    #e4e3e3;
	 margin-top:         20px;
 }
 
#boeking_content a{
  font-size:             14px;
  }
 
#boeking_content h3{
  font-size:           24px;
  font-style:          italic;
  line-height:         35px;
  color:                #333333;
 }
  
#kies {
   width:               250px; 
   height:              560px;
   margin-left:         30px;
   padding-top:         20px;
   padding-right:       5px;
   border-right:        1px solid white;
   float:               left;
 }
 
#kies a{
  display:               block;
  margin-top:            7px;
  text-decoration:      underline;
 }
 
#wanneer {
   width:               260px; 
   height:              560px;
   margin-left:         30px;
   padding-top:         20px;
   padding-right:       10px;
   border-right:        1px solid white;
   float:               left;
 }
 
#wanneer a {
  text-decoration:      underline;
 }
 
#wanneer a:hover{
  color:               #ff0000;
 }
#boeking_content #tijden {
	width: 20px;
}  
#prijzen {
   width:               280px; 
   height:              560px;
   margin-left:         30px;
   padding-top:         20px;
   float:               left;
 }
 
#prijzen td {
   padding-top:       15px;
 }
 
#aantal {
   width:             80px;
 }
 
 .soort {
   width:             180px;
 }
 
 .pulldown {
   width:             80px;
   text-align:        right;
 }
 
.euro {
   width:             20px;
   text-align:        right;
   margin-right:      5px
 }
 
.sum {
   width:             35px;
   text-align:        left;
 }
 
#prijzen textarea {

}

#wanneer textarea {
   width:               240px; 
   height:              110px;
   margin-top:          7px;
   font-style:          italic;
   line-height:         17px;
 }
 
#boeking_content #totaalprijs {
  width:                40px;
  background-color:     #e4e3e3;
  padding:              0;
  margin:               0;
  font-weight:          bold;
  font-family:          arial;
  font-size:            13px
  }
  
#boeking_content input:disabled,
#boeking_content input[disabled],
.disabled {
  color:#333333
  }
 
#boeking_content .knop2 {
  margin:                30px 0 0 125px;       
  background-position:   0 -35px;
  }
  
#boeking_content .knop2:hover {
  background-position:    -150px -35px;
  cursor:                 pointer
  }

.font11 {
  font-size:         11px;
 }
 
#boeking_content #error {
  width:             280px;
  margin-top:        2px
  } 
  
#totaalprijs.error {
  border: 0
}


.question {
  width:            20px;
  height:           20px;
  background-image: url(../images/sym_question.gif);
  background-repeat:no-repeat;
  background-position:0 0;
	cursor:          pointer;
	float:           right;
	margin:          4px 5px 0 0
  } 
	
.question.tel{
  width:            20px;
  height:           20px;
  background-image: url(../images/sym_question.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  cursor:          pointer;
  position:           absolute;
  top:          160px;
	left:        390px;
  }	  
  
.question.opmaat {
  width:              20px;
  height:             20px;
  background-image:   url(../images/sym_question.gif);
  background-repeat:  no-repeat;
  background-position:0 0;
  cursor:             pointer;
  float:              left;
  margin:             0 100px 0 0;
  } 

.question:hover{
  background-position:0 -30px;
  } 
	
.question span {
	display:          none;
  width:            250px;
	background-color: #fff;
	border:           1px solid grey;
	margin-left:      -270px;
	margin-right:     -20px;
	padding:          5px;
	position:         absolute;
	z-index:          10
	}
 
	
a.knopallewandelingen{
  display:            block;
  background-image:   url("../images/knoppen_groot.gif");
  background-color:   #ff0000;
  background-repeat:  no-repeat;
  width:              230px;
  height:             30px;
  text-indent:        -3000px;
  }	

#kies .allwalks {
  background-image:   url("../images/en_knoppen_groot.gif");
}	

#kies a.knopallewandelingen{
   position:               absolute;
   top:                    380px;
   left:                   30px;       
   background-position:    0 -104px;
 } 
  
#kies a.knopallewandelingen:hover {
  background-position:    -232px -104px;
  } 	

/*-----------  stap 2  -----------*/

#boeking_content label {
  float:              left;
  width:              135px;
  padding-top:        3px;          
  font-weight:        normal
  }
  
#boeking_content input {
  width:                210px;
  
}

#boeking_content .check {
  border:           0;
  width:            auto;
  vertical-align:   middle;
  height:           18px;
  margin-right:     3px
  }    
  
#boeking_content #kies a {
  display:          inline;
  xline-height:      35px
  }
  
#boeking_content p {
  display:            block;
  height:             30px;
  clear:              both;
  } 
  
#boeking_content #stap_left {
   width:               450px; 
   height:              360px;
   margin-left:         30px;
   padding-top:         20px;
   border-right:        1px solid white;
   float:               left;
 }  
 
#boeking_content #stap_right {
   width:               400px; 
   height:              360px;
   margin-left:         30px;
   padding-top:         20px;
   float:               left;
 }  

#stap_right .knop2{
    position:               absolute;
    top:                    290px;
    left:                   600px;       
    background-position:    0 -35px;
 } 
  
#stap_right .knop2:hover {
  background-position:    -150px -35px;
  }
  
#stap_left a.knopvorige{
   position:               absolute;
   top:                    320px;
   left:                   30px;       
   background-position:    0 -70px;
 } 
  
#stap_left a.knopvorige:hover {
  background-position:    -150px -70px;
  }  



/*-----------  stap 3  -----------*/


a.knopvoltooid, a.knopdownload, a.knopnaarhome, a.knopallewandelingen{
  display:            block;
  background-image:   url("../images/knoppen_groot.gif");
	background-color:   #ff0000;
  background-repeat:  no-repeat;
  width:              230px;
  height:             30px;
  text-indent:        -3000px;
  }

#stap3_right a.knoppen_en {
  background-image:   url("../images/en_knoppen_groot.gif");
}
	
	
#boeking_content #stap3_left {
   width:               450px; 
   height:              480px;
   margin-left:         30px;
   padding-top:         20px;
   border-right:        1px solid white;
   float:               left;
 }
   
#boeking_content #stap3_left table {
	margin-top:           15px;
	}
	
#boeking_content #stap3_left td {
	vertical-align:       top;
	padding-top:          5px;
	padding-right:         10px;
	}
	
#boeking_content #stap3_left td.labelspace {
	padding-right:         10px;
	}
	
#boeking_content #stap3_right {
   width:               400px; 
   height:              480px;
   margin-left:         30px;
   padding-top:         20px;
   float:               left;
 } 
 
#stap3_right a{
   text-decoration:       underline;
 }   
  		
.sub_info {
  width:                  370px;
  margin-top:             5px;
  margin-bottom:          0;
  padding:                7px 0 7px 20px;
  background-color:       #efeeee;
} 

.machtiging {
  width:                  300px;
  float:                  left;
  font-style:             italic;
  margin-left:            5px;
} 

.mar_bottom {
	margin-bottom:         7px;
}


#stap3_left a.knopvorige{
   position:               absolute;
   top:                    450px;
   left:                   30px;       
   background-position:    0 -70px;
 } 
  
#stap3_left a.knopvorige:hover {
  background-position:    -150px -70px;
  }  
  
#stap3_right a.knopvoltooid{
    position:               absolute;
    top:                    450px;
    left:                   670px;       
    background-position:    0 -35px;
 } 
  
#stap3_right a.knopvoltooid:hover {
    background-position:    -231px -35px;
  }


	
	  
/*-----------  stap 4  -----------*/
	
.uitroepteken {
	font-size:             24px;
	color:                 #ff0000;
	font-style:            italic;
	line-height:           28px;
}	


a.knopdownload{
    position:               absolute;
    top:                    200px;
    left:                   30px;       
    background-position:    0 0px;
} 
 
a.knopdownload:hover {
    background-position:    -231px 0px;
}
	
a.knopprint{
    position:               absolute;
    top:                    200px;
    left:                   275px;       
    background-position:    0 -104px;
		background-color:       #ff0000;
} 
 
a.knopprint:hover {
    background-position:    -150px -104px;
}
	
	
	
/* ================================ +
          AANVRAAG WANDELING
+  ================================ */
 
#boeking_content .aanvraag {
   width:               432px; 
   height:              760px;
   margin-left:         30px;
   padding-top:         20px;
   border-right:        1px solid white;
   float:               left;
 }  
 
.aanvraag a {
  display:               block;
  margin-top:            2px;
}

.aanvraag a.wandeling {
	width: 300px;
} 
 
.aanvraag textarea {
  width:               400px;
  height:              135px;
	font-style:          italic;
	margin-top:          7px;
 }
  
	
.aanvraag a.knopverstuur{
    position:               absolute;
    top:                    720px;
    left:                   695px;    
 } 
 
.aanvraag a.knopverstuur:hover {
    background-position:    -150px 0px;
  }	
	
.aanvraag a.knopannuleer{
    position:               absolute;
    top:                    670px;
    left:                   530px;  
		background-position:    0 -140px;  
 } 
 
.aanvraag a.knopannuleer:hover {
    background-position:    -150px -140px;
  } 
	
.aanvraag a.knopallewandelingen{
   position:               absolute;
   top:                    720px;
   left:                   30px;       
   background-position:    0 -104px;
 } 
  
.aanvraag a.knopallewandelingen:hover {
  background-position:    -232px -104px;
  }   

.aanvraag .calendar{
  width:               270px;
	height:              235px;
  background-color:     #ededed;
 }	
	
#input_klein	input{
  width:               130px;
 }  
	
    

		
/*-----------  bedankt -----------*/	
	
#boeking_content .bedankt {
   width:               432px; 
	 min-height:           370px;
   margin-left:         30px;
   padding-top:         20px;
	 padding-bottom:       30px;
   border-right:        1px solid white;
   float:               left;
 } 
 
 
.bedankt a.knopnaarhome{
    position:               absolute;
    top:                    360px;
    left:                   665px;  
		background-position:    0 -70px;  
 } 
 
.bedankt a.knopnaarhome:hover {
    background-position:    -231px -70px;
  } 
  
  
/*-----------  Calender datepicker overrides -----------*/  

#datumpicker .ui-datepicker-inline {
  width:                240px;
 }
  
#datumpicker a.ui-state-default {
 text-decoration:       none; 
 font-weight:           bold
 }
 
#datumpicker .ui-datepicker-current-day {
 background-color:      #ff0000;  
 }
 
#datumpicker a.ui-state-active {
 color:                 #ff0000;  
 }
 
#taaltable .soort {
	width: 110px;
}
#taaltable .pulldown {
	margin-right: 20px;
}

#taaltable .pulldown select {
  width: 120px;
}

/* LIGHTBOX */

#overlay_bg {
  display:      none;
  position:     fixed;
  top:          0;
  left:         0;
  width:        100%;
  height:       100%;
  background-color: #552222;
  z-index:      9999;
  opacity:      .80;
  filter:       alpha(opacity=80)
  }
  
#overlay_bg_container {
  display:      none;
  position:     absolute;
  width:        100%;
  top:          50px;
  z-index:      10000;
  padding-bottom: 100px
 }

#overlay_details{
  position:      relative;
  margin:        auto auto;
  width:         840px;
  height:        auto;
  background-color: #ffffff;
  padding:       20px;
  }

#overlay_details_content a.red {
  color:              #ed1c24
}

.close_lightbox {
  display:      block;
  position:     absolute;
  width:        17px;
  height:       17px;
  right:        35px;
  top:          10px;
  z-index:      2221;
  }

#lightbox_content {
   position:            relative;
   background-color:    #e4e3e3;
   margin-top:         20px;
   padding: 15px;
 }
 
#lightbox_content a {
  font-size:             14px;
  }
 
#lightbox_content h3 {
  font-size:           24px;
  font-style:          italic;
  line-height:         35px;
  color:                #333333;
 }
#lightbox_sub h1 {
  font-size:          44px;
  line-height:        50px;
  font-weight:        normal; 
  color:              #333333;
} 

#inschrijving h2.tip{
  display:           block;
  background: none;
  font-size:         12px;
  font-style:        italic;
  color:             #ffffff;
  width:             416px;
}