@charset "UTF-8";

/* STANDARDS */

body {
	background-image:url(../bilder/basics/back-head.png); 
	background-repeat:repeat-x;
	margin: 0px;
	padding:0px;
	color: #202224;	
	overflow-x: hidden;
	height: 100%;
	font-size: 100%;
	font-family:'Helvetica W01 Roman';	
	width: 100%;
	height: 100%;
}

html {
	width: 100%;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-family:'Helvetica W01 Bold'; font-weight: lighter !important}


h1, h2 {color: #004799;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.2em;}
h3 {text-transform:uppercase;}

a {text-decoration: none; color: #008ee5;}
a:hover {color: #505254;}

a, input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

img {border: none;}

p {color: #383a3d;font-size: 0.9em; line-height: 22px;
-webkit-margin-before: 0em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

p strong {color: #0074be;}

hr {clear:both; height: 1px; border: none; background-color: #ffd500; display:block; margin-bottom: 30px;}

.teaserstandard p {-webkit-margin-before: 1em;}

#container {min-height: 500px;}
#main-inhalt {background-image:url(../bilder/basics/content-starter.png); background-repeat:no-repeat; min-height: 430px; padding: 35px 0px 0px 65px; margin: 0px 0px 0px -10px; position:relative; z-index: 3;}

figure {padding: 0px; margin: 0px;}

.left {float: left; clear: both;}
.leftnone {float: left; clear: none;}
.leftcontent {float: left; clear: none; margin-top: 40px;}

.leftcontent .rightshopcontent .teaserstandard {display: none !important;}

.right {float: right; clear: both;}
.rightnone {float: right; clear: none;}
.rightcontent {float: right; clear: none; margin-top: 40px;}

.clearer {clear: both;}

.invisible {display: none !important;}

.piccenter {float: left; clear:both; left: 0px; position:relative;}

/* UNTERSEITE */

.unterseitebody, .shopunterseitebody {background-image:url(../bilder/basics/back-head-unterseite.png);}

.unterseitebody h3, .shopunterseitebody h3 {color: #0074be; font-weight: lighter; margin-bottom: 10px; max-width: 650px;}
.unterseitebody #main-inhalt, .shopunterseitebody #main-inhalt {top: 45px; min-height: 530px;}
.unterseitebody p, .shopunterseitebody p {max-width: 650px;}

.unterseitebody .ce_text, .shopunterseitebody .ce_text {float: left; clear: both;}
.unterseitebody .stellenanzeige .image_container, .shopunterseitebody .stellenanzeige .image_container{width: 220px; float: left;} 
.unterseitebody .stellenanzeige, .shopunterseitebody .stellenanzeige {max-width: 400px; float: left; clear:none; margin-left: 10px;}

.unterseitebody .teaserstandard, .shopunterseitebody .teaserstandard{float: right; z-index: 9; margin: 0px 0px 20px 0px; top: 0px; right: 60px; clear: right;}
.unterseitebody #teaser-start-1, .shopunterseitebody #teaser-start-1 {top: 100px; margin: 0px;}
.unterseitebody #teaser-start-2, .shopunterseitebody #teaser-start-2 {margin: 0px 0px 20px 0px;}
.unterseitebody .teaserstandard .image_container, .shopunterseitebody .teaserstandard .image_container {position:absolute; position: absolute; right: -4px; bottom: 0px; overflow: visible !important; border: none !important;}
.unterseitebody .teaserstandard .ce_text, .shopunterseitebody .teaserstandard .ce_text {float:none;}


.unterseitebody .image_container, .shopunterseitebody .image_container {margin-left: 5px; margin-right: 5px; left: -5px; position:relative; max-width: 635px;}
.unterseitebody .ce_image, .shopunterseitebody .ce_image {float: left; max-width: 655px;}

.unterseitebody #oeffnungszeitenbottom, .shopunterseitebody #oeffnungszeitenbottom {top: 80px; margin-bottom: 100px;}

#unterseite-headline {position: relative; left: 55px; top: 24px; width: 980px;}
#unterseite-headline h1 {margin: 42px 0px 0px 0px; text-transform:uppercase; font-size: 2.2em; text-shadow: 1px 1px #bac9d0;}
#unterseite-headline h2 {margin: 5px 0px 0px 0px; text-transform:uppercase; font-weight:lighter; font-size: 1.3em; text-shadow: 1px 1px #bac9d0;}


/* HEADER */
header {position:relative;}
#insidetop {height: 151px; top: 0px; position:relative;}

#logo {background-image:url(../bilder/basics/logo-box.png); background-repeat:no-repeat; width: 330px; height: 151px; position:relative; top: 50px; left: 48px; z-index: 9; font-family:'Helvetica W01 Bold'; font-size: 0.9em;}
#logo img {position:relative; left: 10px; top: 10px;}
#logoscrolled {display: none;}

/* navigation */
#hauptnavi ul li {display: block; list-style:none; height: 55px; background-image:url(../bilder/basics/nav-trenner.png); background-repeat:no-repeat; float: left; padding: 0px; font-family:'Helvetica W01 Bold'; font-weight: 100;}

#hauptnavi a {color: #dcddde; text-shadow: 1px 1px #0e0f0f; text-decoration:none; padding: 20px 21px 20px 21px; display:block; float: left; font-size: 0.7em; text-transform: uppercase;}
#hauptnavi a:hover {color: #008ee5;}
#hauptnavi li span {padding: 20px 21px 20px 21px; display:block; float: left;font-size: 0.75em; text-transform: uppercase;}
#hauptnavi li .active {color: #008ee5; font-size: 0.7em; text-transform: uppercase;}

#hauptnavi .trail {color: #008ee5;}

/* navigation dropdown */
#hauptnavi
{
	width: 781px; position:absolute; left: 340px; top: 97px; color: #dcddde; text-shadow: 1px 1px #0e0f0f;			
	z-index: 10;
}

#hauptnavi > a
{
	display: none;
}

#hauptnavi li
{
	position: relative;
}
#hauptnavi li a
{
	display: block;
}


/* second level */
#hauptnavi .level_2 {left: -140px !important; position:absolute !important; margin-top: -20px; padding-top:30px; text-indent: -10px; font-size: 0.8em;}
#hauptnavi .level_2 li {height: 25px; width: 215px; padding-top: 3px; text-align:center; background:url(../bilder/basics/sprite-hauptnavi.png)  0px -40px;}
#hauptnavi .level_2 li:hover {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -198px;}
#hauptnavi .level_2 li:first-child:hover {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -158px;}
#hauptnavi .level_2 li:last-child:hover {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -258px;}
#hauptnavi .level_2 li:first-child {background:url(../bilder/basics/sprite-hauptnavi.png)  0px 0px; padding-top: 11px;}
#hauptnavi .level_2 li:last-child {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -100px; padding-top: 2px; height: 27px;}
#hauptnavi .level_2 li span {float: none; padding: 5px 0px 0px 0px; height: 25px;  font-size: 1.2em;}
#hauptnavi .level_2 li .forward {font-size: 0.8em;}

#hauptnavi li ul
{
	display: none;
	position: absolute;
	left: 0px;
	top: 100%;
}

#hauptnavi li:hover ul
{
	display: block;
	left: 0;
	right: 0;
}

#hauptnavi li:not( :first-child ):hover ul
{
	left: -1px;
}

#hauptnavi li ul a
{			
	font-size: 0.8em;
	height: 25px; 
	background-repeat:no-repeat;
	padding: 5px 0px 0px 0px;
	width: 215px;
}


/* header navigation */
#headernavi {position: absolute; top: 10px; right: 68px; font-size: 0.80em; color: #505254; text-transform: uppercase; font-family:'Helvetica W01 Bd Cn', Arial;}
#headernavi a {text-decoration: none; color: #505254;}
#headernavi a:hover {color: #008ee5;}
#headernavi ul li {display: block; list-style:none; float: left; padding: 0px; margin-right: 20px;}
#headernavi ul li:last-child {margin-right: 0px;}

/*sticky NAV */

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: -2px;
  z-index: 10;
  border-top: 0;
  background:url(../bilder/basics/back-nav-scrolled.png)  0px 0px; background-repeat:repeat-x;
}

.sticky #logo {
	background-image:url(../bilder/basics/logo-box-scrolled.png); background-repeat:no-repeat; width: 330px; height: 67px; position:relative; top: 0px; left: 50%; z-index: 9; margin-left: -505px; 
}

.sticky #olympia {
	display: none;
}

#olympia {
	position: absolute;
	top: 42px;
	left: 570px;
}

.sticky #oeffnungszeiten, .sticky #suchehead {display: none;}
.sticky #slogan {top: 15px; right: 35px;}
.sticky #logonormal, .sticky #headernavi {display: none;}
.sticky #logoscrolled {display: block;}
.sticky #hauptnavi {top: -13px; width: 781px; left: 50%; margin-left: -213px;}

#oeffnungszeiten {position: absolute; top: 22px; left: 157px; color: #202224; text-shadow: #ffed00;}
#oeffnungszeiten strong {color: #004799; text-transform: uppercase; text-shadow: #ffed00; font-weight: lighter;}

#slogan {position: absolute; bottom: 28px; right: 32px; text-transform: uppercase; color: #004799; text-shadow: #ffed00; font-size: 1.0em;}


/* likebox */
#header-likebox {position: absolute; top: -118px; right: 0px; z-index: 10; width: 72px;}
.unterseitebody #header-likebox, .shopunterseitebody #header-likebox {top: -160px; right: 0px;}

#header-facebook {background:url(../bilder/basics/sprite.png)  -30px -40px; width: 36px; height: 32px; cursor: pointer; float: left;}
#header-facebook:hover {background:url(../bilder/basics/sprite.png)  -170px -40px;}
#header-facebook a {display: block; width: 36px; height: 32px;}

#header-likeheart {background:url(../bilder/basics/sprite.png)  -67px -40px; width: 36px; height: 32px; cursor: pointer; float: left;}
#header-likeheart:hover {background:url(../bilder/basics/sprite.png)  -207px -40px;}

#header-liketipp {width: 222px; height: 155px; background-image:url(../bilder/basics/back-liketipp.png); background-repeat: no-repeat; position:absolute; z-index: 31; right: 0px; top: -6px; display: none;}
#header-liketipp h2 {color: #ffd500; text-transform: uppercase; text-shadow: 1px 1px #171616; font-size: 1.0em; position:absolute; top: 22px; left: 20px; font-weight: lighter;}

#header-likelinks {position: relative; top: 65px; left: 20px;}

#header-liketipp a {color: #e5e5e5; text-decoration: none; font-size: 0.7em; display: block; text-indent: 28px; width: 180px; height: 20px; text-transform:uppercase;}
#header-liketipp a:hover {color: #008ee5;}

#sharefb {background:url(../bilder/basics/sprite-social.png) 5px 4px; background-repeat: no-repeat; height: 16px; padding-top: 6px;}
#sharefb:hover {background:url(../bilder/basics/sprite-social.png) -225px 4px; border: 0px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px; background-color: #161718; padding-top: 6px;}

#sharegoogle {background:url(../bilder/basics/sprite-social.png) 5px -32px; background-repeat: no-repeat; height: 16px; padding-top: 6px;}
#sharegoogle:hover {background:url(../bilder/basics/sprite-social.png) -225px -32px; border: 0px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px; background-color: #161718; padding-top: 6px;}

#sharetwitter {background:url(../bilder/basics/sprite-social.png) 5px -66px; background-repeat: no-repeat; height: 16px; padding-top: 6px;}
#sharetwitter:hover {background:url(../bilder/basics/sprite-social.png) -225px -66px; border: 0px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px; background-color: #161718; padding-top: 6px;}

/* INHALTE */

#main-inhalt .image_container {border: 1px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; padding-bottom: 2px; overflow: hidden;}

#main-inhalt .mod_randomImage .image_container {overflow: hidden; height: 69px; border: 1px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0px; line-height: 104px;}
#main-inhalt .mod_randomImage .image_container img {padding: 0px; width: 90px; height: auto; margin-top: -10px;}


/* zufallsmarken */
#suchestartshops {position:relative; top: -45px; left: 40px; width: 350px;}
#suchestartshops h2 {text-transform:uppercase; font-size: 1.4em;}
#suchestartshops h3 {margin-bottom: 18px; font-size: 1.0em; text-transform: none;}

.hrgelb {height: 1px; background-color: #ffd500; border: none; width: 300px; padding: 0px; margin: 10px 0px 0px 0px;}

.markerand {float: left; margin-right: 11px;}
.linkrand a {display: block; width: 310px; text-align:center; height: 29px; background:url(../bilder/basics/sprite.png)  -27px -440px; text-decoration: none; text-transform: uppercase; color: #dcddde; text-shadow: 1px 1px #0e0f0f; margin: 14px 0px 14px -5px; padding-top: 13px; float: left;}
.linkrand a:hover {background:url(../bilder/basics/sprite.png)  -367px -440px;}

#suchestartshops form {margin: 10px 0px 0px 0px; position:relative;}

#suchestartshops input {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 40px;
	width: 300px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

#suchestartshops input[type="search"] {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 40px;
	width: 300px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	font-size: 1.0em; text-indent: 25px;
	text-transform:uppercase;
	-webkit-appearance: none;
}

#suchestartshops input[type="submit"] {
	background:url(../bilder/basics/sprite.png) -27px -604px; 
	height: 40px; 
	width: 92px; 
	border: none; 
	cursor: pointer; 
	color: #dcddde; 
	text-transform: uppercase; 
	font-size: 0.8em; 
	padding-top: 6px; 
	text-align:center; 
	position:absolute;
	right: 50px;
}

#suchestartshops input[type="submit"]:hover {background:url(../bilder/basics/sprite.png) -147px -604px;}

#suchestartshops ::-webkit-input-placeholder {color:#202224;}
#suchestartshops :-moz-placeholder {color:#202224;}
#suchestartshops .placeholder {color:#202224;}

#lupemarkensuchen {background:url(../bilder/basics/sprite.png)  -27px -325px; height: 20px; width: 20px; position: absolute; z-index: 1; bottom: 10px; left: 5px;}


/* SUCHE ERGEBNIS */

#sucheresult {float: left;}
#sucheresult .context{max-width: 630px !important; margin-right: 40px !important; padding-right: 70px;}

#sucheergebnis form {margin: 10px 0px 0px 0px; position:relative;}

#sucheergebnis input {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 40px;
	width: 300px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

#sucheergebnis input[type="search"] {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 40px;
	width: 300px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	font-size: 1.0em; text-indent: 25px;
	text-transform:uppercase;
	-webkit-appearance: none;
}

#sucheergebnis input[type="submit"] {
	background:url(../bilder/basics/sprite.png) -27px -604px; 
	height: 40px; 
	width: 92px; 
	border: none; 
	cursor: pointer; 
	color: #dcddde; 
	text-transform: uppercase; 
	font-size: 0.8em; 
	padding-top: 6px; 
	text-align:center; 
	position:relative;
	right: 95px;
}

#sucheergebnis input[type="submit"]:hover {background:url(../bilder/basics/sprite.png) -147px -604px;}

#sucheergebnis ::-webkit-input-placeholder {color:#202224;}
#sucheergebnis :-moz-placeholder {color:#202224;}
#sucheergebnis .placeholder {color:#202224;}

#sucheergebnis fieldset input {width: auto; height: auto;}
#sucheergebnis fieldset {font-size: 0.8em; border: 0px; margin-top: 5px;}

#suchepag .pagination {margin: 0px 0px 20px 0px; display: block; height: 50px;}
#suchepag .pagination ul li {float: left; list-style:none; margin: 0px 10px 0px 0px; padding: 0px;}
#suchepag .pagination ul {margin-left: -40px; clear:left;}
#suchepag .pagination p {font-weight:bold;}


/* suche header */

#suchehead {position:absolute; top: 47px; right: 88px;}
#suchehead h3 {margin-bottom: 20px;}

#suchehead form {margin: 10px 0px 0px 0px; position:relative;}

#suchehead input {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 30px;
	width: 186px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	position:relative;
	left: -58px;
}

