*{ margin:0; padding:0; }
*:focus { outline: 0; }

body { 
  font-family:    arial,helvetica,tahoma;
  font-size:      12px;
  color:          #000000;
  line-height:    1.5em;
}
  
img { border:     0px; }  

ul { 
  list-style:     none;
  }

li a {
	height:1%; /* geen whitespace tussen link list items */
	}
  
a {
	text-decoration: underline;
	}
  
a:hover {
	text-decoration:none;
	}

h1  {
  font-size:      18px;
}

h2  {
  font-size:      12px;
}


/* floats en clearen */
.clearleft {
  clear: left;
  }
.clearright {
  clear: right;
  }
.clearboth {
  clear: both;
  overflow: hidden;
  }


/* Layout styles */
#container {
	margin:              0 auto;
	width:               996px;
	height:              100%;
	position:            relative;
	}
  
#paginatop {	
	float:                left;
  margin-top:           22px;
	height:               188px;
	}
	
#content {
  width:                860px;
  height:               100%;
  min-height:           1000px;
	float:                left; 
	}
  
#kolom_smal	{
	float:                 left;
	width:                 270px;
  margin-right:          18px;
	}
  
#kolom_breed {
	float:                 left;
	}
	
#logocolom {
	float:              left;
	margin-top:         22px;
  height:             100%;
  text-align:         center;
  width:              133px;
	}
  
#toprow_2 {
	width:               100%;
	float:               left;
  }

/* navhighlights positie */
.navhighlights {
	float:             left;
	width:             327px;
	height:            40px;
	display:           inline;
	}
  
  
/* steun*/
#steunnavigatie {
	float:             left;
	height:            17px;
	display:           block;
	margin-left:       195px;
	margin-top:        15px;
  padding:           1px 2px 0 0;
  background-image:  url('../images/bg_navigatie.png');
	}
  
#steunnavigatie li {
	height:            9px;
	float:             left;
	display:           block; /* hier i.p.v. op de li a omdat IE de a volledige breedte geeft*/
	}

#steunnavigatie a {
  display:          block; 
  padding:          0px; 
  text-indent:      -1000px;
  text-decoration:  none;
  overflow:         hidden;
}

#steunnavigatie .nav1  {height:18px; width: 42px; background: url('../images/navigatie_top.png') no-repeat 0 0;}
#steunnavigatie .nav2  {height:18px; width: 52px; background: url('../images/navigatie_top.png') no-repeat 0 -18px;}
#steunnavigatie .nav3  {height:18px; width: 42px; background: url('../images/navigatie_top.png') no-repeat 0 -36px;}
#steunnavigatie .nav4  {height:18px; width: 78px; background: url('../images/navigatie_top.png') no-repeat 0 -54px;}
#steunnavigatie .nav5  {height:18px; width: 50px; background: url('../images/navigatie_top.png') no-repeat 0 -72px;}

#steunnavigatie .nav1:hover {background-position: -100px 0;}
#steunnavigatie .nav2:hover {background-position: -100px -18px;}
#steunnavigatie .nav3:hover {background-position: -100px -36px;}
#steunnavigatie .nav4:hover {background-position: -100px -54px;}
#steunnavigatie .nav5:hover {background-position: -100px -72px;}

#steunnavigatie .nav1_active {height:18px; width: 42px; background: url('../images/navigatie_top.png');background-position: -100px 0;}
#steunnavigatie .nav2_active {height:18px; width: 52px; background: url('../images/navigatie_top.png');background-position: -100px -18px;}
#steunnavigatie .nav3_active {height:18px; width: 42px; background: url('../images/navigatie_top.png');background-position: -100px -36px;}
#steunnavigatie .nav4_active {height:18px; width: 78px; background: url('../images/navigatie_top.png');background-position: -100px -54px;}
#steunnavigatie .nav5_active {height:18px; width: 50px; background: url('../images/navigatie_top.png');background-position: -100px -72px;}

