/* @group global reset */
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
h1,h2,h3,h4,h5 {
 font-weight: normal !important;
 text-transform: uppercase;
}
a:hover {
 text-decoration: none;
}

body {
	line-height: 1;
	font: 12px  Arial, Lucida Grande, Lucida Sans Unicode, Tahoma,Helvetica, Geneva, sans-serif;
	color: #333;
	background: #fff;
}


hr {
 border: none;
 margin: 0;
}
/* @end */

/* @group default links */
a:link,a:active,a:visited { 
 color: #f6871f;
 text-decoration: none;
 outline:none;
}
a:hover {color: #65bd60;}
.noclick {cursor: default;}
/* @end */


/* @group header */
header {
 padding: 5px 0 15px 0;
}

h1.logo-phone {
 text-align: center;
}

header .top {
 min-height: 200px;
 position: relative;
}



.mainnav {
	 overflow: hidden;
	 position: absolute;
	 bottom: 15px;
	 left: 0;
	}
	.mainnav li {
	 float: left;
	 margin-right: 10px;
	}
	.mainnav a {
	 display: block;
	 color: #fff;
	 font-size: 16px;
	 line-height: 1;
	 text-transform: uppercase;
	 padding: 5px 10px;
	
	 border-radius: 3px;
	}
	.mainnav a:hover, .mainnav a.active {
	 color: #000;
	 background: #fff;
	}
/* @end */


/* @group languages */
.languages {
 position: absolute;
 top: 10px;
 right: 0;
}
/* @end */


/* @group unislider */
.uniSlider {
	 background: #fff;
	}
	.uniSlider .border {
	 padding: 10px;
	}
/* @end */


/* @group layout stuff */

/* backgrounds */
.bgwhite, .module {
 background: url(../de_img/bgwhite_90.png);
 margin-bottom: 15px;
}

/* inner padding */
.inner {
 padding: 15px;
 overflow: hidden;
}

.line {
 border-bottom: 1px solid #000;
 width: 100%;
 height: 20px;
 margin-bottom: 20px;
}
/* @end */


/* @group columns */
.column-right {
}
/* @end */


/* @group content */
.content {
	}
	.content .mainimage {
	 display: block;
	 margin: 15px 0 15px 0;
	 background: #fff;
	}
	.content h1 {
	 font-size: 24px;
	 line-height: 1.7em;
	 color: #000;
	 text-transform: uppercase;
	}
	.content h2 {
	 color: #333;
	 font-size: 20px;
	 line-height: 1.7em;
	 margin-bottom: 10px;
	}
	.content h3 {
	 color: #666;
	 font-size: 16px;
	 line-height: 1.7em;
	}
	
	.content p {
	 margin: 0 0 15px 0;
	 line-height: 20px;
	}
	
	.content .posted {
	 display: block;
	 font-style: italic;
	 color: #bbb;
	 margin: -5px 0 10px 0;
	 font-size: 11px;
	}
	
	.content ol, .content ul {margin: 15px 0;}
	.content ol li {list-style: decimal;line-height: 1.6em;margin-left: 25px;}
	.content ul li {list-style: disc;line-height: 1.6em;margin-left: 25px;}
	
	.clean-ul ul { margin: 0; }
	.clean-ul ul li { list-style: none;line-height: 1.6em;margin-left: 0; }
	
	
	.content p a:link, .content p a:active, .content p a:visited { 
	 color: #f6871f;
	 text-decoration: none;
	 outline:none;
	}
	.content p a:hover {color: #65bd60;}
	
	.content img, .content object {display: inline-block;}

.splitter {text-indent: -9999px;height: 30px;}
/* @end */


/* @group images */
.images {
	 overflow: hidden;
	 width: 100%;
	 padding-left: 5px;
	 margin-left: -5px;
	 margin-bottom: 20px;
	}
	.images img {
	 display: block;
	}
	.images a {
	 float: left;
	 padding: 3px;
	 background: #fff;
	 border: 1px solid #ddd;
	 margin: 5px 5px 5px 0;
	}
	.images a:hover {
	 border-color: #000;
	}
/* @end */


/* @group files */
.files {
	 margin-bottom: 20px;
	}
	.files a {
	 display: block;
	 line-height: 1.5em;	
	}
/* @end */


/* @group output */
.output {
	 display: none;
	 margin: 10px 0;
	 font-size: 14px;
	 font-weight: bold;
	}
	.output p {
	 overflow: hidden;
	 padding: 5px 10px;
	 margin: 0 0 1px 0;
	 background: #0ba8da;
	 color: #fff;
	}
	.output p.booked {
	 background: #cd0707;
	}
	.output p.free {
	 background: #65bd60;
	}
	.output .title {
	 display: block;
	 float: left;
	 width: 120px;
	}
	.output .date {
	 display: inline-block;
	 margin-right: 20px;
	}
/* @end */


/* @group article grid */
.grid > article {
 text-align: center;
 margin-bottom: 30px;
}
.grid h2 {
 font-size: 18px;
 color: #f6871f;
 line-height: 1.30em;
 margin: 0;
 padding: 20px 0 0 0;	
}
/* @end */


/* @group bloglist */
.bloglist {}
	.bloglist article {
	 margin-bottom: 30px;
	}
	.datum {
	 display: block;
	 color: #666;
	 margin-bottom: 4px;
	}
	.bloglist h2 {
	 margin-bottom: 0;
	} 
	.bloglist h2 a {
	 color: #f6871f !important;
	}
	.bloglist h2 a:hover {
	 color: #000 !important;
	}
	.bloglist .thumb {
	 float: left;
	 background: #fff;
	 padding: 5px;
	 margin: 3px 10px 5px 0;
	 
	 -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); 
	 box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	.bloglist .readmore {
	  border-top: 1px solid #ddd;
	  padding-top: 8px;
	}
	
	.readmore {
	 display: block;
	 clear: both;
	 text-align: right;
	 font-size: 12px;
	 color: #000 !important;
	 text-transform: uppercase;
	}	
/* @end */


/* @group pagination */
.pages {
	 clear: both;
	 overflow: hidden;
	 margin: 0;
	 padding: 5px 0;
	}
	.pages .links {
	 overflow: hidden;
	 text-align: right;
	}
	.pages b, .pages a {
	 display: block;
	 float: left;
	 margin-right: 3px;
	 
	 font-size: 16px;
	 padding: 3px 10px;
	 
	 color:#fff !important;
	 background: #555;
	}
	.pages b {
	 background: #333;
	}
	.pages a:hover {
	 background: #65bd60;
	}
/* @end */


/* @group modules */
.module {}
	.module h3 {
	 margin: 0 0 6px 0;
	 line-height: 1.4em;
	 font-size: 18px;
	 color: #000;
	}
	.module h3 a {
	 color: #000;
	}

.welcome {}
	.module.welcome .inner {
	 padding-bottom: 1px;
	}
	
.module.photos {}
	.module.photos img {
	 width: 122px;
	}
/* @end */


/* @group calendar */

.agenda {
	 position: relative;
	}
	.agenda .btn-datum {
	 position: absolute;
	 top: 10px;
	 right: 30px;
	 z-index: 50;
	}


.calendar .ui-datepicker-inline {
 width: auto ! important;
}
.hide-320 {
 display: block !important;
}
.show-320 {
 display: none !important;
}

td.booked a.ui-state-default {
 background: #cd0707;
 color: #fff;
 font-weight: normal;
}
td.available a.ui-state-default {
 background: #65bd60;
 color: #fff;
 font-weight: normal;
}
td.booked.available a.ui-state-default {
 background: #cd0707 url(../de_img/halfbooked.gif) center center no-repeat;
}
/* @end */



/* @group contact */
.route {
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

.gmap {
	 width: 100%;
	 height: 280px;
	 margin: -10px 0 20px 0;
	 background: #e4e4e4;
	}


.form {
	}
	.form h2 {
	 font-size: 20px;
	}

.std {
	 width: 100%;
	}
	.std p {
	 margin: 0 0 5px 0;
	 overflow: hidden;
	}
	.std label {
	 display: block;
	 width: 30%;
	 float: left;
	 line-height: 32px;
	}
	
	.std input.txt, .std textarea {
	 width: 65%;
	 float: right;
	 padding: 7px 5px;
	 border: none;
	 background: #fff;
	 color: #666;
	 border: 1px solid #ddd;
	 margin: 0;
	}
	.std textarea {
	 height: 150px;
	}
	.std .loader {
	 display: inline-block;
	 width: 100%;
	 margin-top: 10px;
	 text-align: right;
	}
	.std p.loading {
	 background: url(../de_img/loader.gif) 5px center no-repeat;
	}
	
	fieldset.file {
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 padding: 5px 0 2px 0;
	 margin: -5px 5px 15px;
	}
	fieldset.file label {
	 text-align: left;
	 padding-left: 5px;
	 width: 120px;
	}
	fieldset.file .uploader {
	 float: right;	
	 width: auto; 
	}
	fieldset.file .uploader .action {
	 cursor: pointer;
	}
	
	form .reset {
	 font-size: 12px;
	 padding: 3px 8px;
	 margin-left: 10px;
	}
	
	
.contact .form {
	}
	.contact .form h2 {
	}
/* @end */


/* @group inline alerts */
#inline_alert {
 min-height: 150px;
 min-width: 400px;
 max-width: 550px;
 padding: 5px 10px;
 line-height: 1.6em; 
 color: #555; 
}
#inline_alert h4 {
 font-size: 17px;
 color: #000;
 font-weight: bold;
 text-transform: uppercase;
 margin-bottom: 15px;
 text-shadow: none;
}
/* @end */



/* @group footer */
footer {
 background: #f6871f;
 margin-bottom: 30px;
 text-transform: uppercase;
 font-size: 12px;
 color: #fff;
}
footer .inner {
 padding: 10px;
}

.credits {
 text-align: right;
}
.credits a { color: #fff; }
.credits a:hover { color: #000; }
/* @end */


/* @group Nivo slider */
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* @end */