#suchehead input[type="search"] {
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	height: 33px;
	width: 186px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	font-size: 1.0em; text-indent: 5px;
	text-transform:uppercase;
	position:relative;
	left: -20px;
	top: -1px;
	-webkit-appearance: none;
}

#suchehead input[type="submit"] {
	background:url(../bilder/basics/sprite.png) -27px -270px; 
	height: 33px; 
	width: 36px; 
	border: none; 
	cursor: pointer; 
	color: #dcddde; 
	text-transform: uppercase; 
	font-size: 0.8em; 
	padding-top: 6px; 
	text-align:center; 
	position:relative;
	right: 95px;
	text-indent: -900px;
}

#suchehead input[type="submit"]:hover {background:url(../bilder/basics/sprite.png) -167px -270px;}

#suchehead ::-webkit-input-placeholder {color:#202224;}
#suchehead :-moz-placeholder {color:#202224;}
#suchehead .placeholder {color:#202224;}

/* suche footer */

#suchefooter {position:absolute; bottom: 57px; right: -35px;}
#suchefooter h3 {margin-bottom: 20px;}

#suchefooter form {margin: 10px 0px 0px 0px; position:relative;}

#suchefooter input[type="search"] {
	height: 26px;
	width: 300px;
	border: none;
	font-size: 0.7em; text-indent: 5px;
	text-transform:uppercase;
	position:relative;
	top: -1px;	
	background:url(../bilder/basics/back-footernav.png) 0px 0px; 
	color: #fff;	
	-webkit-appearance: none;
}

