/**
* Villa Kreta 
* @version: 1: default.css
*/
 
/* General
*****************************************************************************/
html{
}
body{
   font-size:62.5%;
   font-family:Verdana;
   margin:0 auto;
   width:913px;
   background:#eee;
}
.contentWrapper{
   position:relative;
}
h1, h2, h3, h4, h5, p, li, ul, ol, dd, dl, dt, form, fieldset, legend, input{
   margin:0;
   padding:0;
   list-style:none;
   list-style-type:none;
}
.dn, h5{
   display:none;
}
img{
   border:none;
}

/* Header
*****************************************************************************/
#hdr{
   background:url(../img/hdr.png) no-repeat bottom;
   height:128px;
   position:relative;
}
   #hdr p img{
      margin:54px 0 0 19px;
   }
   #hdr p span{
      position:absolute;
      right:35px;
      top:25px;
   }
      #hdr p span a{
         font-size:-10px;
         text-indent:-9999px;
      }
         #hdr p a{
            width:28px;
            height:21px;
            display:block;
            float:left;
         }
         #hdr p a.nl{
            background:url(../img/nld.png) no-repeat top;           
            margin-right:15px;
         }
         #hdr p a.en{
            background:url(../img/eng.png) no-repeat top;
         }
            #hdr p a.active{
               background-position:bottom;
            }
            #hdr p a:hover{
               background-position:top;
               opacity:0.7;
               filter:alpha(opacity=70);
            }
   #hdr p em{
      position:absolute;
      bottom:25px;
      right:35px;
      color:#fff;
      font-size:2.1em;
      font-style:normal;
   }

/* Content
*****************************************************************************/
#cnt{
   background:url(../img/cnt.png) repeat-y;
   overflow:hidden;
   padding-bottom:20px;
}

#cnt .mc{
   position:relative;
}
   #cnt .mc .title{
      overflow:hidden;
   }
   #cnt .mc .title h1, .h1{
      color:#d59218;
      font-size:2.4em;
      float:left;
      margin-bottom:0px;
	  margin-top: 0px;
   }
   #cnt .mc p img{
      float:right;
      margin:0px 0px 10px 10px;
   }
   #cnt #bruin .title h1.h1{
      color:#583714;
   }
   #cnt #oranje .title h1.h1{
      color:#d79300;
   }
   #cnt #blauw .title h1.h1{
      color:#0062ff;
   }
   #cnt #groen .title h1.h1{
      color:#339e00;
   }
   #cnt .mc .title p{
      margin-bottom:5px;
   }
   #cnt .mc p {
		  margin-top:5px;
		  margin-bottom: 20px;
		  font-size: 11px;
        text-align:justify;
	} 
   #cnt .mc hr{
      background:url("../img/hr.png") no-repeat scroll center top transparent;
      border:medium none;
      height:30px;
      width: 100%;
      float: left;
   }
	  	#cnt .mc p img{
		  padding-top:5px;
	   }
	   #cnt .mc p a {
			text-decoration: underline;	 
			color: #000 !important;  
		}
		#cnt .mc p a:hover {
			text-decoration: none !important;	
		}
   #cnt .stl{
      font-style:italic;
      font-size:1.2em;
      float:left;
      line-height:2.4em;
      margin-left:10px;
	  padding-top: 0px;
   }

#cnt .ref{
   padding-bottom:0px;
   margin-left:15px;
   margin-bottom:15px;
   margin-top:-20px;
   
   display:inline-block;
   float:right;
}
#cnt .ref2{
   background:#eeeeee;padding:15px;width:133px;
   padding-bottom: 1px;
   
}
.addthis_default_style a{
   margin-top:10px;
   padding-bottom:10px;
   overflow:hidden;
   float:right;
   color: #000;
}
.addthis_default_style a:hover{
	text-decoration: none;
}
.addthis_default_style .addthis_separator{
   padding-top:10px;
}
   #cnt .ref em{
      font-style:normal;
      font-size:13px;
      text-transform:uppercase;
      margin-bottom:10px;
      display:inline-block;
	  font-weight: bold;
	  color:#6a8cb4;
   }
   #cnt .ref .ref2 a span{
      font-family:arial;
      font-size:11px;
      border-bottom:1px solid #d8d8d8;
      display:inline-block;
      width:100%;
      padding-bottom:6px;
	  color: #6a8cb4;
	  margin-bottom: 0px;
   }
        #cnt .ref p {
			margin-bottom: 0px;
      }
      #cnt .ref p a{
         width:100%;
         border-bottom:1px solid #fff;
         color:#6b8db3;
         text-decoration:none;
         display:block;
         text-align:right;
         margin-top:10px;
		 margin-bottom: 0px;
      }
      #cnt .ref p a:hover{
         border-bottom:1px solid #6a8cb4;
      }
