/* TEMPLATE CSS
*********************************************/
html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}

body {
	background-color:#EEEDE8;
	color:#202020;
	font:normal normal normal 75%/125% Arial,sans-serif;
	background-image: url(../images/hintergrund.jpg);
	background-repeat: no-repeat;
}

body#tinymce {
	background-image:none;
	background-color:white;
}

/* LAYOUT
*********************************************/
.cleaner {
	clear:both;
	height:0px;
	width:100%;
	font-size:0.1em;
	line-height:0px;
	background-color:black;
	border:none;
	overflow:auto;
	display:block;
	color:white;
	margin:0;
	padding:0;
}

#title {
	position:absolute;
	z-index:400;
	width:695px;
	height:100px;
	top:15px;
	left:230px;
	background-image: url(../images/titel.png);
	background-repeat:no-repeat;
	text-indent: -999%;
}

#buchung {
	position:absolute;
	top:520px;
	left:1015px;
}

#overall {
	width:765px;
	padding:15px;
	margin:100px auto auto 220px;
	text-align:left;
	height:auto;
	background-color:white;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 600px, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(600px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 600px,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 600px,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 600px,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 600px,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	border-radius:3px;
}

	#inoverall {
		width:765px;
		height:auto;
	}
	
		#kopf {
			width:765px;
			height:220px;
			background-color:#007F98;
			background-image: url(../images/balken_oben_blau.jpg);
			background-repeat:no-repeat;
		}
		
			#kopfbild {
				width:420px;
				height:220px;
				margin-left:310px;
				background-repeat:no-repeat;
			}
			
			#kopfbild_links {
				width:210px;
				height:240px;
				position:absolute;
				z-index:1000;
				top:130px;
				background-repeat:no-repeat;				
			}
			
			#kopfbild_rechts {
				width:190px;
				height:190px;
				position:absolute;
				z-index:1000;	
				top:200px;			
				left:880px;
				background-repeat:no-repeat;					
			}
			
			#kopfbild_muschel {
				width:220px;
				height:220px;
				position:absolute;
				z-index:2000;	
				top:115px;			
				left:800px;
				background-image:url(../images/muschel_transparent.png);
				background-repeat:no-repeat;					
			}			
		
		#content {
			width:765px;
			height:auto;
		}
		
			#links {
				width:160px;
				height:auto;
				float:left;
				background-color:#028EA9;
				border-bottom-right-radius:20px;
				padding-bottom:25px;
			}
	
				#faehre {
					width:50px;
					height:100px;
					position:relative;
					margin-top:-100px;
					margin-left:170px;
					z-index:1000;
				}
	
			#rechts {
				width:605px;
				min-height:500px;
				float:right;
				background-image:url(../images/muschel.png);
				background-repeat: no-repeat;
			}

				#inrechts {
					padding:51px 25px 30px 170px;
				}

/*Menue*/

/*Hauptmenu*/
#links ul#hauptmenu {
	list-style-type: none;
	height:auto;	
}
/*Ebene 1*/
#hauptmenu {
	margin-top:50px;
}

#hauptmenu li {
	list-style-type: none;
	margin:0;
}

#hauptmenu li a {
	padding:5px 10px 5px 15px;
	color:white;
	text-decoration:none;
	font-size:11pt;
	display:block;
	font-weight:bold;
}

#hauptmenu li>a:hover,
#hauptmenu li.active>a,
#hauptmenu li.current>a {
	color:#DB9303;
}

/*Ebene 2*/
#hauptmenu ul {
	display:none;
	padding-bottom:0!important;
}

#hauptmenu li.deeper.current ul,
#hauptmenu li.deeper.active ul {
	display:block;
	margin:5px 0 5px 15px;
	padding-left:0px;
	border-left:2px solid white;
	height:auto;
}

#hauptmenu ul li {
	list-style-type: none;
	margin:0;
}

#hauptmenu ul li a {
	padding:3px 5px 3px 10px;
	color:white;
	font-size:10pt;
	font-weight:normal;
}

#hauptmenu ul li>a:hover,
#hauptmenu ul li.active>a,
#hauptmenu ul li.current>a {
	color:#DB9303;
}

li span.separator {
	display:block;
	height:0px;
	text-indent: -999%;
	border-bottom: 2px solid white;
	padding-bottom:15px;
	margin-bottom:15px;
	width:120px;
}

