* { /* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;

}
body, html
	{
	margin: 0;
	padding: 0;
	height: 110%;
	font: 12px Verdana;
	text-align: left;
	letter-spacing: 0.7px;
	color: white;
	background-color: #1e1d1c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}
img a {
	
	text-decoration: none;
	border: 0px solid black;
}
	
a
{
	font: bold 12px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	color: white;
}
a:hover
{
	font: bold 12px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: underline;
	color: white;
}
div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

div#container
	{
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 971px;
	background-color: #1e1d1c;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
	background-image: url(../images/bg_rand.jpg);
	background-repeat: repeat-y;
}

div#head
	{
	width: 962px;
	height: 223px;
	text-align: left;
	color: blue;
	border-bottom: 0px solid black;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	background-color: #1e1d1c;
	background-image: url(../images/logo.jpg);
}

div#navi
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 962px;
	height: 45px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	background-color: #1e1d1c;
	border-bottom: 0px solid black;
	border-top: 0px solid black;
	background-image: url(../images/nav_bg.jpg);
}

div#content
	{
	width: 962px;
	height: 100%;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	background-color: #1e1d1c;
	border: 0px solid red;
}

div#navi2
	{
	float: left;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	width: 176px;
	height: 100%;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-bottom: 0px solid black;
	border-top: 0px solid black;
	border-right: 1px solid white;
	border-left: 1px solid white;
	background-image: url(../images/_menubg.jpg);
	
}

div#cont1
	{
	display: block;
	float: right;
	width: 760px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b2b2c;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}

div#cont2
	{
	display: block;
	clear: both;
	width: 940px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b2b2c;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
div#cont2.home{
	width: 910px;
	margin: 0px 0px 0px 30px;
	color: white;
}
div#cont2.home img{
	border:none;
}
div#cont_gall
	{
	float: right;
	width: 780px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2b2b2c;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
div#cont3
	{
	display: block;
	clear: both;
	width: 940px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
div#footer
	{
	clear: both;
	display: block;
	width: 963px;
	margin: 0px 0px 0px 4px;
	padding: 20px 0px 20px 0px;
	background-color: black;
	border: 0px solid transparent;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* CSS für Button im Normalzustand */ 
#home a 
{ 
width:81px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
text-align: center;
background-position: center;
background-image:url(../images/home_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#home a:hover 
{ 
width:81px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/home_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#home1 a
{ 
width:81px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/home_over.jpg); 
background-repeat:no-repeat; 
} 
 
/* CSS für Button im Normalzustand */ 
#brothers a 
{ 
width:123px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#brothers a:hover 
{ 
width:123px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#brothers1 a
{ 
width:123px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_over.jpg); 
background-repeat:no-repeat; 
}  
 
/* CSS für Button im Normalzustand */ 
#events a 
{ 
width:104px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/events_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#events a:hover 
{ 
width:104px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/events_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#events1 a
{ 
width:104px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/events_over.jpg); 
background-repeat:no-repeat; 
}  
 
/* CSS für Button im Normalzustand */ 
#shop a 
{ 
width:78px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/shop_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#shop a:hover 
{ 
width:78px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/shop_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#shop1 a
{ 
width:72px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/shop_over.jpg); 
background-repeat:no-repeat; 
}  
 
/* CSS für Button im Normalzustand */ 
#gallery a 
{ 
width:113px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/gallery_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#gallery a:hover 
{ 
width:113px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/gallery_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#gallery1 a
{ 
width:113px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/gallery_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im Normalzustand */ 
#guest a 
{ 
width:132px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/guest_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#guest a:hover 
{ 
width:132px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/guest_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#guest1 a
{ 
width:132px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/guest_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im Normalzustand */ 
#history a 
{ 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#history a:hover 
{ 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#history1 a
{ 
width:107px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_over.jpg); 
background-repeat:no-repeat; 
}  


/* CSS für Button im Normalzustand */ 
#contact a 
{ 
width:116px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/contact_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#contact a:hover 
{ 
width:116px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/contact_over.jpg); 
background-repeat:no-repeat; 
}  

/* CSS für Button im activzustand */ 
#contact1 a
{ 
width:116px; /* entspricht Breite Deiner Grafik */ 
height:46px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/contact_over.jpg); 
background-repeat:no-repeat; 
}  


/*CSS Button Popup*/
#bro1 a 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_drop_01_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#bro1 a:hover 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_drop_01_over.jpg); 
background-repeat:no-repeat; 
}  
/*CSS Button Popup*/
#bro2 a 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_drop_02_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#bro2 a:hover 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/brothers_drop_02_over.jpg); 
background-repeat:no-repeat; 
}  

/*CSS Button Popup*/
#bro3 a 
{
	width: 108px; /* entspricht Breite Deiner Grafik */
	height: 45px; /* entspricht Höhe Deiner Grafik */
	display: block;
	background-position: center;
	background-image: url(../images/bhc_nrm.jpg); /* Deine Grafik */
	background-repeat: no-repeat;
} 

/* CSS für Button im Overzustand */ 
#bro3 a:hover 
{
	width: 108px; /* entspricht Breite Deiner Grafik */
	height: 45px; /* entspricht Höhe Deiner Grafik */
	display: block;
	background-position: center;
	background-image: url(../images/bhc_over.jpg);
	background-repeat: no-repeat;
} 
 
/*CSS Button Popup*/
#bro4 a 
{
	width: 124px; /* entspricht Breite Deiner Grafik */
	height: 32px; /* entspricht Höhe Deiner Grafik */
	display: block;
	background-position: center;
	background-image: url(../images/bt_wsa_nrm.jpg); /* Deine Grafik */
	background-repeat: no-repeat;
} 

/* CSS für Button im Overzustand */ 
#bro4 a:hover 
{
	width: 124px; /* entspricht Breite Deiner Grafik */
	height: 32px; /* entspricht Höhe Deiner Grafik */
	display: block;
	background-position: center;
	background-image: url(../images/bt_wsa_ov.jpg);
	background-repeat: no-repeat;
} 
/*CSS Button Popup*/
#his1 a 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_drop_01_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#his1 a:hover 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_drop_01_over.jpg); 
background-repeat:no-repeat; 
}  

/*CSS Button Popup*/
#his2 a 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_drop_02_nrm.jpg); /* Deine Grafik */ 
background-repeat:no-repeat; 
} 

/* CSS für Button im Overzustand */ 
#his2 a:hover 
{ 
width:124px; /* entspricht Breite Deiner Grafik */ 
height:32px; /* entspricht Höhe Deiner Grafik */ 
display:block; 
background-position: center;
background-image:url(../images/history_drop_02_over.jpg); 
background-repeat:no-repeat; 
}  


/* dynamisches Menü Start */
 * html div#Tmenu {
	text-decoration: none;
  }
  div#Tmenu div {
    clear: left;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
  }
  ul#Navigation {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;    
	margin: 0px 0px 0px 0px;
	 padding: 0;
    text-align: center;
  }

  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
	text-decoration: none;
    margin: 0; 
	 padding: 0;
  }
  * html ul#Navigation li {
    margin-bottom: 0px;
    list-style: none;
	text-decoration: none;
    float: left;
    position: relative;
  }

  ul#Navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	text-decoration: none;
	top: 0px;
	left: 0px;
}
  * html ul#Navigation li ul {
    left: -1.5em;
    lef\t: -0.4em;
	text-decoration: none;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
	text-decoration: none;
    margin-top: 0px; 
	 margin-bottom: 0px;
  }

  ul#Navigation a, ul#Navigation span {
	display: block;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #600;
	color: black;
}
ul#Navigation .popup a {
	display: block;
	font-family: Verdana, arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #535353;
	text-align: left;
	white-space: nowrap;
}
ul#Navigation .popup a:hover{
	display: block;
	font-family: Verdana, arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #EB5E05;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: white;
	white-space: nowrap;
}
  * html ul#Navigation a, * html ul#Navigation span {
	text-decoration: none;
  }
  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
	font-family: Verdana;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	background-color: white;
	color: #EB5E05;
}
  ul#Navigation li ul a:hover {
    border-color: #900;
	text-decoration: none;
  }
  li a#aktuell {
	font-family: Verdana;
    background-color: black;
	text-decoration: none;
    color: #EB5E05; 
  }
  ul#Navigation li ul span {
	font-family: Verdana;
    color: #535353; 
	text-decoration: none;
	 background-color: white;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
	font-family: Verdana;
	text-decoration: none;
    color: #EB5E05; 
  }

/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
	 margin-top: 45px;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #535353;
    background: white;
  }

/* dynamisches Menü ENDE */

.ueber
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.norm
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
}

.norm_tab
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	background-color: transparent;
}


.linkrahmen
	{
	background-color: #ffffff;
	color: #484941;
	padding: 3px;
	border: 1px solid #cccccc;
}


.linkrahmen1
	{
	background-color: #484941;
	color: #ffffff;
	padding: 3px;
	border: 1px solid #484941;
}

	.blockueber
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.maillink {
	font-weight: normal;
	font-size: 8pt;
	color: #B1B1B1;
}

.maillink:hover {
	font-weight: normal;
	font-size: 8pt;
	text-decoration: underline;
	color: #B1B1B1;
}
.textlink {
	font-weight: normal;
	color: #c80000;
}
#mp_player{
	width: 17px;
	height: 17px;  
	margin-top:-30px;  
	padding-left:20px;
}