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

/*=====================HTML-TAGS======================*/

html {	height: 100%; }

body {
	height: 100%;
	background: #D61217;
	margin: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 1.3em;
	padding: 0px;
	text-align: center;
	}
body strong {
	font-weight: bold;
	}
table {
	font-size: 12px;
	}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
a, a:link , a:visited{
	color: #D10019;
	text-decoration:underline;
	}
a:hover, a:active {
	color: #000;
	}
p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	color: #D10019;
	}
h1 {
	font-size: 21px;
	margin-bottom: 10px;
	}
h2{
	font-size: 18px;
	margin-bottom: 3px;
	}
h3{
	font-size: 16px;
	margin-bottom: 3px;
	}
h4{
	font-size: 18px;
	margin-bottom: 5px;
	}
h5{
	font-size: 15px;

}
ul {
	margin: 3px 0 0 10px;
	padding: 2px 0 2px 0px;
}
li {
	line-height: 15px;
	padding: 0 0 2px 5px;
	margin: 0 0 0 5px;
	list-style-position: outside;
}
/*---------------------DIV-FORMATIERUNGEN------------------------------*/

/*--------------------------Startseite--------------------------------*/

#body-startseite {
	background: #D61217 url(../img/startseite-hg.png) repeat-x top center;
	font-size: 12px;
	line-height: 1.3em;
	}
#startseite-main {
	width: 930px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	}
#startseite-balken-links {
	width: 305px;
	float: left;
	padding-top: 43px;
	padding-right: 8px;
	}
#startseite-balken-mitte {
	width: 305px;
	float: left;
	}
#startseite-balken-rechts {
	width: 305px;
	float: right;
	padding-top: 43px;
	}
#startseite-balken-rot-links, #startseite-balken-rot-mitte, #startseite-balken-rot-rechts, #startseite-balken-rot-mitte-unten {
	width: 245px;
	padding: 0 30px;
	height: 32px;
	background: url(../img/startseite-weitgasser-balken-small.png) no-repeat center;
	}
#startseite-balken-rot-mitte-unten a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 8px;
	display: block;
	color: #fff;
	}
#startseite-balken-rot-mitte-unten a:hover {
	color: #000;
	}
#startseite-foto-links, #startseite-foto-mitte, #startseite-foto-rechts {
	width: 276px;
	padding: 0 14px 15px 15px;
	background: url(../img/startseite-weitgasser-balken-hg.png) repeat-y center;
	}
#startseite-text-links, #startseite-text-rechts, #startseite-text-mitte {
	widht: 255px;
	height: 193px;
	background: url(../img/startseite-weitgasser-balken-hg.png) repeat-y center;
	padding: 0 25px;
	}
#startseite-text-mitte {
	height: 88px;
	}
#startseite-balken-mitte-underground {
	width: 276px;
	height: 65px;
	padding: 0 14px 0 15px;
	background: url(../img/startseite-weitgasser-balken-hg.png) repeat-y center;
	}
#startseite-bottom-links, #startseite-bottom-mitte, #startseite-bottom-rechts {
	width: 276px;
	height: 67px;
	padding: 18px 14px 0 15px;
	background: url(../img/startseite-weitgasser-balken-small-bottom.png) no-repeat center top;
	color: #fff;
	}
#startseite-bottom-mitte {
	padding: 12px 14px 0 15px;
	height: 71px;
	background: url(../img/startseite-weitgasser-balken-mitte-bottom.png) no-repeat center top;
	}
#ende {
	clear: both;
	}
#startseite-adressleiste {
	width: 724px;
	height: 70px;
	color: #fff;
	margin: 20px auto;
	}
#startseite-adressleiste a{
	color: #fff;
	text-decoration: none;
	}
#startseite-adressleiste a:hover {
	text-decoration: underline;
	}
#startseite-adressleiste table{
	font-size: 11px;
	text-align: center;
	}
/*--------------------------Ende-Startseite--------------------------------*/

#hg-top {
	width: 100%;
	background:url(../img/body-hg.gif) repeat-x top center;
	}
#hg-black {
	width: 100%;
	background: #fff url(../img/hg-navi-weitgasser.gif) repeat-y center;
	}
#hauptfenster {
	width: 975px;
	text-align: left;
	margin: 0 auto;
	}
#navibalken {
	width: 266px;
	padding: 12px 0 15px 0;
	float:left;
	}
#logo {
	width: 266px;
	height: 158px;
	}
#balken-rot {
	width: 236px;
	padding: 0 15px;
	height: 32px;
	text-align: center;
	background:url(../img/balken-rot-weitgasser.png) no-repeat center top;
	}
#navigation {
	width: 246px;
	background:url(../img/hg-navi-weitgasser.gif) repeat-y left;
	padding: 23px 10px 0 10px;
	color: #fff;
	}
