html {
height: 100%; /*fix height to 100% for iE*/
max-height: 100%; /*fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background: #000000;
font-family: Arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
height: 100%; /*fix height to 100% for iE*/
max-height: 100%; /*fix height for other browsers */
color: #000000;
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background: #000000;
font-size: .9em;}

img {border: 0px #000000 none; }

img.cover {width: 240px; height: 336px;}

img.logo {width: 240px; height: 53px;}

img#ado {
border: 0px #000000 none;
margin: 0pt;
 }

#kopfzeile {
position:absolute; margin:0; top:0; left:0;
display:block; width:100%; height:80px;
background-color: #000000;
border-bottom: 2px solid #3f3f3f;
font-size: 11pt;
z-index:7; overflow:hidden;
color: #3f3f3f;
}

#kopfzeile img.logo  {
position: absolute;
border: 0px #000000 none;
top: +27px;
left: +40px;
padding: 0;
margin: 0;}

#kopfzeile h1 {
position: absolute;
top: +45px;
left: +310px;
font-size: 13px;
padding: 0pt;
margin: 0pt;
}

#navikopf {
position:absolute; margin:0; top:84px; left:310px;
display:block; width: 468px; height:26px;
background-color: #000000;
font-size: 11pt;
z-index:4; overflow:hidden;
color: #5b5b5b;
}

#navikopf a{
display: block;
float: left;
margin-right: 10px; margin-left: 5px;
text-align: left;
background-color: #000000;
}

#navikopf a:hover{
background-color: #000000;
color: #7f7f7f;
}

#navikopf a:active{
background-color: #000000;
color: #ffffff;
text-decoration: none;
}

#fuss {
position:absolute; margin:0; bottom:0; left:0;
display:block; width:100%; height:30px;
font-size: 9pt;
z-index:6; overflow:hidden;
background-color: #000000;
color: #999999;
padding-left: 40px;}

#logofuss {
position:absolute; margin:0; bottom:0; left:+300px;
display:block; width:100%; height:50px;
font-size: 9pt;
z-index:7; overflow:hidden;
background-color: #000000;
color: #999999;}

#logofuss ul{
margin-left: 0pt;
padding-left: 0pt;
list-style-type: none;
width: 950pt;
font-family: Arial, sans-serif;
}

#logofuss li{
margin-left: 0pt;
padding-left: 0pt;
float: left;
font-family: Arial, sans-serif;
margin-left: +12pt; }

#logofuss .logofusslist{
background-color: #000000;
color: #bfbfbf;
text-decoration: none;
}

#logofuss a{
display: block;
padding: 0pt;
background-color: #000000;
}


#logofussbanner {
position:absolute; margin:0; bottom:0; left:+500px;
display:block; width:100%; height:90px;
font-size: 9pt;
z-index:7; overflow:hidden;
background-color: #000000;
color: #999999;}

#logofussbanner ul{
margin-left: 0pt;
padding-left: 0pt;
list-style-type: none;
width: 950pt;
font-family: Arial, sans-serif;
}

#logofussbanner li{
margin-left: 0pt;
padding-left: 0pt;
float: left;
font-family: Arial, sans-serif;
margin-left: +12pt; }

#logofussbanner .logofussbannerlist{
background-color: #000000;
color: #bfbfbf;
text-decoration: none;
}

#logofussbanner a{
display: block;
padding: 0pt;
background-color: #000000;
}

#kopfzeile h2 {
position: absolute;
font-size: 11pt;
top: +55pt;
left: +220pt;
padding: 0pt;
margin: 0pt;
}

#left {
position:absolute; 
left:0; top:0; bottom:0; width:300px;
background-color: #000000;
color: #000000;
font-size:11pt;
z-index:5;
overflow:auto;}

* html #left {
height:100%; top:0; bottom:0;
z-index:5;
border-bottom:50px solid #000000;
color: #999999;}

#left img.cover {
position: absolute;
border: 0px #000000 none;
top: +29px;
left: +40px;
padding: 0pt;
margin: 0pt; }

#left #navi{
position: absolute;
top: +385px;
left: +50px;
font-size: 13px;
border: 0px #000000 none;
padding: 0pt;
margin: 0pt;
 }

#left #fotocredit{
position: absolute;
top: +365px;
left: +50px;
color: #999999; 
font-size: 11px;
border: 0px #000000 none;
padding: 0pt;
margin-left: 0pt;
margin-top:+0pt;
}

#navi { width: 80px; position: relative;}

#navi ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, sans-serif;
}

#navi a{
display: block;
padding: 3px;
width: 88px;
background-color: #000000;
border-bottom: 1px solid #7f7f7f;
}

#navi a:link, .navlist a:visited{
background-color: #000000;
color: #cccccc;
text-decoration: none;
}

#navi a:visited{
background-color: #000000;
color: #cccccc;
text-decoration: none;
}

#navi a:hover{
background-color: #000000;
color: #7f7f7f;
}

#clubs { width: 500px; position: relative;}

#brief { width: 500px; position: relative;font-size: .9em;}

#archiv { width: 468px; position: relative;}

img.archiv {width: 150px;}

#archiv ul{
margin-left: 0pt;
padding-left: 0pt;
list-style-type: none;
width: 400pt;
font-family: Arial, sans-serif;
}

