@font-face {
    font-family: 'massbachwetter_sansXBdIt';
    src: url('fonts/massbachwettersans-extrablditalic-webfont.eot');
    src: url('fonts/massbachwettersans-extrablditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-extrablditalic-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-extrablditalic-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-extrablditalic-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-extrablditalic-webfont.svg#massbachwetter_sansXBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansextrabold';
    src: url('fonts/massbachwettersans-extrabold-webfont.eot');
    src: url('fonts/massbachwettersans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-extrabold-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-extrabold-webfont.svg#massbachwetter_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansitalic';
    src: url('fonts/massbachwettersans-italic-webfont.eot');
    src: url('fonts/massbachwettersans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-italic-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-italic-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-italic-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-italic-webfont.svg#massbachwetter_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansregular';
    src: url('fonts/massbachwettersans-regular-webfont.eot');
    src: url('fonts/massbachwettersans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-regular-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-regular-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-regular-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-regular-webfont.svg#massbachwetter_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansbold';
    src: url('fonts/massbachwettersans-bold-webfont.eot');
    src: url('fonts/massbachwettersans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-bold-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-bold-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-bold-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-bold-webfont.svg#massbachwetter_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansBdIt';
    src: url('fonts/massbachwettersans-bolditalic-webfont.eot');
    src: url('fonts/massbachwettersans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-bolditalic-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-bolditalic-webfont.svg#massbachwetter_sansBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansbook';
    src: url('fonts/massbachwettersans-book-webfont.eot');
    src: url('fonts/massbachwettersans-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-book-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-book-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-book-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-book-webfont.svg#massbachwetter_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'massbachwetter_sansbookitalic';
    src: url('fonts/massbachwettersans-bookitalic-webfont.eot');
    src: url('fonts/massbachwettersans-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/massbachwettersans-bookitalic-webfont.woff2') format('woff2'),
         url('fonts/massbachwettersans-bookitalic-webfont.woff') format('woff'),
         url('fonts/massbachwettersans-bookitalic-webfont.ttf') format('truetype'),
         url('fonts/massbachwettersans-bookitalic-webfont.svg#massbachwetter_sansbookitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


.nav_big {font-family: massbachwetter_sansbold; sans-serif; font-size: 21px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #00151d; text-decoration: none; cursor:pointer;}
.nav_sml {font-family: massbachwetter_sansbook; sans-serif; font-size: 15px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #00151d; text-decoration: none;}
.nav_sml_rt {font-family: massbachwetter_sansbook; sans-serif; font-size: 15px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #c50c29; text-decoration: none;}

.nav_big:hover {font-family: massbachwetter_sansbold; sans-serif; font-size: 21px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #c50c29; text-decoration: none; cursor:pointer;}
.nav_sml:hover {font-family: massbachwetter_sansbook; sans-serif; font-size: 15px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #c50c29; text-decoration: none;}

.nav_u_big {font-family: massbachwetter_sansbold; sans-serif; font-size: 17px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #00151d; text-decoration: none;}
.nav_u_sml {font-family: massbachwetter_sansbook; sans-serif; font-size: 13px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #00151d; text-decoration: none;}

.nav_u_sml:hover {font-family: massbachwetter_sansbook; sans-serif; font-size: 13px; letter-spacing: 0pt; word-spacing: 0pt; line-height: 100%; color: #c50c29; text-decoration: none;}



.text_normal {  font-family: massbachwetter_sansbook; sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal ;color: #c50c29}
.text_fett {  font-family: massbachwetter_sansbold; sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: normal ;color: #c50c29}
.text_fett_sw {  font-family: massbachwetter_sansbold; sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: normal ;color: #00151d}
.text_klein {  font-family: massbachwetter_sansbook; sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal ;color: #c50c29}
.text_titel {  font-family: massbachwetter_sansbold; sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: normal ;color: #00151d}
.text_monatsplan {  font-family: massbachwetter_sansbook; sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal ;color: #00151d}

.vorstellungstitel {font-family: massbachwetter_sansbold; sans-serif; font-size: 18px; font-style: normal; font-weight: normal; line-height: normal ;color: #00151d; text-decoration:underline; text-decoration-skip:ink}
.originaltitel {white-space:nowrap; font-family: massbachwetter_sansbold; sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal ;color: #00151d; text-decoration:none; text-decoration-skip:ink}
.text_link {  font-family: massbachwetter_sansbook; sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal ;color: #c50c29; text-decoration: underline; text-decoration-style: dashed; text-decoration-skip:ink}
.text_link_klein {  font-family: massbachwetter_sansbook; sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal ;color: #c50c29; text-decoration: underline; text-decoration-style: dashed; text-decoration-skip:ink}
.fett_link {  font-family: massbachwetter_sansbold; sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal ;color: #00151d; text-decoration: underline; text-decoration-style: dashed; text-decoration-skip:ink}
.text_motto {  font-family: massbachwetter_sansbold; sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: normal ;color: #00151d}

.kalendertext {white-space:nowrap; font-family: massbachwetter_sansbold; sans-serif; font-size: 18px; font-style: normal; font-weight: normal; line-height: normal ;color: #c50c29; text-decoration:underline; text-decoration-skip:ink}
.kalendertext_a {float:left; font-family: massbachwetter_sansbook; sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: normal ;color: #c50c29}
.kalendertext_b {float:left; font-family: massbachwetter_sansbold; sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: normal ;color: #c50c29}
.kalendertext_k {float:left; font-family: massbachwetter_sansbookitalic; sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: normal ;color: #c50c29}
.datumstext_tag {font-family: massbachwetter_sansextrabold; sans-serif; font-size: 20px; font-style: normal; font-weight: normal; line-height: 0.9 ;color: white}
.datumstext {font-family: massbachwetter_sansextrabold; sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.2 ;color: white}
.top_datumstext {font-family: massbachwetter_sansextrabold; sans-serif; font-size: 10px; font-style: normal; font-weight: normal; line-height: 1.1 ;color: white}

.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }


#c50c29 massbachrot
#00151d massbachschwarz






body {
    text-align: center;
}

	 #hp_wrapper{
		width:1020px;
		margin:auto;
		text-align:left;
		background-color: white;
		z-index: 95;
		overflow: hidden;
		border-left-width: 1px;
		border-left-color: white;
		border-left-style: solid;
		border-right-width: 1px;
		border-right-color: white;
		border-right-style: solid;
	}	 

	
#slide {
  z-index: 100;
  position: absolute;
    margin: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 8px;
  height: 500px;
}	
#slide2 {
  z-index: 300;
  position: absolute;
    margin: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: 8px;
  height: 500px;
  background-color: white;
}	
	
#slideshow {
  z-index: 200;
  margin: 0px;
    left: 0px;
  position: absolute;
  width: 1000px;
  height: 500px;
  padding: 10px;
  background-color: white;
}

#slideshow > div {
  z-index: 200;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: white;
}	

	 

	 #footer{
        z-index: 900;
		position: fixed;
		bottom: 0;
		margin-left: 14px;
        width: 982px;
		height: 33px;
		padding-left: 10px;
		padding-top: 5px;
		background-color: white;
		border-top-width: 1px;
		border-top-color: lightgrey;
		border-top-style: solid;
	}	
	 #imp_footer{
        z-index: 999;
		position: fixed;
		bottom: 0;
		margin-left: 660px;
        width: 340px;
		height: 30px;
		padding-left: 10px;
		padding-top: 5px;
		background-color: none;
	}		
	
	
	 #facebook{
		z-index: 500;
		position: absolute;
		margin-left: 0px;
		margin-top: 20px;
        width: 302px;
		height: 2000px;
        padding: 0px;
		background-color: white;
		overflow: visible;
	}
	
	
	 #spalte_1 {
		z-index: 510;
		position: absolute;
		margin-left: 0px;
		margin-top: 500px;
        width: 310px;
        padding-left: 15px;
		overflow: visible;
		background-color: white;
		border-top-color: white;
		border-top-style: solid;
		border-left-width: 1px;
		border-left-color: white;
		border-left-style: solid;
		border-right-width: 1px;
		border-right-color: white;
		border-right-style: solid;
	}
	 #spalte_2 {
		z-index: 500;
		position: absolute;
		margin-left: 345px;
		margin-top: 350px;
        width: 600px;
        padding-right: 15px;
		overflow: visable;
		background-color: white;
		border-top-color: white;
		border-top-style: solid;
		border-right-width: 1px;
		border-right-color: white;
		border-right-style: solid;
	}	
	 #vorverkauf {
        z-index: 510;
        position: relative;
		top: 20px;
		left: 0px;
        margin: auto;
        width: 550px;
		height: 650px;
        padding: 0px;
        font-size: 12px;
        color: #FFFFFF;
		background-color: white;
		overflow: hidden;
     }  	
	 #gutscheinshop {
        z-index: 510;
        position: relative;
		top: 120px;
		left: 0px;
        margin: auto;
        width: 990px;
		height: 2500px;
        padding: 0px;
        font-size: 12px;
        color: #FFFFFF;
		background-color: white;
		overflow: hidden;
     }
	 #spalte_gutschein {
		z-index: 510;
		position: absolute;
		margin-left: 320px;
		margin-top: 55px;
        width: 600px;
		overflow: visable;
		background-color: white;
	}		 
	 #gaestebuch {
        z-index: 510;
        position: relative;
		top: 10px;
		left: 0px;
        margin: auto;
        width: 600px;
		height: 3000px;
        padding: 0px;
        font-size: 12px;
        color: #FFFFFF;
		background-color: white;
		overflow: hidden;
     }	
	 #kalenderkasten {
	 	transform:rotate(-4deg);
		-ms-transform:rotate(-4deg); /* für ältere IE Versionen */
		-moz-transform:rotate(-4deg); /* für ältere FireFox Versionen */
		-webkit-transform:rotate(-4deg); /*  für ältere Safari und Chrome Versionen */
		-o-transform:rotate(-4deg); /* für ältere Opera Versionen */
		position: relative;
		margin-left: 0px;
		margin-top: 10px;
		width: 650px;
		text-align: center;
		overflow: hidden;
}	
	 #kalenderkreis {
	 	border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		-o-border-radius: 50%;
		background-color: #c50c29;
		float: left;
		margin-left: 0px;
		margin-top: 0px;
		width: 65px;
		height: 65px;	
		text-align: center;
		overflow: hidden;
}
	 #kalenderzeile {
		background-color: none;
		margin-left: 80px;
		margin-top: -65px;
		width: 600px;
		text-align: center;
		overflow: visible;
		float: left;
}	
	 #stueck_kalenderkasten {
	 	transform:rotate(-4deg);
		-ms-transform:rotate(-4deg); /* für ältere IE Versionen */
		-moz-transform:rotate(-4deg); /* für ältere FireFox Versionen */
		-webkit-transform:rotate(-4deg); /*  für ältere Safari und Chrome Versionen */
		-o-transform:rotate(-4deg); /* für ältere Opera Versionen */
		position: relative;
		margin-left: 0px;
		margin-top: 0px;
		width: 660px;
		text-align: center;
		overflow: hidden;
}	
	 #stueck_kalenderkreis {
	 	border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		-o-border-radius: 50%;
		background-color: white;
		float: left;
		margin-left: 0px;
		margin-top: 0px;
		width: 1px;
		height: 25px;	
		text-align: center;
		overflow: hidden;
}
	 #stueck_kalenderzeile {
		background-color: none;
		margin-left: 0px;
		margin-top: 0px;
		width: 600px;
		text-align: center;
		overflow: visible;
		float: left;
}	
	 #stueckzeile {
		background-color: none;
		margin-left: 80px;
		margin-top: -70px;
		width: 600px;
		text-align: center;
		overflow: visible;
		float: left;
}	
	 #stueckkreis {
	 	border-radius: 50%;
		-ms-border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		-o-border-radius: 50%;
		background-color: white;
		float: left;
		margin-left: 0px;
		margin-top: 10px;
		width: 65px;
		height: 65px;	
		text-align: center;
		overflow: hidden;
		border-width: 0px;
		border-color: white;
		border-style: solid;
		background-image: url(../pic/tsm_signet.jpg);
}	
	
	

	
#stueckfoto{
	z-index: 520;
	width: 302px;
	height: auto;
    background-color: white;
    padding:0;
    margin:0;
    float:left;
}
#stueckfoto_bar{
	z-index: 510;
	width: 630px;
	height: 1px;	
	left: 0px;
	top: -350px;
    position:relative;
    bottom:0;
    margin:0;
    padding:0;
    visibility:hidden;
	overflow: visable;
	-webkit-transform: scale(1.2) rotate(-11deg);
	-moz-transform: scale(1.2) rotate(-11deg);
	-o-transform: scale(1.2) rotate(-11deg);
	-ms-transform: scale(1.2) rotate(-11deg);
	transform: scale(1.2) rotate(-11deg);
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
#stueckfoto:hover > #stueckfoto_bar{
    visibility:visible;
		transform:translate(320px, 0px);
		-ms-transform:translate(320px, 0px); /* für ältere IE Versionen */
		-moz-transform:translate(320px, 0px); /* für ältere FireFox Versionen */
		-webkit-transform:translate(320px, 0px); /*  für ältere Safari und Chrome Versionen */
		-o-transform:translate(320px, 0px); /* für ältere Opera Versionen */
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}
#fotospace{
	z-index: 520;
	width: 10px;
	height: 300px;
    background-color: white;
    padding:0;
    margin:0;
    float:left;
}
#space{
	z-index: 520;
	width: 300px;
	height: 100px;
    background-color: white;
    padding:0;
    margin:0;
    float:left;
}


#ensemblespace{
	z-index: 520;
	width: 600px;
	height: auto;
    background-color: white;
    padding:0;
    margin:0;
    float:left;
}
#ensemblefoto{
	z-index: 520;
	width: 151px;
	height: 262px;
	margin-top: 24px;
	margin-left: 24px;
	margin-right: 24px;
    background-color: white;
    float: left;
	overflow: hidden;
}
#ensemblefoto_bar{
	z-index: 520;
	width: 151px;
	height: 202px;
    background-color: lightgrey;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#ensemblefoto_bar:hover{
	-webkit-transform: scale(1.3) rotate(-11deg);
	-moz-transform: scale(1.3) rotate(-11deg);
	-o-transform: scale(1.3) rotate(-11deg);
	-ms-transform: scale(1.3) rotate(-11deg);
	transform: scale(1.3) rotate(-11deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#ensemblefoto_abdecker{
		transform:rotate(-10deg);
		-ms-transform:rotate(-10deg); /* für ältere IE Versionen */
		-moz-transform:rotate(-10deg); /* für ältere FireFox Versionen */
		-webkit-transform:rotate(-10deg); /*  für ältere Safari und Chrome Versionen */
		-o-transform:rotate(-10deg); /* für ältere Opera Versionen */
        z-index: 521;
		position:relative;
		margin-left: -6px;
		margin-top: -13px;
        width: 145px;
		height: 55px;
		padding-top: 5px;
        padding-left: 8px;
		padding-right: 12px;
		background-color: white;
		overflow: hidden;
	 	 }



	
	
	
	 #top_foto{
        z-index: 95;
		position:relative;
		margin-left: 15px;
		margin-top: 0px;
        width: 990px;
		height: 300px;
        padding: 0px;
		background-color: white;
		overflow: hidden;
	}
	 #top_foto_abdecker{
		transform:rotate(-10deg);
		-ms-transform:rotate(-10deg); /* für ältere IE Versionen */
		-moz-transform:rotate(-10deg); /* für ältere FireFox Versionen */
		-webkit-transform:rotate(-10deg); /*  für ältere Safari und Chrome Versionen */
		-o-transform:rotate(-10deg); /* für ältere Opera Versionen */
        z-index: 95;
		position:relative;
		margin-left: -10px;
		margin-top: -100px;
        width: 1040px;
		height: 200px;
        padding: 0px;
		background-color: white;
	 	 }
	 #logo{
		z-index: 295;
		position: absolute;
		margin-left: 30px;
		margin-top: 203px;
        width: 250px;
		height: 250px;
        padding: 0px;
		background-color: none;
	 	 }
		 
		 

		 
		 
		 
		 
		 
		 
		 
		 
	 #navigator{
		transform:rotate(-10deg);
		-ms-transform:rotate(-10deg); /* für ältere IE Versionen */
		-moz-transform:rotate(-10deg); /* für ältere FireFox Versionen */
		-webkit-transform:rotate(-10deg); /*  für ältere Safari und Chrome Versionen */
		-o-transform:rotate(-10deg); /* für ältere Opera Versionen */
		z-index: 295;
		position: absolute;
		margin-left: 300px;
		margin-top: 190px;
        width: 700px;
		height: 50px;
        padding: 0px;
		background-color: white;		
	 }
	 #navigator_1{
        z-index: 295;
		position:absolute;
		margin-left: 0px;
		margin-top: 0px;
        width: 700px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }
	 #navigator_1_zu{
        z-index: 295;
		position:absolute;
		margin-left: 0px;
		margin-top: 0px;
        width: 700px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }		 
	 #navigator_1:hover{
        z-index: 295;
		position:absolute;
		margin-left: 5px;
		margin-top: 0px;
        width: 700px;
		height: 85px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }
	 #navigator_1_offen{
        z-index: 295;
		position:absolute;
		margin-left: 5px;
		margin-top: 0px;
        width: 700px;
		height: 85px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }
	 #navigator_2{
        z-index: 295;
		position:absolute;
		margin-left: 135px;
		margin-top: 0px;
        width: 500px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }
	 #navigator_2_zu{
        z-index: 295;
		position:absolute;
		margin-left: 135px;
		margin-top: 0px;
        width: 500px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }		 
	 #navigator_2:hover{
        z-index: 295;
		position:absolute;
		margin-left: 140px;
		margin-top: 0px;
        width: 500px;
		height: 205px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }		 
	 #navigator_2_offen{
        z-index: 295;
		position:absolute;
		margin-left: 140px;
		margin-top: 0px;
        width: 500px;
		height: 205px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }				 
	 #navigator_3{
        z-index: 295;
		position:absolute;
		margin-left: 285px;
		margin-top: 0px;
        width: 390px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }
	 #navigator_3_zu{
        z-index: 295;
		position:absolute;
		margin-left: 285px;
		margin-top: 0px;
        width: 390px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }		 
	 #navigator_3:hover{
        z-index: 295;
		position:absolute;
		margin-left: 290px;
		margin-top: 0px;
        width: 390px;
		height: 205px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }				 
	 #navigator_3_offen{
        z-index: 295;
		position:absolute;
		margin-left: 290px;
		margin-top: 0px;
        width: 390px;
		height: 205px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }			 
	 #navigator_4{
        z-index: 295;
		position:absolute;
		margin-left: 475px;
		margin-top: 0px;
        width: 220px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }
	 #navigator_4_zu{
        z-index: 295;
		position:absolute;
		margin-left: 475px;
		margin-top: 0px;
        width: 220px;
		height: 30px;
        padding: 0px;
		overflow: hidden;
		background-color: white ;
		color: #00151d;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	 	 }		 
	 #navigator_4:hover{
        z-index: 295;
		position:absolute;
		margin-left: 480px;
		margin-top: 0px;
        width: 220px;
		height: 175px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }				 
	 #navigator_4_offen{
        z-index: 295;
		position:absolute;
		margin-left: 480px;
		margin-top: 0px;
        width: 220px;
		height: 175px;
        padding-top: 5px;
		color: #c50c29;
		background-color: white ;
	 	 }		

	 #navigator_linie_1{
        z-index: 295;
        position: relative;
		width: 1px;
        height: 50px;
		margin-top: 0px;
		margin-left: 0px;
        width: auto;
        padding: 1px;
        border-left: 2px dotted #c50c29;
	 }
	 #navigator_linie_2{
        z-index: 295;
        position: relative;
		width: 1px;
        height: 70px;
		margin-top: 0px;
		margin-left: 0px;
        width: auto;
        padding: 1px;
        border-left: 2px dotted #c50c29;
	 }
	 #navigator_linie_3{
        z-index: 295;
        position: relative;
		width: 1px;
        height: 106px;
		margin-top: 0px;
		margin-left: 0px;
        width: auto;
        padding: 1px;
        border-left: 2px dotted #c50c29;
	 }
	 #linie{
        z-index: 295;
        position: relative;
		width: 100%;
        height: 1px;
		margin-top: 0px;
		margin-left: 0px;
        padding: 1px;
        border-top: 1px solid lightgrey;
	 }	 
	 #haarlinie{
        z-index: 295;
        position: relative;
		width: 100%;
        height: 1px;
		margin-top: 0px;
		margin-left: 0px;
        padding: 1px;
        border-top: 1px solid lightgrey;
	 }	 	 
	 #rand{
        z-index: 999;
        position: relative;
		width: 1px;
        height: 100%;
		margin-top: 0px;
		margin-left: 0px;
        width: auto;
        padding: 1px;
        border-left: 2px dotted #c50c29;
	 }		 
	 
	 #navigator_u{
        z-index: 901;
		position: fixed;
		bottom: 0;
		margin-left: 325px;
        width: 30px;
		height: 55px;
        padding: 0px;
		overflow: hidden;
		background-color: none;
		border-top: 0px solid white;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 	 }
	 #navigator_u_zu{

	 	 }		 
	 #navigator_u:hover{
        z-index: 901;
		position: fixed;
		bottom: 0;
		margin-left: 325px;
        width: 690px;
		height: 310px;
        padding: 0px;
		overflow: hidden;
		background-color: none;
		border-top: 0px solid lightgrey;
		background-image: url(../pic/nav_u_bgr.png);
		background-repeat: no-repeat;
	 	 }
	 #navigator_u_offen{
	 
	 	 }	 
	 #navbox_0_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 30px;
		height: 244px;
        padding: 21px 0px 0px 0px;
		overflow: hidden;
		background-color: none ;
	 	 }				 
	 #navbox_1_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 120px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }		 		 
	 #navbox_2_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 145px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }	
	#navbox_3_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 145px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }	
	 #navbox_4_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 165px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }			 
		 
		 
	 #navtitel_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 165px;
		height: 23px;
        padding: 4px 0px 1px 5px;
		overflow: hidden;
		background: white;	
		text-decoration: none;
		border-left: 2px dotted #c50c29;
	 	 }		 
	 #navinhalt_u{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 165px;
		height: 15px;
        padding: 3px 3px 3px 5px;
		overflow: hidden;
		background: white;	
		text-decoration: none;
		color: #00151d;
		border-left: 2px dotted white;
		-webkit-transition: all 1.0s ease-out;
		-moz-transition: all 1.0s ease-out;
		-o-transition: all 1.0s ease-out;
		transition: all 1.0s ease-out;
	 	 }
	 #navinhalt_u:hover{
		background: white;
		color: #c50c29;
		border-left: 2px dotted #c50c29;
		-webkit-transition: all 0.1s;
		-moz-transition: all 0.1s;
		-o-transition: all 0.1s;
		transition: all 0.1s;
	 	 }		 


		 
	 #navbox_1_err{
        z-index: 901;
		float: left;
		margin-left: -10px;
        width: 110px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }		 		 
	 #navbox_2_err{
        z-index: 901;
		float: left;
		margin-left: -10px;
        width: 135px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }	
	#navbox_3_err{
        z-index: 901;
		float: left;
		margin-left: -10px;
        width: 140px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: hidden;
		background-color: none ;
	 	 }	
	 #navbox_4_err{
        z-index: 901;
		float: left;
		margin-left: -10px;
        width: 140px;
		height: 234px;
        padding: 22px 7px 7px 7px;
		overflow: visable;
		background-color: none ;
	 	 }			 
		 
		 
	 #navtitel_err{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 165px;
		height: 23px;
        padding: 4px 0px 1px 5px;
		overflow: visable;
		background: white;	
		text-decoration: none;
		border-left: 2px dotted #c50c29;
	 	 }		 
	 #navinhalt_err{
        z-index: 901;
		float: left;
		margin-left: 0px;
        width: 165px;
		height: 15px;
        padding: 3px 3px 3px 5px;
		overflow: hidden;
		background: white;	
		text-decoration: none;
		color: #00151d;
		border-left: 2px dotted white;
		-webkit-transition: all 1.0s ease-out;
		-moz-transition: all 1.0s ease-out;
		-o-transition: all 1.0s ease-out;
		transition: all 1.0s ease-out;
	 	 }
	 #navinhalt_err:hover{
		background: white;
		color: #c50c29;
		border-left: 2px dotted #c50c29;
		-webkit-transition: all 0.1s;
		-moz-transition: all 0.1s;
		-o-transition: all 0.1s;
		transition: all 0.1s;
	 	 }		 
		 
	#audio {display:none;margin:0;font-size:1.5em;}
	.playlist_container {margin:1em 0;}
	.playlist_container h3 {cursor:pointer;margin:0; padding:0;}
	.song {clear:left; margin:0; padding: .5em .5em .2em .5em; width: 300px; height: 50px; background:;}
	.song:hover {background:;}
	.song:focus-within{background:;}
	.song input {margin: 0 2em .5em 0;float:left;padding:0;border-radius:0px;}
	.song input:hover {transform: scale(1.05);}
	.song p {margin:0 0 0.5em 0;cursor:pointer; font-size:1.5em;}
	.song:after {
		content : ".";
		display : block;
		height : 0;
		clear : left;
		visibility : hidden;	
		}			 
		 
ul { 
	list-style-type: disc;
	}
li { 
	list-style-type: disc;
	width:130px;
	height:25px;
	background-color: none;
	}