#steunnavigatie .spacer  {display:block; height:18px; width: 13px; background: url('../images/navigatie_top.png') no-repeat -61px 0;}



/* navigatie */
#navigatie {
  float:              left;
  padding:            5px 10px 5px 10px;
  width:              111px;
  background-image:   url('../images/bg_navigatie.png');
  margin-top:         20px
  }
		
#navigatie li {
	width:              113px;
	height:             25px;
	}

#navigatie a {
  display:            block; 
  padding:            0px; 
  text-indent:        -1000px;
  text-decoration:    none;
  overflow:           hidden;
  }

#navigatie .nav1  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat 0 0;}
#navigatie .nav2  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat 0 -26px;}
#navigatie .nav3  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat 0 -52px;}
#navigatie .nav4  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat 0 -76px;}

#navigatie .nav1:hover {background-position: -180px 0;}
#navigatie .nav2:hover {background-position: -180px -26px;}
#navigatie .nav3:hover {background-position: -180px -52px;}
#navigatie .nav4:hover {background-position: -180px -76px;}

#navigatie .nav1_active  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat -180px 0;}
#navigatie .nav2_active  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat -180px -26px;}
#navigatie .nav3_active  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat -180px -52px;}
#navigatie .nav4_active  {height:26px; width: 130px;   background: url('../images/navigatie_hoofd.png') no-repeat -180px -76px;}


/* Homepage */
#nieuws_container {
  width:              576px;
  float:              left;
  }

#nieuws_container .nieuwsblok {
  width:              270px;
  height:             214px;
  float:              left;  
  margin:             0 18px 20px 0;
  background-color:   #ffffff;
  color:              #4c4d4f;
  display: inline;
  }

.nieuwsblok h1, .nieuwsblok a {
  color:              #66cc33;  
  }
  
.nieuwsblok h1{
	display:             block;
	height:              55px;
  }
  
.nieuwsblok h2{
  display:             block;
  height:              35px;
	}
	
	
.nieuwsblok a {
  font-weight:        bold;
  }
  
#nieuws_container .inner {
  width:              238px;
  height:             186px;
  float:              left;  
  margin:             13px 0 0 16px;
  display: inline;
  }
  
  
#home_overig_container {
  float:              left;
  width:              267px;
  height:             214px;
  background-color:   #ffffff;
  }

#home_overig_container .slogan {
  font-size:          20px;
  font-weight:        bold;
  line-height:        23px;
  color:              #66cc33;
  width:              213px;
  margin:             11px 0 49px 18px
  }
  
#home_overig_container .banner {
  background-color:   #ffffff;
  width:              270px;
  height:             65px;
  padding-top:        5px;
  }
  
#home_overig_container .inner {
  width:              255px;
  text-align:         right;
  }

#home_overig_container a {
  font-weight:        bold;
  color:              #66cc33;
  }

#home_overig_container .flyer {
  margin-top:        55px;
	border:            3px solid transparent;
  margin-left:       -1px
  } 
  
#home_overig_container .flyer:hover {
  border:             3px solid  #66cc33;
  } 
  

/* Algemeen */
#kolom_smal.algemeen {
  background-color:   #ffffff;
  width:              270px;
  height:             206px;
  }

#kolom_breed.algemeen {
  background-color:   #a9f153;
  color:              #4c4d4f;
  width:              558px;
  height:             721px;
  font-weight:        bold;
  line-height:        21px;
  }


#kolom_breed.algemeen .inner {
  padding:             18px 22px 18px 22px
  }
  
#kolom_breed.nieuwsbrief  {
  height:             auto;
  }
  
#kolom_breed a, #kolom_breed h1 {
  color:              #ffffff;
  }

#kolom_breed h2, #kolom_breed h3  {
  font-size:          12px;
  color:              #ffffff;
  }

#nav_algemeen {
  clear:              left;
  padding:            18px 0 0 80px;
  width:              200px;
  }
    
