/* Allgemeine dokumentweite Angaben */
html,body,div,p,h1,h2,h3,h4,h5,ul,ol,form,img,li, label, input, textarea, table, tr, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0;
	margin:0;
	padding:0;
	color: #e9dd9a;
}




body {
     font-size: 90.01%;
     background: #000;
     padding-bottom: 5px;
     background-image:url(images/bg1c.jpg);
     background-position:0 2em;
     background-repeat: no-repeat;
}

iframe {
     background: #000;
}

noscript p {
     padding: .5em 0 0 .7em;
}

hr {display:none}


/* Definition Sprungmarke */
/* Links verstecken, bei Tastatursteuerung aber anzeigen. Nach einer Idee von http://www.webaim.org/techniques/articles/hiddentext; allerdings erweitert  */

a.skip,
dfn,
.dot,
#navi h2 {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:.01em;
	height:.01em;
	display:inline;
}

a.skip:focus,
a.skip:hover,
a.skip:active  {
	position:absolute;
	left:1em;
	top:65px;
	width:auto;
	height:auto;
	display:block;
	font-size: .8em;
      letter-spacing:0.15em;
	padding: .3em .5em;
      border: 1px solid #ccc;
      color: #fff;
      background-color: #333;
      z-index: 200;
}



.ganzweg {display:none;}

em {
       font-weight:bold;
       font-style:normal;
}

a {color:white;}

a:link, a:visited {
}
/* nur so tabbt der IE richtig */
a:hover, a:active, a:focus {
background:#555;
}



label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit] {
 cursor: pointer;
}

#titel {
       width: 95%;
       height: 120px;
       margin: 12px auto;
}
#titel a {
       text-decoration:none;
       color: #e9dd9a;
        
}
#titel h1 {
       font: small-caps bold 2em Times, "Times New Roman", serif;
       color: #e9dd9a;
       letter-spacing: .2em;
       border-bottom: 4px solid;
}
#titel h2#tp {
       font: small-caps bold 1.5em Times, "Times New Roman", serif;
       color: #e9dd9a;
       letter-spacing: .3em;
       text-align: right;
       padding-top: 3px;
       margin-bottom: 25px;
}



/* Inhalt */
#wrapper {
      margin: 0;
      border-top: 1px solid #555;
      border-bottom: 1px solid #555;
      min-height: 400px;
      
      background-color: #070707;
      background-color: #000;
      zoom: 1;filter: alpha(opacity=80);opacity: 0.8;
}


* html #wrapper {height: 400px;}


#inhalt {
       max-width: 70em;
       margin: auto;
       padding: 0 1em;
       min-height: 400px;
}
* html #inhalt {height: 400px;}


#inhalt h2,
#inhalt h3 {
       font: small-caps bold 1.5em Times, "Times New Roman", serif;
       color: #e9dd9a;
       letter-spacing: .2em;
       padding-top: 15px;
       margin-bottom: 20px;
}

#inhalt p, td, #bgm {
       font-size: .75em;
       letter-spacing: 1px;
       line-height: 1.5em;
       padding: 1em 0;
}

td {padding: 0;color: #e9dd9a !important;}


#inhalt a, ins {
text-decoration:none;
color: #e9dd9a;
}


/* Navigation */
#navi{
       text-align: center;
       clear:both;
}
* html #navi {width: 100%; } /* wg. IE hasLayout, nur fuer IE wg. Mac/Saf 1.x */
*+html #navi {width: 100%; }


/* Hides from IE-mac \*/
#navi li {
       display: inline;
       font-size: .8em;
       font-variant: small-caps;
       letter-spacing: .1em;
       padding-left: 1em;
       background: url(arrow_right.gif) no-repeat 0 65%;
}
/* End hide from IE-mac */

#navi a {
text-decoration: none;
}

.titelbild {
float:right;
margin-left: 40px;
}

.clear {clear:both}

#ton, #hideperm {display:inline}