/*
Theme Name: Hoten de Kluut
Theme URI: http://friks.nl
Description: Thema voor hotel de kluut website
Version: 1.0
Author: Rick de Jong
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.socialm{
float: left;
width: 308px;
font-weight: bold;
color: #a62f31;
font-size: 12px;
}

.cta_blok h2{
	font-size: 14px;
	color: #a62f31;
}

.socialm img{
margin: 0 2px;	
}

html {
	height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}



blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.clear {
	clear: both;
}

a {
	color: #000;
	font-weight: 600;
}

a:hover {
	color: #b93133;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
}


/* BEGIN TEMPLATE */

body {
	font-family: Tahome, verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #D3C2A4 url(images/bg_image.jpg) center top no-repeat;

}

#header {
	width: 100%;
	background: url(images/header_big.jpg) center no-repeat;
	height: 296px;
}

.page_header {
	background: url(images/rotate.php) center no-repeat !important;
	height: 180px !important;
}

.wrapper {
	width: 990px;
	margin: 0 auto;
}

#header #logo {
	float: left;
	margin-top: 25px;
}

#slider {
	float: right;
	width: 682px;
	height: 254px;
}

.slide-image {
	display: none;
}
.menu {
	margin-left: 10px;
	padding-top: 11px;
	height:40px;
	font-size: 15px;
	list-style:none;
}
	
.menu a{
	text-decoration: none;
	}
	
.menu ul {
	width:100%;
	list-style:none;
	}
.menu li {
	margin: 0 17px;
	float: left;
	}
	
/* LINKER BALK */


#bg_wit_effen	{
	background: url(images/bg_algemeen.jpg) repeat-y;
}

#content .left {
	float: left;
}

#content .left .intro {
	width: 288px;
	height: 120px;
	padding: 10px;
	background: #c7a27e;
}

#content .left .intro h3{
	font-size: 14px;
	color: 000;
	padding: 13px 13px;
}


#content .right .reserveren {
	width: 682px;
	color: #fff;
	text-align: center;
	margin-left: -10px;
	margin-top: -70px;
	height: 140px;
	background: #a62f31;
}

#content .right .reserveren h3{
	padding-top: 15px;
	font-size: 16px;
}

#content .right .reserveren .reserv_button{
	width: 648px;
	text-align: left;
	color: #fff;
	margin-left: 30px;
	padding-top: 10px;
}

.reserveerknop{
	margin-top: 15px;	
}

#content .right .reserveren .reserv_button a{
	color: #a62f31;
	text-decoration: underline !important;	
}

#content .left .intro h1.introtxt {
	font-size: 40px;
	margin-top: -7px;
	position: absolute;
	color: #9c0059;
}

#content .left .intro p {
	font-size: 12px;
	line-height: 18px;
}

#content .left .intro p.first {
	margin-top: 40px;	
}

#content .left .intro h2 {
	margin-top: 15px;	
}

#content .left .intro ul {
	margin-top: 5px;	
}

#content .left .intro ul li {
	list-style: none;
	background: url(images/bullet.png) no-repeat;
	padding: 2px 0px 2px 18px;
}

#content .left .akties {
	background: #ece5d4 url(images/bg_sidebar.jpg) no-repeat;
	min-height: 401px;
	
}

#content .left .akties .cta_blok {
	padding: 0 35px;
	padding-top: 30px;
}


/* PAGINA INHOUD */

#content .right {
	width: 662px;
	float: left;
	margin-top: 60px;
	background-color:#FFF;
	padding: 10px;
	position: relative;
}

#content .right .inhoud {
	min-height: 490px;
	margin: 30px 40px;
}

#content .right .inhoud h2 {
	font-size: 18px;
	color: #000;
}

#content .right .inhoud p {
	margin-top: 10px;
}

#content .right .inhoud ul {
	margin-top: 5px;
	margin-right: 50px;
}

#content .right .inhoud ul li {
	margin-left: 5px;
}


#content .right .inhoud .li{
	list-style: none;	
}
#content .right ul {
	list-style: none;
	margin-top: -10px;
	margin-bottom: 20px;	
}

#content .right ul li {
	list-style: none;
	background: url(images/bullet.png) no-repeat;
	padding: 2px 0px 2px 18px;
}

#content .right h2 {
	font-size: 18px;
	color: #9c0059;
	margin-bottom: 8px;
}

#content .right .purplebutton {
	width: 116px;
	height: 31px;
	border: 0;
}

#content .breadcrumb {
	margin-top: 5px;
	margin-bottom: 10px;
}




#content .right .post {
	width: 300px;
	height: 150px;
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#content .right .post2 {
	margin-left: 10px !important;	
}

#content .right .post4 {
	margin-left: 10px !important;	
}

#content .right .post .info {
	position: absolute;
	bottom: 0;
	left:0;
	width: 280px;
	padding: 10px;
	background: url(images/trans.png);	
}

#content .right .post p {
	display:	none;
	color: #fff;
}

#content .right .post a.more {
	float: right;
	color: #fff;
	display: none;
}

#content .right .post a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

#content .right ul.subpages {
	position: absolute;
	margin-top: 15px;
	margin-right: 10px;
	right: 0;
	top: 0;
}

#content .right ul.subpages li {
	float: left;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0;
	list-style: none;
	background: none;
}

#content .right .entry p {
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 20px;
}

#content .right .qoute .body p {
	color: #9c0059;
	margin-top: 5px;
}

#content .right_creme .adres {
	position: absolute;
	margin-top: 130px;
	background: url(images/trans.png);
	z-index: 999;
	color: #fff !important;
	padding: 10px;
}

#content .right_creme .offerte h2 {
	color: #9c0059;
}

#content .right_creme .offerte a.close {
	float: right
}

#content .right_creme .adres h2 {
	color: #fff;	
}

#content .right_creme ul {
	margin-top: -10px;
	margin-bottom: 20px;	
}

#content .right_creme ul li {
	list-style: none;
	background: url(images/bullet.png) no-repeat;
	padding: 2px 0px 2px 18px;
}

#content .right_creme h2 {
	font-size: 18px;
	color: #9c0059;
	margin-bottom: 8px;
}

#content .right_creme .purplebutton {
	width: 116px;
	height: 31px;
	border: 0;
}

#content .breadcrumb {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content .right_creme .post2 {
	margin-left: 10px !important;	
}

#content .right_creme .post4 {
	margin-left: 10px !important;	
}

#content .right_creme .post .info {
	position: absolute;
	bottom: 0;
	width: 280px;
	padding: 10px;
	background: url(images/trans.png);	
}

#content .right_creme .post p {
	display:	none;
	color: #fff;
}

#content .right_creme .post a.more {
	float: right;
	color: #fff;
	display: none;
}

#content .right_creme .post a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

#content .right_creme .qoute {
	width: 610px;
	margin-top: 20px;
	float: left;
}

#content .right_creme .qoute .thumb {
	width: 100px;
	height: 100px;
	margin-right: 5px;
	float: left;
}

#content .right_creme .qoute .flupje {
	height: 100px;
	width: 18px;
	float: left;
	background: url(images/flupje.jpg);
}

#content .right_creme .qoute .body {
	width: 465px;
	height: 80px;
	padding: 10px;
	float: left;
	background: #f7f1db;
}
#content .right_creme .qoute .body h3 a {
	font-size: 14px;
	font-weight: 600;
	color: #9c0059;
	text-decoration: none;
}

#content .right_creme ul.subpages {
	position: absolute;
	margin-top: 15px;
	margin-right: 10px;
	right: 0;
	top: 0;
}

#content .right_creme ul.subpages li {
	float: left;
	margin-left: 10px;
	margin-right: 0px;
	padding: 0;
	list-style: none;
	background: none;
}

#content .right_creme .entry p {
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 20px;
}