#nav_algemeen li {
  width:              200px;
  }

#nav_algemeen a {
  display:            block; 
  padding:            0px; 
  text-indent:        -1000px;
  text-decoration:    none;
  overflow:           hidden;
  }

#nav_algemeen .nav1  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 0;}
#nav_algemeen .nav2  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -20px;}
#nav_algemeen .nav3  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -40px;}
#nav_algemeen .nav4  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -60px;}
#nav_algemeen .nav5  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -80px;}
#nav_algemeen .nav6  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -100px;}
#nav_algemeen .nav7  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -120px;}
#nav_algemeen .nav8  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -140px;}
#nav_algemeen .nav9  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat 0 -160px;}

#nav_algemeen .nav1:hover {background-position: -200px 0;}
#nav_algemeen .nav2:hover {background-position: -200px -20px;}
#nav_algemeen .nav3:hover {background-position: -200px -40px;}
#nav_algemeen .nav4:hover {background-position: -200px -60px;}
#nav_algemeen .nav5:hover {background-position: -200px -80px;}
#nav_algemeen .nav6:hover {background-position: -200px -100px;}
#nav_algemeen .nav7:hover {background-position: -200px -120px;}
#nav_algemeen .nav8:hover {background-position: -200px -140px;}
#nav_algemeen .nav9:hover {background-position: -200px -160px;}

#nav_algemeen .nav1_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px 0;}
#nav_algemeen .nav2_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -20px;}
#nav_algemeen .nav3_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -40px;}
#nav_algemeen .nav4_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -60px;}
#nav_algemeen .nav5_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -80px;}
#nav_algemeen .nav6_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -100px;}
#nav_algemeen .nav7_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -120px;}
#nav_algemeen .nav8_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -140px;}
#nav_algemeen .nav9_active  {height:19px; width: 200px;   background: url('../images/subnav_algemeen.gif') no-repeat -200px -160px;}



/* Fotos */
#fotonav  {
  width:            536px;
  margin:           10px 0 0 14px;
}

#fotonav .prev {
  display:          block;
  float:            left;
  width:            21px;
  height:           23px;
  background:       url('../images/nav_arrow.png');
  background-position: 0 0;
  margin-left:      265px;
}

#fotonav .prev:hover {
  background-position: -100px 0;
}

#fotonav .next {
  display:          block;
  margin:           3px 0 0 15px;
  float:            left;
  width:            21px;
  height:           23px;
  background:       url('../images/nav_arrow.png');
  background-position: 0 -105px;
}

#fotonav .next:hover {
  background-position: -100px -105px;
}

#kolom_breed .prev {
  margin-left:      240px;
  }



/* Kamers */
#kolom_smal.kamers{
  float:            left; 
  }

#navigatie-blok {
  width:            270px;
  height:           193px;
  background-color: #ffffff;
  }

#navigatie-blok .inner {
  padding:             0 0px 18px 10px
  }

#nav_kamers {
  padding:            10px 0 0 0
  }
    
#nav_kamers li {
  width:              130px;
  text-align:         left;
  float:              left
  }

#nav_kamers a {
  text-decoration:    none;
  font-size:          18px;
  font-weight:        bold;
  color:              #515254;
  line-height:        22px
  }

.muziekkamer {
  background-color:           rgb(172,117,178);
  } 
  
.huiskamer  {
  background-color:           rgb(78,113,183);
  }
  
.eetkamer {
  background-color:           rgb(226,182,9);
  } 
  
.tuinkamer {
  background-color:           rgb(173,213,134);
  }
  
.atelierkamer  {
  background-color:           rgb(240,80,52);
  }
  
.kinderkamer {
  background-color:           rgb(78,113,183);
  }
  
.filmkamer {
  background-color:           rgb(226,182,9);
  }

.peuterkamer {
  background-color:           rgb(173,213,134);
  }
  
