html {
	background:url(../images/bg-html.jpg) top left repeat;
}
body
{
	font:400 12px/18px droid_sansregular; color:#3b3b3b; background:url(../images/bg-body.png) top center repeat-x;
}

header	{ width:100%; height: 249px; position:relative;}

.image {}
.highlight {color:#337fa7}
a { color:#20a1e5; text-decoration:none;}
.container
{
	width:960px;
	margin:0 auto; 
	padding-bottom:10px;
}

h1 {font-family: 'lobster_1.4regular';font-size:2.3em; font-weight:normal; color:#023b65; background:url(../images/bg-h1.png) 0px 0px no-repeat; padding: 8px 0 3px 50px; margin-left:14px; margin-bottom:25px;}
h1 span { color:#70bdec; }
h2 {font-family: 'lobster_1.4regular';font-size:1.8em; font-weight:lighter; margin-bottom:25px;color:#70bdec; }
h3 {font-size:1.6em; color:#023b65;font-family: 'lobster_1.4regular';font-size:2.0em; font-weight:normal; margin-bottom:25px;}
h4 {font-size:1.4em}
h5 {font-size:1.2em}
h6 {font-size:1em}
h2, h4, h5, h6 
{
	margin-bottom:0.5em;
	text-rendering: optimizeLegibility;/* optimize text kerning */
}

h2.accHandler 						{ width:100%; background:#fff; padding: 10px; border: dashed #CCC 1px}
h2.accHandler:hover					{ background: #d7f1fe}


/* ALL NAVIGATIONS */
nav ul,	.navi
{
	list-style:none;
}
.navi a
{
	display:block;
}

/*=NAVIGATION MAIN */
#navi { font-family: 'lobster_1.4regular'; font-weight:normal; font-size:2.2em; position:absolute; top:207px; left:0px;z-index: 198;}
	#navi > li { float:left; margin: 0;}
	#navi > li:first-child { float:left; margin: 0;}
		#navi > li > a { color:#1f739f; text-decoration:none; padding: 2px 15px 2px 14px; display:block; background:url(../images/icon-dot.png) right 10px no-repeat;}
		#navi > li:last-child > a {background: none;}
		#navi > li > a:hover, 
		#navi > li > a.active { color:#FFF; text-decoration:none;}
		#navi > li > a { color:#1f739f; text-decoration:none;}

#navi > li > a.Kontakt  { background:none; padding: 2px 0px 2px 15px;}

/*=NAVIGATION ADDITIONAL */
#naviAdd {font-family: 'lobster_1.4regular'; font-weight:normal; font-size:1.3em; z-index: 201; position:relative}
	#naviAdd > li { float:left;}
		#naviAdd > li > a { color:#545454; text-decoration:none; padding: 3px 9px; display:block; float:left;}
		#naviAdd > li > ul {}
			#naviAdd > li > ul > li {}
			#naviAdd > li > ul > li > a {}
			#naviAdd > li > a:hover,
			#naviAdd > li > a.active { color:#026194;}
#naviAdd > li:first-child a { padding: 3px 2px 3px 0px;}

/*=CONTENT */
#contentMain p, #contentSidebar p, #contentMain ul, #contentMain ol, #contentMain dl, .floatList
{
	margin-bottom:2em; z-index: 210;
	
}
#contentMain table{
	margin-bottom:0em; z-index: 210;
	
}

#contentContainer { width:960px; position:relative; z-index:350;}

#contentMain { padding: 40px 14px 0 14px; min-height:300px; height:auto; float:left; width:680px; }
#contentSidebar { float:left; display: inline; float: left; margin:0;width: 280px; padding:49px 0 0 50px;}
.col { width:325px; padding:0 10px; float:left; z-index:500}

#contentMain ul 	{ list-style-type:none; margin-bottom:20px; float:left}
#contentMain ul li	{ list-style-type:none; padding:1px 10px 5px 30px; background:url(../images/li.png) 0px 0px no-repeat; width:300px; float:left; font-size:1.5em; margin-bottom:2px; color:#023b65;font-family: 'lobster_1.4regular'; font-weight:normal;}

.kontakt #cboxContent, .kontakt #cboxLoadedContent
{
	padding:20px;
	height: 140px !important;
}

.kontakt #cboxWrapper {
	height: 249px !important;
}

<!--footer { width:100%; height:250px; background:url(../images/bg-footer.png) top center repeat-x; position:absolute}-->


div#footer						{ width:100%; height:250px; background:url(../images/bg-footer.png) top center repeat-x; position:absolute}
div#footerMain					{ width:960px; height:250px; margin:0 auto;}


@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}
 
.swingimage{
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}



.maps { width:350px; height:400px; border:none;}

#euroweb					{ float:left; margin:25px 0;}
#googlemaps-address			{ padding-bottom:25px;}
.map						{ width:530px; height:380px;border:2px solid #414c00; background:#f9fe9c;}
.imageLeft, .imageLeftLast	{ border-left:0px solid #85868a; padding:0px; float: left; margin: 5px 15px 10px 0;}
.imageLeftLast 				{ margin: 0 0px 10px 0;}
.imageRight					{ border:1px solid #70bdec; background:#fff; padding:1px; float: right; margin: 0 10px 10px 10px;}
.imageLeft					{ border:1px solid #70bdec; background:#fff; padding:1px; float: left; margin: 0 10px 10px 10px;}
.pdf						{ padding:0 0 10px 26px; background:url(../images/icon-pdf.gif) no-repeat;}
.mR30	{ margin-right:30px !important;}
.mB30	{ margin-bottom:30px !important;}
.vcard { margin-bottom: 20px;}
.anfahrt	{ position: relative; z-index:180}

/*WATERDROPS spritely elements*/
#stage { top: 0px;left: 0px; z-index: 0;}
.stage {position: absolute;top: 0;left: 0; width:100%; min-width: 1000px; height: 833px; overflow: hidden;  z-index: 0;}
#drop1 {position: absolut;left: 75%;background: transparent url(../images/spritelypics/drops1.png) 0 0 repeat-y; z-index: 0;}
#drop3 {background: transparent url(../images/spritelypics/drops3.png) 0 0 repeat-y; position: absolute;top: 0px; left:40%; width:175px; height:834px; z-index: 0; cursor: pointer;}
#drop4 {background: transparent url(../images/spritelypics/drops2.png) 0 0 repeat-y;position: absolute;top: 0px;left: 5%; width: 175px;height: 834px;z-index: 0; cursor: pointer;} 		

#swan		{ height:169px; width:147px; margin:-110px 0px 0px -150px;}
.herbst p   {left: 262px; position: absolute; top: 384px; font-family: 'lobster_1.4regular'; font-size:28px; font-weight:bold; line-height:40px; color:#002850;} 
.herbst span {color:#DE5100;}
.winter p   {left: 247px; position: absolute; top: 148px; font-family: 'lobster_1.4regular'; font-size:28px; font-weight:bold; line-height:40px; color:#002850;} 
.winter span {color:#a50207;}
.colAcc		{ width: 250px; padding:0 10px; float:left;}
body.referenzen .colAcc		{ width: 325px; }
#slogan	{ position:absolute; top:40px; left:620px;font-family: 'lobster_1.4regular'; font-weight:normal; font-size:2.6em; padding:20px 7px 0; line-height:38px;}
#slogan span {color:#2b7eaa}
/*---------- Mobile Link ----------*/
#mobile-link {
	background: #61aee1;
	clear: both;
	display:none;
	z-index:9999;
	position:relative;
}

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

.wintervorsorge {}
.wintervorsorge p {
	left: 65px;
    position: absolute;
    top: 110px;
    font-family: 'lobster_1.4regular';
    font-size: 27px;
    font-weight: bold;
    line-height: 40px;
    color: #002850;
    transform: rotate(-26deg);
}


.info-box p.h4{
    font-family: 'lobster_1.4regular';
    font-size: 30px;
    color: #ce0303;
    line-height: 30px;
    margin-bottom: 10px!important;
    transform: rotate(-0deg);
    left: -100px;
    position: absolute;
    top: 90px;
}

.info-box p{
	font-size: 36px;
	font-weight: 700!important;
	color: #ce0303;
	transform: rotate(-0deg);
	position: relative;
	top: 100px;
}

.info-box2 p.h4{
    font-family: 'lobster_1.4regular';
    font-size: 30px;
    color: #ce0303;
    line-height: 30px;
    margin-bottom: 10px!important;
    transform: rotate(-0deg);
    right: -90px;
    position: absolute;
    top: 60px;
}

.info-box2 p{
	font-size: 30px;
	font-weight: 700!important;
	color: #ce0303;
	transform: rotate(-0deg);
	position: absolute;
	top: 100px;
	right: -20px;
}

.info-box small{
	position: relative;
	top: 110px;
	left:0;
	font-weight: 700;
	font-size: 11px;	
}

.info-box2 small{
	position: absolute;
	top: 130px;
	right:-20px;
	font-weight: 700;
	font-size: 11px;
}

hr{ margin: 20px 0; background: #70bdec!important;}

.santa {
	display: inline-block;
	background-image: url('../images/schnee.png');
	background-size: 100% auto;
	background-position: bottom;
	background-repeat: no-repeat;
}
.santa p {
	float: left;
	width: 60%;
	font-family: 'great-vibes';
	font-size: 32px;
	line-height: 36px;
	margin-top: 120px;
}

.santa img {
	float: right;
	width: 40%;
}

.contsuccess {
	background: #d1e7dd;
	padding: 0.5em 2em;
	margin-bottom: 2em;
}

.conterror {
	background: #f8d7da;	
	padding: 0.5em 2em;
	margin-bottom: 2em;
}