@charset "utf-8";
/* CSS Document */

/* *****************************************
Stylesheet zur Formatierung der Druckausgabe
Wird in das zentrale CSS geladen
Datei: navi.css
Datum: 30.06.2008 
Autor: Deuringer Sascha 
***************************************** */

@media screen {
/* ********************
*** Hauptnavigation ***
******************** */
#hauptnavi ul {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#hauptnavi ul li {
	float: left;
	width: 245px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#hauptnavi ul li:hover {
	background-color: #EEE;
}
#hauptnavi ul li.home {
	width: 40px;
	margin-right: 20px;
}
#hauptnavi ul li.ulm {
	width: 185px;
}
#hauptnavi ul li a,
#hauptnavi ul li a:link,
#hauptnavi ul li a:visited {
	display: block;
	color: #888;
	text-decoration: none;
	line-height: 50px;
	background: url(../../_img/hintergrund/navsprite.png) 0px 0px no-repeat;
	padding-left: 18px;
}
#hauptnavi ul li a:hover,
#hauptnavi ul li a:focus,
#hauptnavi ul li a:active,
#hauptnavi ul li a.aktiv {
	color: #333;
}

#hauptnavi ul li.home a {
	background-position: 0px 0px;
}
#hauptnavi ul li.home a:hover,
#hauptnavi ul li.home a:focus,
#hauptnavi ul li.home a:active,
#hauptnavi ul li.home a.aktiv {
	background-position: 0px -50px;
}

#hauptnavi ul li.ulm a {
	background-position: 0px -100px;
}
#hauptnavi ul li.ulm a:hover,
#hauptnavi ul li.ulm a:focus,
#hauptnavi ul li.ulm a:active,
#hauptnavi ul li.ulm a.aktiv {
	background-position: 0px -150px;
}

#hauptnavi ul li.essen a {
	background-position: 0px -200px;
}
#hauptnavi ul li.essen a:hover,
#hauptnavi ul li.essen a:focus,
#hauptnavi ul li.essen a:active,
#hauptnavi ul li.essen a.aktiv {
	background-position: 0px -250px;
}

#hauptnavi ul li.feste a {
	background-position: 0px -300px;
}
#hauptnavi ul li.feste a:hover,
#hauptnavi ul li.feste a:focus,
#hauptnavi ul li.feste a:active,
#hauptnavi ul li.feste a.aktiv {
	background-position: 0px -350px;
}

#hauptnavi ul li.services a {
	background-position: 0px -400px;
}
#hauptnavi ul li.services a:hover,
#hauptnavi ul li.services a:focus,
#hauptnavi ul li.services a:active,
#hauptnavi ul li.services a.aktiv {
	background-position: 0px -450px;
}

#hauptnavi ul li:hover ul {
	display: block;
}

/* *** Foldout *** */
ul.foldoutnav {
	display: none;
	overflow: hidden !Important;
	position: absolute !Important;
	top: 50px !Important;
	left: 0px !Important;
	width: 100% !Important;
	height: 390px !Important;
	background: #EEE url(../../_img/hintergrund/foldoutbg.png) 0px 10px no-repeat !Important;
	padding: 10px 0px !Important;
	margin: 0px !Important;
}
ul.foldoutnav li {
	float: left !Important;
	width: 300px !Important;
	padding: 0px !Important;
	margin: 0px !Important;
}
ul.foldoutnav li.erster,
ul.foldoutnav li.zweiter {
	width: 300px !Important;
	margin-right: 40px !Important;
}

ul.foldoutnav li ul {
	width: 300px !Important;
	margin: 0px 0px 0px 10px !Important;
}
ul.foldoutnav li ul li {
	margin-bottom: 5px !Important;
}
ul.foldoutnav li ul li a,
ul.foldoutnav li ul li a:link,
ul.foldoutnav li ul li a:visited {
	display: block;
	line-height: 25px !Important;
	background: url(../../_img/hintergrund/foldoutnav.png) 0px 2px no-repeat !Important;
	padding: 0px 0px 2px 20px !Important;
}
ul.foldoutnav li ul li a:hover,
ul.foldoutnav li ul li a:focus,
ul.foldoutnav li ul li a:active {
	background-position: 0px 2px !Important;
}

ul.foldoutnav li ul.optionsnav {
	padding: 0px !Important;
	margin: 0px 0px 10px 0px !Important;
}
ul.foldoutnav li ul.optionsnav li.bezeichner {
	color: #000 !Important;
}
ul.foldoutnav li ul.optionsnav li {
	list-style-type: none !Important;
	padding: 0px !Important;
	margin: 0px !Important;
}

/* ******************
*** Subnavigation ***
****************** */
ul#subnavigation {
	padding: 0px;
	margin: 0px;
}
ul#subnavigation li {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
ul#subnavigation li a,
ul#subnavigation li a:link,
ul#subnavigation li a:visited {
	color: #888;
	text-decoration: none;
	background: url(../../_img/hintergrund/foldoutnav.png) center left no-repeat;
	padding: 0px 0px 4px 25px;
}
ul#subnavigation li a:hover,
ul#subnavigation li a:focus,
ul#subnavigation li a:active,
ul#subnavigation li a.aktiv {
	color: #333;
}