#suchefooter input[type="submit"] {
	background:url(../bilder/basics/sprite.png) -370px -270px; 
	height: 33px; 
	width: 36px; 
	border: none; 
	cursor: pointer; 
	color: #dcddde; 
	text-transform: uppercase; 
	font-size: 0.8em; 
	padding-top: 6px; 
	text-align:center; 
	position:relative;
	right: 35px;
	text-indent: -900px;
	top: 3px;
}

#suchefooter ::-webkit-input-placeholder {color:#202224;}
#suchefooter :-moz-placeholder {color:#202224;}
#suchefooter .placeholder {color:#202224;}


/* teaser standard */

#teaser-start-1 {margin: 0px 40px 0px 55px;}
#teaser-startbig-1 {margin: 0px 52px 0px 55px;}
 
#teaser-start-2 {margin: 0px 42px 0px 0px;}
#teaser-startbig-2 {margin: 0px 53px 0px 0px;}

.teaserstandard {
	float: left;
	width: 290px; 
	max-height: 150px; 
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 4px; 
	background: #fff; /* Old browsers */
	position: relative;
	padding: 0px 5px 4px 5px;
	margin-right: 40px;
}

.teaserstandard a {position:absolute; height: 150px; width: 290px; left: 0px; top: 0px; display: block; z-index: 3; overflow:hidden;}

.teaserstandard .ce_text {
	min-height: 140px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 22%, #fffdf8 29%, #fffbf4 30%, #fffcf2 34%, #fefaea 37%, #fffbe8 41%, #fdf9e3 42%, #fffae3 43%, #fff8da 47%, #fffadb 48%, #fff7d8 49%, #fff2bd 63%, #fff2b8 64%, #fff1b1 69%, #ffe36a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(22%,#ffffff), color-stop(29%,#fffdf8), color-stop(30%,#fffbf4), color-stop(34%,#fffcf2), color-stop(37%,#fefaea), color-stop(41%,#fffbe8), color-stop(42%,#fdf9e3), color-stop(43%,#fffae3), color-stop(47%,#fff8da), color-stop(48%,#fffadb), color-stop(49%,#fff7d8), color-stop(63%,#fff2bd), color-stop(64%,#fff2b8), color-stop(69%,#fff1b1), color-stop(100%,#ffe36a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 22%,#fffdf8 29%,#fffbf4 30%,#fffcf2 34%,#fefaea 37%,#fffbe8 41%,#fdf9e3 42%,#fffae3 43%,#fff8da 47%,#fffadb 48%,#fff7d8 49%,#fff2bd 63%,#fff2b8 64%,#fff1b1 69%,#ffe36a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 22%,#fffdf8 29%,#fffbf4 30%,#fffcf2 34%,#fefaea 37%,#fffbe8 41%,#fdf9e3 42%,#fffae3 43%,#fff8da 47%,#fffadb 48%,#fff7d8 49%,#fff2bd 63%,#fff2b8 64%,#fff1b1 69%,#ffe36a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 22%,#fffdf8 29%,#fffbf4 30%,#fffcf2 34%,#fefaea 37%,#fffbe8 41%,#fdf9e3 42%,#fffae3 43%,#fff8da 47%,#fffadb 48%,#fff7d8 49%,#fff2bd 63%,#fff2b8 64%,#fff1b1 69%,#ffe36a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 22%,#fffdf8 29%,#fffbf4 30%,#fffcf2 34%,#fefaea 37%,#fffbe8 41%,#fdf9e3 42%,#fffae3 43%,#fff8da 47%,#fffadb 48%,#fff7d8 49%,#fff2bd 63%,#fff2b8 64%,#fff1b1 69%,#ffe36a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe36a',GradientType=0 ); /* IE6-9 */
	padding: 10px 10px 0px 10px;
}

