html, body {
	height: 99%;
}
html {
	overflow: scroll;
}
   
   body {
   margin: 0;
   padding: 0;
   /*font-size: 100.1%;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   background: #6B0000;
   }
   #wrapper {
   width: 60em;
   margin: 0 auto;
   min-height: 99%;
   position: relative;
   border: 0.2em solid #000;
   border-left: 2em solid #000;
   background: #990000;
   }
   * html #wrapper {height: 100%; width: 60em;} /* IE Hack für 100 % Höhe */
   
   #head {
   width: 60em;
   padding: 0;
   background: #990000;
   border: 0px solid #000;
   text-align: center;
   }
   * html #head{width: 60em;} /* IE Hack */
   
   #line {
   width: 60em;
   margin-bottom: 2em;
   /*padding: 2px 2px;
   border-top: 2px solid #fff;
   border-bottom: 1px solid #fff;*/
   background: #000;
   height: 2px;
   text-align: right;
   }
   #line input {
	background-color : #Fff;
	cursor : pointer;
	width : 1.8em;
	border : 1px solid #333;
	color : black;
	font-size : 90%;
	margin: 1px;
	padding : 1px;
	font-family : "Times New Roman", Times, serif;
	font-weight : bold;
}
#line input:focus {
	background-color : #333;
	color : white;
}
      
   #footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 98%;
   background: #000;
   text-align: right;
   color: white;
   padding: 0.2em 0.8em;
   font-weight: bold;
    font-size: 0.8em;
   }
   * html #footer {bottom: -1px;width: 60em;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */
   
   #foot_left {
	float: left;
	border:0px solid #fff;
	color: #767676;
	font-size: 0.8em;
}
#foot_right {
	float: right;
	border:0px solid #fff;
	font-size: 0.8em;
}
#foot_right  a.nav_aktiv {
   color: #000;
   background-color: #fff;
   }
#foot_right  span{
	position: absolute;
	left: -1000em;
}
    
   /*#nav {float: left; margin-left: 1.2em; background: #ccc; width: 16em; border: 1px solid #ccc;}*/
   #nav {
	float: left;
	border: 0px solid #ccc;
	width: 17em;
	margin-left: 1.2em;
}
     
   #content {
   float: right;
   margin-right: 2em;
   margin-bottom: 2em;
   margin-top: 0.4em;
   border: 1px dotted #333;
   width: 38em;
   padding: 1em 2em 2em 2em;
   background: #fff;
   font-size: 0.9em;
}

#content h1 {
	font-size: 1.2em;
	color: #333;
}
#content h2 {
	padding: 0em 0em 0em 2em;
	font-size: 1em;
	color: #333;
}  
  
   /* Ab hier nurnoch ein wenig Kosmetik ;) */
   h1 {color: #333;}
   p {color: #333;}
   
   /*MENUE*/
#nav a, #nav a:visited {
  text-decoration:none;
  background-color:#99000; 
  color:#fff;
  font-size: 0.8em;
  font-weight: 700;
  display:block; 
  width:100%em; 
  padding:0.4em;
  margin:0.5em auto;
  border-top: 1px dotted #000;
  border-right: 1px dotted #000;
  border-bottom: 1px dotted #000;
  border-left: 5px solid #000;
  }
#nav a:hover {
  border-top: 1px solid #000;
  border-right: 5px solid #fff;
  border-bottom: 1px solid #000;
  border-left: 5px solid #000;
  background-color:#000;
  }
#nav a.nav_aktiv {
   color: #eee;
   background-color: #000;
   }
