/*
Theme Name:     Laimach
Theme URI:      http://www.laimach.eu
Description:	Theme for Laimach.eu
Author:         Frank Bogaard
Author URI:     http://www.defakto.nl/
Version:        1.0
*/

@import url(https://fonts.googleapis.com/css?family=Exo:200,400,700,200italic);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600);

/* IMPORT STYLSHEETS */

@import "css/jquery.onebyone.css";
@import "css/animate.css";

/* CSS RESET */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:#eeede8;
	margin:0 0;
	padding: 0 0;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* TYPOGRAPHY */




body {font-family: 'Open Sans', sans-serif; font-size: 13px; background:#f6f4ef; color:#000; font-weight:300}

strong { font-weight:600}

p, ul, ol{font-family: 'Open Sans', sans-serif;  font-size: 14px; margin-bottom: 22px; line-height: 20px; color:#000}

a, a:visited { color:#000; text-decoration:none;}

a:hover {}

p a, p a:visited						{ color: #55a2bb; border-bottom: 1px solid #EEE; }

p a:hover 								{ border-bottom: 1px solid #CCC; }

.leftcolumn ul li a:hover							{ color: #55a2bb; }

#main ul								{margin:0 0 22px 0;}

#main ul li 							{font-size: 13px; line-height:18px;  }


blockquote {display:block; width:540px; margin: 20px 0; padding: 0 20px; border-left:#55a2bb solid 2px; font-family: 'Exo', sans-serif;  font-weight:200; font-style:italic; }

blockquote p {font-size: 18px; line-height:26px; margin: 0 0; color:#55a2bb;}

::selection {
	background: #202020; color:#FFF;
	}
::-moz-selection {
	background: #202020; color:#FFF;
}


h1 										{font-size: 32px; line-height:32px; letter-spacing:1px; color:#55a2bb; font-family: 'Exo', sans-serif; margin: 0 0 16px 0; font-weight:200}
h2 										{font-size: 18px; line-height:18px; color:#000; font-family: 'Exo', sans-serif; margin:0 0 8px 0; font-weight:700}
h3 										{font-size: 16px; line-height:22px; color:#000; font-family: 'Exo', sans-serif; margin:0 0 8px 0; font-weight:700}

.rightcolumn h2							{ text-transform:uppercase; letter-spacing:1px; font-size:15px; padding: 12px 0 0; color:#55a2bb;}
.rightcolumn li							{ list-style-type:none;font-size:12px;}
.textwidget 							{ margin: 0 0 20px 0; }
.rightcolumn .textwidget ul li			{ border-top: #f2f2f2 solid 1px; padding: 5px 0; }
.rightcolumn .textwidget ul li a		{ color:#999;}
.rightcolumn .textwidget ul li a:hover	{ color:#d69523;}

.rightcolumn .textwidget ul li:before	{ content: "»"; padding-right:7px; }



/* LAYOUT */

.clear									{ clear:both;}

.sbc-title 								{ display: none; }

#container								{ width:960px; margin:0 auto; background:#FFF;  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}

#header									{ width:100%; height:375px; }

#top									{ height:100px; padding:10px 0 }

#logo a	 								{ width: 500px; height: 45px; margin: 22px 0 0 30px; display: block; float: left; font-family: 'Exo', sans-serif; font-weight: 200; font-size: 30px; line-height: 22px; color: #276c83; overflow: visible; }

#logo a span							{ font-size: 13px; color: #d69523; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; padding: 0 0 0 3px; margin: 22px 0 0; display: block;}

#topnav									{width:355px; float:right; margin: 10px 20px 0 0}

#nav									{float:right; width: 660px; background:#FFF; margin: 0 20px 10px 0; font-family: 'Exo', sans-serif; font-weight:400; text-transform:uppercase}

#nav ul									{margin:0 0; text-align: right;}

#nav ul li								{display:inline-block; margin: 0 0 0 25px }

#nav ul li a							{display:block; padding: 0; font-size:13px; font-family: 'Exo', sans-serif; font-weight:400;}

#nav ul li a:hover, #nav ul li.current_page_item a	{text-decoration: none; color:#CCC; }



/* Header */

#lang_sel_list {padding: 9px 0 0 16px; width:auto}

#lang_sel_list ul {
height: 0;
top: 19px;
left: 0;
border:none;
}

#lang_sel_list li {
float: left;
width: 30px;
position: relative;
float: left;
display: block;
height:18px;
overflow:hidden!important;
}

#lang_sel_list a, #lang_sel_list a:visited {
display: block;
font-size: 11px;
text-decoration: none !important;
border:none;
width:20px;
background:none!important;
}


a.lang_sel_sel, a.lang_sel_other:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

a.lang_sel_other {
	opacity:0.4;
	filter:alpha(opacity=40);
}


a.booknow 								{ display:inline-block; padding:10px; background:#55a2bb; color:#FFF; text-transform:uppercase; font-family: 'Exo', sans-serif; font-weight:200; letter-spacing:1px; float:right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

a.booknow:hover 						{ background:#6cbad3 }

.rightcolumn a.booknow					{ display:inline-block; float:none; width:270px; background:#d69523}
.rightcolumn a.booknow:hover			{ background:#efb041}

a.booknow span							{ font-weight:700}

a.booknow i								{ margin:0 10px 0 5px}

ul.language								{ background: #276c83; height: 33px; margin: 0 0 0 10px; display: block; float: right; }

/* SLIDER */


.oneByOne_item span.text1, .oneByOne_item span.text2{ clear: left; position: relative; float: left; text-align:left; margin: 120px 0 0 25px; padding: 20px 30px; color: #FFF; font-size: 24px; line-height:34px;  background:url(images/slider-bg.png); font-family: 'Exo', sans-serif; font-weight:200; text-transform:uppercase; letter-spacing:1px; color:#FFF}

.oneByOne_item span.text2{ margin: 10px 2px 0 0;}

.oneByOne_item strong 				{font-weight:700}


.oneByOne_item span.arrow{ width:12px; height:12px; background:url(images/slider-arrow.png) no-repeat; display:block; position: relative;margin:40px 0 0 689px}

.oneByOne_item span.arrowgreen{ width:12px; height:12px; background:url(images/slider-arrow.png) no-repeat; display:block; position: relative;margin:40px 0 0 689px}

.photo1					{ position:absolute }

#banner					{ position: absolute; }

#banner2				{ margin: 0 0 0 1px; }

.oneByOne1				{ margin: 0; width: 958px; height: 250px; margin: 0 0 0 1px; position: relative; overflow: hidden; }

#banner .oneByOne_item	{ position: absolute; width: 960px; height: 250px; overflow: hidden;}


#main									{padding: 30px 0 50px; float:left;}

#page									{padding: 30px 0 0 20px; float:left; color:#000}

#page p 								{font-family: 'Open Sans', sans-serif; }

#page img								{margin: 0 0 -5px 0;}


#page ol								{list-style-type: upper-alpha; padding:0 0 0 23px}



/* CONTACT */

#contact								{ padding: 30px 0 60px 30px; float:left; color:#000}

#contact p 								{ text-align:justify}

.leftcolumn								{ float:left; width:580px; padding: 0 20px 0 0 }

.leftcolumn ul li						{ padding:6px 0 0 30px; background:url(images/bullet.png) 0 10px no-repeat}

.leftcolumn .gform_body ul li		{ background:none!important; padding:0; border:none;}


/* HOME */

.leftcolumn								{ width:600px; float:left;}
.rightcolumn							{ width: 290px; float: left; margin: 0 0 40px 10px; }

ul.homeblock							{ padding: 20px 0 0; background:url(images/homeblock-bg.png) repeat-x;}
ul.homeblock li							{ float:left; display:block; margin: 0 25px 0 0; height: 240px; }
ul.homeblock li:nth-child(3n+3)			{ margin: 0 }

.blocktext 								{ background: url(images/slider-bg.png); top: -200px; position: relative; width:240px; padding:20px 25px 15px 25px}
ul.homeblock img						{  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.blocktext h3							{ color:#FFF; font-weight:200; letter-spacing:1px; font-size:17px; text-transform:uppercase}
.blocktext p							{ font-weight:200; font-style:italic; margin:0}
ul.homeblock a .blocktext p				{ color:#c5c5c5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
ul.homeblock a:hover img				{ 	opacity:0.8;
	filter:alpha(opacity=80);  }
ul.homeblock a:hover .blocktext p		{ color:#FFF }

{ width:290px; float:left; margin:20px 25px 0 0; background:#CCC}
.homeblock2								{ width:290px; float:left; margin:20px 25px 0 0; background:#CCC}
.homeblock3								{ width:290px; float:left; margin:20px 0; background:#CCC}


/* FOOTER */

#footer 								{float:left; height:100%; width:100%; padding: 30px 0 30px 0; color:#63615f; font-family: 'Exo', sans-serif; }

#footer_wrapper							{width:960px; margin: 0 auto; }

#footer a								{color:#63615f}

#footer a:hover							{color:#000}

#footer p 								{}

#footer ul li							{width:260px; display:inline-block; float:left; padding: 0 30px;  }

#footer ul li ul						{ margin:0}

#footer ul li ul li						{width:300px; margin: 0 0 10px 0; display:inline-block; float:left; padding:0; font-family: 'Exo', sans-serif; line-height:20px;   }

#footer ul li ul li:before 				{ content: "»"; padding-right:7px; }

#footer ul li:last-child				{ }

#footer .tweet ul						{background:#FFF; margin: 0 0;}

#footer .tweet ul li:first-child		{height: auto; margin: 0 0; padding: 0 0 15px 0 ; display:block; line-height: 20px; border-bottom: 1px dashed #333}

#footer .tweet ul li:last-child			{height: auto; margin: 0 0; padding: 15px 0 15px 0 ; display:block; line-height: 20px; border-bottom: 1px dashed #333}

#footer h3								{color:#000; text-transform:uppercase}

#footer .widgettitle					{color:#FFF;}



/* SIDEBAR NEW */



/* Calender */

.sbc-calendar-month {
width: 290px!important;
border:none!important;
padding:0!important;
}

.rightcolumn thead {height:14px!important}

#sbc-calendar table thead th, #sbc-calendar tr td {
width: 40px!important;
height: 40px!important;
}

.rightcolumn tfoot {
display: none!important;
}

#sbc-calendar .sbc-navigation select {
margin: 0!important;
width: 143px!important;
}

#sbc-calendar-wrapper .sbc-status-free {
background-color: #f2f2f2!important;
}

#sbc-calendar-wrapper .sbc-status-booked {
background-color: #DDD!important;
color: #BBB!important;
}

/* Gallery */

#gallery-1 {
width: 930px;
}

#gallery-1 .gallery-item {
margin: 20px 0 0!important ;

}

#gallery-1 img {
border: none!important;
}

#gallery-1 .gallery-caption {
margin: 10px 0 0;
font-style: italic;
color: #999;
}



.leftcolumn ul li {
padding: 8px 0 8px 36px;
margin: 0 0 0 4px;
border-top: #f2f2f2 solid 1px;
background: url(images/bullet.png) 0px 11px no-repeat;
}



/* Form */


.gform_wrapper input[type=text], textarea {border:1px solid #CCC}
.gform_wrapper input[type=text]:focus, textarea:focus {border:1px solid #55a2bb}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { display:block; border:none; background:#55a2bb; color:#FFF; text-transform:uppercase; font-family: 'Exo', sans-serif; font-weight:700; letter-spacing:1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float: left; cursor:pointer;
margin: 0 0 30px;
padding: 8px 20px;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover 	{ background:#6cbad3 }

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 97%!important;
}

/* Page Links */
.page-id-103 .leftcolumn ul, .page-id-140 .leftcolumn ul, .page-id-210 .leftcolumn ul, .page-id-212 .leftcolumn ul  {
width: 260px;
display: block;
float: left;
margin: 0 40px 0 0;
}

/* Calendar */
#sbc-calendar td.sbc-status-booked { border-color: #aeaeae; background: url(images/notavailable.png); }