.teaserstandard h2 {font-size: 1.2em; text-transform:uppercase; margin: 8px 0px -8px 0px; font-family:'Helvetica W01 Bd Cn'; font-weight: lighter !important}
.teaserstandard p {font-size: 0.9em; color: #383a3d; width: 187px; line-height: 18px;}
.teaserstandard img {position: absolute; right: 4px; bottom: 4px;}

.teaserstandard p img {position: relative; left: 0px;}


/* teaser big */

.teaserbig {
	float: left;
	width: 290px; 
	min-height: 300px; 
	background: #fff; /* Old browsers */
	position: relative;
}

.teaserbig .ce_text {
	min-height: 140px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffffd 0%, #fffcef 9%, #fff8d3 21%, #fff0a4 38%, #ffe24e 66%, #ffdc2a 79%, #ffd810 91%, #ffd501 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffd), color-stop(9%,#fffcef), color-stop(21%,#fff8d3), color-stop(38%,#fff0a4), color-stop(66%,#ffe24e), color-stop(79%,#ffdc2a), color-stop(91%,#ffd810), color-stop(100%,#ffd501)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffffd 0%,#fffcef 9%,#fff8d3 21%,#fff0a4 38%,#ffe24e 66%,#ffdc2a 79%,#ffd810 91%,#ffd501 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffffd 0%,#fffcef 9%,#fff8d3 21%,#fff0a4 38%,#ffe24e 66%,#ffdc2a 79%,#ffd810 91%,#ffd501 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffffd 0%,#fffcef 9%,#fff8d3 21%,#fff0a4 38%,#ffe24e 66%,#ffdc2a 79%,#ffd810 91%,#ffd501 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffffd 0%,#fffcef 9%,#fff8d3 21%,#fff0a4 38%,#ffe24e 66%,#ffdc2a 79%,#ffd810 91%,#ffd501 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffd', endColorstr='#ffd501',GradientType=0 ); /* IE6-9 */
	padding: 10px 10px 0px 10px;
}

.teaserbig .ce_image {float: none;}

.teaserbig h2 {font-size: 1.5em; text-transform:uppercase; margin: 0px 0px 0px 0px; font-weight: lighter !important}
.teaserbig h3 {font-size: 0.65em; text-transform:uppercase; margin: 5px -5px 10px 0px; font-family:'Helvetica W01 Roman';}
.teaserbig p {font-size: 0.9em; color: #383a3d; width: 187px;}
.teaserbig img {
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 4px; 
	min-width: 292px;
}

.teaserbig p img {position: relative; left: 0px;}

.teaserbig a {display: block; width: 310px; text-align:center; height: 33px; background:url(../bilder/basics/sprite.png)  -27px -440px; text-decoration: none; text-transform: uppercase; color: #dcddde; text-shadow: 1px 1px #0e0f0f; margin: 5px 0px 0px -5px; padding-top: 9px; font-family: 'Helvetica W01 Bd Cn'; font-size: 1.1em;}
.teaserbig a:hover {background:url(../bilder/basics/sprite.png)  -367px -440px;}

.teaserbig .image_container a {display: block; width: auto; text-align:center; height: auto; background:none; text-decoration: none; text-transform: uppercase; color: #dcddde; text-shadow: 1px 1px #0e0f0f; margin: 0px; padding-top: 0px;}

#navigation-mobil {display: none;}

#startseite-facebook {
	background-image:url(../bilder/teaser/teaser-facebook.jpg); 
	height: 178px; 
	width: 300px;
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 5px 0px 5px 0px;
	background-position: 5px 5px;	
	background-repeat:no-repeat;
	margin-bottom: 8px;
}

/* FOOTER */

#oeffnungszeitenbottom {background:url(../bilder/basics/sprite.png)  -27px -180px; width: 1100px; height: 50px; text-align:center; color: #dcddde; text-shadow: 1px 1px #003566; text-transform:uppercase; padding-top: 30px; position:relative; top: 50px; margin-bottom: 50px; left: 3px; font-family:'Helvetica W01 Bold'; font-size: 0.9em;}

#footer {
	height: 340px;
	width: 100%;
	background-image:url(../bilder/basics/back-footer.png);
	background-position: top center;
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px 0px;
	position: relative; 
}

#footer h2 {font-family:'Helvetica W01 Roman';}

#footer .inside {width: 990px; margin: 0 auto; position:relative; height: 330px;}

#footer-navigation {position:absolute; bottom: 65px;}
#footer-navigation a {color: #dcddde;}
#footer-navigation a:hover, .active {color: #008ee5;}
#footer-navigation ul li {list-style: none; color: #dcddde; text-shadow: 1px 1px #0e0f0f; text-transform: uppercase; font-size: 0.7em; margin-right: 20px; float: left;} 
#footer-navigation ul li:last-child {margin-right: 0px;}

#footerabschluss {color: #202224; text-transform: uppercase; position:absolute; bottom: 18px; right: 0px; font-size: 0.6em;}
#footerabschluss a {color: #202224; text-decoration:none;}

#footercopy {color: #202224; text-transform: uppercase; position:absolute; bottom: 18px; left: 0px; font-size: 0.6em;}

#footer-adresse {width: 300px; max-height: 200px; color: #dcddde; font-size: 0.7em; right: 0px; top: 37px; position:absolute;}
#footer-adresse h2, #footer-kategorien h2 {color: #ffd500; text-shadow: 1px 1px #0e0f0f; text-transform:uppercase; font-size: 1.5em; font-weight: lighter;}
#footer-adresse address {font-style:normal; text-shadow: 1px 1px #0e0f0f; line-height: 20px;}
#footer-adresse address strong {color: #008ee5;}
#footer-adresse .lineshort {background:url(../bilder/basics/sprite.png)  -37px -580px; width: 300px; height: 10px; margin: 15px 0px 20px 0px;}

#footer-adresse .btn-footer-adresse {width: 122px; height: 22px; background:url(../bilder/basics/sprite.png)  -31px -89px; text-align:center; padding-top: 8px; color: #008ee5; cursor: pointer;}
#footer-adresse .btn-footer-adresse:hover {background:url(../bilder/basics/sprite.png)  -171px -89px;}

#btn-footer-anfahrt {right: 0px; top: 68px; position: absolute;}
#btn-footer-kontakt {right: 0px; top: 98px; position: absolute;}
#btn-anfahrt {cursor:pointer;}

#btn-footer-facebook {width: 122px; height: 30px; background:url(../bilder/basics/sprite.png)  -31px -134px; cursor: pointer; position:absolute; right: 0px; bottom: -8px;}
#btn-footer-facebook:hover {background:url(../bilder/basics/sprite.png)  -171px -134px;}
#btn-footer-facebook a {display: block; width: 120px; height: 28px;}

#footer-kategorien {width: 641px; max-height: 200px; color: #dcddde; font-size: 0.8em; left: 0px; top: 37px; position:relative; float: left;}
#footer-kategorien .linebig {background:url(../bilder/basics/sprite.png)  -37px -580px; width: 641px; height: 10px; margin: 15px 0px 20px 0px;}

#footer .linebigger {background:url(../bilder/basics/sprite.png)  -37px -580px; width: 990px; height: 10px; margin: 15px 0px 20px 0px; position:absolute; bottom: 75px;}

#gotop {background:url(../bilder/basics/sprite.png) -32px -370px; width: 32px; height: 30px; position:absolute; bottom: 60px; left: 0px; cursor: pointer;}
#gotop:hover {background:url(../bilder/basics/sprite.png) -172px -370px;}

#footer-karte-overlay {
	display: none;
    background: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity:0.6;
    filter:alpha(opacity=60);
	z-index: 99;
	position:fixed;
	cursor: pointer;
}
	
#footer-karte {
	position:fixed; 
	top: -8141px; 
	left:50%;
	margin-left:-495px;
	width:990px;
	background:#FFFFFF;
	z-index:9999;
	text-align:left;
	overflow: auto;
	z-index: 100;
	border: 2px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	padding: 10px;
}