.boerenkamer {
  background-color:           rgb(174,114,80);
  }
  
.danskamer {
  background-color:           rgb(225,93,137);
  }

.generatiekamer {
  background-color:           rgb(57,134,130);
  }
  
.legekamer {
  background-color:           rgb(83,27,116);
  }
  
.buurtkamer {
  background-color:            #398581;
  }
  
#nav_kamers a  {
  background-color:           #ffffff;
  }
  
  
#nav_kamers a.huiskamer:hover, #nav_kamers a.huiskamer_active  {
  color:           rgb(78,113,183);
  background-color:           #ffffff;
  }
  
#nav_kamers a.eetkamer:hover, #nav_kamers a.eetkamer_active {
  color:                       rgb(226,182,9);
  background-color:           #ffffff;
  } 
  
#nav_kamers a.kinderkamer:hover, #nav_kamers a.kinderkamer_active {
  color:                      rgb(78,113,183);
  background-color:           #ffffff;
  }
  
#nav_kamers a.muziekkamer:hover, #nav_kamers a.muziekkamer_active {
  color:                       rgb(172,117,178);
  background-color:           #ffffff;
  } 
  
#nav_kamers a.atelierkamer:hover, #nav_kamers a.atelierkamer_active  {
  color:                      rgb(240,80,52);
  background-color:           #ffffff;
  }
  
#nav_kamers a.tuinkamer:hover, #nav_kamers a.tuinkamer_active {
  color:                       rgb(173,213,134);
  background-color:           #ffffff;
  }
  
#nav_kamers a.filmkamer:hover, #nav_kamers a.filmkamer_active {
  color:                       rgb(226,182,9);
  background-color:           #ffffff;
  }
  
#nav_kamers a.peuterkamer:hover, #nav_kamers a.peuterkamer_active {
  color:                      rgb(173,213,134);
  background-color:           #ffffff;
  }
  
#nav_kamers a.boerenkamer:hover, #nav_kamers a.boerenkamer_active {
  color:                      rgb(174,114,80);
  background-color:           #ffffff;
  }
  
#nav_kamers a.danskamer:hover, #nav_kamers a.danskamer_active {
  color:                      rgb(225,93,137);
  background-color:           #ffffff;
  }
  
#nav_kamers a.generatiekamer:hover, #nav_kamers a.generatiekamer_active {
  color:                      rgb(57,134,130);
  background-color:           #ffffff;
  }

#nav_kamers a.legekamer:hover, #nav_kamers a.legekamer_active {
  color:                      rgb(83,27,116);
  background-color:           #ffffff;
  }
  
#nav_kamers a.buurtkamer:hover, #nav_kamers a.buurtkamer_active {
  color:                      #398581;
  background-color:           #ffffff;
  }
    
#kamerbeschrijving {
  width:              555px;
  height:             193px;
  color:              #ffffff;
  font-weight:        bold;
  line-height:        20px;
  overflow:           auto     
  }
  
#kamerbeschrijving .inner {
  padding:             18px 22px 18px 22px
  }
  
#kamerprojecten {
  width:              270px;
  height:             615px;
  margin-top:         18px;
  color:              #ffffff
  }

#kamerprojecten .inner {
  padding:             15px 22px 15px 30px
  }
  
#kamerprojecten ul {
  margin-top:         5px;
  list-style:         square
}

#kamerprojecten li {
  padding:            4px 0 4px 0
}


#kamerprojecten a {
  text-decoration:    none;
  color:              #ffffff;
  line-height:        18px
  }
  
#kamerprojecten a:hover {
  text-decoration:    underline;
  }
  
.kamerproject {
  width:              555px;
  height:             193px;
  margin-top:         18px;
  color:              #4c4d4f;
  background-color:   #ffffff
  }
  
.projectinhoud .inner {
  padding:            10px 15px 10px 15px
  }
  
#kolom_breed h3.kamerprojecttitel  {
  color:              #4c4d4f;
  }

