/* codes by Euroweb */

/*************************** STANDARDS ***************************/
@font-face {
    font-family: 'LatoLightRegular';
    src: url('../files/fonts/lato-light-webfont.eot');
    src: url('../files/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../files/fonts/lato-light-webfont.woff') format('woff'),
         url('../files/fonts/lato-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

*					{margin:0; padding:0; border:0; outline:none;}
html, body			{min-height:100%; height:auto; height:100%;}
body				{background:url(../images/layout/bg-body.png) repeat-x #fff; font-family:Arial, Helvetica, sans-serif; color:#3c332f; line-height:100%; font-size:62.5%;}

iframe 				{border:none;}

img 				{border: none;}
ul 					{list-style:none;}

.clear				{clear:both; font-size: 0.0001em; line-height: 0.00001em;}
.floatleft			{float:left;}
.floatright			{float:right;}

.clearfix:after 	{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:".";}
			 
a, a:visited		{color:#2c261f; text-decoration:none;}
a:hover	 			{color:#2c261f; text-decoration:underline;}

p 					{font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:150%; color:#3c332f; padding:0 0 12px 0; }
p.extra				{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:2em;}
p.extranew				{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:1.7em;}
p.link				{background:url(../images/layout/icon-link.png) no-repeat 0 7px; padding-left:19px; font-weight:bold;}
.contentTeaser p	{padding-bottom:8px;}
.uppercase			{text-transform:uppercase;}

#address			{display:none;}
.spacer			{ padding-top:15px;}
.adressheader  	{ float:left; margin:15px 0 0 52px; width:590px;}
.adressheader p  	{ color:#bbaea9; line-height:200%; padding-bottom:38px;}
.adressheader a  	{ color:#bbaea9}
.picturediv				{ float:left; width:190px; min-height:150px;}
.left		{ float:left; width:220px;}
.right		{ float:left; width:245px; margin-left:65px}
.lefter		{ float:left; width:250px;}
.righter		{ float:left; width:280px; margin-left:25px}
/*************************** LAYOUT ***************************/
.container			{width:990px; margin:0 auto; position:relative;}

.socialicons { position: absolute; top: 113px; left: 40px;}
.socialicons:first-child { margin-right: 3px;}

/*************************** BRANDING ***************************/
#branding			{width:277px; height:136px; float:right; padding:21px 37px 0 0; display: block; z-index: 100;
  position: relative;}
#branding span	{text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;}

/*************************** NAVI ***************************/
#navi 				{float:left; width:950px; height:27px; padding:0 0 0 40px;  z-index: 100; position: relative;}
#navi li 			{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; float:left; text-transform:uppercase; font-size:1.45em; line-height:120%; padding:0 17px 0 0; position:relative;}
#navi li a, #navi li a:visited {display:block; color:#969291; padding-bottom:15px}
#navi li a:hover, #navi li.active a, #navi li.active a:visited {color:#fff; text-decoration:none;}


#navi li ul.naviDrop		{position:absolute; top:27px; left:-10px;background:#3c332f; padding:0px 0 10px 0; z-index:8; display:none;}
#navi li ul.naviDrop.extrawidth		{width:115px;}
#navi li ul.naviDrop.extrawidthtwo		{width:89px;}
#navi li:hover ul.naviDrop	{display:block;}
#navi li ul.naviDrop li		{padding:3px 10px 2px 10px}
#navi li ul.naviDrop li a, #navi li ul.naviDrop li a:visited	{text-indent:0px; font-size:0.6em; color:#969291; text-decoration:none; background:none; text-transform:uppercase; padding-bottom:0px;}
#navi li ul.naviDrop li a:hover, #navi li ul.naviDrop li.active a,#navi li ul.naviDrop li.active a:visited	{text-decoration:underline;}

/*************************** SHOW ***************************/
#showOut			{background:url(../images/layout/bg-slideshow-shadow.png) no-repeat left bottom; height:444px; position:relative; padding-top: 148px; }
#show				{width:910px; height:392px; float:left; margin-left:40px; overflow:hidden; background:#fff;}
#nav				{position:absolute; bottom:58px ; right:55px; z-index:12;}
#nav a 				{border:none;text-decoration: none; margin: 0 2px 0 0; padding:0px; text-indent:-9999px; background:url(../images/layout/showbutton-2.png) 0px 0px no-repeat; display:block; float:left; width:15px; padding:2px 0 2px 0}
#nav a.activeSlide 	{background:url(../images/layout/showbutton.png) 0px 0px no-repeat; text-indent:-9999px; }
#nav a:focus 		{outline: none; text-indent:-9999px;}
#nav a:hover 		{outline: none; text-indent:-9999px;}

/*************************** UNTERSEITEN ***************************/
#header				{width:910px; height:392px; float:left; margin-left:40px; position:relative;}
#header ul			{width:264px; border-top:1px solid #969291; margin-top:50px; float:left;}
#header ul li		{border-bottom:1px solid #969291; font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:2em; text-transform:uppercase; line-height:120%; padding:6px 0 5px 2px;}
#header ul li a, #header ul li a:visited {color:#969291;}
#header ul li a:hover, #header ul li.active a, #header ul li.active a:visited {color:#fff; text-decoration:none;}
#header img			{float:right;}
#header img#headerFlower {float:none; position:absolute; top:196px; left:-12px;}

img.onlineplaner	{ position: absolute; z-index: 10000; left: 860px; width: 120px; }

/*************************** CONTENT ***************************/
#content			{width:910px; padding:30px 0 0 40px; float:left;}
.contentTeaser 		{width:285px; float:left; padding:26px 0 0 0;}

#contentSM			{width:600px; min-height:200px; padding:0 40px 0 0; float:right;}

.contentColumn 		{width:441px; float:left;}
#contentSM .contentColumn 		{width:182px; float:left; margin-top:15px;}
.marginRight27		{margin-right:27px;}
.marginRight15		{margin:0 10px 10px 0;}
.marginRight28		{margin-right:28px;}
.marginBottom20		{margin-bottom:20px;}
.marginBottom10		{margin-bottom:10px;}
.contentImage		{border:1px solid #000; padding:2px; float:left;}

#content ul		{padding-bottom:12px;}
#content ul li 	{margin:0; padding:0 0 5px 16px; font-size:1.6em; line-height:160%; background:url(../images/layout/icon-list.png) no-repeat 0 7px;}
#contentSM ul		{padding-bottom:12px;}
#contentSM ul li 	{margin:0; padding:0 0 5px 16px; font-size:1.6em; line-height:160%; background:url(../images/layout/icon-list.png) no-repeat 0 7px;}

.contentTable		{border-collapse:separate; border-spacing:0;width:100%; margin-bottom:17px;}
.contentTable tr td	{vertical-align:top; border-bottom:1px solid #000; padding:5px 3px 5px 3px;}

.separator			{height:1px; border-bottom:1px dotted #d6d2d1; margin-bottom:20px;}

/*************************** IMPRESSUM ***************************/
table.imprint				{border:none; margin-bottom:18px;}
table.imprint thead		{display:none;}
table.imprint tr:last-child td	{border:none;}
table.imprint td			{font-family:Arial, Helvetica, sans-serif; font-size:1.4em; line-height:150%; color:#2c261f; vertical-align:top;border-bottom:1px dotted #d6d2d1; padding:3px 0;}
table.imprint td:first-child	{width:180px; padding-right:5px; font-weight:bold;}

/*************************** HEADLINES ***************************/
h1, span.subheadline, span.superspecial, span.superspecialale  					{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:3.8em; font-weight:normal; padding:0 0 19px 0; line-height:100%;}
span.subheadline		{margin-top: -19px; display: block;}
span.superspecial 					{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:3.8em; font-weight:normal; padding:0 0 19px 0; line-height:100%; color:#bbaea9; display: block;}
h1.white {color: #fff;}
span.superspecialale 					{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; padding:0 0 5px 0; line-height:100%; color:#bbaea9; display: block;}
h3, .h3 					{font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal; padding:0 0 2px 0; margin:0 0 10px 0; line-height:100%;}
h2					{font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:normal; padding:0 26px 0 0; margin-bottom:18px; line-height:100%; display:inline; background:url(../images/layout/icon-link.png) no-repeat right 5px; float:left;}

h2.h1 { display: block; float: none; padding: 0;}

.h3, h2.block { display: block; float: none; background: none;}
/*************************** FOOTER ***************************/
#footer				{background:url(../images/layout/bg-footer.png) repeat-x #b3aeac; height:213px; margin-top:70px; padding-bottom:35px;}
.footerLeft			{width:638px; float:left; padding:0 40px 0 40px; position:relative;}
.footerRight		{width:232px; float:left;}
#footer h3, .h3			{border-bottom:1px solid #5b524f; font-size:1.7em; font-weight:normal; color:#5a514e; padding:36px 0 12px 2px; margin:0 0 12px 0; text-transform:uppercase;}
#footer p, #footer li {font-family:'LatoLightRegular', Arial, Helvetica, sans-serif; font-size:1.2em;}
#footer ul			{float:left; width:91px; padding:6px 0 0 0;}
#footer ul li		{padding-bottom:10px;}
#footer ul li.first	{padding-bottom:14px;}
#footer ul a, #footer ul a:visited {color:#463D38;}
#footer ul li a:hover, #footer ul li.active a, #footer ul li.active a:visited {color:#463D38; text-decoration:underline;}
#footer ul li a.active {color:#fff;}
#footer p			{line-height:180%; padding:0 0 0 4px;}
#footer #fbook		{position:absolute; top:36px; right:40px;}
#footer #twitter	{position:absolute; top:36px; right:40px;}

/*---------- Mobile Link ----------*/
#mobile-link {
	border-top: 1px solid #cccccc;
	background: #2C261F;
	clear: both;
}

#mobile-link .btn-mobile {
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}

li.hidden {
	display: none !important;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }