/*-------------------------*/
/*- Ontwerp en Realisatie -*/
/*--   VormFabriek 2009  --*/
/*-------------------------*/

body {
background: #333;
font: 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

body#details {
background: #333 url(../images/bg_details.gif) 50% 0 repeat-y;
}

body#beschikbaar_huisje {
background: #fff url(../images/bg_bar.gif) fixed repeat-x;
font: 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

body#zoekinperiode {
background: #fff url(../images/bg_bar.gif) fixed repeat-x;
font: 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#container {
position: relative;
width: 953px;
background: #fff;
margin: 0 auto;
}


#topitems {
display: block;
font-size: 0.85em;
color: #b1c2da;
position: fixed;
z-index: 20;
width: 911px;
padding-left: 40px;
background: url(../images/bg_standard_header.gif) fixed repeat-x;
height: 66px;
}

#topitems ul {
position: absolute;
top: 20px;
right: 20px;
}

#topitems li {
display: inline;
list-style: none;
}

#zoekperiode {
margin:0;
padding: 0;
height: 40px;
color: #fff;
}

#zoekperiode h2 {
margin: 0;
}

#zoekperiode table {
margin-top: -7px;
}

/*======= algemene tekstopmaak =======*/

h2 {
color: #fff;
font-size: 1.5em;
}

h3{
margin:3px;
font-size: 1.3em;
color: #f55c01;
}

h3 a{
color: #f55c01;
}

h4 {
clear: both;
color: #fff;
font-size: 1.5em;
padding-top: 20px;
margin-bottom: 3px;
}

h5 {
margin:0 0 15px 0;
font-size: 1.2em;
color: #f55c01;
}

h6, h6 a {
color: #f55c01;
font-size: 1.2em;
}

#lastminutes_home p, beschikbaar_home p{
margin: 0;
}

#linkerkolom p{
}

.link_paars {
color: #60c;
font-size: 1.2em;
font-style: normal;
}


.naam_huisje_viewer {
font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #f55c01;
}

#omschrijving {
color: #3488c4;
font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

#omschrijving p {
margin-bottom: 0;}

#omschrijving a {
color: #f55c01;
text-decoration: underline;
}

#inboedel {
color: #666;
font: 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
}

#beschikbaar_huisje {
color: #666;
font: 0.9em/1em Verdana, Arial, Helvetica, sans-serif;
}

/*======== Intro homepage ============*/

#header {
z-index: 1;
}

#intro_container {
float: left;

}

#intro_home{
background: #a8e739 url(../images/bg_intro.gif) repeat-x;
width: 600px;
padding: 10px;
position: relative;
top: -50px;
left: 20px;
font-size: 0.95em;
z-index: 10;
}

#googlemaps {
position: relative;
top: -30px;
left: 20px;
}


/*======== Home rechter kolom ============*/

#rechterkolom_home {
float: right;
margin: 20px 30px 0 0;
}

.noborder {
text-decoration: none;
border: 0;
}


#naar_overzicht {
margin-top:0;
padding: 5px;
width: 245px;
z-index: 1;
}

#lastminutes_home {
background: #def2fd url(../images/clock.gif) top left no-repeat;
margin-top:10px;
padding: 5px;
width: 245px;
z-index: 1;
}

#lastminutes_home strong {
padding-top: 1px;
}

#table_beschikbaarheid {
width: 250px;
}

#beschikbaar_home {
background: #d5fea9 url(../images/open.gif) top left no-repeat;
margin-top: 20px;
padding: 5px;
width: 245px;
}

.submitbutton {
background-color: #090;
color: #fff;
border: 0;
}

.formlist_maand, .formlist_jaar {
margin: 0 6px 6px 0;
font-size: 11px;
color: #090;
background: #d5fea9;
border: 1px solid #82ff78;
height: 19px 
}

.formlist_jaar {
display: block;
margin:0;
width: 65px;
}

.formlist_maand {
display: block;
margin:0;
width: 130px
}

.noborder {
border:0;
}

/*======== footer home ============*/
#footer {
clear: both;
height: 20px;
background-color: #fff;
width: 950px;

}


