/*
Theme Name: Rechthuis responsive
Theme URI: http://www.hotelhetrechthuis.nl/
Description: A custom made, responsive template for Hotel Het Rechthuis.
Author: Ariane Gordijn
Author URI: http://www.ca-editors.nl/
Version: 1.0

License: Ariane Gordijn
License URI: http://www.ca-editors.nl/
*/

/* AANPASSINGEN SKELETON */
.container .sixteen.columns {
    background-color: #FFFFFF;
	 border-right: 1px solid #FFFFFF;
}

/* ALGEMEEN */
body {
	background-color: #f3e0e5;
	background-image: url(images/bg-rechthuis.gif);
	background-repeat: repeat-x;
	font: 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}
#reserveren {
    background-color: #A39161;
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 10;
}
#content {
	padding-bottom: 30px;
}
#left {
	margin: 0 0 0 20px;
}
/* HEADER */
.header {
	background: transparent url(images/bg-head.png) repeat-x;
	border-right: 1px solid #FFFFFF;
	min-height: 324px;
}
.layer {
	background: transparent url("images/bg-header.png") no-repeat scroll right top;
	border-left: 1px solid #FFFFFF;
	height: 324px;
	left: 0;
	position: absolute;
	z-index: 3;
}
#topfoto {
	margin: 0;
	max-height: 323px;
}
#topfoto img {
	width: 100%;
	height: 323px;
}
#logo {
    float: right;
    margin: 5px 10px 0 0;
    position: relative;
    z-index: 9;
}
#logo img {
	width: 100%;
	height: auto;
	max-width: 334px; 
}
/* NAVIGATIE */
#topmenu {
    color: #FFFFFF;
    font-weight: bold;
    height: 95px;
    position: absolute;
    right: 11px;
    text-align: right;
    top: 225px;
    width: 334px;
}
#topmenu ul { 
	list-style-type: none;
	padding-right: 24px;
}
#topmenu li { 
	margin-bottom: 14px;
}
#topmenu a {
	text-decoration: none;
	color: white;
	border: 0;
}
#topmenu a:hover {
	color: #9f0228;
}
/* menu-main-menu - niveau 1 */
.uitklap-menu ul { 
	width:100%; 
	height:47px; 
	display:block; 
	float:left; 
   background-color: #9f0228;
	border-left: 1px solid #ffffff;
	font-weight: bold;
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 3px 3px rgba(0, 0, 0, 0.2);
}
.uitklap-menu ul li { position:relative; height:47px; display:block; float:left; margin:0; }
.uitklap-menu ul li a { 
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 12px 14px 17px;
    text-decoration: none;
}
.uitklap-menu ul li:hover a,
.uitklap-menu ul li a:hover { background-color:#dea9b6; color:#000000; }
/* menu-main-menu - niveau 2 donkerroze #ba4965 */
.uitklap-menu ul li ul { position:absolute; top:42px; display:none; width:175px; z-index:2; }
.uitklap-menu ul li:hover ul { display:block; }
.uitklap-menu ul li ul li { border-top: 1px solid #FFFFFF; clear:both; height:auto; width:100%; }
.uitklap-menu ul li:hover ul li a,
.uitklap-menu ul li ul li a { background-color:#dea9b6; color:#000000; padding:10px; width:155px; display:block; font-weight:normal; }
.uitklap-menu ul li ul li:hover a,
.uitklap-menu ul li ul li a:hover { background:#ba4965 none; color:#fff; font-style:italic; }
/* menu-main-menu - niveau 3 */
.uitklap-menu ul li:hover ul li ul,
.uitklap-menu ul li ul li ul { border-left: 1px solid #FFFFFF; position:absolute; top:0; left:175px; display:none; margin: 10px 0 0 -5px; z-index:3; }
.uitklap-menu ul li ul li:hover ul { display:block; }
.uitklap-menu ul li ul li ul li { }
.uitklap-menu ul li ul li:hover ul li a,
.uitklap-menu ul li ul li ul li a { font-style:normal; }
.uitklap-menu ul li ul li ul li:hover a,
.uitklap-menu ul li ul li ul li a:hover { background:#dea9b6 none; color:#000000; font-style:italic; }
/* menu-main-menu - niveau 4 */
.uitklap-menu ul li:hover ul li ul li ul,
.uitklap-menu ul li ul li ul li ul { position:absolute; top:0; left:175px; display:none; background:#090 none; z-index:3; }
.uitklap-menu ul li ul li ul li:hover ul { display:block; }
.uitklap-menu ul li ul li ul li ul li { }
.uitklap-menu ul li ul li ul li:hover ul li a,
.uitklap-menu ul li ul li ul li ul li a { font-style:normal; }
.uitklap-menu ul li ul li ul li ul li:hover a,
.uitklap-menu ul li ul li ul li ul li a:hover { background:#bbb none; color:#fff; }

a.fb {
    float: right;
    margin: -59px 10px 0 0;
}
a.insta {
    float: right;
    margin: -59px 60px 0 0;
}

/* RECHTS */
#right {
    font-style: italic;
}
.box {
    background-color: #E7E1D5;
    margin-bottom: 26px;
    padding: 1px 15px 15px;
    width: 80%;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    3px 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow:         3px 3px 3px rgba(0, 0, 0, 0.3);
	}
#CDSWIDEXC {
    margin: 10px auto !important;
}
/* FOOTER */
#footer {
	background-color: #9f0228;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);	
	color:#ffffff;
	margin-top: 1px;
	margin-bottom: 15px;
}
.ftext {
	padding: 0 10px;
}
#text-6.ftext {
	padding-bottom: 10px;
}
.copy {
    color: #9F0228;
    font-size: 10px;
    padding: 0 0 10px 20px;
    text-align: center;
}
/* OPMAAK */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1, h2 {
	border-bottom: 1px solid #E7E1D5;
    color: #9F0228;
    font: 15px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px -5px 8px -10px;
    padding-bottom: 8px;
}
h3 {
	color: #9F0228;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 8px 0;
}
#footer h3 {
	color: #ffffff;
}
h4 {
	color: #A39161;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 8px 0;
}
#content a, .box a:hover, #footer a:hover, #cff a:hover {
	color:#A39161;
}
#footer a {
	color: #ffffff;
}
.copy a {
	color: #9F0228;
    text-decoration: none;
}
#content a:hover, .box a, #cff a {
	color:#9F0228;
}