#footer-navigation-erlebnis {position: absolute; top: 90px; left: -38px; width: 655px;}
#footer-navigation-erlebnis ul {list-style: none; font-size: 0.9em;}
#footer-navigation-erlebnis ul li {float: left; min-width: 170px; height: 20px; margin-right: 8px;}

/* SLIDER START */
#start-slider {position: relative; left: 55px; top: 24px; z-index: 1;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}

ol.bjqs-markers{list-style: none; padding: 0; margin: 0; text-align:center; position:relative; bottom: 25px;}
ol.bjqs-markers.h-centered{text-align: center; position:absolute; z-index: 9;}
ol.bjqs-markers li{display:inline; background:url(../bilder/basics/sprite.png)  -47px -680px; height: 15px; width: 20px;}
ol.bjqs-markers li a {text-indent: -99999px; width: 18px; height: 15px;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.active-marker {background:url(../bilder/basics/sprite.png)  -27px -680px !important;}

/* FORMULARE */

#kontaktformular {width: 620px; float: left; margin: 10px 60px 0px 0px;}
#kontaktformular label {color: #383a3d; font-size: 0.9em; min-width: 200px; max-width: 200px; display: block; float: left; margin: 5px 0px 0px 0px; clear: left;}
#kontaktformular label:after {content: ":"}

#kontaktformular .inputshort {width: 50px;}

#kontaktformular input[type="text"], input[type="email"], input[type="tel"], input[type="tel"], input[type="number"] {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 200px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	margin: 0px 0px 20px 0px;
}

select {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 220px;
	margin: 5px 0px 20px 0px;
}

#kontaktformular textarea {
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	width: 400px;
	min-height: 150px;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	margin: 10px 0px 20px 0px;
}

#kontaktformular input:hover, #kontaktformular textarea:hover,
#kontaktformular input:focus, #kontaktformular textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