/*======== basis kolommen detail ============*/

#linkerkolom {
position: absolute;
top: 66px;
left: 1px;
width: 256px;
background-color: #39c;
padding: 3px 3px 20px ;
}

#middenkolom {
position: absolute;
top: 15px;
left: 280px;
width: 325px;
background-color: #fff;
}

#rechterkolom {
position: absolute;
top: 15px;
left: 625px;
width: 325px;
background-color: #fff;
}

/*======== kolom links detail ============*/

.tumb_huisje_links, .tumb_huisje_links_active {
float: left;
padding: 2px 2px 20px 2px;
margin: 2px;
width: 76px;
height: 60px;
background-color: #fff;
color: #3093c9;
text-align: left;
}

.tumb_huisje_links_active {
background-color: #87c4e3;
}

.tumb_huisje_links a, .tumb_huisje_links_active a {
text-decoration: none;
color: #3093c9;
border: none;
} 

.tumb_huisje_links img {
border: none;
}

.tumb_huisje_links p {
margin:0;
clear: both;
}

#verfijn_zoekkader {
background-color: #5eb9ee;
color: #fff;
padding: 5px;
}

.verfijn_maand, .verfijn_jaar {
margin: 0 6px 6px 0;
font-size: 11px;
color: #fff;
background: #39c;
border: 1px solid #fff;
height: 19px 
}

.verfijn_jaar {
display: block;
padding: 0;
margin: 0;
width: 65px;
height: 20px;
}

.verfijn_maand {
width: 130px;
display: block;
padding: 0;
margin: 0;
height: 20px;

}

.button_zoekperiode, .button_verfijn {
background-color: #39c;
color: #fff;
border: 1px solid #fff;
width: 200px;
}

.button_verfijn {
width: 150px;
margin: 20px 0;
}

/*======== kolom midden detail ============*/

.naam_huisje_viewer {
color: #f55c01;
}

#omschrijving ul{
margin: 0 0 0 15px;
padding-left: 0;
list-style: outside disc;
}

#omschrijving {
padding-bottom: 15px;
border-bottom: 6px solid #d6efff;
margin-bottom: 20px;
}

#beschikbaar_huisje {

}

#aanbieding {
background: url(../images/icon_aanbieding.gif) no-repeat;
height: 100px;
width: 100px;
position: absolute;
}

/*======== kolom rechts detail ============*/

#googlemaps_small {
padding-bottom: 15px;
border-bottom: 6px solid #d6efff;
margin-bottom: 20px;
}

#inboedel {
margin: 0;
padding: 0;
width: 310px;
color: #666;
padding-bottom: 15px;
border-bottom: 6px solid #d6efff;
margin-bottom: 20px;
}

#inboedel tr {
padding: 1px;
border-bottom: 1px solid #333;}

.cel1, .cel3 {
width: 118px;
}

.cel2, cel4 {
width: 45px;
}

.vrij {
	background-color:#27ac04;
	}

.bezet {
	background-color:#FF0000;
	}
.wissel {
	background-color:#fef500;
	}
	
#submitbox {
background-color: #5eb9ee;
color: #fff;
padding: 5px;
}	

	
/*======== popups ============*/
	
#tabledata {
position: relative;
top: 120px;
background: #fff;
padding-left: 30px;
z-index: 1;
}

.prijzen {
position: relative;
top: 120px;
background: #fff;
width: 100%;
}

#popup_prijzen #topitems {
width: 100%;
}

#popup_prijzen {
background-color: #fff;
}

#zoekinperiode > #topitems {
display: block;
font-size: 0.85em;
color: #b1c2da;
position: fixed;
z-index: 20;
width: 100%;
padding-left: 40px;
background: url(../images/bg_bar.gif) fixed repeat-x;
height: 99px;
}

#p_reserveren #intro_home{
background: #a8e739 url(../images/bg_intro.gif) repeat-x;
width: 890px;
padding: 10px;
position: relative;
top: 20px;
left: 20px;
font-size: 0.95em;
z-index: 10;
}