/*Menu Faehre*/
ul#menufaehre {
	list-style-type:none;
}

ul#menufaehre li {
	list-style-type: none;
	margin:0;
	height:50px;
}

ul#menufaehre li.item-133 a {
	background-image:url(../images/faehren.png);
	text-indent:-999px;
	display:block;
	width:50px;
	height:50px;
	background-position:0 0;
}

ul#menufaehre li.item-133 a:hover {
	background-image:url(../images/faehren.png);
	background-position:-50px 0;
}

ul#menufaehre li.item-197 a {
	background-image:url(../images/faehren.png);
	text-indent:-999px;
	display:block;
	width:50px;
	height:50px;
	background-position:0px 50px;
}

ul#menufaehre li.item-197 a:hover {
	background-image:url(../images/faehren.png);
	background-position:-50px 50px;
}

/*Menu Buchungsanfrage*/
ul#menubuchung {
	list-style-type:none;
}

ul#menubuchung li {
	list-style-type: none;
	margin:0;
}

ul#menubuchung li a {
	text-indent:-99999px;
	display:block;
	width:70px;
	height:200px;
	background-image:url(../images/buchungsanfrage.png);
	background-repeat:no-repeat;
}

/*********/
/*Inhalte*/
/*********/

/*Blogansicht*/
.blog {
	
}

.items-row {
	
}

.item {
	padding-bottom:30px;
}

 {
	color:#D49E31;
	font-size:12pt;
	padding:0 0 20px 0;
	text-decoration:none;
	line-height:13pt;		
}

.item-separator {
	/*border-bottom:1px solid silver;*/
}

.row-separator {
	
}

.readmore,
.buchungsanfrage {
	text-align:right;
}

.readmore a,
.buchungsanfrage a {
	display:inline;
	padding:3px 5px;
	color:white;
	background-color:#DB9303;
	text-decoration: none;
	border-radius:3px;
}

.readmore a:hover,
.buchungsanfrage a:hover {
	-moz-box-shadow:		3px 3px 10px silver;
	-webkit-box-shadow:	3px 3px 10px silver;
	box-shadow:				3px 3px 10px silver;
}

.buchungsanfrage {
	/*display:none!important;*/
}

/*Beitragsansicht*/
.item-page {
	
}

/*Ueberschriften*/

h1,h2 {
	padding:0 0 20px 0;
}

h1>a,h2>a,h2 {
	color:#DB9303;
	font-size:14pt;
	text-decoration:none;
	line-height:15pt;
}

h3 {
	margin:0 0 20px 0;
}

h3, h3>a, .item h2>a {
	color:#DB9303;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	line-height:13pt;	
}

.item-page h3 {
	margin:15px 0 10px 0;
}

/*Texte*/
p, ul, ol, table {
	padding-bottom:10px;
}

p, li, a, td {
	font-size:11pt;
	line-height:13pt;
}

li {
	margin-left:20px;
	list-style-type: square;
}

a {
	color:#202020;
}


/*************/
/*Zimmerseite*/
/*************/

/*Bilder*/
table.zimmer_bilder {
	width:410px;
	border-collapse: collapse;
	margin-bottom:10px;
}


table.zimmer_bilder td {
	width:205px;
	padding:4px 0;
}

table.zimmer_bilder td+td {
	text-align:right;
}

table.zimmer_bilder img.jg_photo {
	width:200px;
	height:142px;
}

table.zimmer_bilder tr td.symbole img {
	margin-right:5px;
}

img.eg_klein {
	width:410px;
	height:273px;
}

img.og_klein {
	width:410px;
	height:240px;
}

/*Preise*/
table.zimmer_preise {
	width:410px;
	border-collapse: collapse;
	margin:20px 0 10px 0;
}

table.zimmer_preise tr td {
	border-bottom:1px solid silver;
	padding:5px 0;
}

table.zimmer_preise tr.noline td {
	border-bottom:0!important;
}

table.zimmer_preise thead {	/*Kopfzeile*/
	font-weight:bold;
}
	
	table.zimmer_preise thead td {
		width:206px;
	}

	table.zimmer_preise thead td+td,
	table.zimmer_preise thead td+td+td,
	table.zimmer_preise thead td+td+td+td {
		text-align:center;
		width:68px!important;
	}
	
	table.zimmer_preise thead td+td,
	table.zimmer_preise thead td+td+td+td {
		background-color:#a5c4c2;
	}
	
	table.zimmer_preise thead td+td+td {
		background-color:#8fbbbb;
	}
	