/* **********************
*** Servicenavigation ***
********************** */
ul.servicenav {
	padding: 0px;
	margin: 0px;
}
ul.servicenav li {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
ul.servicenav li a,
ul.servicenav li a:link,
ul.servicenav li a:visited,
ul.servicenav li a:hover,
ul.servicenav li a:focus,
ul.servicenav li a:active {
	display: block;
	color: #333;
	text-decoration: none;
	line-height: 30px;
	background-image: url(../../_img/hintergrund/servicesprite.png);
	background-repeat: no-repeat;
	padding-left: 45px;
}
ul.servicenav li a.karte {
	background-position: 0px 0px;
}
ul.servicenav li a.anreise {
	background-position: 0px -30px;
}
ul.servicenav li a.souveniers {
	background-position: 0px -60px;
}
ul.servicenav li a.newsletter {
	background-position: 0px -90px;
}
ul.servicenav li a.tagen {
	background-position: 0px -120px;
}
ul.servicenav li a.presse {
	background-position: 0px -150px;
}
ul.servicenav li a.fuehrungen {
	background-position: 0px -180px;
}
ul.servicenav li a.gruppenreisen {
	background-position: 0px -210px;
}

/* *********************
*** Footernavigation ***
********************* */
ul#footernav {
	overflow: hidden;
	padding: 0px;
	margin: 10px 0px 0px 10px;
}
ul#footernav li {
	float: left;
	width: 240px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul#footernav li ul {
	clear: both;
	padding: 0px;
	margin: 0px;
}
ul#footernav li ul li {
	list-style-type: none;
	clear: both;
	padding: 0px;
	margin: 0px;
}
ul#footernav li ul li.firstline {
	font-family: "DinotBold", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}
ul#footernav li ul li a,
ul#footernav li ul li a:link,
ul#footernav li ul li a:visited,
ul#footernav li ul li a:hover,
ul#footernav li ul li a:focus,
ul#footernav li ul li a:active {
	font-size: 75%;
	color: #AAA;
	text-decoration: none;
}

.footerinfo_rechts_tagen_breit ul#footernav {
	overflow: hidden;
	padding: 0px;
	margin: 10px 0px 0px 10px;
}
.footerinfo_rechts_tagen_breit ul#footernav li {
	float: left;
	width: 175px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.footerinfo_rechts_tagen_breit ul#footernav li ul {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.footerinfo_rechts_tagen_breit ul#footernav li ul li {
	list-style-type: none;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.footerinfo_rechts_tagen_breit ul#footernav li ul li.firstline {
	font-family: "DinotBold", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	margin-bottom: 10px;
}
.footerinfo_rechts_tagen_breit ul#footernav li ul li a,
.footerinfo_rechts_tagen_breit ul#footernav li ul li a:link,
.footerinfo_rechts_tagen_breit ul#footernav li ul li a:visited,
.footerinfo_rechts_tagen_breit ul#footernav li ul li a:hover,
.footerinfo_rechts_tagen_breit ul#footernav li ul li a:focus,
.footerinfo_rechts_tagen_breit ul#footernav li ul li a:active {
	font-size: 75%;
	color: #AAA;
	text-decoration: none;
}

/* *** Footerbutton *** */
.footerbutton a,
.footerinfo_rechts_tagen a {
	display: block;
	float: left;
	width: 152px;
	height: 25px;
	color: #AAA !important;
	text-decoration: none !important;
	background: url(../../_img/hintergrund/buttonsprite.png) 0px 0px no-repeat;
	padding: 55px 0px 0px 8px;
	margin: 0px 15px 10px 0px;
}
.footerinfo_rechts_tagen a {
	float: right;
	margin: 0px 0px 10px 15px;
}
.footerbutton a.ulmapp {
	background-position: 0px 0px;
}
.footerbutton a.ulmapp:hover {
	background-position: 0px -80px;
}
.footerbutton a.anreise,
.footerinfo_rechts_tagen a.anreise {
	background-position: 0px -320px;
}
.footerbutton a.anreise:hover,
.footerinfo_rechts_tagen a.anreise:hover {
	background-position: 0px -400px;
}
.footerbutton a.broschueren,
.footerinfo_rechts_tagen a.broschueren {
	background-position: 0px -640px;
}
.footerbutton a.broschueren:hover,
.footerinfo_rechts_tagen a.broschueren:hover {
	background-position: 0px -720px;
}
.footerbutton a.wetter {
	background-position: 0px -480px;
}
.footerbutton a.wetter:hover {
	background-position: 0px -560px;
}
.footerbutton a.ding {
	background-position: 0px -160px;
}
.footerbutton a.ding:hover {
	background-position: 0px -240px;
}
.footerbutton a.stadfuehrungen {
	background-position: 0px -800px;
}
.footerbutton a.stadfuehrungen:hover {
	background-position: 0px -880px;
}
.footerbutton a.email,
.footerinfo_rechts_tagen a.email {
	background-position: 0px -960px;
}
.footerbutton a.email:hover,
.footerinfo_rechts_tagen a.email:hover {
	background-position: 0px -1040px;
}

