/* -------------------------------------------------------------------------------- */
/* This is the design for the framework and layout of the template                  */
/* Tested on Windows XP with IE 6.0.2 and FireFox 2.0.0.1                           */
/* -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/* CREDITS:                                                                         */
/* Basic rules learned by cssplay.co.uk and StyleAssistant V1.0.32                  */
/* Menus by CSS Tab Designer V2.0                                                   */
/* Colors by colorschemer.com/online.html                                           */
/* -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/* ------------------------Dennis -RS11.76- --------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* Start here - for the framework                                                   */
/* -------------------------------------------------------------------------------- */

html {
padding:0; 
margin:0; 
border:0px; 
font-size:86%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
	background-color: #43637C;
	background-repeat: repeat-x;
/* hide overflow:auto from IE5/Mac */ 
/* \*/ 
overflow: auto; 
/* */ }

body {overflow:auto; padding:0px; margin:0; margin-top:0px; border:0; 
/* this one is needed for IE to be centered */
text-align:center; /*center hack*/}

#container {
width:808px;/*center hack*/
margin:2px auto;/*center hack*/
margin-top:20px;
padding:2px;
overflow: auto; 
text-align:left;
background:transparant;
border: 0px solid white;
}

#head1 {
display:block; 
margin-top: 10px;
margin:0px;
padding:0px;
height:150px; 
overflow:hidden; 
border: 1px solid #cccccc;
background:white;
background-image: url(images/header.jpg);
background-repeat: repeat-;
}

#maincontent { 
float:left; 
margin:0px;
padding:0px;
width:100%; 
overflow:hidden;
} 

#toptop {
height:25px; 
background:white; 
border: 0px solid #cccccc;
text-align:left;
overflow:hidden; 
}

#top {
height:20px; 
background:white; 
border: 0px solid #cccccc;
text-align:right;
overflow:hidden; 
}

#topcontent {
height:40px; 
background:#43637C; 
border: 0px solid #cccccc;
border-top: 0px solid black;
margin-top:0px;
overflow:hidden; 
}

#content {
margin: 0px;
margin-top:10px;
padding:0px;
width:100%; 
border: 0px solid #cccccc;
overflow:hidden; 
}

#contentleft {
float: left;
margin: 0px;
margin-top:0px;
width:400px; 
border: 0px solid #cccccc;
overflow:hidden; 
}

#contentright {
float: right;
margin: 0px;
margin-top:0px;
width:400px; 
border: 0px solid #cccccc;
overflow:hidden; 
}

#contentfotos { 
float:left; 
margin:0px;
padding:0px;
width:100%; 
overflow:hidden;
} 

#contentfotos1 {
float: left;
margin: 0px;
margin-top:0px;
width:400px; 
border: 0px solid #cccccc;
overflow:hidden; 
}

#contentfotos1 {
float: right;
margin: 0px;
margin-top:0px;
width:400px; 
border: 0px solid #cccccc;
overflow:hidden; 
}

#bungalowleft {
float: left;
margin: 0px;
margin-top:0px;
width:590px; 
border: 0px solid #cccccc;
overflow:hidden; 
}

#bungalowright {
float: right;
margin: 0px;
margin-top:5px;
width:210px; 
border: 0px solid #cccccc;
overflow:hidden; 
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
}


#footer {
clear:both;
display:block; 
text-align:right;
font-size:70%; 
color: white;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
height:45px; 
overflow:hidden; 
border-top: 1px solid #cccccc;
padding-right:5px; 
padding-top:5px; 
margin-top:5px;
background:transparant;}


#nieuwplaatje {
border: 0px solid #cccccc;
overflow:hidden; 
}

/* -------------------------------------------------------------------------------- */
/* Start here - for the menu                                                        */
/* -------------------------------------------------------------------------------- */

.menu {
  padding:0; 
  padding-top:0px;
  margin:0; 
  margin-left:0px;   
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  min-width:50px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:50px; 
  float:left; 
  }
* html .menu a {
  width:50px;
  }
.menu a span {
  display:block; 
  color:#000; 
  background:white; 
  border-right:1px solid black; 
  border-top:0px solid black; 
  border-bottom:0px solid black; 
  padding:1px;
  text-align:center; 
  padding:4px 16px; 
  height:20px;  
  cursor:pointer;
  }
* html .menu a span {
  width:50px; 
  cursor:hand; 
  width:66px;
  }
.menu a  {
  display:block; 
  border-bottom:1px solid black;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#43637C;
  }
.menu a:hover span {
  color:#fff; 
  background:#43637C;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:2px solid #43637C; 
/*The color of the pointer*/
  border-color:white #43637C; 
  border-width:6px 6px 0px 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }

.menu a {
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: justify;
}

/* -------------------------------------------------------------------------------- */
/* Start here - for the look                                                        */
/* -------------------------------------------------------------------------------- */


p, ul, td {
font-size:86%; 
color: white;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: justify;
}

th {
font-size:86%; 
color: #43637C;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: justify;
}


h1 {
font-size:120%; 
color: white;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
}


.pnew p {
clear:both;
margin:5px;
margin-top:0px;
padding:5px;
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: justify;
}

p.cr {
clear:both;
margin-left:5px;
padding:5px;
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: left;
border-top:1px solid white;
}

p.crright {
clear:both;
margin-left:5px;
padding:5px;
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: right;
border-top:1px solid white;
}

p.cc {
clear:both;
padding-top:50px;
text-align: right;
border-top:1px solid white;
}

p.crr {
clear:both;
margin-left:5px;
padding:5px;
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: right;
border-top:1px solid white;
}

p.bungalow {
clear:both;
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: left;
border-top:0px double white;
}


.bungalow a {
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: left;
color: white;
}
.bungalow a:hover {
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: left;
color: red;
}

a.linkwhite {
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: left;
color: white;
}
a:hover.linkwhite {
font-size:96%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: left;
color: red;
}



/* -------------------------------------------------------------------------------- */
/* Layout for pictures default                                                      */
/* -------------------------------------------------------------------------------- */
img {
	border: 2px solid #CCC;
}
img.float-right {
  float:right;
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  float:left;
  margin: 0px 20px 2px 2px;
}

img.vlag {
	border: 0px;
    margin: 0px 5px 2px 2px;	
}

img.home {
	border: 0px;
	margin: 2px 5px 2px 2px;	
}

img.bungalowmain {
	border: 0px;
	margin: 0px;
	margin-left: 0px;
}


/* -------------------------------------------------------------------------------- */
/* Layout for pictures in a div (class = pix)                                       */
/* -------------------------------------------------------------------------------- */

 
.pix img {
   display: block;
   border: outset #5782A2 5px;
   border-color: white;
   padding: 5px;
   margin: 2px;
}

.pix h5 {
font-size:80%; 
color: #43637C;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
text-align: center;
font-style: italic;
text-decoration: none;
};


/* -------------------------------------------------------------------------------- */
/* Form Layout from design MultiFlex32 www.1-2-3-4.info                             */
/* -------------------------------------------------------------------------------- */

.contactform {width:360px; margin:0 0 0 0; padding:10px 10px 0 10px; border:solid 1px white; background-color:tranparant;}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px white;}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:white; font-weight:bold; font-size:110%;}
.contactform label.left {float:left; width:200px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px white; font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px white; font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px white; font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:transparant; border:solid 1px white; text-align:center; font-family:verdana,arial,sans-serif; color:white; font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:white; color:black;}