#suche-sprachen {
	width: 195px;
	height: 16px;
	padding: 23px 0 25px 26px;
	}
#suche {
	width: 130px;
	height: 16px;
	float: left;
	}
#sprachen {
	height: 16px;
	float: right;
	}
#navi {
	width: 195px;
	padding: 0 0 9px 26px;
	}
#skireservierung {
	width: 195px;
	height: 50px;
	padding: 0 0 18px 26px;
	}
#oeffnungszeiten {
	width: 195px;
	padding: 0 0 0 26px;
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	}
#flash {
	width: 690px;
	height: 126px;
	float: right;
	}
#slideshow {
	width: 650px;
	height: 200px;
	padding: 10px 20px 0 20px;
	background:url(../img/slideshow-hg-weitgasser.png) no-repeat center top;
	float: right;
	text-align: center;
	}
#newsticker {
	width: 650px;
	height: 17px;
	margin: 8px 20px 28px 0;
	float: right;
	border-bottom: 1px dotted #D6D6D6;
	color: #D10019;
	font-size: 11px;
	line-height: 1em;
	}

#content {
	width: 650px;
	padding: 0 20px 34px 0;
	float: right;
	}
#hg-bottom { 
	width: 100%;
	height: 171px;
	background: url(../img/bottom-hg.png) repeat-x top center;
	}
#bottom-inside {
	width: 975px;
	margin: 0 auto;
	}
#adressleiste {
	width: 650px;
	height: 32px;
	padding: 70px 20px 69px 0;
	float: right;
	text-align: right;
	color: #fff;
	}
#adressleiste table {
	font-size: 11px;
	}
#adressleiste a{
	color: #fff;
	text-decoration: none;
	}
#adressleiste a:hover{
	text-decoration: underline;
	}
#underground-balken {
	width: 266px;
	height: 141px;
	float: left;
	}

/*=====================LIST-NAVIGATION======================*/

#LM_level_1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#LM_level_1 li {
	list-style-position: outside;
	margin: 10px 0 0 0;
	/*display: block;*/
	padding: 0 0 3px 0;
	margin-bottom: 8px;
	border-bottom: 1px dotted #595959;
	font-size: 14px;
	line-height: 1em;
	}
#LM_level_1 li a{
	color: #fff;
	text-decoration: none;
	}
#LM_level_1 li a:hover{
	color: #D10019;
	}
#LM_level_2 {
	list-style-type: none;
	margin: 5px 0px;
	padding: 0;
	}
#LM_level_2 li {
	color: #fff;
	list-style-position: outside;
	margin: 0 0 3px 0;
	line-height: 1em;
	padding-left: 20px;
	font-size: 12px;
	font-weight: normal;
	border: none;
	}
#LM_level_2 li a{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}
#LM_level_2 li a:hover {
	color: #D10019;
	}
#LM_youAreHere {
	font-weight: bold;
	}
#LM_level_2 #LM_youAreHere {
	color: #fff;
	font-weight: bold;
	}
#LM_level_1 li.LM_expanded{
	/*border-bottom: 1px dotted #595959;*/
	font-weight: bold;
	}
#LM_level_1 li.LM_expanded a{
	color: #fff;
	}
#LM_level_1 li.LM_expanded a:hover{
	color: #D10019;
	}

/*=====================ENDE LIST-NAVIGATION======================*/



/*---------------------KLASSEN------------------------------*/

.box-grau {
	background-color: #EFEFEF;
	padding: 5px;
	}
a.button-rot {
	display: block;
	padding: 3px;
	margin: 2px 3px;
	border: 1px solid #8C0C0F;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #8C0C0F url(../img/button-hg.gif) repeat-x top;
	}
a.button-rot:hover {
	border: 1px solid #fff;
	color: #fff;
	background: #8C0C0F url(../img/button-hg-hover.gif) repeat-x top;
	}
.abstand-oben {
	padding-top: 5px;
	}
.box-grau td{
	background-color: #EFEFEF;
	padding: 5px;
	}
h5.rotebalken {
	padding-top: 7px;
	color: #fff;
	}
.ug-boxen {
	background: #E0E0E0 url(../img/ug-hg.gif) no-repeat center;
	}
.flaggen {
	border: 1px solid #696969;
	margin: 0 2px;
	}
.flaggen:hover {
	border: 1px solid #fff;
	}
.printey { display: none; }

.tabelle {
	border-collapse: collapse;
	background-color: #E2E2E2;
	text-align: left;
	font-size: 12px;
	margin-bottom: 5px;
	vertical-align: middle;
	}
.tabelle td {
	padding: 5px;
	border: 1px solid #fff;
	}