#archiv li{
margin-left: 0pt;
padding-left: 0pt;
float: left;
width: 110pt;
font-family: Arial, sans-serif;
margin-bottom: +12pt;
margin-right: +12pt; }


#archiv a{
display: block;
padding: 0pt;
width: 110pt;
background-color: #000000;
}

#archiv a:link, .archivlist a:visited{
background-color: #000000;
color: #bfbfbf;
text-decoration: none;
}

#archiv a:visited{
background-color: #000000;
color: #bfbfbf;
text-decoration: none;
}

#archiv a:hover{
background-color: #000000;
color: #7f7f7f;}

#links { width: 468px;}

#links ul{
margin-left: 0pt;
padding-left: 0pt;
list-style-type: none;
width: 468px;
font-family: Arial, sans-serif;}

#links li{
margin-left: 0;
padding-left: 0;
float: left;
width: 468px;
font-family: Arial, sans-serif;
margin-bottom: +13pt;
margin-right: +14pt; }

#links a{
display: block;
padding: 4pt;
width: 140pt;
background-color: #000000;}

#links a:link, .linkslist a:visited{
background-color: #000000;
color: #bfbfbf;
text-decoration: none;}

#links a:visited{
background-color: #000000;
color: #bfbfbf;
text-decoration: none;
}

#links a:hover{
background-color: #000000;
color: #7f7f7f;
}

#map2 {
position:relative; z-index:3;
top:80px; bottom:40px;  left:830px;
padding:0;
margin:0;
width:204px;
	}

* html .map2 {
top:0; left:0; right:0; bottom:0;
height:100%; max-height:100%; width:204px;
overflow:auto; position:absolute; z-index:3;
border-top:110px solid #000000;
border-bottom:40px solid #000000; 
}

.map2 table
{padding:5px;
margin: 0; }

#nachtrechts p
{background-color: #000000;
color: #bfbfbf;
text-decoration: none;}

#nachtrechts {
position:relative; z-index:7;
top:29px; bottom:40px;  left:830px;
padding:0;
margin:0;
width:300px;}

#nachtrechtsnosfera p
{background-color: #000000;
color: #bfbfbf;
text-decoration: none;}

#nachtrechtsnosfera {
position:relative; z-index:7;
top:85px; bottom:40px;  left:824px;
padding:0;
margin:0;
width:200px;}

#nachtrechtsfb {
position:relative; z-index:7;
top:47px; bottom:40px;  left:830px;
padding:0;
margin:0;
width:300px;}

.listen {
overflow:auto; position:absolute; z-index:2;
top:110px; bottom:40px; left:310px; right:0;
color: #999999;
background-color: #000000; 
padding:0;
margin:0;}

* html .listen {
top:2px; left:15px; right:0; bottom:0;
height:100%; max-height:100%; width:100%;
overflow:auto; position:absolute; z-index:2;
border-top:110px solid #000000;
border-bottom:40px solid #000000; 
border-left:310px solid #000000;
border-right: 204px solid #000000;}

.listen p, .listen #archiv, .listen #clubs, .listen #links, .listen #brief
{line-height: 1.1em;
padding: 5px; margin: 0;}

.listen h1 {
overflow:auto; position:absolute; z-index:3;
top: 0pt;
left: +217pt;
padding: 0pt;
margin-left: 0pt;
margin-top: 28pt; }

.listen h4 {
overflow:auto; position:absolute; z-index:3;
top: +50pt;
left: +217pt;
padding: 0pt;
margin-left: 0pt;
margin-top: 28pt; }

.listen h5 {
overflow:auto; position:absolute; z-index:3;
top: +265pt;
left: +217pt;
padding: 0pt;
margin: 0pt; }



a:link {color: #ffffff;
background-color: #000000;
text-decoration: none;
 }

a:hover {color: #bfbfbf;
background-color: #000000;
 }

a:visited 
{color: #bfbf00;
background-color: #000000;
text-decoration: none;
 }

h1 {position: fixed;
color: #bfbfbf;
background-color: #000000;
font-family: Arial, sans-serif;
font-size: 11pt;
text-align: left;
margin-left: +220pt;
margin-top: +65pt;
text-decoration: none; }

h2 {position: static;
font-family: Arial, sans-serif;
font-size: 11pt;
font-weight: normal;
background-color: #000000;
color: #bfbfbf;
text-align: left;
margin-left: +200pt;
margin-top: +50pt;
text-decoration: none; }

h3 {position: static; 
font-family: Arial, sans-serif;
font-size: 11pt;
font-weight: normal;
background-color: #000000;
color: #bfbfbf;
text-align: left;
margin-left: +200pt;
margin-top: +100pt;
}

h4 {position: static;
font-family: Arial, sans-serif;
font-size: 11pt;
font-weight: normal;
text-decoration: none;
background-color: #000000;
color: #999999;
text-align: left;
margin-left: +200pt;
margin-top: +45pt;}

h5 {font-family: Arial, sans-serif;
font-size: 11pt;
font-weight: normal;
background-color: #000000;
color: #999999;
text-align: left;
margin-left: +220pt;
margin-top: +72pt;
position: static;
text-decoration: none;
}

hr {
position: absolute;
top: +68pt;
left: +20pt;
 }

/*
div{border:1px solid red}
*/