#cnt .menu{
   overflow:hidden;
   margin:0 22px 0 17px;
}
    #cnt .menu li{
      float:left;
    }
      #cnt .menu li a{
         color:#838383;
         text-decoration:none;
         display:block;
         padding:20px 12px;
         font-size:1.2em;
      }
         #cnt .menu .face {float: right;}
         #cnt .menu .face a {background: url(../images/facebook.jpg) center center no-repeat; text-indent: -9999px; padding: 20px 0; width: 16px; margin: 0 13px 0 0;}
         #cnt .menu li a:hover, #cnt .menu li a.active{
            color:#000;
         }
   #cnt .sub{
      margin-left:29px;
      #margin-left:29px;
      _margin-left:15px;
      float:left;
      width: 135px;
   }
      #cnt h3{
         font-weight:bold;
         font-size:1.3em;
         margin-bottom:22px;
         margin-top:11px
      }
      #cnt .sub li a{
         display:block;
         padding:7px 0;
         width:175px;
         font-size:1.2em;
         letter-spacing:1px;
         color:#000;
         text-decoration:none;
         border-bottom:1px solid #000;
      }
         #cnt .sub  ul ul{
            border-right:1px solid #000;
            border-bottom:1px solid #000;
            margin-top:-1px;
         }
            #cnt .sub ul ul li a{
               letter-spacing:0px;
               font-size:1.1em;
               border:none;
            }
      #cnt .sub #br a{
         border-color:#583717;
         background:url(../img/mnu/br.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #br a:hover{
            background:url(../img/mnu/br.png) no-repeat -69px 10px;
         }
            #cnt .sub #br ul a:hover{
               background:url(../img/mnu/brh.png) no-repeat 141px 9px;
            }
            #cnt .sub #br ul a{
               background:none;
            }
            #cnt .sub #br ul ._active{
               background:url(../img/mnu/brh.png) no-repeat 141px 9px;
            }
         #cnt .sub #br ul{
            border-color:#583717;
         }
         #cnt .sub #br ul a{
            color:#583717;
         }
      #cnt .sub #or a{
         border-color:#d59218;
         background:url(../img/mnu/or.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #or a:hover{
            background:url(../img/mnu/or.png) no-repeat -69px 10px;
         }
            #cnt .sub #or ul a:hover{
               background:url(../img/mnu/orh.png) no-repeat 141px 9px;
            }
            #cnt .sub #or ul a{
               background:none;
            }
	        #cnt .sub #or ul ._active{
               background:url(../img/mnu/orh.png) no-repeat 141px 9px;
            }
         #cnt .sub #or ul{
            border-color:#d59218;
         }
         #cnt .sub #or ul a{
            color:#d59218;
         }
      #cnt .sub #bl a{
         border-color:#0168fb;
         background:url(../img/mnu/bl.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #bl a:hover{
            background:url(../img/mnu/bl.png) no-repeat -69px 10px;
         }
            #cnt .sub #bl ul a:hover{
               background:url(../img/mnu/blh.png) no-repeat 141px 9px;
            }
            #cnt .sub #bl ul a{
               background:none;
            }
	        #cnt .sub #bl ul ._active{
               background:url(../img/mnu/blh.png) no-repeat 141px 9px;
            }
         #cnt .sub #bl ul{
            border-color:#0168fb;
         }
         #cnt .sub #bl ul a{
            color:#0168fb;
         }
      #cnt .sub #gr a{
         border-color:#399c07;
         background:url(../img/mnu/g.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #gr a:hover{
            background:url(../img/mnu/g.png) no-repeat -69px 10px;
         }
            #cnt .sub #gr ul a:hover{
               background:url(../img/mnu/gh.png) no-repeat 141px 9px;
            }
            #cnt .sub #gr ul a{
               background:none;
            }
	        #cnt .sub #gr ul ._active{
               background:url(../img/mnu/gh.png) no-repeat 141px 9px;
            }
         #cnt .sub #gr ul{
            border-color:#399c07;
         }
         #cnt .sub #gr ul a{
            color:#399c07;
         }
      #cnt .sub #zw a{
         border-color:#000;
         background:url(../img/mnu/g.png) no-repeat -265px 10px;
         width: 135px;
      }
      #cnt .sub #b2 a{
         border-color:#6b8db3;
         background:url(../img/mnu/b2.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #b2 a:hover{
            background:url(../img/mnu/b2.png) no-repeat -69px 10px;
         }
            #cnt .sub #b2 ul a:hover{
               background:url(../img/mnu/b2h.png) no-repeat 141px 9px;
            }
            #cnt .sub #b2 ul a{
               background:none;
            }
	        #cnt .sub #b2 ul ._active{
               background:url(../img/mnu/b2h.png) no-repeat 141px 9px;
            }
         #cnt .sub #b2 ul{
            border-color:#6b8db3;
         }
         #cnt .sub #b2 ul a{
            color:#6b8db3;
         }
      #cnt .sub #lb a{
         border-color:#a6ecf7;
         background:url(../img/mnu/lb.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #lb a:hover{
            background:url(../img/mnu/lb.png) no-repeat -69px 10px;
         }
            #cnt .sub #lb ul a:hover{
               background:url(../img/mnu/lbh.png) no-repeat 141px 9px;
            }
            #cnt .sub #lb ul a{
               background:none;
            }
         #cnt .sub #lb ul{
            border-color:#a6ecf7;
         }
         #cnt .sub #lb ul a{
            color:#a6ecf7;
         }
   #cnt .sub #za a{
         border-color:#d9c6aa;
         background:url(../img/mnu/za.png) no-repeat -265px 10px;
         width: 135px;
      }
         #cnt .sub #za a:hover{
            background:url(../img/mnu/za.png) no-repeat -69px 10px;
         }
            #cnt .sub #za ul a:hover{
               background:url(../img/mnu/zah.png) no-repeat 141px 9px;
            }
            #cnt .sub #za ul a{
               background:none;
            }
	        #cnt .sub #za ul ._active{
               background:url(../img/mnu/zah.png) no-repeat 141px 9px;
            }
         #cnt .sub #za ul{
            border-color:#d9c6aa;
         }
         #cnt .sub #za ul a{
            color:#69563a;
         }
   #cnt .mc{
      margin:0 25px;
      float:left;
      width:653px;
      line-height:18px;
   }
   #cnt .mc h1, #cnt .mc h2{
      font-weight:normal;
      font-size:1.8em;
      margin-bottom:15px;
   }
   #cnt .mc p{
      margin-bottom:15px;
   }
   #cnt .mc h4{
      font-size:12px;
   }
   #cnt .mc object{
      margin-bottom:15px;
      display:block;
      height:367px;
   }
   #gastImg {
	   margin-left: 15px;
	   margin-bottom: 4px;
	   float: right;
   }