#nav span{
	position: absolute;
	left: -1000em;
}
/*hinweis*/
#hinweis {
   position: absolute;
   left: 1em;
   top: 1em;
   border-top: 0.2em solid #000;
   border-right: 0.2em solid #000;
   border-bottom: 0.2em solid #000;
   border-left: 1.2em solid #000;
   padding: 0.5em 1em;
   background: #990000;
   z-index: 1;
   filter:alpha(opacity=80); /* Transparenz für IE*/
	-moz-opacity:0.8; /* Transparenz für Mozilla */
	opacity:0.8; /* Transparenz für Opera */
	font-size: 0.8em;
}
#hinweis_index2 {
   border-top: 0.2em solid #000;
   border-right: 0.2em solid #000;
   border-bottom: 0.2em solid #000;
   border-left: 1.2em solid #000;
   padding: 0.5em 1em;
   background: #990000;
   z-index: 1;
   filter:alpha(opacity=80); /* Transparenz für IE*/
	-moz-opacity:0.8; /* Transparenz für Mozilla */
	opacity:0.8; /* Transparenz für Opera */
	font-size: 0.8em;
}
#spruch {
	float: left;
	border: 2px dotted #000;
	/*width: 13em;*/
	margin-top: 2em;
	padding: 2em;
	color: #000;
	font-weight: 700;
	line-height: 1.4em;
}


/*UPLOAD*/
#upload {
	float: left;
	width: 26em;/*32%*/
	margin: 1em;
	padding: 1em;
	background:#eee;
	border:1px solid #000;
	text-align: left;
	color: #333;
}
#upload h1 {
	color: #333;
	padding: 0;
	font-size: 100%;
}
#upload form {
	color:#333;
	font-size: 1em;
}

#upload input.text {
	width: 80%;
	font-size: 100%;
	background: #ddd;
	border: 2px outset #333;
	font-weight: 400;
	color: #000;
}
#upload textarea {
	background-color: #eee;
	width: 80%;
	white-space:pre;
 }
 
#upload input:focus,
#upload input:active,
#upload textarea:focus {
	background: #FFFF99;
}

#upload input.formbu {
	font-size: 100%;
	background: #ddd;
	border: 2px outset #333;
	font-weight: 400;
	color: #000;
}

.termine {
	color: #333;
	font-weight: 400;
	text-align: left;
}
* html #content.termine {
	color: #333;
	font-weight: 700;
}
.white {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
}

/*HYPERLINKS*/
a.white {
	color:#fff;
}
a.white:hover, a.white:focus, a.white:active {
	color:#ccc;
}
a.hlink {
	color:#333;
}
a.hlink:hover, a.hlink:focus, a.hlink:active {
	color:#990000;
}
a.hlink_small{
	color:#333;
	font-size: 0.9em;
}
a.hlink_small:hover, a.hlink_small:focus, a.hlink_small:active {
	color:#990000;
}

/*******************************/
a.tooltip {
	position: relative;
	text-decoration: none;
}
a.tooltip:hover, a.tooltip:focus, a.tooltip:active {	
	background-color: transparent;
	z-index:1;
}

a.tooltip span {
	position: absolute;
	top: 2em;
	left: -6em;
	display: block;
	visibility: hidden;
	padding: 5px;
	width: 25em;
	border: 2px solid #000;
	background-color: #eee;
	color: #000;
	font-size: 10px;
}

a.tooltip:hover span {
	visibility: visible;
	z-index:1;
}
/*******************************/
a.tooltip_img {
	position: relative;
	text-decoration: none;
}
a.tooltip_img:hover, a.tooltip_img:focus, a.tooltip:active {	
	background-color: transparent;
	z-index:1;
}
a.tooltip_img span {
	position: absolute;
	top: 0em;
	left: 0em;
	display: block;
	visibility: hidden;
	padding: 0px;
	/*width: 25em;*/
	border: 2px solid #990000;
	background-color: #eee;
	color: #000;
}

a.tooltip_img:hover span {
	visibility: visible;
	z-index:1;
}
  
/*heading*/ 
#headimgheading,
#navheading,
#einstellgheading,
#mainheading,
#footheading,
#terminheading {
	position: absolute;
	left: -1000em;
	font-style: italic;
}