#content .right_creme .qoute .body p {
	color: #9c0059;
	margin-top: 5px;
}

#content .ctas {
	width: 440px;
	height: 105px;
	margin-top: 50px;
	padding: 10px;
	float: left;
	background: #f7f1db;
}

#content .dark {
	background: #9c0059 !important;
}

#content h2.dark, #content p.dark {
	color: #fff !important;
}

#content .ctas li {
 list-style: none;
}

#content .ctas h2 {
	font-size: 14px;
	font-weight: 600;
	color: #9c0059;
	margin-bottom: 5px;
	text-decoration: none;
}

#content .ctas p.form {
	width: 215px;
	color: #9c0059;
	font-weight: 600;
	float: left;
}

#content .ctas p {
	float: right;
}

#content .ctas a.thickbox {
	margin-top: 50px;
}

/* FOOTER */

#footer {
	color: #adaeae;
	width: 622px;
	background: none;
	padding-left: 20px;
	padding-right: 20px;
	border-top: 1px #a7a8a8 solid;
	float: left;
	margin-top: 20px;
}

.mleft {
	margin-top: 15px;
	margin-left: 75px;
	margin-bottom: 20px;
}

.clear {
	clear: both;
}

.footer-rij-1{
	padding-top: 30px;
	text-align: center;	
}
.footer-rij-1 a{
	color: #979797 !important;	
}

.footer-rij-2 h5{
	padding-top: 10px;
	color:#a62f31;
	text-decoration: none;
	text-align:center;
}

.footer-links{
	padding-top: 2px;
	float: left;	
	width:150px;
}

.footer-links a {
	color: #a62f31 !important;
}

.footer-midden{
	padding-top: 2px;
	float: left;	
	width: 300px;
	text-align: center;
}

.footer-rechts{
	padding-top: 2px;
	float: right;	
}

.footer-links a {
	color: #979797 !important;
}

.footer-rechts a {
	color: #979797 !important;
}


/* Prijs indicatie */

sup {
	font-size:		6pt;
	line-height:	30px;
}

form[name=form_indicatie] label {
float:left;
padding-right:10px;
text-align:right;
width:130px;		
}


.naam_belmij{
	margin-left: 14px;
	padding-left: 5px;
	height: 18px;
	border: 1px #000 solid;
	width: 229px;
	margin-bottom: 7px;
}

.telnr_belmij{
	margin-left: 14px;
	padding-left: 5px;
	height: 18px;
	border: 1px #000 solid;
	width: 144px;
	margin-bottom: 7px;
}

.belmijknop{
	background: url(images/button_bg.jpg);
	border: none;
	margin-left: 7px;
	height: 22px;
	color: #FFF;
	width: 78px;
	cursor:pointer;
	
}

.mailinput1{
	height: 19px;
	margin: 5px 0;
	width: 220px;
	border: 1px #A62F31 solid;
	font-size: 11px;
	color: #000;
}

.mailtextveld1{
	height: 79px;
	margin: 5px 0;
	width: 320px;
	border: 1px #A62F31 solid;
	font-size: 11px;
	color: #000;
}

.mailverzendkn {
	height: 19px;
	width: 320px;
	background:	#A62F31;
	border: 1px #A62F31 solid;
	font-size: 11px;
	color: #fff;
	cursor:pointer;
}


li#kb-advanced-rss-4 {
	list-style:none;
}

#kb-advanced-rss-4 h2 a {
	margin-left: 34px;
	color: #A62F31;
	font-size: 14px;

}

.cta_blok_2 { 
	padding-top: 10px;
}

.cta_blok_2 li li {
	margin: 10px 0 0 34px;
}

.cta_blok_2 li li a {
	color: #A62F31;
	font-weight: normal;
	text-decoration:none;
}

.cta_blok_2 li li a:hover {
	
	text-decoration:underline;
}

#ReadTestimonials, #AddTestimonial, #linksSeparator {
	display:none !important;
}