/* *** Footersocial *** */
.footersocial ul {
	padding: 0px;
	margin: 0px;
}
.footersocial ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.footersocial ul li a {
	display: block;
	color: #AAA;
	text-decoration: none;
	line-height: 44px;
	background: url(../../_img/hintergrund/socialsprite.png) 0px 0px no-repeat;
	padding-left: 40px;
}
.footersocial ul li a.twitter {
	background-position: 0px 6px;
}
.footersocial ul li a.facebook {
	background-position: 0px -38px;
}
.footersocial ul li a.google {
	background-position: 0px -82px;
}
.footersocial ul li a.pinterest {
	background-position: 0px -126px;
}
.footersocial ul li a.youtube {
	background-position: 0px -170px;
}
.footersocial ul li a.newsletter {
	background-position: 0px -214px;
}
.footersocial ul li a.instagram {
	background-position: 0px -390px;
}

/* ******************
*** Tabnavigation ***
****************** */
/* *** Servicebox *** */
#servicebox ul.tabnav {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	z-index: 110;
}
#tab_1 {
	width: 120px;
}

#tab_2 {
	width: 80px;
}

#servicebox ul.tabnav li {
	float: left;
	color: #888;
	line-height: 30px;
	-moz-box-shadow: 0px 0px 3px 0px #ccc;
	-webkit-box-shadow: 0px 0px 3px 0px #ccc;
	box-shadow: 0px 0px 3px 0px #ccc;
	list-style-type: none;	
	padding-left: 10px;
	margin: 0px;
	cursor: pointer;
}
#servicebox ul.tabnav li:hover {
	color: #333;
}
#servicebox ul.tabnav li.aktiv {
	color: #333;
	background-color: #FFF;
	z-index: 110;
}

/* *** Socialkachel *** */
.zusatzelement ul.tabnav {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	z-index: 110;
}
.zusatzelement ul.tabnav li {
	float: left;
	width: 220px;
	color: #888;
	line-height: 30px;
	-moz-box-shadow: 0px 0px 3px 0px #ccc;
	-webkit-box-shadow: 0px 0px 3px 0px #ccc;
	box-shadow: 0px 0px 3px 0px #ccc;
	list-style-type: none;	
	padding-left: 20px;
	margin: 0px;
	cursor: pointer;
}
.zusatzelement ul.tabnav li:hover {
	color: #333;
}
.zusatzelement ul.tabnav li.aktiv {
	color: #333;
	background-color: #FFF;
	z-index: 110;
}

/* *** Socialelement *** */
.socialelementtabs ul.tabnav {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	z-index: 110;
}
.socialelementtabs ul.tabnav li {
	float: left;
	width: 197px;
	color: #888;
	line-height: 30px;
	-moz-box-shadow: 0px 0px 3px 0px #ccc;
	-webkit-box-shadow: 0px 0px 3px 0px #ccc;
	box-shadow: 0px 0px 3px 0px #ccc;
	list-style-type: none;	
	padding-left: 20px;
	margin: 0px;
	cursor: pointer;
}
.socialelementtabs ul.tabnav li:hover {
	color: #333;
}
.socialelementtabs ul.tabnav li.aktiv {
	color: #333;
	background-color: #FFF;
	z-index: 110;
}

.socialelement ul.sociallist {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.socialelement ul.sociallist li {
	float: left;
	width: 50%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.socialelement ul.sociallist li a {
	display: block;
	/*width: 100%;*/
	height: 40px;
	text-decoration: none;
	line-height: 40px;
	background-image: url(../../_img/hintergrund/socialsprite.png);
	background-repeat: no-repeat;
	padding-left: 35px;
}
.socialelement ul.sociallist li a.sociallink_facebook {
	background-position: 0px -38px;
}
.socialelement ul.sociallist li a.sociallink_twitter {
	background-position: 0px 6px;
}

/* **************
*** Sponsoren ***
************** */
#sponsorenrahmen ul {
	overflow: hidden;
	border-left: solid 1px #DDD;
	padding: 0px;
	margin: 0px;
}
#sponsorenrahmen ul li {
	float: left;
	width: 142px;
	list-style-type: none;
	border-right: solid 1px #DDD;
	padding: 0px 10px;
	margin: 0px;
}
#sponsorenrahmen ul li img {
	width: 142px;
}

} /* *** Ende @media - nicht löschen! *** */
@media screen and (max-width: 1023px) {
	#mobnav .mobile__language--wrapper {
		background-color: #333;
		position: absolute;
		right: 15px;
		top: 0;
		height: 100px;
		padding: 0px 10px 10px 15px;
		width: 30px;
	}

	#mobnav .mobile__language--wrapper a.sprachauswahl{
		width: 100%;
	}
}
/* *********************
*** E N D E navi.css ***
********************* */