/* Product overzicht
*****************************************************************************/   
.h1{  
   font-size:2.4em;
   margin-top: 4px !important;
   margin-bottom:0px;
   float:none;
}
   #bruin strong, #bruin .h1, #bruin #ovz li span em{ color:#583717; }
   #oranje strong, #oranje .h1, #oranje #ovz li span em{ color:#d59218; }
   #blauw strong, #blauw .h1, #blauw #ovz li span em{ color:#2861bd; }
   #groen strong, #groen .h1, #groen #ovz li span em{ color:#399c07; }
   #alle strong, #alle .h1, #alle #ovz li span em{ color:#6b8db3; }
   #lblauw strong, #lblauw .h1, #lblauw #ovz li span em{ color:#a6ecf7; }
   #zand strong, #zand .h1, #zand #ovz li span em{ color:#a78e6a; }
#ovz{
   margin-right:-14px;
   width:661px;
}   
   #ovz li{  
      float:left;
      margin:0 5px 5px 0;
	  cursor: pointer;
   }
     
   #ovz li p{
      margin-bottom:0px !important;
      margin-top:3px !important;
	  height: 40px !important;
	  overflow: hidden !important;
	  padding: 0px !important;
	  text-decoration: none !important;
	  cursor: pointer;
   }
   #bruin #ovz li{ background:#dbd7d2; }
   #oranje #ovz li{ background:#f7e8cc; }
   #blauw #ovz li{ background:#cce0fd; }
   #groen #ovz li{ background:#d9f0ce; }
   #alle #ovz li{ background:#e1e8f1; }
   #lblauw #ovz li{ background:#ecfafc; }
   #zand #ovz li{ background:#f0e1cb; }
      #bruin #ovz li:hover{ background:#c9bfb4; }
      #oranje #ovz li:hover{ background:#f1dcb5; }
      #blauw #ovz li:hover{ background:#adcefe; }
      #groen #ovz li:hover{ background:#bfdfaf; }
      #alle #ovz li:hover{ background:#cfdae7; }
      #lblauw #ovz li:hover{ background:#e2f9fc; }
      #zand #ovz li:hover{ background:#d9c6aa; }
	
   
   
      #ovz li a{
         display:block;
         width:204px;
         text-decoration:none !important;
         color:#000;
         padding-left: 5px;
		 padding-right: 5px;
		 margin-top: 0px !important;
		 margin-bottom: 0px;
		 cursor: pointer;
      }
      #ovz li span{
         display:inline-block;
         width:100%;
         font-weight:bold;
         font-size:1.1em;
         position:relative;
		 cursor: pointer;
      }
         #ovz li span em{
            display:inline-block;
            position:absolute;
            right:0;
            top:0;
			cursor: pointer;
         }
      #ovz li a span.img{
         width:204px;
         height:136px;
		 margin-top: 5px;
         overflow:hidden;
		 cursor: pointer;
      }
         #ovz li a img{
            width:204px;
            border:none;
			cursor: pointer;
         }
      #ovz li a strong{
         text-align:right !important;
		 width:204px;
		 float: right;
         display:block;
		 padding-bottom: 5px;
		 cursor: pointer;
      }
       #ovz li:hover{
         cursor:pointer;
      }