#content a, .box a, #footer a {
	text-decoration: none;
	border-bottom: 1px dashed;
}
#footer blockquote {
	border: 0 none;
	color: #A39161;
	padding: 0;
}
strong {
	color: inherit;
}
#content ol {
    padding-left: 8px;
}
#content ul {
    list-style: disc inside none;
	 padding-left: 14px;
	 }
#content li {
    margin-bottom: 2px;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
}
.alignleft {
	float:left;
	padding-right:12px;
}
.alignright {
	float:right;
	padding-left:10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* aanbieding */
.aanbieding {
	width: 100%;
}
.aanbieding a {
	padding: 50px;
	color: #ffffff !important;
	font-size: 32px;
	background-color: #9F0228;
	float: left;
	margin: 20px 0 30px 0;
}
.aanbieding a:hover {
	background-color: #A39161;
}
/* qtranslate */
.wpml-ls-legacy-list-horizontal {
    border: 0;
}
.wpml-ls-sidebars-sidebar-1, .wpml-ls-sidebars-sidebar-1 .wpml-ls-sub-menu, .wpml-ls-sidebars-sidebar-1 a {
    border-color: transparent;
}
.box.widget_icl_lang_sel_widget {
    height: 15px;
    margin: -4px 28px 4px 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}
#lang_sel_list {
    float: right;
}
.box a.lang_sel_sel,
.box a.lang_sel_other {
    border-bottom: 0 !important;
}
/* pull out */
.borders.side_right .pullout-content,
.borders.side_right .pullout-button.rotate {
    border-width: 1px !important;
}	
.pullout-button.rotate {
    margin-top: 2px !important;
}
.pullout-button span {
    font-size: 14px;
    font-weight: bold;
}
form#hoteliers_form.zapp a.hc_theme_button {
    background-color: #A39161;
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
form#hoteliers_form.zapp a:hover.hc_theme_button {
    color: #9F0228;
}
/* kalender */
#hc_kalender h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

#hc_kalender select {
    height: 23px;
    padding: 3px;
}

.hc_datepicker {
    background-color: #FFFFFF;
    border: 1px solid #AEAEAE;
    border-radius: 2px 2px 2px 2px;
    /*float: left;*/
    height: 22px;
    width: 125px;
}
.hc_datepicker_label {
    margin-top: 5px;
}
.hc_datepicker input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #AEAEAE -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    cursor: default;
    height: 22px;
    padding: 0 5px;
    position: absolute;
    width: 91px;
}
.hc_datepicker_img {
    float: right;
    margin-right: 3px;
    position: relative;
}
.pagina .hc_datepicker_img {
    margin-top: -16px;
}
.hc_datepicker_img:hover {
    cursor: pointer;
}
.hc_theme_button {
    background-color: #00AB91;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 24px;
    margin-top: 10px;
    text-align: center;
    width: 125px;
}
a.hc_theme_button {
    display: block;
    padding: 2px 0 0;
}
/* slider */
.soliloquy-container .soliloquy-control-nav {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
/* laatste nieuws widget */
.rpwe-block ul{
    list-style: none outside none !important;
    padding: 0 !important;
}

.rpwe-block li{
    border-bottom: 1px solid #A39161 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px;
}

.rpwe-block a{
color: #9F0228 !important;
}
.rpwe-block a:hover {
color: #A39161 !important;
}

.rpwe-block h3{
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 0 !important;
    margin-top: 0;
}

.rpwe-thumb{
    border: 1px solid #EEEEEE !important;
    box-shadow: none !important;
    margin: 2px 10px 2px 0;
    padding: 3px !important;
}

.rpwe-summary{
    font-size: 12px;
}

.rpwe-time{
}

.rpwe-alignleft{
    display: inline;
    float: left;
}

.rpwe-alignright{
    display: inline;
    float: right;
}

.rpwe-alignnone{
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table;
}

.rpwe-clearfix:after{
clear:both;
}

.rpwe-clearfix{
zoom: 1;
}
.box a.more-link {
    border-bottom: 0 !important;
}
/* GRAVITY FORMS */
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {
    padding: 16px 0 10px 34% !important;
}
#gforms_confirmation_message {
    font-weight: bold;
}
#input_1_2 .gform_wrapper select  {
    padding: 0 !important;
}
.gform_wrapper select,
.gform_wrapper.gf_browser_gecko select {
    padding: 0 !important;
}
h2.gsection_title {
    font-size: 14px !important;
}
.gform_wrapper .gsection {
    border-bottom: 0 !important;
}
/* FACEBOOK */
.fsl a {
    font-size: 11px !important;
}