html{ background : #e3f4c2; }
body{ background : #fff url('../img/bg.jpg') repeat-x; margin : 0; font-family : "Trebuchet MS"; font-size : 10pt; text-align : center; }
h1{ color : #99cc33; font-size : 14pt; margin : 0; padding : 10px 0; }
h2{ font-size : 12pt; padding : 5px 0; margin : 0; }
.hidden{ display : none; }
.clearer{ clear : both; }
p{ padding : 10px; }
div.o{ background : #f3f9fd; padding : 10px; }
a{ color : #99cc33; }
a#gv{ color : #99cc33 !important; }
a:hover{ text-decoration : none; }
strong{ color : #6CB6E5; font-size : 11pt; }
hr{ border-top : 1px dashed #999; border-left : 0; border-right : 0; border-bottom : 0; height : 1px; }
fieldset{ border : 0; margin : 0; padding : 0; }

/* ALGEMEEN */

#container{ width : 900px; margin : 0 auto; text-align : justify; letter-spacing : 0.5px; color : #999; }

/* MENU */

#hoofdmenu1{ list-style : none; margin : 0; padding : 10px 0 0 0; }
#hoofdmenu1 li{ display : inline; padding : 0 5px; text-align : center; text-transform : uppercase; }
#hoofdmenu1 .menu1 a{ text-decoration : none; color : #03678B; padding : 5px; }
#hoofdmenu1 li a:hover,#hoofdmenu1 .active_menu1 a{ text-decoration : none; color : #fff; padding : 5px; background : #5E9BC7; }

/* ZOEKEN */

#search{ height : 221px; background : url('../img/search_bg.jpg') repeat-x; text-align : center; margin : 10px 0 0 0; }
#logo{ width : 201px; height : 221px; background : url('../img/westenwind_logo.jpg') no-repeat; float : left; }
#placeholder_search{ width : 900px; margin : 0 auto; }

/* COPYRIGHT */

#copyright{ background : #e3f4c2; border-top : 3px solid #99cc33; color : #89b928; font-size : 8pt; padding : 10px 0; margin : 10px 0 0 0; }
#copyright a{ text-decoration : underline; color : #89b928; }
#steun{ margin : 10px auto 0 auto; font-weight : bold; position : relative; width : 450px; }
#steun div#thanks{ position : absolute; top : 25px; left : 0; color : #000; }
#steun div#pics{ position : absolute; top : 0; right : 0 !important; }
#steun img{ border : 0; }

/* FORMULIEREN */

#searchbutton a{ color : #666; text-decoration : none; }
#searchbutton a:hover{ text-decoration : underline; }
#searchbutton a.inactive{ color : #ccc; }
#searchbutton{ color : #ccc; }
#mysearch{ float : left; margin : 0 0 0 20px; position : relative; }
#mysearch ul{ list-style : none; margin : 0; padding : 0 2px; }
#mysearch ul li a{ color : #666; text-decoration : none; font-size : 10pt; display : block; margin : 0 5px; padding : 0 10px; text-transform : uppercase; }

#mysearch ul li a:hover{ color : #99cc33; }
#mysearch ul li{ padding : 5px 0; border-bottom : 1px solid #efefef; }
#mynav{ float : left; }
#mybutton{ float : left; background : url('../img/button.gif') no-repeat; width : 160px; height : 43px; padding : 15px 0 0 0; font-size : 10pt; text-transform : uppercase; color : #666; position : absolute; left : 285px; top : 25px; }
#myresults{ font-size : 14pt; width : 160px; color : #006699; }
#myresults b{ font-weight : normal; color : #fff; }
.phcontent{ background : url('../img/rb2.gif') no-repeat; height : 37px; width : 253px; font-size : 14pt; text-align : left; line-height : 1.9; padding : 0 15px; color : #666; margin : 10px 0; position : absolute; z-index : 1; top : 20px; left : 0; }
.phcontent2{ background : url('../img/rb2.gif') no-repeat; height : 37px; width : 253px; font-size : 14pt; text-align : left; line-height : 1.9; padding : 0 15px; color : #666; margin : 10px 0; position : absolute; z-index : 1; top : 67px; left : 0; }
.phtext{ float : left; position : absolute; z-index : 2; }
.arrow{ background : url('../img/arrow.gif') no-repeat; height : 23px; width : 23px; float : right; margin : 7px 0 0 0; }
.varrow{ background : url('../img/disabled_arrow.gif') no-repeat; height : 23px; width : 23px; float : right; margin : 7px 0 0 0; }
.phcontents{ background : url('../img/rb_small.gif') no-repeat; height : 37px; width : 58px; font-size : 14pt; text-align : left; line-height : 1.9; padding : 0 15px; color : #666; float : left; margin : 0 2px; position : absolute; top : 124px; left : 35px; }
.phcontents2{ background : url('../img/rb_small.gif') no-repeat; height : 37px; width : 58px; font-size : 14pt; text-align : left; line-height : 1.9; padding : 0 15px; color : #666; float : left; margin : 0 2px; position : absolute; top : 124px; left : 150px; }
.phbigv{ float : left; font-size : 14pt; color : #fff; line-height : 1.9; position: absolute; top : 124px; left : 5px; }
.phbigt{ float : left; font-size : 14pt; color : #fff; line-height : 1.9; position: absolute; top : 124px; left : 122px; }
.phbigj{ float : left; font-size : 14pt; color : #fff; line-height : 1.9; position: absolute; top : 124px; left : 237px; }

/* AJAX */

#hide_regions{ display : none; width : 265px; height : 150px; overflow : auto; color : #000; background : #fff; border : 1px solid #ccc; text-align : left; margin : 0 5px; z-index : 1000; position : absolute; left : 0; top : 70px;  }
#hide_cities{ display : none; width : 265px; height : 150px; overflow : auto; color : #000; background : #fff; border : 1px solid #ccc; text-align : left; margin : 0 5px; z-index : 1000; position : absolute; left : 0; top : 117px;  }
#hide_min_age{ display : none; width : 70px; height : 150px; overflow : auto; color : #000; background : #fff; border : 1px solid #ccc; text-align : left; margin : 0 5px; z-index : 1000; position : absolute; left : 37px; top : 164px; }
#hide_max_age{ display : none; width : 70px; height : 150px; overflow : auto; color : #000; background : #fff; border : 1px solid #ccc; text-align : left; margin : 0 5px; z-index : 1000; position : absolute; left : 152px; top : 164px; }
.hidden{ display : none; }
.nosearchbutton{ text-decoration : line-through; }

/* LISTING */

.page_nav{ margin : 0; float : left; padding : 0; list-style : none; }
.page_nav a{ color : #666; display : block; padding : 0 5px; }
.page_nav li{ float : left; text-align : center; margin : 0 3px; }
.page_nav li a:hover,.page_nav li .active{ padding : 0 5px; background : #6CB6E5; color : #fff; text-decoration : none; display : block; }
.page_cont{ float : left; margin : 0 10px 0 0 0; }
.page_footer{ margin : 10px 0; background : #f3f9fd; padding : 10px; }
.listing{ margin : 10px 0; }
.listing tr td{ border-bottom : 1px dashed #999; }
.listing tr td.header{ border : none; font-size : 12pt; color : #6CB6E5; font-weight : bold; }
.listing tr td.header img{ float : left; margin : 0 5px 0 0; cursor : pointer; }
.back{ background : url('../img/back.gif') no-repeat; height : 23px; float : right; padding : 0 0 0 30px; color : #6CB6E5; margin : 10px 0 0 0; }
#adres{ float : left; }
#map{ height : 250px; width : 550px; float : right; margin : 0; padding : 0; border : 3px solid #AFDFFF; }
#map b{ display : block; margin : 0 0 10px 0; }

/* CONTACT */

.dynform label{ float : left; color : #666; font-weight : bold; width : 275px; padding : 0 50px 0 0; }
.dynform div{ padding : 5px 0; }
.dynform .required{ float : right; padding : 0 150px 0 0; color : #99cc33; font-size : 18pt; }
.dynform .star{ padding : 10px 0; clear : both; color : #99cc33; }
.dynform .form_text{ border : 1px solid #ccc; background : #fff; color : #666; font-family : "Trebuchet MS"; padding : 5px; width : 200px; font-size : 10pt; }
.dynform .form_textarea{ border : 1px solid #ccc; background : #fff; color : #666; font-family : "Trebuchet MS"; padding : 5px; width : 350px; height : 150px; font-size : 10pt; }
.dynform{ padding : 0; margin : 0; }

/* LOADING */

#wait{ position: absolute; left: 0; width: 100%; background : #efefef; cursor: wait; height : 100%; z-index : 105; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; display : none; }
#lbBox{ position : absolute; top : 50%; margin : -10px 0 0 -200px; left : 50%; width : 300px; background : #6CB6E5; text-align : center; padding : 20px; border : 1px solid #efefef; color : #fff; }
#lbBox img{ display : block; margin : 10px auto; }