/* Autopagina
*****************************************************************************/      
.car{
   width:100% !important;
}

.car td{
   text-align:left;
   width:120px;
}
.car .car2{
   width:360px ;
}
.car .car2 img{
   margin-left:20px;
}

/* Footer
*****************************************************************************/
#ftr{
   background:url(../img/ftr.png) no-repeat;
   position:relative;
   margin-bottom:20px;
   overflow:hidden;
   height:50px;
}
   #ftr p{
      position:absolute;
      top:20px;
      left:75px;
	  color:#a7a7a7 !important;
   }
      #ftr p a{
         color:#a7a7a7;
         font-size:1.1em;
         text-decoration:none;
      }
   #ftr ul{
      position:absolute;
      right:10px;
      top:20px;
      height: 20px;
   }
      #ftr li{
         float:left;
         margin-left:15px;
      }
         #ftr li a{
            text-decoration:none;
            color:#000;
         }
            #ftr a:hover{
               color:#666;
            }

/* Gallery
*****************************************************************************/
#photos{
   margin-bottom:20px !important;
   margin-top: 5px;
}
.filmstrip img{
   width:154px;
   height:102px;
}
.panel img{
   width:328px;
   height:224px;
}
   .filmstrip img:hover{
      background:#fff;
      opacity:0.8;
      filter:alpha(opacity=80);
   }
   .galleryview {
	margin-top: 5px;   
   }
.panel{
   margin-bottom:4px;
   display:block;
}
.panel-overlay, .overlay{
   display:none;
}
#pointer{
   background:#fff;
   opacity:0.5;
   filter:alpha(opacity=50);
   border:2px solid #fff;
}
.info{
   position:absolute;
   width:277px;
   height:180px;
   padding:22px;
   background:#f1dcb5;
   right:0;
   top:0;
   font-family:arial;
}
#bruin .info{
   background:#dbd7d2;
}
#oranje .info{
   background:#f7e8cc;
}
#blauw .info{
   background:#cce0fd;
}
#groen .info{
   background:#d9f0ce;
}
   #cnt .info h3{
      font-size:1.2em;
      margin-bottom:3px;
      margin-top:0px;
      position:relative;
   }
   .info ul{
      position:relative;
   }
   .info li{
      font-size:1.1em;
      color:#000;
   }
     .info li em{
         font-style:normal;
         color:#000;
         display:inline-block;
         width:136px;
         font-weight: 700;
      }
      #bruin .info li em{
         color:#593814;
      }
      #oranje .info li em{
         color:#d79300;
      }
      #blauw .info li em{
         color:#2861bd;
      }
	 #groen .info li em{
         color:#3ea300;
      }
   .info p{
      position:absolute;
      right:5px;
      bottom:-10px;
   }
   .info a{
      background:url(../img/button.png) no-repeat;
      float:right;
      bottom:10px;
      right:10px;
      color:#000;
      text-decoration:none !important;
      padding:3px 0px;
      text-align:center;
      width:152px;
      font-size:1.1em;
      margin-left:5px;
   }
      .info a:hover{
         opacity:0.7;
         filter:alpha(opacity=70);
      }

/* Breadcrumbs
*****************************************************************************/
 .brd li{ background:url(../img/arrow_bruin.png) no-repeat left center; }
