/**********************************************/
/*general*/
/**********************************************/
* { margin:0; padding:0; font:11px arial; color:#000000; border:none; }
body { background: url(../images/gezelligopvakantie_bg_body.jpg); }
div#body_inner { width:100%; background: url(../images/gezelligopvakantie_bg_body_lt.jpg) no-repeat top left; padding-bottom:30px; }
div.clearfix {clear:both;}

/**********************************************/
/*container*/
/**********************************************/
div#container { width:901px; margin:0 auto; background: url(../images/gezelligopvakantie_bg_container.png) repeat-y center;clear:both;}

/**********************************************/
/*header*/
/**********************************************/
div#header {position:relative;width:881px;margin:0 auto; height:148px;background: url(../images/gezelligopvakantie_header.png) no-repeat;clear:both;}
div#header img.logo {margin:2px 0 0 10px;}
div#header ul.menu{position:absolute;top:109px;left:0px;width:881px;height:39px;font-size:12px;background:url(../images/gezelligopvakantie_menu_top.png) repeat-x;list-style:none;}
div#header ul.menu li {position:relative;float:left;height:28px;font-size:12px;background: url(../images/gezelligopvakantie_menu_top_li.png) no-repeat left center;padding:7px 0 0 9px;margin: 2px 9px 0 0;}
div#header ul.menu li.first {background:none;}
div#header ul.menu li a {text-decoration:none;height:19px;padding:0 0 2px 1px;font-size:11px;line-height:16px;text-align:center;}
div#header ul.menu li a span {height:19px;color:#ffffff;font:bold 11px verdana;line-height:19px;text-transform:uppercase;padding:1px 7px 3px 6px;}
div#header ul.menu li a.active {background: #ffffff url(../images/gezelligopvakantie_menu_active_a.png) no-repeat 0 -1px;}
div#header ul.menu li a.active span {background: #ffffff url(../images/gezelligopvakantie_menu_active_span.png) no-repeat right top;color:#ef0070;}

/**********************************************/
/*main*/
/**********************************************/
div#main {clear:both;padding:5px 10px 50px 10px;}

div#main div.left {width:187px;padding:10px;float:left;}
div#main div.left h2 {background: url(../images/gezelligopvakantie_menu_left_h.png) no-repeat top left;width:157px;font:bold 12px arial;color:#ffffff;line-height:27px;padding: 0 0 0 30px;}
div#main div.left ul.menu {width:187px;list-style:none;padding:0 0 10px 0;}
div#main div.left ul.menu li{background: url(../images/gezelligopvakantie_menu_left_li.png) repeat-x top;height:24px;font-size:12px;line-height:23px;}
div#main div.left ul.menu li a{padding: 0 0 0 30px;background: url(../images/gezelligopvakantie_menu_left_li_a.png) no-repeat 10px center;text-transform:uppercase;text-decoration:none;font-size:11px;line-height:23px;}
div#main div.left form.search {width:187px;height:66px;overflow:hidden; background: url(../images/gezelligopvakantie_search_form.png) no-repeat top left;}
div#main div.left form.search fieldset {width:100%;height:100%;}
div#main div.left form.search input {clear:both;border:1px solid #0072b5;width:150px;height:17px;padding: 3px 0 0 3px;margin:7px 17px 0 17px;}
div#main div.left form.search input.button {padding:0; margin:5px 17px 0 0;float:right;width:85px;border:none;background: url(../images/gezelligopvakantie_zoeken_button.png) no-repeat top left;height:20px;color:#ffffff;font:bold 12px verdana;text-align:center;line-height:17px;}
div#main div.left div.filter {background-color:#FEDEED;font-size:11px; margin-bottom:10px;padding:10px 10px 10px 30px;}
div#main div.left div.filter div {padding-bottom:5px;}
div#main div.left div.filter h3 {font-size:11px; font-weight:bold;}
div#main div.left div.filter span {font-size:11px;padding-left:10px;}
div#main div.left div.filter a img {margin-left:10px; margin-top:4px;}

div#main div.left div.filtergroup {margin-bottom:10px;}
div#main div.left div.filtergroup h3 {font-size:11px; font-weight:bold; background-color:#FD9DCA; margin-left:-10px;padding:3px 0px 3px 10px; }
div#main div.left div.filtergroup li {list-style: none; list-style-position: outside;}
div#main div.left div.filtergroup a {text-decoration:none;}
div#main div.left div.filtergroup a.filtermore {text-decoration:none; font-style: italic;}
div#main div.left div.filtergroup a:hover {text-decoration:underline;}




div#main div.right {float:right;width:670px;margin:10px 0 0 0;}
div#main div.right h3 {color:#0097d6;font:bold 17px verdana;padding:20px 0 10px 0;}
div#main div.right h1 {color:#f00975;font:bold 20px arial;padding:10px 0 15px 0;}
div#main div.right div.ad_top {width:100%;height:322px;background: url(../images/gezelligopvakantie_ad_main.jpg) no-repeat top left;margin:0 0 15px 0;}
div#main div.right div.ad_top h1 {color:#146fb1;font:bold 17px verdana; margin: 0 0 0 40px; padding:210px 0 0 0;}
div#main div.right div.ad_top p {color:#146fb1;font:16px verdana;margin:0 0 0 40px;}
div#main div.right div.ad_top p span {color:#f00975;font:bold 22px verdana;}
div#main div.right div.ad_top a {text-decoration:none;background: url(../images/gezelligopvakantie_boeken_button.png) no-repeat;margin:20px 0 0 40px;display:block;}
div#main div.right div.ad_top a span {color:#ffffff;font:bold 14px verdana;line-height:26px;height:28px;width:135px;padding-left:15px;display:block;background: url(../images/gezelligopvakantie_boeken_button_arrow.png) no-repeat 120px;}

div#main div.right div.ad_middle {position:relative;width:322px;border:1px solid #00b7e8;border-top:none;float:left;margin:0 11px 10px 0;}
div#main div.right div.ad_middle div.ad_middle_inner {position:relative;margin:-3px 0 0 0;width:322px;background: url(../images/gezelligopvakantie_main_h.png) repeat-x 0 0;}
div#main div.right div.ad_middle div.ad_middle_item {width:160px;float:left;margin-top:8px;border-right:1px solid #00b7e8;}
div#main div.right div.ad_middle div.item_right {border:none;width:161px;}
div#main div.right div.ad_middle h2 {width:324px;margin:0 -1px 0 -1px;background: url(../images/gezelligopvakantie_main_h_left.png) no-repeat top left;height:35px;color:#ffffff;}
div#main div.right div.ad_middle h2 span {height:35px;color:#ffffff;width:304px;background: url(../images/gezelligopvakantie_main_h_right.png) no-repeat top right;font:bold 12px arial;display:block;padding-left:20px;line-height:25px;}
div#main div.right div.ad_middle a.ad_middle_item_title {margin: 0 11px 10px 11px;height:30px;font:bold 12px arial;color:#146eb0; text-decoration:none;display:block;}
div#main div.right div.ad_middle a {}
div#main div.right div.ad_middle p {margin: 0 11px 10px 11px;font:11px arial;color:#146eb0; height:20px; }
div#main div.right div.ad_middle p a {font:11px arial;color:#146eb0; text-decoration: none;}
div#main div.right div.ad_middle p.ad_middle_item_bottom {height:30px;background:#99e2f6;margin:0;padding:5px 11px 10px 11px;}
div#main div.right div.ad_middle p.ad_middle_item_bottom span{color:#f00975;font:bold 22px verdana;float:right;margin-top:-10px;}
div#main div.right div.ad_middle img {margin:0 11px 2px 11px;height:90px;}
div#main div.right hr {width:660px;border:none;height:3px;color:#f00975;background:#f00975;clear:both;display:block;margin: 0 10px 0 0;padding:0;}

div#main div.right table.toppers {width:660px;border:1px solid #00b7e8;font:11px arial;color:#146eb0;margin:0 0 10px 0;}
div#main div.right table.toppers img {float:left;margin:5px 5px 0 5px;border:1px solid #00b7e8;height:45px;}
div#main div.right table.toppers a.toppers_title {display:block;font-weight:bold;margin-top:5px;color:#146eb0;text-decoration:none;}
div#main div.right table.toppers td {padding-bottom:5px;color:#146eb0;}
div#main div.right table.toppers td p {color:#146eb0; font:10px arial;}
div#main div.right table.toppers td p a {color:#146eb0; text-decoration: none; font:10px arial;}
div#main div.right table.toppers td.price {background:#99e2f6;padding:5px;width:60px;}
div#main div.right table.toppers td.price  span { color:#f00975;font:bold 17px verdana;display:block;float:right;}
div#main div.right table.toppers tr.alternate td { background:#d7f4fc;}
div#main div.right table.toppers tr.alternate td.price { background:#81d8f3;}

div#main div.breadcrumbs {width:660px;border-bottom:1px solid #00b7e8;height:22px;}
div#main div.breadcrumbs span {display:block;float:left;text-transform:uppercase;font:bold 11px arial;color:#146eb0;}
div#main div.breadcrumbs a{display:block;float:left;color:#00b7e8;text-decoration:none;text-transform:uppercase;font:bold 11px arial;}
div#main div.breadcrumbs span.arrow{display:block;float:left;width:20px;height:13px;background: url(../images/gezelligopvakantie_arrow_lightblue_right.png) no-repeat center;}

div#main div.right div.item {position:relative;width:658px;border:1px solid #00b7e8;border-top:none;float:left;margin:0 11px 12px 0;}
div#main div.right div.item div.item_inner {position:relative;margin:-3px 0 0 0;width:658px;background: url(../images/gezelligopvakantie_main_h.png) repeat-x 0 0;}
div#main div.right div.item_inner  h2 {width:660px;margin:0 -1px 0 -1px;background: url(../images/gezelligopvakantie_main_h_left.png) no-repeat top left;height:27px;color:#ffffff;}
div#main div.right div.item_inner  h2 span {height:27px;color:#ffffff;width:630px;background: url(../images/gezelligopvakantie_main_h_right.png) no-repeat top right;display:block;font:bold 12px arial;display:block;padding:0 10px 0 20px;line-height:25px;}
div#main div.right div.item_inner h2 a.open {display:block;width:13px;height:15px;float:right;background: url(../images/plus.gif) no-repeat 2px 2px; color:#ffffff;text-decoration:none;font:15px arial;line-height:15px;padding-left:3px;text-align:left;margin:5px 0 0 0;}
div#main div.right div.item_inner h2 a.close {display:block;width:11px;height:15px;float:right;background: url(../images/min.gif) no-repeat 2px 2px; color:#ffffff;text-decoration:none;font:17px arial;line-height:13px;padding-left:5px;text-align:left;margin:5px 0 0 0;}
div#main div.right div.item_inner img{float:left;border:1px solid #00b7e8;padding:1px;margin:8px 10px 0 10px;}
/*
div#main div.right div.item div.item_inner {position:relative;margin:-3px 0 0 0;width:658px;background: url(../images/gezelligopvakantie_main_h.png) repeat-x 0 0;}
div#main div.right div.item_inner  h2 {width:660px;margin:0 -1px 0 -1px;background: url(../images/gezelligopvakantie_main_h_left.png) no-repeat top left;height:27px;color:#ffffff;}
div#main div.right div.item_inner  h2 a {height:27px;color:#ffffff;width:630px;background: url(../images/gezelligopvakantie_main_h_right.png) no-repeat top right;display:block;font:bold 12px arial;display:block;padding:0 10px 0 20px;line-height:25px; text-decoration: none;}
div#main div.right div.item_inner h2 a.open {display:block;width:13px;height:15px;float:right;background:none;border:1px solid #ffffff;color:#ffffff;text-decoration:none;font:15px arial;line-height:15px;padding-left:3px;text-align:left;margin:5px 0 0 0;}
div#main div.right div.item_inner h2 a.close {display:block;width:11px;height:15px;float:right;background:none;border:1px solid #ffffff;color:#ffffff;text-decoration:none;font:17px arial;line-height:13px;padding-left:5px;text-align:left;margin:5px 0 0 0;}
div#main div.right div.item_inner img{float:left;border:1px solid #00b7e8;padding:1px;margin:8px 10px 0 10px;}
*/
div#main div.right div.item h3 {color:#146eb0;font:bold 11px arial;width:430px;float:left;padding:8px 0 8px 0;}
div#main div.right div.item h3 a {color:#146eb0;font:bold 11px arial;width:430px;padding:8px 0 8px 0;text-decoration: none;}
div#main div.right div.item p {font:11px arial;color:#146eb0; width:430px;float:left;}
div#main div.right div.item p.price {height:52px;width:80px;float:right;margin:0;padding:20px 15px 10px 15px;background:#99e2f6;}
div#main div.right div.item p.price span {color:#f00975;font:bold 22px verdana;float:right;margin-top:10px; cursor: pointer; text-decoration: none;}
div#main div.right div.item p.price a {text-decoration: none;}
div#main div.right div.item table.information {background:#f9ffff;padding:10px 0 10px 0;width:557px;float:right;border-top:1px solid #00b7e8;border-bottom:1px solid #00b7e8;margin-bottom:10px;}
div#main div.right div.item table.information td {color:#146eb0;padding:1px 0 1px 0;}
div#main div.right div.item table.information tr.first td {padding-top:10px;}
div#main div.right div.item table.information td p {padding:0 0 10px 0;}
div#main div.right div.item table.information td.label {font-weight:bold;width:100px;}
div#main div.right div.item a.button {display:block;width:151px;height:28px;color:#ffffff;text-decoration:none;background: url(../images/gezelligopvakantie_boeken_button_pink.png) no-repeat;float:right;margin:0 20px 10px 0; cursor: pointer;;}
div#main div.right div.item a.button span {color:#ffffff;font:bold 14px verdana;line-height:26px;height:28px;width:131px;padding-left:20px;display:block;background: url(../images/gezelligopvakantie_boeken_button_arrow_pink.png) no-repeat 125px; cursor: :pointer;}

div#main div.right div.showall {margin-left:10px; width:200px; float:left}
div#main div.right div.showall li {padding-left:20px; list-style-image: none; list-style: none;}

div#main div.right div.pagination {margin:0 auto;width:660px;text-align:center;padding:20px 0 0 0;}
div#main div.right div.pagination a {background:#fedbeb;text-decoration:none;color:#146eb0;font:11px arial;line-height:22px;padding:1px 5px 1px 5px;border:1px solid #f00975;}
div#main div.right div.pagination a.active {color:#ffffff;background:#ffa4cf;}
div#main div.right div.pagination a.backward {border:none;background:none;color:#55cff0;font-weight:bold;background:url(../images/gezelligopvakantie_pagination_backward.png) no-repeat left center;padding-left:15px;}
div#main div.right div.pagination a.forward {border:none;background:none;color:#146eb0;font-weight:bold;background:url(../images/gezelligopvakantie_pagination_forward.png) no-repeat right center;padding-right:15px;}

/**********************************************/
/*Yii Form*/
/**********************************************/

div.yiiForm {margin: 0;padding: 5px;width: 550px;}
div.yiiForm label.required {}
div.yiiForm span.required{color: red;}
div.errorSummary {border: 2px solid #C00;padding: 7px 7px 12px 7px;margin: 0 0 20px 0;background: #FEE;font-size: 0.9em;}
div.errorSummary p {margin: 0;padding: 5px;}
div.errorSummary ul {margin: 0;padding: 0 0 0 20px;}
div.errorSummary ul li {list-style: square;}
div.yiiForm p.hint {color: gray;font-size: 90%;}
div.yiiForm fieldset {border: #DDD 1px solid;margin: 10px 0;padding: 10px;}
div.yiiForm legend {font-weight: bold;}
div.yiiForm label {width:150px; font-weight:bold; display:block; float:left;}
div.yiiForm input { border:1px solid black; }
div.yiiForm textarea { border:1px solid black; }
div.yiiForm div.action {clear: left;padding: 0.25em 0;}
div.yiiForm div.simple, div.yiiForm div.complex {clear: left;padding: 0.25em 0;}
div.yiiForm div.simple label, div.yiiForm div.complex span {display: block;float: left;margin-right: 10px;position: relative;text-align: left;width: 100px;}
div.yiiForm label.error, div.yiiForm span.error{color: #C00;}
div.yiiForm input.error, div.yiiForm textarea.error, div.yiiForm select.error {background: #FEE; border:1px solid #C00000;}

/**********************************************/
/*footer*/
/**********************************************/
div#footer {height:279px;position:relative;clear:both;}
div#footer div.footer_top{height:186px;width:881px;margin:0 auto;background: url(../images/gezelligopvakantie_pop_des.png) repeat-x;clear:both;}
div#footer div.footer_top h2{color:#ffffff;font:bold 17px verdana;margin:0 0 0 50px;padding:20px 0 0 0;}
div#footer div.footer_top ul{float:left;padding:20px 20px 20px 50px;list-style:none; width:100px;}
div#footer div.footer_top li a{color:#c8ffff;}
div#footer img.logo {float:left;margin: 15px 0 0 30px;height:73px;}
div#footer ul.menu {list-style:none;float:right;padding:0 15px 0 0;height:70px;overflow:hidden;}
div#footer ul.menu li {float:left;color:#1268aa;font-size:11px;line-height:90px;}
div#footer ul.menu li a{float:left;display:block;padding:0 15px 0 15px;font:bold 11px arial;color:#1268aa;text-decoration:none;line-height:90px;}
div#footer p.copyright {clear:right;float:right;color:#1268aa;font:11px arial;padding:0 30px 0 0;width:400px;text-align:right;}
div#footer div.footer_bottom {width:100%;height:15px;position:absolute;left:0px;bottom:-15px;}
div#footer div.footer_bottom span {display:block;width:901px;height:15px;margin:auto;background: url(../images/gezelligopvakantie_bg_footer.png) no-repeat bottom center;}