.projectfoto {
  float:              left;
  margin-right:       18px
  }


/* -------------- agenda & projectenoverzicht--------------------------*/
#kalender {
	float:             left;
	width:             556px;
	height:            110px;
	background-color:  #FFFFFF;
	margin:            20px 0 0 7px
	}
	
#kalender .inner {
  padding:          14px;
}

#kalender .maand {
	color:           #6eb43f;
	font-size:       24px;
  font-weight:     bold;
	margin-left:     2px;
}
	

#kalender ul.jaartallen,
#kalender ul.maanden {
	margin-top:         14px;
	color:              #6eb43f;
  font-size:          24px;
  font-weight:        bold;
	}
	
#kalender ul.jaartallen li {
	float:             left;
	width:             70px;
	}
	
#kalender ul.maanden li {
	float:             left;
	width:             42px;
	}
	
#kalender ul.jaartallen li a,
#kalender ul.maanden li a {
	color:#515254;
	text-decoration:none;
	}
	
#kalender ul.jaartallen li a.active,
#kalender ul.jaartallen li a:hover,
#kalender ul.maanden li a.active,
#kalender ul.maanden li a:hover {
	color:#6eb43f;
	text-decoration:none;
	}
	
#kalender #tagsnav {
	margin-top:      45px;
  }

#tagsnav li {
	float:           left;
	color:           #6eb43f;
	font-size:       12px;
	font-weight:     bold;
  }
	
#tagsnav li a {
	color:           #6eb43f;
	margin-right:    50px;
	}
	
#tagsnav li select {
	width:           150px;
	margin-right:    40px;
} 
		
#agenda {
	float:           left;
	width:           847px;
	color:           #ffffff;
	padding:         0;
	margin-left:     -2px
	}

#agenda tr {
	height: 52px;
	}
	
	
#agenda td {
	height:            52px;
	color:             #a9f153;	
	vertical-align:    top;
	}
	
#agenda tr.spacing,
#agenda tr.spacing td {
	height:            17px;
	}

#agenda td.wanneer, 
#agenda td.omschrijving, 
#agenda td.url {
	width:             260px;
	color:             #ffffff;
  background-color:  #4d4d4f;
	padding:           5px 8px 5px 8px;
	}

#agenda td.spacing {
	width:             17px;
	}
	
#agenda td.wanneer {
	color:             #a9f153;
  }
	
#agenda td a {
  color:             #a9f153;
  }
  
.dag, .datum  {
	font-size:         12px;
	font-weight:       bold;
	}

.datum {
	float:             right;
	width:             35px;
	margin-left:       13px;
	margin-top:	       3px
	}
	
.tijd, .projecttitel, .projecttitel a {
	line-height:       22px;
	font-size:         12px;
	font-weight:       bold;
	}
		
.titel {
  font-size:         12px;
  font-weight:       bold;
	}

.url {
  font-size:         12px;
  font-weight:       bold;
	}
	
.kamerlink {
	float:             right;
  display:           block;
	margin:            10px 0 0 5px;
  width:             49px;
  height:            22px
	}

	
/* ----------lightbox -----------*/
#overlay_bg_container {
  position:     fixed;
  top:          0;
  left:         0;
  width:        100%;
  height:       100%;
  z-index:      2000;
}

#overlay_bg {
  width:        100%;
  height:       100%;
  top:          0;
  left:         0;
  background-color: #000000;
  z-index:      2001;
  filter:       alpha(opacity=90);
  opacity:      0.90;
}

#overlay_details{
  position:     fixed;
  top:          100px;
  z-index:      2020;
  display:      block;
}

#overlay_details #fotonav {
	width:   590px;
}

.lightbox_detail {
  background-color: #ffffff;
  padding:          50px;
}






/* Detail pagina */

#detail_kolomlinks {
	float:						left;
	width: 						558px;
	min-height:				721px;
	margin-right:			18px;
	background-color:	#ffffff
	}
	
