/*
Template voor Villa Out&Teak
Door: Triquid
Datum: 27-06-2008
Author: J. Bouck
*/

* { padding:0; margin:0; }

html { background:#fff;
}

body { font-family: Tahoma, Verdana, Arial, Helvetica; 
background-image: url('../images/bgverloop.png') no-repeat; 
font-size:12px;
color:#fff;
text-decoration:none;
margin-top:10px;
}

a { text-decoration: none;
color:#000000;
}

a:hover { color: #000000;
text-decoration: none;
}

img {
border:0;
}

h2 {
	font-size:12px;
}

div#taal { position:relative; float:left; width:100%; height:20px; background:#fff; text-align:right; }
div#taal img { max-width:30px; margin-right:10px;}

div#container { position:relative;
overflow:auto;
width:1000px;
height:805px;
padding-bottom:2px;
margin:0 auto;
background:url('../images/background.png') repeat-y;
}

div#menu { position:relative;
float:left;
top:30px;
width:100%;
height:38px;
background:#927d66;
border-top:2px solid #a08e7a;
border-bottom:2px solid #a08e7a;
}

div#menu ul { display:inline;
list-style-type:none;
}

div#menu li { float:left;
margin-left:6px;
margin-top:.7em;
padding-right:2px;
font-size:14px;
}

div#menu a:link { display:inline; color:#fff; text-decoration:none;}

div#menu a:visited { color:#fff; text-decoration:none; }

div#menu a:hover, a:focus { color:#cbcdcd; text-decoration:none; }

div#menu a:active { color:#cbcdcd; text-decoration:none; }

div#menu a.focus {
color:#cbcdcd;
}

div#image { position:absolute;
top:120px;
left:60px;
height:479px;
width:634px;
border:4px solid #fff;
background:#fff;
}

div#family { position:absolute;
top:120px;
left:190px;
height:479px;
width:750px;
}

div#family img { float:right; border:4px solid #fff; }
div#family p { float:left; color:#927d66; font-size:13px; width:350px;}

div#villas { position:relative;
padding:0;
float:left;
width:482px;
height:672px;
top:36px;
left:175px;
background:url('../images/villas_y.jpg') top right no-repeat;
overflow:none;
}

div#villas ul { list-style-type:none;
margin-left:10px;
}

div#villas li { color:#927d66;
display:block;
font-size:20px;
letter-spacing:1px;
width:350px;
}

div#villas li p#villas { display:block; height:40px; padding-top:8px; margin-left:100px;}

div#villas a, a:link { color:#927d66; text-decoration:none;}
div#villas a:visited { color:#927d66; text-decoration:none;}
div#villas a:hover, a:focus { color:#000; text-decoration:none;}
div#villas h2 { border-bottom:2px dotted #927d66; }
div#villas fieldset { margin-top:10px; border:0; width:450px; margin-left:4px; padding:5px; font-size:13px;}
div#villas label { margin-top:4px; margin-bottom:4px; display:block; font-size:13px;}
div#villas input[type=text] { border:1px solid #927d66; float:right; color:#927d66; font-size:13px;}
div#villas span { float:left; color:#927d66; }
div#villas input[type=radio] { border:1px solid #927d66; font-size:13px;}
div#villas textarea { float:right; width:300px; height:120px; color:#927d66; font-family: Tahoma, Verdana; font-size:13px;}

div#faq { position:relative;
overflow:auto;
width:425px;
height:600px;
}

div#faq a, a:link { text-decoration:underline; }

div#text { position:absolute;
padding-top:1em;
padding-left:1em;
color:#636466;
font-size:14px;
letter-spacing:1px;
width:250px;
top:120px;
left:675px;
height:auto;
}

div#text h3 { color:#fff;
font-size:1.3em;
letter-spacing:1px;
}

div#text p { margin-top:15px; padding-left:30px;}
div#text a, a:link { color:#927d66;}
div#text h1 { font-size:13px; margin-top:5px; color:#fff;}
div#text h1:first-letter { font-size:200%; }
div#text h3 { font-size:1.3em; padding-left:30px; }

div#picbalk { position:absolute; float:left; height:135px; width:1000px; background: url('../images/cottage_onder.jpg') no-repeat; top:471px; }

div#logo { position:absolute;
top:636px;
left:176px;
height:140px;
width:377px;
background:url('../images/villa_outenteak.png') no-repeat;
z-index:3;
}

div#thumb { position:relative;
float:left;
left:50px;
width:130px;
height:140px;
border:1px solid #fff;
background:#fff;
padding-bottom:5px;
z-index:30;
text-align:center;
}
div#thumb img { border:4px solid #fff; max-width:100px;}
div#thumb img:hover { border:4px solid #927d66; }

div#toepassing { position:relative;
float:left;
left:50px;
width:154px;
height:142px;
background:#fff;
text-align:center;
margin:3px;
}

div#toepassing img { border:4px solid #fff; }
div#toepassing img:hover { border:4px solid #927d66; }

.tech { font-size:12px; }
.black { color:#000; font-size:12px; }