.tabelle-header {
	background: #595959 url(../img/tabelle-header-hg.png) repeat-x top;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	}
.tabelle-header a{
	color: #fff;
	text-decoration: none;
	}
.tabelle-header a:hover {
	color: red;
	}
.tabelle-hervorhebung {
	background: #890C0F url(../img/button-hg.gif) repeat-x top;
	font-weight: bold;
	padding: 4px;
	color: #fff;
	}
.tabelle-hell {
	background-color: #EFEFEF;
	}
.EGthumbnail { 
	background: #EEEEEE;
	border: 1px solid #D6D6D6;
	padding: 3px;
	margin-bottom: 5px;
	}

/*---------------------ANFRAGEFORMULAR-----------------------------*/

#errorMessage {
	background-color: #EFEFEF;
	border: 1px solid red;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#successMessage {
	background-color: #EFEFEF;
	border: 1px solid green;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#formular label {
	display: block;
	float: left;
	width: 140px;
	vertical-align: middle;
	padding: 3px 0px 0px 5px;
	}
#formular p {
	clear: left;
	background-color: #EFEFEF;
	padding: 5px;
	margin-bottom: 2px;
	width: 98%;
	border: 1px solid #E2E2E2;
	}
#formular input {
	border: 1px solid #E2E2E2;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #000;
	}
#formular textarea {
	border: 1px solid #E2E2E2;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #000;
	width: 450px;
	}
#formular .pflichtfelder {
	border: 1px solid #9AACBA;
	}	
#formular #sendenbutton, #formular #loeschenbutton {
	width: 90%;
	height: 25px;
	padding: 3px;
	margin: 2px 3px;
	border: 1px solid #8C0C0F;
	color: #fff;
	background: #8C0C0F url(../img/button-hg.gif) repeat-x bottom;
	}
#formular #sendenbutton:hover, #formular #loeschenbutton:hover {
	border: 1px solid #fff;
	color: #fff;
	background: #8C0C0F url(../img/button-hg-hover.gif) repeat-x bottom;
	cursor: pointer;
	}

/*---------------------MINI-ANFRAGEFORMULAR-----------------------------*/
#miniformular {
	margin-top: 6px;
	text-align: center;
	}
#miniformular table { font-size: 12px; }

#datum3, #datum4 {
	background-color: #2F2F2F;
	border: 1px solid #2F2F2F;
	width: 153px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	height: 15px;
	padding: 0 0 0 2px;
	margin-bottom: 2px;
	}
*+html #datum3, *+html #datum4 {
	margin-top: -1px;
	width: 106px;
	}
#abschicken {
	border: 0px;
	width: 195px;
	height: 20px;
	margin-top: 3px;
	}

/*----------------------- Minisuchformular ---------------------------------------*/
#searchbox {
	margin: 0;
	vertical-align: top;
	}
#suchfeld {
	background-color: #2F2F2F;
	height: 14px;
	width: 110px;
	margin: 0px 3px 0px 0px;
	padding: 0px 0px 0px 3px;
	color: #fff;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height:11px;
	border: 1px solid #2F2F2F;
	vertical-align: top;
	}
* html #suchfeld { margin-top: -1px; } /* Hack für IE6*/
*+html #suchfeld { margin-top: -1px; } /* Hack für IE7*/
#suchbutton {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
	border: none;
	vertical-align: top;
	}
	
/*---------------------GOOGLE-MAPS-----------------------------*/

#aussenrahmen {
	/*border: 1px solid #FCE5CB;*/
	width: 100%;
	text-align: center;
	}
#karte {
	width: 100%; 
	height: 320px;
	}
#input-hintergrund {
	background: #000;
	padding: 5px;
	}
#adresseingabe {
	width: 90%;
	padding: 1px;
	margin: 5px 3px;
	height: 20px;
	border: none;
	background-color: #2F2F2F;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
	}
#mapsButton1, #mapsButton2, #mapsButton3 {
	width: 90%;
	height: 25px;
	padding: 3px;
	margin: 2px 3px;
	border: 1px solid #8C0C0F;
	color: #fff;
	background: #8C0C0F url(../img/button-hg.gif) repeat-x bottom;
	}
#mapsButton1:hover, #mapsButton2:hover, #mapsButton3:hover {
	border: 1px solid #fff;
	color: #fff;
	background: #8C0C0F url(../img/button-hg-hover.gif) repeat-x bottom;
	cursor: pointer;
	}
.sprechblase {
	color: #000;
	font-size: 12px;
	}

/*----------------------- FLASHÜBERSCHRIFTEN ---------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	/*display: block;*/
	overflow: hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 25px;
	}
.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 21px;
	}	
.sIFR-hasFlash h5.rotebalken {
	visibility: hidden;
	line-height: 11px;
	}	

/*------------------Angebote von Sport 2000---------------*/
.product {
	width: 100%;
	}	

/*----------------------- Transparente PNGS in IE6----------------------------------*/
* html img, div { behavior: url(iepngfix.htc) };