#detail_kolomlinks .inner {
  padding:            25px
  }
	
#detail_kolomlinks .flyer-small {
  float:        left;
  margin:       3px 10px 5px 0
  }
  
#detail_kolomrechts {
	float:           left;
	width:           270px;
	height:          721px;
	}
	
#detail_kolomlinks table {
	font-weight: 		bold;	
	font-size:			18px;
	color:					#4c4d4f;
	padding:				0;
	margin-bottom:   30px;
	}
	
#detail_kolomlinks td.uitlijn_rechts {
	height:         26px;
	width:					94px;
	color:					#6eb43f
	}
  
#detail_kolomlinks td.uitlijn_rechts_multi {
  height:         26px;
  width:          94px;
  color:          #6eb43f;
  vertical-align: top;
  padding-top:    4px
  }
  
#detail_kolomlinks table a{
  line-height:       20px;
  }
	 
#detail_kolomlinks .projectbeschrijving h2, #detail_kolomlinks .projectbeschrijving h3  {
  font-size:          12px;
  font-weight:        bold;
  }
	
#detail_kolomlinks .projectbeschrijving a {
	color:          #4c4d4f;
  }

#detail_urls {
	width:           270px;
	height:          124px;
	background-color:#a9f153;
  color:           #4c4d4f;
	margin-bottom:   18px;
}

#detail_urls a {
	color:           #4c4d4f;
	font-weight:     bold;
	line-height:     20px;
}

#detail_urls .inner {
  padding:         20px
}

#detail_fotos {
  width:           270px;
  min-height:      579px;
  background-color:#a9f153;
}

#detail_fotos img{
	float:           left;
	margin-bottom:   10px;
	}
	
#detail_fotos .spacer{
	margin-left:     10px;
	}
	
a.sluitkruis {
	float: right;
	width:21px;
	height:21px;
	margin: 10px;
	display:block;
	background:url(../images/sluitkruis.png) no-repeat left top;
	}
	
a.sluitkruis:hover {
	background:url(../images/sluitkruis_over.png) no-repeat  left top;
	display: block;
	}
	
	
/* Festival pagina */

#detail_kolomlinks.festivalheight {
  height:             900px; 
  margin-bottom:      15px;
 }
  
.festivalbeschrijving {
	font-weight:         bold;
	line-height:         22px;
	color:               #4c4d4f;
}

#festivalprojecten {
  margin-top:          20px;
	color:               #4c4d4f;
  }
	
#festivalprojecten h1 {
  line-height:        25px;
  }
	
#festivalprojecten a {

	color:              #6eb43f;
	font-weight:        bold;
  }
  
#festivalprojecten .link {
  color:              #6eb43f;
  font-weight:        bold;
  text-decoration:    none
  }
	
#festivalprojecten a.link:hover {
  text-decoration:    underline
  }

#festivalprojecten p{
  margin-bottom:          5px;
  }
  
  
#flyeroverzicht {
  position:          relative;
	width:             270px;
	height:            900px;
	background-color:  #a9f153;
	overflow:          hidden;
  }	
  
#flyeroverzicht .slidercontent {
    position:absolute
    }


#detail_kolomrechts .up, #detail_kolomrechts .down {
  display:          block;
  position:         absolute;
  top:              215px;  
  left:             960px;
  z-index:          100
  }
  
#detail_kolomrechts .down {
   top:             1090px
  }

#flyerinner {
	width:             180px;
  margin-left:       45px;
  
	}
	
#flyerinner img {
	margin:            18px 0 18px 0
  }
  
	
/* ------------------------nieuwsbrief pagina------------------------------ */
.nieuwsbrief_voorbeeld {
	margin:		30px 0 0 0
	}
	
.inschrijferror {
	color:	#ff0000;
	margin-bottom: 5px
	}
	
/* ------------------------kamers pagina's------------------------------ */