#bruin .brd li{ background:url(../img/arrow_bruin.png) no-repeat left center; }
#oranje .brd li{ background:url(../img/arrow_oranje.png) no-repeat left center; }
#blauw .brd li{ background:url(../img/arrow_blauw.png) no-repeat left center; }
#groen .brd li{ background:url(../img/arrow_groen.png) no-repeat left center; }
#alle .brd li{ background:url(../img/arrow_alle.png) no-repeat left center; }
#lblauw .brd li{ background:url(../img/arrow_lblauw.png) no-repeat left center; }
.brd{
   width:100%;
   border-top:1px solid #dedede;
   overflow:hidden;
}
   .brd li{
      padding-left:10px;
      margin:5px 0 0 10px;
      float:right;
   }
      
      .brd .home, #bruin .brd .home, #oranje .brd .home, #blauw .brd .home, #groen .brd .home, #alle .brd .home, #lblauw .brd .home{ background:none; }
      .brd li a{
         color:#838383;
         text-decoration:none;
         font-size:1.1em;
      }
         .brd li.active a{
            color:#000;
         }

/* Contactformulier */
div.mailer_ext {
	margin: 22px 0;
	width: 690px;
	margin-left: 0px;
	clear: both;
	margin-bottom: 0px;
}
div.mailer_ext p {
	margin-top: 20px;
	margin-bottom: 0px;
	
}
.mailer_left {
	width: 690px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11x;
}
.mailer_right {
	width: 190px;
	height: 368px;
	display: block;
	float: right;
	margin-left: 30px;
	background-image:url(../images/btnFoto.jpg);
	background-repeat: repeat-y;
	padding: 0px;
}
.mailer_right div {
	margin-left: 15px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	display: block;
	float: left;
	line-height: 22px;
	margin-bottom: 45px;
}
div.mailer_ext div.message {
	cursor: pointer;
}

div.mailer_ext label {
	display: block;
	float: left;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	margin-left: 0px;
}
div.mailer_ext input {
	margin-bottom: 3px;

	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div.mailer_ext textarea {
	width: 440px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
}
div.mailer_ext input.versturen {
	text-transform: capitalize;
	cursor: pointer;
	width: auto;
}
div.mailer_ext div.textarea label {
	display: block;
	width: 270px;
}
div.mailer_ext div.textarea textarea {
	width: 270px;
	margin-top: 3px;
}
div.mailer_ext div.radio_buttons {
	margin-bottom: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	font-size: 11px;
}
div.mailer_ext div.radio_buttons label {
	float: none;
	display: block;
	width: 270px;
	margin-bottom: 5px;
}
div.mailer_ext div.radio_buttons input {
	width: auto;
	border: none;
}
div.mailer_ext div.radio_buttons input.tekst {}
.LV_validation_message {
	font-weight:normal;
	margin:0 0 0 0px;
}


.LV_validation_message {
	font-weight:normal;
	margin:0 0 0 0px;
}
.LV_valid {
	color:#000000;
}
.LV_invalid {
	color:#000000;
	font-style: italic;
	font-size: 10px;
}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	border: 1px solid #00CC00;
}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
	border: 1px solid #CC0000;
}
input:hover, textarea:hover, select:hover {
	border:1px solid #374b54;
}

input, textarea, select {
	border:1px solid #AAAAAA;
	margin-top: 2px;
	margin-bottom: 2px;
	padding:3px;
	color: #006ab3;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
}
.veldopmaak {
	width: 150px;	
}
.veldopmaak2 {
	width: 300px;	
}
.formbutton {
	background-color: #006ab3;
	font-style: normal;
	color: #FFFFFF;
	padding: 4px;
	font-weight: bold;
	cursor: pointer;
}

ul.tickets {float: left; width: 100%;}
ul.tickets li,
ul.tickets li+li+li+li+li,
ul.tickets li+li+li+li+li+li+li+li {float: left; width: 154px; margin: 0 0 0 114px;}
ul.tickets li:first-child,
ul.tickets li+li+li+li,
ul.tickets li+li+li+li+li+li+li {margin: 0;}
ul.tickets li img {width: 120px; height: 88px; border: solid 1px #edd8b1;}
ul.tickets li u {font-weight: 700; text-decoration: none; color: #6b8db3; display: block;}
ul.tickets li strong {font-weight: 700; display: block; color: #000 !important;}
ul.tickets li i {font-style: normal; display: block;}
ul.tickets li b {height: 36px; display: block; font-weight: 400;}
ul.tickets li a {background: url(../img/btnTic.jpg) center top no-repeat; padding: 0 10px; height: 28px; width: 55px; color: #fff; font-weight: 700; display: block; text-decoration: none; line-height: 30px; margin: 20px 0 25px;}
ul.tickets li a:hover {padding: 0 8px 0 12px; background-position: center bottom;}