#kontaktformular input[type="submit"] {
	font-size: 0.8em;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	min-width:220px; 
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight: 300;
	text-shadow: 1px 1px #004a80;
	height: 34px; 
	border: 1px solid #004a80; 
	border-radius: 5px; 
	display: block;
	text-align: center;
	padding-top: 0px;
	margin: 0px 0px 20px 0px;
	background: #009cd1; /* Old browsers */
	background: -moz-linear-gradient(top, #009cd1 0%, #007cbf 3%, #0069b4 39%, #0055a3 76%, #0054a2 91%, #005ba8 97%, #0076ba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009cd1), color-stop(3%,#007cbf), color-stop(39%,#0069b4), color-stop(76%,#0055a3), color-stop(91%,#0054a2), color-stop(97%,#005ba8), color-stop(100%,#0076ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* IE10+ */
	background: linear-gradient(to bottom, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cd1', endColorstr='#0076ba',GradientType=0 ); /* IE6-9 */
	padding-top: 3px;
}


.gutscheinform input[type="submit"] {margin: 0 auto !important; float: none !important;}
.gutscheincontent {width: 600px; margin: 40px auto 0 auto; float: none !important;}

#kontaktformular input[type="submit"]:hover {
	background: #0076ba; /* Old browsers */
	background: -moz-linear-gradient(top, #0076ba 0%, #005ba8 3%, #0054a2 9%, #0055a3 24%, #0069b4 61%, #007cbf 97%, #009cd1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076ba), color-stop(3%,#005ba8), color-stop(9%,#0054a2), color-stop(24%,#0055a3), color-stop(61%,#0069b4), color-stop(97%,#007cbf), color-stop(100%,#009cd1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076ba', endColorstr='#009cd1',GradientType=0 ); /* IE6-9 */
}


/* EVENTLISTE */

.mod_eventlist {width: 630px; float: left;}
.mod_eventlist .image_container {width: 200px; height: auto; float: left; margin-right: 30px;}
.mod_eventlist .image_container img {height: auto; width: 100%; margin-right: 5px;}
.mod_eventlist .piceventlist {min-height: 200px; float: left;}
.mod_eventlist .more a{background:url(../bilder/basics/sprite.png)  -32px -730px; height: 26px; width: 180px; text-align:center; display: block; float: right; position:relative; right: 205px; padding-top: 4px; text-transform: uppercase; color: #004799; text-shadow: 1px 1px #fff; font-size: 0.9em;}
.mod_eventlist .more a:hover{background:url(../bilder/basics/sprite.png)  -262px -730px;}
.mod_eventlist .time {font-size: 0.9em; }
.mod_eventlist h2 a {text-transform: uppercase; color: #0074be; margin-top: 6px; display: block;}

.mod_eventreader .back {position: absolute !important; top: -110px; right: 55px; background:url(../bilder/basics/sprite.png)  -27px -786px; height: 28px; width: 120px; text-align:center; padding-top: 8px; text-transform:uppercase; font-size: 0.8em; cursor: pointer;}
.mod_eventreader .back:hover {background:url(../bilder/basics/sprite.png)  -197px -786px;}
.mod_eventreader .back a {color: #004799; text-shadow: 1px 1px #ffed00; height: 28px; width: 120px; display: block;}
#eventdetails h3 {margin-bottom: 15px; text-transform:uppercase;}}
#eventdetails h1 {text-transform:uppercase;}
#eventdetails .image_container {margin-bottom: 20px;}

/* TABELLEN */
table td {vertical-align: top;}
.listparkhaus, .leftshopcontent {font-size: 0.9em; color: #383a3d;}
.listparkhaus td, .leftshopcontent td {width: 220px; padding-top: 10px; border: 1px dotted #cecece; vertical-align: central; height: 25px; padding-left: 10px;}
.listparkhaus th {text-align: left; text-indent: 10px;}

.leftshopcontent th, .leftshopcontent td {text-indent: 0px;}

.listoeff {font-size: 0.9em; color: #383a3d;}
.listoeff td {width: 200px; padding-top: 10px; border: 1px dotted #cecece; vertical-align: central; height: 25px; text-indent: 10px;}
.listoeff th {text-align: left; text-indent: 10px;}

/* GALLERIE */
.ce_gallery  ul {padding: 0px; width: 630px; list-style: none;}
.ce_gallery  ul li .image_container {margin: 0px 30px 30px 0px; width: 250px; float: left;}

.gallery_creator ul {list-style:none; margin: 0px; padding: 0px;}
.gallery_creator h2 {margin-bottom: 15px;}
.gallery_creator .image_container_thumb {float: left; margin-bottom: 20px;}
.gallery_creator .image_container_thumb img {border: 1px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px #bac9d0; padding: 5px; height: auto;}
.gallery_creator .count_pics, .visitors {font-size: 0.7em;}
.gallery_creator .list_albums .col_1 {border-bottom: 1px solid #ffd500; margin-bottom: 20px;}

.gallery_creator .more a{background:url(../bilder/basics/sprite.png)  -32px -730px; height: 26px; width: 180px; text-align:center; display: block; float: right; position:relative; right: 220px; padding-top: 4px; text-transform: uppercase; color: #004799; text-shadow: 1px 1px #fff; font-size: 0.9em;}
.gallery_creator .more a:hover{background:url(../bilder/basics/sprite.png)  -262px -730px;}

.gallery_creator .back {position: absolute !important; top: -110px; right: 55px; background:url(../bilder/basics/sprite.png)  -27px -786px; height: 28px; width: 120px; text-align:center; padding-top: 8px; text-transform:uppercase; font-size: 0.8em; cursor: pointer;}
.gallery_creator .back:hover {background:url(../bilder/basics/sprite.png)  -197px -786px;}
.gallery_creator .back a {color: #004799; text-shadow: 1px 1px #ffed00; height: 28px; width: 120px; display: block;}


.gallery_creator .album_preview {width: 650px;}
.gallery_creator .album_preview .image_container {width: 190px; float: left; margin: 0px 10px 10px 0px;}
.gallery_creator .album_preview .image_container img{height: auto; float: left;}

.album_comment {float: left; max-width: 400px !important; margin-left: 20px; font-size: 0.8em;}

/* SHOP UNTERSEITEN */ 
.shoplogo {position: absolute; right: 22px; top: 260px; z-index: 10;}
.shoplogo .image_container {background-color: #fff; height: 113px; width: 170px; text-align:center; line-height: 105px;}
.shoplogo .image_container img{ vertical-align: middle;}

.leftshopcontent {float: left; clear: none; margin-top: 40px; position:relative;}
.leftshopcontent h3 {margin-bottom: 30px; text-transform: uppercase; width: 400px;}
.leftshopcontent .ce_image {float: none;}

.leftshopcontent p {max-width: 620px;}

.rightshopcontent {float: right; clear: none; margin-top: 40px; position:relative; width: 330px; margin-right: 22px; text-transform:uppercase;}
.rightshopcontent .ce_gallery .image_container {width: 71px; padding: 0px; margin: 0px 25px 10px 0px;}
.rightshopcontent h3 {margin-bottom: 8px; text-transform:uppercase; border-bottom: 1px solid #ffd500; width: 300px; padding-bottom: 8px; font-size: 1.0em;}
.rightlogosgal {position:relative; left:0px; height: 345px; overflow:hidden;}
.rightlogosgal ul {width: 330px; margin-left: 5px;}

.rightshopcontent .teaserstandard {text-transform: none; right: 28px;}
.rightshopcontent ul {list-style: none; padding: 0px; font-size: 0.8em; line-height: 20px;}
#branchenright ul li:hover {color: #008ee5; cursor: pointer;}

.rightshopcontent h2 {}

#openlogos {
	background-image: url(../bilder/basics/back-fadeover.png);
	background-repeat: repeat;
	background-position: -35px -20px;
	height: 10px;
	width: 275px;
	position: relative;
	bottom: 36px;
	left: 0px;
	color: #0069b4;
	font-size: 0.8em;
	text-align: center;
	cursor: pointer;
	padding-top: 35px;
}

#headershopdetail {position:absolute; z-index: 5; right: 0px; top: 0px;}
#headershopdetail .back {position: absolute; top: -15px; right: 190px; background:url(../bilder/basics/sprite.png)  -27px -786px; height: 28px; width: 120px; text-align:center; padding-top: 8px; text-transform:uppercase; font-size: 0.8em; cursor: pointer;}
#headershopdetail .back:hover {background:url(../bilder/basics/sprite.png)  -197px -786px;}
#headershopdetail .back a {display: block; height: 28px; width: 120px; color: #202224;}

#headershopdetail .header-centerplan {position: absolute; top: -47px; right: 0px; background:url(../bilder/basics/sprite-centerplan.png)  0px 0px; height: 70px; width: 180px; text-align:center; padding-top: 40px; text-transform:uppercase; font-size: 0.8em; cursor: pointer;} 
#headershopdetail .header-centerplan:hover {background:url(../bilder/basics/sprite-centerplan.png)  0px -150px;}
#headershopdetail .header-centerplan a {display: block; height: 28px; width: 180px; color: #202224;}

/* SHOPLISTE */

.liste-inner {margin-left: 10px;}

#shopliste {width: 630px; margin-top: -10px;}
#shopliste h2 {	
	text-transform:uppercase;
	cursor: pointer; 
	width: 592px; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding: 10px; 
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	font-size: 1.0em;
	}
#shopliste ul {margin-right: 30px; list-style:none; padding: 0px; min-width: 155px;}
#shopliste ul li {float: left; color: #202224; margin-left: 10px;}
#shopliste ul li ul {font-size: 0.8em; min-height: 120px; }
#shopliste ul li ul li {float: none; margin: 0px;}

.visitors {display: none;}
.count_pics:after {content: ')'} 

/* MARKENLISTE */
#markenlisteabc {width: 630px; position:relative;}
#markenlisteabc h2 {	
	text-transform:uppercase;
	cursor: pointer; 
	width: 592px; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding: 10px; 
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	font-size: 1.0em;
	}
#markenlisteabc ul {margin-right: 20px; list-style:none; padding: 0px; min-width: 135px; margin-left: 10px;}
#markenlisteabc ul li {float: left; color: #202224; margin-left: 10px;}
#markenlisteabc ul li ul {font-size: 0.8em; min-height: 120px; margin-left: 0px;}
#markenlisteabc ul li ul li {float: none; margin: 0px;}
#markenlisteabc .pointer {cursor: pointer; color: #008ee5;}
#markenlisteabc .pointer:hover {color: #505254}

.layermarkenabc {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding: 10px; 
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 	
	width: 300px;
	position:fixed;
	z-index: 44;	
	left: 50%;
	top: 40%;
	margin-left: -300px;
}

.layermarkenabc-close {position:absolute; right: 0px; top: -20px; color: #fff; cursor: pointer;}

.layermarkenabc h2 {background: none !important; width: auto !important; padding: 0px !important; border: none !important; margin: 5px 0px 5px 0px; padding-right: 10px;}

#markenliste {width: 630px;}
#markenliste h2 {
	text-transform:uppercase;
	cursor: pointer; 
	width: 592px; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding: 10px; 
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	font-size: 1.0em;
}
#markenliste ul {list-style: none; padding: 0px; display: none; }
#markenliste ul li {margin: 0px 0px 20px 0px; width: 200px;}

/* BRANCHENLISTE */
#branchenright {position:relative; z-index: 41; background-color: #fff; border: 0px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 10px 10px 10px; left: -10px;}
#branchenright h3 {	
	text-transform:uppercase;
	width: 285px; 
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	padding: 10px; 
	border: 1px solid #ffd500; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	font-size: 1.0em;
	}

#branchenright ul, #branchenright p {margin-left: 10px;}	


.branchenliste {
	width: 590px; 
	position:absolute;
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #fafafa 14%, #ffffff 30%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(14%,#fafafa), color-stop(30%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#fafafa 14%,#ffffff 30%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	padding: 20px;
	border: 1px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	left: 45px;
	top: 16px;
	z-index: 41;
	display: none;
}

.branchenliste {width: 630px;}
.branchenliste h2 {cursor: pointer; width: 592px; padding: 10px; border: 0px solid #ffd500; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 1.1em;}
.branchenliste ul {margin-right: 40px; list-style:none; padding: 0px; min-width: 155px;}
.branchenliste ul li {float: left; color: #202224;}
.branchenliste ul li ul {font-size: 0.8em; min-height: 120px; }
.branchenliste ul li ul li {float: none;}

.branchenliste ul {margin-right: 0px !important; min-width: 140px !important; position:relative;}
.branchenliste ul li {display: block; float: left;}
.branchenliste ul li a {font-size: 0.9em;}
.branchenliste ul li ul {min-height: 120px !important;}
.branchenliste ul li ul li {display: block; float: none;}

.branchenliste h2 {width: auto !important; background-color:transparent !important; padding: 0px !important;}

#branchen-overlay {
	display: none;
    background: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity:0.6;
    filter:alpha(opacity=60);
	z-index: 40;
	position:fixed;
	cursor: pointer;
}

#marken-overlay {
	display: none;
    background: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity:0.6;
    filter:alpha(opacity=60);
	z-index: 42;
	position:fixed;
	cursor: pointer;
}


#branche1,#branche2,#branche3,#branche4,#branche5,#branche6,#branche7 {display: none;}
#close-branchen {position: absolute; font-size: 0.8em; right: 0px; color: #fff; top: -30px; cursor: pointer;}


.show_hide {
    display:none;
}

/* ANGEBOTE */
.angebot .image_container {width: 300px; float: right; margin-left: 20px;}
.angebot a{background:url(../bilder/basics/sprite.png)  -32px -730px; height: 26px; width: 180px; text-align:center; display: block; position:relative; right: 0px; padding-top: 4px; text-transform: uppercase; color: #004799; text-shadow: 1px 1px #fff; font-size: 0.9em;}
.angebot a:hover{background:url(../bilder/basics/sprite.png)  -262px -730px;}

#eventdetails h1 {font-size: 1.9em;}


#menu  {display: none;}
.mobileview {display: none}
/* MOBILE VERSION */ 

 @media screen and (max-width: 680px) {
	html, body {width: 100%;}
	body {background-image: url(../bilder/basics/back-head-unterseite.png); overflow-x: hidden;} 
	
	h2 {font-size: 150% !important; width: 80%;}
	h1{font-size: 180% !important; width: 80%;}

	#wrapper {width: 100%; position: relative;}

	#footer .inside {width: 95%;}
	#unterseite-headline {width: 100%;}
	#oeffnungszeitenbottom {width: 100%;}
	
	/* AUSBLENDEN */ 
	.rightcontent, #start-slider, #suchestartshops, 
	#teaser-startbig-1, #teaser-startbig-2, #teaser-startbig-3, 
	#teaser-start-2, #clearer-11, #suchehead, #footer-navigation-erlebnis, 
	#footer-kategorien, #footer-navigation, #footer .linebigger, 
	#suchefooter, #footerabschluss, .pdf_link, .sticky #slogan {display: none !important;}
	
	#unterseite-headline {width: 90%; left: 20px; font-size: 90%;}

	#main-inhalt {padding: 0; margin: 0; width: 84%; background-size: 100%; padding: 25px; min-height: 100px; margin-top: 60px; position: relative;}

	#main-inhalt img {width: 100%; height: auto;}
	#main-inhalt .image_container {margin: 0 auto;}
	#main-inhalt .left {float: none;}
	
	#footer-adresse .lineshort {background:url(../bilder/basics/sprite.png)  -37px -580px; width: 100%; height: 10px; margin: 15px 0px 20px 0px;}
	
	#teaser-start-1, #teaser-start-3 {margin: 0px 0px 10px 0px;}
	
	.teaserstandard {width: 80%; margin: 0 auto; margin-left: 25px; float: none;}
	.teaserstandard  a {width: 50%;}
	.teaserstandard .ce_text p{width: 58%;}
	.teaserstandard img {width: 106px; height: auto;}

	#footer-adresse {width: 95%; font-size: 0.9em; left: 10px;}
	
	#footercopy {left: 10px;}
	#footerabschluss {right: 25px;}

	#headernavi {left: -10px; font-size: 0.6em; top: 3px; width: 300px; line-height: 18px;}
	#headernavi ul {padding: 0 0 0 20px;}
	#headernavi li {width: auto; margin: 0 10px 0 0; padding: 0;}
	#headernavi li:nth-child(3) {  
  		display: none;
	}
	
	#gotop {bottom: 80px; left: 10px;}
	
	.sticky {z-index: 100;}
	.sticky #logo {left: 0px; margin-left: 0; width: 198px; background-size: 100%; top: 15px;}
	.sticky #logo img {width: 80px; height: auto; top: 6px; margin: 0 auto; left: 0;}
	.sticky #menu {top: 20px; color: #fff;}
		
	.sticky #navigation-mobil {top: 62px;}

	#oeffnungszeitenbottom {
		width: 80%; 
		margin: 0 auto; 
		top: 0px; 
		background-size: 98%; 
		background-image: url(../bilder/mobile/back-oeffnungszeiten.png); 
		background-position: 0px -5px; 
		background-repeat: no-repeat;
		position: relative;		
		height: 80px;
		font-size: 80%;
		padding: 20px;
		font-weight: lighter !important;
		font-family: 'Helvetica W01 Roman';
		z-index: 20;
		margin-left: 10px;
	}

	#logo {left: 0; width: 280px; background-image: none; }
	#slogan {display: none;}
	#oeffnungszeiten {width: 150px;}
    #menu {
            background-image:url(../bilder/basics/icon-navigation.png); 
            background-repeat: no-repeat;
            background-position: 75px 0px;
            display: block;
            font-size:1.0em;
            top: 130px;
            color: #fff;
            text-align: center;
            position: absolute;
            z-index: 10;
            right: 5px;
            cursor: pointer;
            text-indent: -50px;
            height: 30px;
            width: 120px;
            text-transform: uppercase;

    }
    #navigation-mobil.js {
            display: none;
    }

    #footer {width: 100%;}

    .unterseitebody #oeffnungszeitenbottom, .shopunterseitebody #oeffnungszeitenbottom {top: 50px; margin-bottom: 0}

    .unterseitebody #main-inhalt, .shopunterseitebody #main-inhalt { min-height: 100px}
	
	.mod_eventlist {width: 90%;}

    ul {
            width:100%;
    }
    li {
            width:100%;
            border-right:none;
    }
	
	#footer-karte {width: 90%; margin-left: 0; left: 15px; margin-top: -30px;}
	
	/* navigation */
	#navigation-mobil ul li {display: block; list-style:none; height: 35px; background-image:url(../bilder/basics/nav-trenner.png); background-repeat:no-repeat; float: left; padding: 0px; font-family:'Helvetica W01 Bold'; font-weight: 100;}
	#navigation-mobil ul .last {margin-bottom: 20px; display: block}

	#navigation-mobil a {color: #dcddde; text-shadow: 1px 1px #0e0f0f; text-decoration:none; padding: 20px 21px 20px 21px; display:block; float: left; font-size: 0.9em; text-transform: uppercase;}
	#navigation-mobil a:hover {color: #008ee5;}
	#navigation-mobil li span {padding: 20px 21px 20px 21px; display:block; float: left;font-size: 0.75em; text-transform: uppercase;}
	#navigation-mobil li .active {color: #008ee5; font-size: 1.0em; text-transform: uppercase;}

	#navigation-mobil .trail {color: #008ee5;}

	/* navigation dropdown */
	#navigation-mobil
	{
		width: 781px; position:absolute; left: 340px; top: 97px; color: #dcddde; text-shadow: 1px 1px #0e0f0f;			
		z-index: 10;
	}

	#navigation-mobil > a
	{
		display: none;
	}

	#navigation-mobil li
	{
		position: relative;
	}
	#navigation-mobil li a
	{
		display: block;
	}


	/* second level */
	#navigation-mobil .level_2 {left: -140px !important; position:absolute !important; margin-top: -20px; padding-top:30px; text-indent: -10px; font-size: 0.8em;}
	#navigation-mobil .level_2 li {height: 25px; width: 215px; padding-top: 3px; text-align:center; background:url(../bilder/basics/sprite-hauptnavi.png)  0px -40px;}
	#navigation-mobil .level_2 li:hover {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -198px;}
	#navigation-mobil .level_2 li:first-child:hover {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -158px;}
	#navigation-mobil .level_2 li:last-child:hover {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -258px;}
	#navigation-mobil .level_2 li:first-child {background:url(../bilder/basics/sprite-hauptnavi.png)  0px 0px; padding-top: 11px;}
	#navigation-mobil .level_2 li:last-child {background:url(../bilder/basics/sprite-hauptnavi.png)  0px -100px; padding-top: 2px; height: 27px;}
	#navigation-mobil .level_2 li span {float: none; padding: 5px 0px 0px 0px; height: 25px;  font-size: 1.2em;}
	#navigation-mobil .level_2 li .forward {font-size: 0.8em;}

	#navigation-mobil li ul
	{
		display: none;
		position: absolute;
		left: 0px;
		top: 100%;
	}

	#navigation-mobil li:hover ul
	{
		display: block;
		left: 0;
		right: 0;
	}

	#navigation-mobil li:not( :first-child ):hover ul
	{
		left: -1px;
	}

	#navigation-mobil li ul a
	{			
		font-size: 0.8em;
		height: 25px; 
		background-repeat:no-repeat;
		padding: 5px 0px 0px 0px;
		width: 215px;
	}


	#navigation-mobil {display: block;}

	#navigation-mobil {
		left: 3px; 
		width: 100%; 
		background-color: #2f3031; 
		top: 170px; 
		z-index: 5;
		box-shadow: rgba(0,0,0, 0.1) 0px 10px 5px;
    	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 10px 5px;
    	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 10px 5px;
    	border-bottom: 8px solid #151515;
	}

	#navigation-mobil ul li {background-image: none;}

	#hauptnavi {display: none;}

	.mod_eventlist .more a {right: 0;}
	.mod_eventlist .piceventlist {min-height: 20px;}

	#footer-adresse  {font-size: 0.7em;}

	#kontaktformular {width: 90%; float: none; margin: 10px 60px 0px 0px;}
	#kontaktformular label {color: #383a3d; font-size: 0.9em; min-width: 100px; max-width: 100px !important; display: block; float: none; margin: 5px 0px 0px 0px; width: 100px;}
	#kontaktformular label:after {content: ":"}

	#kontaktformular .inputshort {width: 50px;}

	#kontaktformular input[type="text"], input[type="email"], input[type="tel"], input[type="tel"], input[type="number"] {
		padding: 9px;
		border: solid 1px #E5E5E5;
		outline: 0;
		width: 200px;
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
		background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		margin: 0px 0px 20px 0px;
	}

	select {
		padding: 9px;
		border: solid 1px #E5E5E5;
		outline: 0;
		width: 220px;
		margin: 5px 0px 20px 0px;
	}

	#kontaktformular textarea {
		padding: 9px;
		border: solid 1px #E5E5E5;
		outline: 0;
		width: 200px;
		min-height: 150px;
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
		background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		margin: 10px 0px 20px 0px;
	}

	#kontaktformular input:hover, #kontaktformular textarea:hover,
	#kontaktformular input:focus, #kontaktformular textarea:focus { 
		border-color: #C9C9C9; 
		-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

	#kontaktformular input[type="submit"] {
		font-size: 0.8em;
		float: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: pointer;
		min-width:220px; 
		color: #fff;
		text-decoration: none;
		text-transform:uppercase;
		font-weight: 300;
		text-shadow: 1px 1px #004a80;
		height: 34px; 
		border: 1px solid #004a80; 
		border-radius: 5px; 
		display: block;
		text-align: center;
		padding-top: 0px;
		margin: 0px 0px 20px 0px;
		background: #009cd1; /* Old browsers */
		background: -moz-linear-gradient(top, #009cd1 0%, #007cbf 3%, #0069b4 39%, #0055a3 76%, #0054a2 91%, #005ba8 97%, #0076ba 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009cd1), color-stop(3%,#007cbf), color-stop(39%,#0069b4), color-stop(76%,#0055a3), color-stop(91%,#0054a2), color-stop(97%,#005ba8), color-stop(100%,#0076ba)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* IE10+ */
		background: linear-gradient(to bottom, #009cd1 0%,#007cbf 3%,#0069b4 39%,#0055a3 76%,#0054a2 91%,#005ba8 97%,#0076ba 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009cd1', endColorstr='#0076ba',GradientType=0 ); /* IE6-9 */
		padding-top: 3px;
	}

	#kontaktformular input[type="submit"]:hover {
		background: #0076ba; /* Old browsers */
		background: -moz-linear-gradient(top, #0076ba 0%, #005ba8 3%, #0054a2 9%, #0055a3 24%, #0069b4 61%, #007cbf 97%, #009cd1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076ba), color-stop(3%,#005ba8), color-stop(9%,#0054a2), color-stop(24%,#0055a3), color-stop(61%,#0069b4), color-stop(97%,#007cbf), color-stop(100%,#009cd1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* IE10+ */
		background: linear-gradient(to bottom, #0076ba 0%,#005ba8 3%,#0054a2 9%,#0055a3 24%,#0069b4 61%,#007cbf 97%,#009cd1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076ba', endColorstr='#009cd1',GradientType=0 ); /* IE6-9 */
	}

	hr {display: none;}

	.mobileview {display: block; padding: 0; margin: 0;}
	.mobileview img {width: 100%; height: auto;}
	.mobileview .image_container {padding: 0 !important; margin: 0 !important;}	
}