table.zimmer_preise tbody {	/*Preiszeile*/
	
}

	table.zimmer_preise tbody tr:hover td {	
		opacity:0.70;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
		filter:alpha(opacity=70);
		color:black;
	}
	
	table.zimmer_preise tbody td,
	table.zimmer_preise tbody td a {
		width:206px;
		font-size:10pt;
	}

	table.zimmer_preise tbody td+td,
	table.zimmer_preise tbody td+td+td,
	table.zimmer_preise tbody td+td+td+td {
		text-align:center;
		width:68px!important;		
	}
	
	table.zimmer_preise tbody td+td,
	table.zimmer_preise tbody td+td+td+td {
		background-color:#d3ddd5;
	}
	
	table.zimmer_preise tbody td+td+td {
		background-color:#c0d6d3;
	}
	
.buchungsanfrage {
	padding-top:10px;
}

.zusatzinfos * {
	font-size:10pt;
	line-height:11.5pt;
}

.amrumcode,
.amrumcode a {
	font-size:9pt;
	line-height:10pt;
}

img.grundriss{
	width:410px;
}

/*Pagination*/
div.pagination {
	border-top:1px solid gray;
	margin-top:20px;
	padding-top:10px;
	
}

	p.counter {
		text-align:center;
		font-size:8pt!important;
		margin:0!important;
	}
	
	div.pagination ul {
		margin:0!important;
		padding:0!important;
		list-style-type: none!important;
		text-align:center;
		width:410px;
	}
	
		div.pagination ul li {
			display:inline;
		}	

			div.pagination ul li span {
				margin:0 1px;
				padding:2px 5px;
				border:0px solid #373561;	
				background-color:#373561;
				color:white;
				font-size:8pt;
			}	
	
			div.pagination ul li a {
				margin:0 1px;
				padding:2px 5px;
				border:0px solid #373561;
				background-color:white;
				text-decoration:none;
				font-size:8pt;
			}	
			
			div.pagination ul li a:hover {
				background-color:#b4b6b9;
				color:white!important;
			}				

		.pagination-start span,
		.pagination-prev span,
		.pagination-next span,
		.pagination-end span {
			/*border:0!important;
			background-color:white!important;
			color:#373561!important;*/
			display:none;
		}
	
/*************/	
/*Chronoforms*/
/*************/

#chronoform_buchungsanfrage,
#chronoform_buchungsanfrage_allgemein  {
	width:410px;
}

.cf_date_picker {
	width:177px;
	margin:2px 0;
}

#auswahl2 {
	width:187px;
}

.cfdiv_checkboxgroup label {
	margin:3px 0 6px 0!important;
}

.ccms_form_element {
	padding:1px 0!important;
}

.ccms_form_element.multiline_add {
	padding-left:10px!important;
}

.multiline_start,
.multiline_add {
	width:200px!important;
}

.multiline_add {
	text-align:right;
}

.multiline_add label{
	text-align:left;
	margin-left:12px;
}

.ccms_form_element input, textarea, input[type="file"]{
	width:177px;
}

.longinput {
	width:400px!important;
}

select.longinput {
	width:410px!important;
}

.readonly {
	background-color:#efefef!important;
	font-weight:bold!important;
}

#informationen {
	width:30px!important;
	margin-left:0!important;
}

#sonstiges {
	height:50px;
}

#senden {
	display:inline;
	padding:3px 5px;
	color:white;
	background-color:#DB9303;
	text-decoration: none;
	border-radius:3px;	
}

#senden:hover {
	-moz-box-shadow:		3px 3px 10px silver;
	-webkit-box-shadow:	3px 3px 10px silver;
	box-shadow:				3px 3px 10px silver;
}

.chronoform {
	margin-top:-20px;	
}

.chronocredits {
	font-size:7pt;
	color:silver;
}

/*Info-Checkbox ausblenden*/
#informationen_container_div {
	display:none;
}


/*Lightbox*/
#sbox-content * {
	margin:0;
	padding:0;
}

/*************/
/*JoomGallery*/
/*************/
.jg_photo {
	/*border-radius:5px;*/
	border:1px solid #efefef;
}

.nui.large {
	font-size:inherit!important;
}

.nui.form .fields {
	margin-bottom: 15px;	
}