@charset "UTF-8";
/* CSS Chambres d' Hotes Wijzer */
* { margin: 0; padding: 0; }
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#eee; background-image:url(../images/page_bg.jpg); background-position:center top; background-repeat:no-repeat; background-attachment:fixed;}
.beoordeling_form {background:none;}
h1, h2, h3 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;}
#bg {background-image:url(../images/page_shadow.png); background-position:center; background-repeat:repeat-y;}
#main {width:950px; margin:0 auto; background-color:#fff; overflow:hidden; padding:15px; padding-top:0; border-top:15px solid #fff; padding-bottom:0; background-image:url(../images/sidebar_bg.jpg); background-repeat:repeat-y;}
a {cursor:pointer; color:#900; text-decoration:none;}
a:hover {text-decoration:underline;}
input, textarea {border:1px solid; border-color: #999 #666 #666 #999; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#eee;}
input:focus, textarea:focus {background-color:#FFFFCC; border-color: #666 #333 #333 #666;}
input.btn {color:#333; font: bold 11px verdana,helvetica,sans-serif; background-color:#eee; padding:2px; border:1px solid; border-color: #999 #666 #666 #999;	} 
input.btn:hover {background-color:#FFFFCC; border-color: #666 #333 #333 #666;	}
#header {width:950px; float:left; height:150px; border-bottom:1px solid #fff; background-repeat:no-repeat; background-position:center;}

/* Menu */
#menu {width:950px; float:left; margin-bottom:0px; border-bottom:1px solid #fff; height:33px;background-color:#796E6E; background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x;}
#menu ul {list-style:none;}
#menu li {float:left; margin-right:0px;}
#menu a {padding:10px; border:1px dotted #BBACAC; border-bottom:0px; color:#fff; border-left:0px; border-top:0px; font-weight:bold; display:block;}
#menu a:hover {text-decoration:none; background-image:url(../images/menu_bg2.jpg); background-repeat:repeat-x;}
#menu a:active {background-image:url(../images/menu_bg3.jpg); background-repeat:repeat-x;}
#menu .mactief a {background-image:url(../images/menu_bg3.jpg); background-repeat:repeat-x;}

/* Homepage */
.links, .rechts {margin-top:15px; margin-left:15px;}
.links {float:left; width:300px;}
.rechts {float:right; width:440px;}
.homeitem h1, .homeitem h2 {font-size:16px; margin-bottom:7px; color:#796E6E;}
.homeitem p {margin-bottom:10px; line-height:18px;}
.homeitem {padding:10px; border:1px solid #ccc; margin-bottom:15px;}
.hometext {padding:0px; border:0;}
.hometext h1 {color:#333;}
.homebanner {padding:0;}
.homezoeken:hover {border-color:#666;}
.homezoeken input, .homezoeken select {margin-top:7px;}
.homezoeken {color:#333;}
.toplijst {background-color:#eee; color:#333;}
.toplijst h2 {color:#333;}
.toplijst p {margin-bottom:0; margin-top:10px; font-weight:bold;}
.toplijst ol {margin-left:20px;}
.toplijst li {margin-bottom:5px;}
.toplijst li a {font-size:16px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.uitgelicht {padding:0; border:0; height:135px;}
.uitgelicht_img {float:left; padding:3px; border:1px solid #ccc; margin-right:10px;}
.uitgelicht_img img {border:0;}

.home_top {height:283px; background-image:url(../images/home_bg.jpg); background-repeat:repeat-x; width:100%;}
.home_top img {float:right; clear:right; margin-left:50px;}
.home_top h1 {padding:15px 0 0 15px; font-size:26px; color:#900; letter-spacing:-1px;}
.home_top h2 {padding: 0 0 10px 15px; font-size:18px; margin-top:8px; font-weight:700; color:#333; letter-spacing:-1px;}
.home_top p {padding: 0 0 10px 15px; line-height:18px; color:#333;}
.home_top .home_link {color:#900; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin-top:10px;}
.home_top .home_link a:hover {text-decoration:none; color:#333;}
.home_balk {height:30px; background-color:#796E6E; background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x; border-bottom:1px solid #fff;}
.home_blok1, .home_blok2, .home_blok3 {float:left; width: 256px; height:230px;}
.home_blok2 {border: 1px solid #fff; border-top:0px; border-bottom:0px;}
.blok_img img{border:0;}
.blok_img {background-repeat:no-repeat; background-position:center; background-color:#666; border-bottom:1px solid #fff;}
.blok_text {padding:10px; height:80px; background-image:url(../images/blok_bg.jpg); background-repeat:repeat-x;}
.blok_text h3 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#272727;}
.blok_text p {font-size:10px; color:#272727; line-height:14px; margin-bottom:5px;}
.blok_text .cdwlnk {font-weight:bold;}
.blok_text h3 a, .blok_text p a {color:#272727;}
.blok_text h3 a:hover, .blok_text p a:hover {text-decoration:none;}

.homemidden {width:100%; height: 240px;}
.homemidden h3 {font-size:16px; margin-bottom:10px;}
.homemgz {float:left; width:354px; height:239px; background-image:url(../images/cdw_mgz_home_bg.jpg); background-repeat:no-repeat; padding:15px;}
.homemgz table {margin-top:70px; width:240px; color:#fff;}
.homeblog {float:right; width:355px; background-image:url(../images/blok_bg.jpg); background-repeat:repeat-x; height:239px; padding:15px;}
.homeblog p {margin-bottom:15px;}
.homeblog ul {margin-left:15px; font-size:13px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:18px;}



/* Info */
.infotext {padding:15px; padding-right:25px;}
.infotext p {margin-bottom:10px; line-height:18px;}
.infotext h1 {margin-bottom:7px; color:#333;}

/* Content */
#content_main {float:right; width:770px; margin-top:1px; }
.content_text {padding:15px; float:left; width:530px;}
.content_text p {margin-bottom:10px; line-height:18px;}
.content_text li {line-height:18px;}
.content_text ul,.content_text ol {margin-bottom:5px; margin-left:17px; margin-bottom:15px;}

.content_text img {border:0;}
.content_text h1 {margin-bottom:7px; color:#333; font-size:18px;}
.content_text h2 {font-size:14px;}
.content_sidebar {width:180px; float:right; background-color:#eee; margin-bottom:15px; border:1px solid #ccc; color:#333; margin-top:15px; padding:10px;}
.content_sidebar p {margin-bottom:10px;}
.content_post {border-bottom: 1px solid #ccc; margin-bottom:10px;}
.content_sidebar h3 {margin-bottom:10px; font-size:14px;}
.content_nav {padding:15px; background-color:#eee; border:1px solid #ccc;}
.content_nav ul {margin-left:20px;}
.content_nav li, .content_nav ul li {margin-left:20px; margin-bottom:5px;}
.reacties {float:left; width:530px; padding:15px; border-top:1px solid #ccc;}
.reacties li {list-style:none;}
.reacties h3 {margin-bottom:10px;}
.reacties p {margin-bottom:10px;}
.commentlist li {margin-bottom:15px; border-bottom:1px solid #ccc;}
.commentlist p {margin-bottom:10px; line-height:14px;}
.commentlist .commentmetadata {margin-bottom:10px;}
.commentlist .comment-author {font-weight:bold;}

/* Searchbalk */
#search {margin-top:1px; width:149px; float:left; padding:15px; padding-top:0; border-right:1px #fff solid;}
#search ul {list-style:none;}
.sitem {margin-top:15px; padding-bottom:15px; border-bottom:1px solid #dcdcdc;}
.sitem h3 {display:block;font-size:14px; color:#333; margin-bottom:7px;}
.sitem a {text-decoration:none; color:#333;}
.sitem a:hover {text-decoration:underline;}
.sitem li {margin-bottom:3px;}
.c {font-weight:bold; font-size:12px;}
.r {font-weight:bold;}
.sdropdown {width:145px;}
.del a:hover {text-decoration:line-through;}
.del a{color:#900;}
#breadcrums .del a{color:#090;}
.regionav {line-height:16px;}
.acc_count {font-size:8px; color:#333;}
.acc_text {font-size:10px;}
.meereigenaar tr:hover {background-color:#999;}
.meereigenaar a{color:#000;}

/* Sorteren */
#sorteren {width:750px; height:20px; margin-left:15px; margin-top:15px;}
#sorteren ul {list-style:none;}
#sorteren li {float:left; margin-right:15px; height:30px;}

/* Content uitdraai */
#doorsturen {float:right; margin-top:1px; width:730px; border:2px solid #FFCC66; margin-top:15px; height:280px; padding:10px; }
#doorsturen li {font-weight:bold;}
#content {float:right; width:770px; margin-top:1px; }
.item {border-bottom:1px solid #ccc; min-height:110px; padding:15px;}
.item:hover {background-color:#ffc;}
.itemp {background-color:#ffc;}
.itemp:hover {background-color:#FFFF99;}
.item h2 {margin-bottom:3px; font-size:20px; font-weight:bold;}
.item h2 a { color:#990000;}
.item h2 a:hover {text-decoration:none;}
.item_plaats a, .item_info a, .item_prijs a, .item_text a {text-decoration:none; color:#000;}
.item_plaats a {color:#999;}
.item_plaats {font-weight:bold; margin-bottom:5px; color:#999;}
.item_img {width: 150px; padding:3px; border:1px #ccc solid; float:left; background-color:#fff;}
.item_img img {border:0px; background-color:#eee;}
.item_info {float:right; text-align:center; margin-right:15px;}
.item_prijs {font-size:13px; font-weight:bold;}
.item_klant {margin-top:20px; font-weight:bold;}
.item_text {float:left; margin-left:15px; width: 430px;}
.favo {color:#090; font-weight:bold; font-size:9px; margin-top:10px;}
.premium {color:#090; font-size:11px; font-weight:normal;}
.oordeel {width:84px; height:64px; background-image:url(../images/cloud.png); background-repeat:no-repeat; font-weight:bold; font-size:20px; text-align:center; padding-top:20px; color:#666;}
.giteprijs {font-size:16px; padding-top:25px;}
.waardering {font-size:9px; font-weight:normal; margin-top:7px;}
.laatst {padding:15px; padding-bottom:0; margin-bottom:5px; color:#796E6E; font-size:20px;}
.error{color:#666; margin-top:20px; margin-left:15px; font-style:italic;}
.aanwijzing {padding:10px; background-color:#FFFFCC; margin-left:15px; margin-top:10px; margin-bottom:5px; font-weight:bold; color:#333; border: 1px solid #fff;}
.aanwijzing:hover {border: 1px solid #666;}
.ppr {margin-top:10px; font-weight:bold; color:#BB8C00; font-size:9px;}
.ppr img {vertical-align:sub;}

/* Pagination */
#pagination {width:770px; height:20px; margin:15px; margin-top:35px; margin-bottom:30px; text-align:center;font-size:12px;}
#pagination a{margin-right:7px;font-size:12px;}
.current {margin-right:7px;}
.pbtn {background-color:#ccc; padding: 5px 7px; font-weight:bold;}

/* Profiel */
#profiel {margin-left:15px;}
.pfoto {width: 220px; padding:3px; border:1px #ccc solid; float:left;}
.ptext {margin-left:10px; float:left; width:460px;}
.ptext h1 {font-size:24px; margin-bottom:3px;}
.ptext .pchambre {color:#999; font-size:14px;}
.ptext .pchambre:hover {text-decoration:none; cursor:default;}
.ptext p {margin-bottom:10px;}
.ptabs {margin-top:15px; float:left; width:720px; line-height:18px;}
.tabitem {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:5px; overflow:hidden;}
.tbottom {border-bottom:0px; margin-bottom:0px; padding-bottom:0;}
.tabitem fieldset {padding:10px; border:1px solid #ccc; margin-bottom:10px; background-color:#796E6E; color:#fff;}
.tabitem img {border:0;}
.tabitem .fotos {margin-top:10px;}
.tabitem .fotoalg {margin-right:1px; margin-bottom:1px;}
.tabitem .fotoalg:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.kamerimg {float:right; margin-left:15px; margin-bottom:10px;}
.ptext .oordeel {float:right;}
#map_canvas {}
.pbezocht {font-style:italic; background-color:#ff9; padding:5px; padding-left:7px; width:330px; }
.tabcontent h2 {font-size:16px; margin-bottom:5px;}
.tabcontent p {margin-bottom:10px;}
.tabcontent .pchambre {font-size:12px; color:#999;}
.tabcontent .pover {color:#999;}
.tabcontent li {margin-left:20px;}
.tabcontent ul {margin-top:10px; margin-bottom:10px;}
.videotab {float:right;}
.aanbieding {padding:10px; border:2px solid #FFCC66; background-color:#ff9; padding-bottom:0px;}
.aanbieding p {margin-bottom:5px;}
form ul {list-style:none; margin-top:10px;}
form ul li {margin-bottom:10px;}
.vplaats {margin-bottom:15px;}
.grijs {background-color:#eee;}
#results {height:35px;}
#route {height:50px;}
.vraag ul, .vraag li {margin:0; list-style:none; padding:0;}
.vraag li {margin-bottom:7px;}
#beoordeel {float:left; width:720px; border:2px solid #900; margin-top:15px; height:250px; padding:10px;}
.kamerfacil ul {margin-bottom:0px; padding-bottom:0px; padding-top:0px; margin-top:0px;}
.kamerfacil table {margin-top:15px;}


/* Profiel tabs */
.shadetabs{padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left;}
.shadetabs li{float:left; margin-right:1px;}
.shadetabs li a{text-decoration: none; position: relative; z-index: 1; padding: 6px 12px; margin-right: 0px; color: #fff; background-color:#796E6E; background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x;}
.shadetabs li a:hover{text-decoration: none; cursor:hand;}
.shadetabs li a.selected{ /*selected main tab style */ position: relative; color:#333; border:1px solid #ccc; background:none;}
.shadetabs li a.selected{ /*selected main tab style */ background-color:#fff; border-bottom-color: white;}
.shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none;}
.tabcontent{ border:1px solid #ccc; width:720px; margin-top:17px; padding: 10px; padding-top:15px; margin-bottom:15px;}

/* Reacties */
.reactie {padding:10px; background-color:#fff; min-height:85px; overflow:hidden; border-bottom:1px dotted #ccc; margin-top:10px;}
.reactiecijfer {float:left;}
.reactietext {float:left; margin-left:20px;}
.verbleven {font-size:9px; margin-bottom:10px;}
.min, .plus, .weerwoord {width:560px; padding:7px; padding-left:22px; background-position:0px 10px; background-repeat:no-repeat;}
.min {background-image:url(../images/min_icon.gif);}
.plus{background-image:url(../images/plus_icon.gif);}
.weerwoord{background-image:url(../images/icon_weerwoord.gif);}
.ww {background-color:#ffc; margin-top:0; padding-top:15px; padding-left:115px; padding-right:30px;}
.reactie .ww strong {background-image:url(../images/icon_arrow_up.gif); padding:7px; padding-left:22px; background-position:0px 10px; background-repeat:no-repeat;}

/* Admin */
.admin form {padding-left:15px;}

@media print {
.tabcontent {display:block !important;}
}

/* Breadcrums */
#breadcrums {width:750px; height:30px; margin-left:15px; float:left; margin-top:15px;}
#breadcrums ul {list-style:none;}
#breadcrums li {float:left; margin-right:15px; height:30px;}

/* Footer */
#footer {width:935px; margin:0 auto; padding-left:15px; padding-top:10px; height:23px; background-image:url(../images/menu_bg.jpg); background-repeat:repeat-x; background-color:#796E6E; color:#fff; border:15px solid #fff; border-top:1px solid #fff;}
#footer a {color:#fff; text-decoration:underline;}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.chambresdhoteswijzer.nl/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.chambresdhoteswijzer.nl/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Aanbiedingen */
.aanbiedingprijs {float:right; right:50px; position:relative; top:20px; color:#000; font-size:16px;}
.aanbiedingtext {width:550px;}
.aanbiedingknop {margin-top:20px;}
.aanbiedingknop a {padding:5px; background-color:#990000; color:#fff; font-weight:bold;}