.kamers_content {
	float:left;
	width: 833px;
	margin-left: 17px;
	}
	
/*transparante achtergrondvlakken per kamer*/
.huiskamer .kamers_content {
	background:url(../images/kamers_vlakbg_blauw.png) no-repeat left top; 	
	}
.eetkamer .kamers_content {
	background:url(../images/kamers_vlakbg_geel.png) no-repeat left top;	
	}
.kinderkamer .kamers_content {
	background:url(../images/kamers_vlakbg_felblauw.png) no-repeat left top;	
	}
.atelierkamer .kamers_content {
	background:url(../images/kamers_vlakbg_rood.png) no-repeat left top;	
	}
.muziekkamer .kamers_content {
	background:url(../images/kamers_vlakbg_paars.png) no-repeat left top;	
	}
.tuinkamer .kamers_content {
	background:url(../images/kamers_vlakbg_groen.png) no-repeat left top;	
	}
/*kamernavigatie*/	
ul.subnav_kamers {
	padding-left: 123px;/* om de nodige witruimte links te laten zien*/
	padding-top:23px;/* om de nodige witruimte bovenaan te laten zien*/
	height: 314px;
	background-color:#FFFFFF;
	margin-bottom: 17px;
	}
ul.subnav_kamers li a {
	display: block;
	background:url(../images/subnav_kamers.gif) no-repeat left top;
	width:140px;
	}
ul.subnav_kamers li.huiskamer a {
	height: 26px;
	}
.huiskamer ul.subnav_kamers li.active a,
ul.subnav_kamers li.huiskamer a:hover {
	background-position: -140px 0px;
	height: 26px;
	}		
ul.subnav_kamers li.eetkamer a {	
	height: 25px;
	background-position: 0px -26px;
	}
.eetkamer ul.subnav_kamers li.active a,
ul.subnav_kamers li.eetkamer a:hover {
	background-position: -140px -26px;
	height: 25px;
	}	
ul.subnav_kamers li.kinderkamer a {
	height: 29px;
	background-position: 0px -51px;
	}
.kinderkamer ul.subnav_kamers li.active a,
ul.subnav_kamers li.kinderkamer a:hover {
	background-position: -140px -51px;
	height: 29px;
	}
ul.subnav_kamers li.atelierkamer a {
	height: 29px;
	background-position: 0px -80px;
	}
.atelierkamer ul.subnav_kamers li.active a,
ul.subnav_kamers li.atelierkamer a:hover {
	background-position: -140px -80px;
	height: 29px;
	}	
ul.subnav_kamers li.muziekkamer a {
	height: 29px;
	background-position: 0px -109px;
	}
.muziekkamer ul.subnav_kamers li.active a,
ul.subnav_kamers li.muziekkamer a:hover {
	background-position: -140px -109px;
	height: 29px;
	}
ul.subnav_kamers li.tuinkamer a {
	height: 30px;
	background-position: 0px -139px;
	}
.tuinkamer ul.subnav_kamers li.active a,
ul.subnav_kamers li.tuinkamer a:hover {
	background-position: -140px -139px;
	height: 30px;
	}
.huiskamer ul.subnav_kamers li.active a,
.eetkamer ul.subnav_kamers li.active a,
.kinderkamer ul.subnav_kamers li.active a,
.atelierkamer ul.subnav_kamers li.active a,
.muziekkamer ul.subnav_kamers li.active a,
.tuinkamer ul.subnav_kamers li.active a {
	cursor: default;
	}
/* kamer tekstvlak */
.kamers_content .kolom_breed {
	height:510px;
	margin-left:17px;
	overflow: auto;
	color: #FFFFFF;
	}
.kamers_content h4 {
	font-size: 1.8em;	
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom:3px;
	}
.kamers_content p {
	font-size: 1.4em;
	line-height:1.4em;
	letter-spacing: 0.01em;
	width: 470px;
	font-weight: bold;
	margin-left: 35px;
	margin-bottom: 1em;
	}
.kamers_content .kolom_breed a {
	color:#FFFFFF;
	text-decoration:underline;
	}
.kamers_content .kolom_breed a:hover {
	color:#4c4d4f;
	}
/*achtergrondkleuren tekst per kamer */
.huiskamer .kamers_content .kolom_breed {
	background-color:#5381ac;
	}
.eetkamer .kamers_content .kolom_breed {
	background-color:#ccb802;
	}
.kinderkamer .kamers_content .kolom_breed {
	background-color:#00c4e0;
	}
.atelierkamer .kamers_content .kolom_breed {
	background-color:#e44e35;
	}
.muziekkamer .kamers_content .kolom_breed {
	background-color:#984874;
	}
.tuinkamer .kamers_content .kolom_breed {
	background-color:#97c961;
	}
/* extra vlakken met img of tekst*/
ul.extra1 {
	height:175px;
	}
ul.extra1 li {
	width:263px;
	height:158px;
	display: inline;/* omdat IE anders een pixel (of twee) extra genereert onderaan de li*/
	}
ul.extra2 {
	float:left;
	width: 833px;
	padding-bottom:105px;
	}
ul.extra2 li {
	width:263px;
	height:158px;
	float: left;
	margin-right: 17px;
	}
ul.extra2 li.laatst {
	margin-right:0px;
	}
ul.extra1 li.extratekst,
ul.extra2 li.extratekst {
	background-color:#FFFFFF;
	display:block;
	}
li.extratekst a {
	color: #7ff82e;
	}
li.extratekst h5 {
	font-size: 1.9em;
	padding-left: 17px;
	padding-top: 17px;
	height: 30px;
	}
li.extratekst p {
	font-size: 1.1em;
	line-height:1.2em;
	letter-spacing: 0em;
	color:#4c4d4f;
	margin-left: 17px;
	width: 220px;
	height: 85px;
	}
/* headerkleur per kamer */
.huiskamer li.extratekst h5 {
	color:#5381ac;
	}
.eetkamer li.extratekst h5 {
	color:#ccb802;
	}
.kinderkamer li.extratekst h5 {
	color:#00c4e0;;
	}
.atelierkamer li.extratekst h5 {
	color:#e44e35;
	}
.muziekkamer li.extratekst h5 {
	color:#984874;
	}
.tuinkamer li.extratekst h5 {
	color:#97c961;
	}
	
	
	
/* ---------------steunnavigatie pagina opzet voor links, lokatie ets, positie kolommen vind je bij de algemeen pagina --------------*/
.steunnav_pagina .content {
	background:url(../images/steunnav_pagina-contentbg.gif) repeat-y left top;
	}
.steunnav_pagina .content p {
	padding-top:10px;
	font-size:1.2em;	
	line-height:1.4em;
	color:#4c4d4f;
	font-weight:bold;
	}
.steunnav_pagina .content p a {
	color:#ffffff;
	line-height:1.4em;
	}
.steunnav_pagina .content p a:hover {
	color:#ffffff;
	}
ul.over_site,
ul.links {
	padding-top:10px;
	}
ul.over_site li,
ul.links li {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	color:#4c4d4f;
	}
ul.over_site li a,
ul.links li a {
	color:#ffffff;
	text-decoration:none;
	}
ul.over_site li a:hover,
ul.links li a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
ul.over_site li.witregel {
	margin-bottom:18px;
	} 


/* kleuren */
.blauw {
	color:#5381ac;
	}
.geel {
	color:#ccb802;
	}	
.felblauw {
	color:#00c4e0;
	}
.paars {
	color:#984874;
	}	
.rood {
	color:#e44e35;
	}
.groen {
	color:#6eb43f;
	}
.kopgroen {
	color:#7cbb52;
	}	
.felgroen{
	color:#7ff82e;
	}
.grijs {
	color:#4c4d4f;
	}