html {
	height: 100%;
	border: 0;
	background: #f5f5f5 url(../pic/stripes.gif) repeat left top;
	}

body {
overflow:hidden;
}

/*kein Linkrahmen*/
a:focus { 
outline: none;
}


html,  body {
font-family: Verdana, Arial, sans-serif;
letter-spacing: 0.2pt;
text-align: left;
height:100%;
width:100%;
margin:0px 0px 0px 0px;
padding:0;
font-size: 100%;
overflow:hidden;
}


#pageholder {
height: 90%; 
width: 800px; 
left: 50%; 
top: 1%; 
margin-left: -400px; 
margin-top: 0; 
position: absolute;  
}

#banner{
	width: 350px;
	height:70px;
}

#contentholder {
	border-bottom:1px dotted #999;
height: 92%; 
width: 798px; 
left: 0; 
top: 0;
background: white;
}

#content {
	width: 96%;
	height: 95%;
	top: 0px;
	left: 0px;
	overflow: auto;
	position: relative;
	line-height: 110%;
	padding-right: 22px;
	padding-left: 10px;
}



#content li { 
list-style-image: url(../pic/li.gif);
}

h1 {
color: #a70000;
font-weight: bold;
font-size: 90%;
line-height: 120%;
}



#content p, #content ul, #content table {
color: #666;
font-size: 70%;
width: 95%;
}

.redbold{
color: #a70000;
font-weight: bold;	
}

.black{
	color: black;
}

#content .small {
font-size: 60%;
}


#content a:link, #content a:visited, #content a:active { 
color: #666;
text-decoration: none; 

}


#content a:hover { 
color: #a70000;  

}

.link { 
color: #000;
text-decoration: none; 
padding-left: 10px; 
	border-bottom: 1px dotted #a70000;
	background: url(../pic/linkpfeil.gif) no-repeat;
}


.link:hover { 
color: #a70000;  
text-decoration: none; 
	background: url(../pic/linkpfeil_o.gif) no-repeat;
	border-bottom: 1px dotted #a70000;
}

.linktop { 
color: #000;
text-decoration: none; 
padding-left: 10px; 
	border-bottom: 1px dotted #a70000;
	background: url(../pic/link_top.gif) no-repeat;
}


.linktop:hover { 
color: #a70000;  
text-decoration: none; 
	background: url(../pic/link_top_o.gif) no-repeat;
	border-bottom: 1px dotted #a70000;
}

.linkext { 
color: #000;
text-decoration: none; 
padding-left: 10px; 
	border-bottom: 1px dotted #a70000;
	background: url(../pic/linkpfeil_ext.gif) no-repeat;
}


.linkext:hover { 
color: #a70000;  
text-decoration: none; 
	background: url(../pic/linkpfeil_ext_o.gif) no-repeat;
	border-bottom: 1px dotted #a70000;
}

#navigation {
top: 31px;
	height: 25px;
text-align: left;
text-decoration: none;
	margin: 0;
	border-bottom: 1px solid #999;
	background-color: #f0fff0;
}

/*---------------------------------------------------------------------------------------*/	
/* IE Hack */
/*---------------------------------------------------------------------------------------*/

body div:after {
/* etwas Inhalt definieren */
    content: ".";
/* explizit als Blockelement definieren, weil clear mit Inline-Elementen nicht funktioniert */
    display: block;
/* keine Zeilenh?he */
    height: 0;
/* Sichtbarkeit aus, damit Container "sauber" bleibt */
    clear: both;
    visibility: hidden;
}


/*---------------------------------------------------------------------------------------*/

#logo {
	width: 45px;
	height: 55px;
	top: 40px;
	left: -45px;
	position: absolute;
	background-image: url(../pic/fde_out.gif) ;
	border-bottom: 1px solid #999;
}

#logo:hover{
		width: 45px;
	height: 55px;
	top: 40px;
	left: -45px;
	position: absolute;
	border-bottom: 1px solid #999;
background-image: url(../pic/fde_back.gif) ;

}

#logo img {
margin-bottom: 5px;;	
}

/*---------------------------------------------------------------------------------------*/


#footer{
color: #333;  
font-size: 60%; 
height: 20px;
min-height: 20px; 
bottom: -5px; 
position: relative; 
width:798px;
left:50%;
margin-left:-399px; 
text-align: center; 
line-height:9px;
border:0px;
overflow:hidden;
	background-color: #f0fff0;
}


#update{
color: #a70000;  
font-size: 60%; 
height: auto; 
bottom: 14px; 
position: relative; 
width:800px;
left:50%;
margin-left:-400px; 
padding-left: 10px;
text-align: left; 
border:0px;
overflow:hidden;
z-index:100;}



/*----------------Bilder ----------------------*/


.imgleft{
	border: 1px solid #393;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgright{
	border: 1px solid #393;
	margin-left: 10px;
	margin-bottom: 10px;
}

.imgsmall{
	width: 150px;
	height: 100px;
	border: 1px solid #393;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
}

.imgsize{
	border: 1px solid #393;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
}



hr{
border:0px;
background-color:#393;
height:1px;
width:90%;
text-align:left;
}

#text{
	border-bottom: 1px solid #cdcdcd;
}




/*---------------------Hinweis---------------*/
#hinweisheader{
z-index:200; 
	color: red;  
display: block; 
	margin-left: 240px; 
	position: absolute; 
	top: 5px; 
	left: 50%; 
	width: 220px; 
	height: 10px; 
	border: solid 1px #000000;
background: #ff9;
	font: bold 60% Verdana, Arial, sans-serif;
line-height:10px;
	padding: 5px;
	text-align: left;
cursor: pointer;
}

#hinweis{
	z-index:200; 
	color: #333;  
	visibility: hidden; 
	display: block; 
	margin-left: 240px; 
	position: absolute; 
	top: 26px; 
	left: 50%; 
	width: 220px; 
	height: auto; 
	border: solid 1px #000000;
background: #ff9;
	font: 60% Verdana, Arial, sans-serif;
	padding: 5px;
	text-align: left;
cursor: pointer;
}

/*-----------------*/

#link1 { height: auto; width: 370px; left: 0; top: 0px; position: relative;  float:left; display:block; visibility: visible;
	border-right: 1px solid #eee;
	margin-right:10px;
}
#link2 { height: auto; width: 370px;  top: 0px; position: relative;  float:left; display:block; visibility: visible;}

/*-----------------*/

form { 
font-size: 100%; 
width: 90%; 
border:0; 
}

form td
{
font-size: 90%; 
font-family: Verdana, Arial, sans-serif;
letter-spacing: 0.1pt; 
text-align: left;
color: #333; 
line-height:13px;
}

input{ 
background-color: #f2f2f2; 
color:#666; 
font-size: 110%; 
line-height: 10px; 
font-family: Verdana, Arial, sans-serif;  
height: 15px; 
}

input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover { 
background-color: #f0fff0;
color:#333; 

}

.buttonsend:active, .buttonsend:focus, .buttonsend:hover { 
background-color: #393;
color:#fff;
font-weight:bold;
}

.buttondelete:active, .buttondelete:focus, .buttondelete:hover { 
background-color: red;
color:#fff;
font-weight:bold;
}

textarea {
background-color: #f2f2f2; 
color:#666; 
font-size: 110%; 
line-height: 120%; 
font-family: Verdana, Arial, sans-serif;
width:400px;
margin-top:0px;
}


.button, .buttonsend, .buttondelete {
background-color: #ffc; 
color:red; 
font-size: 90%; 
line-height: 9px; 
padding-bottom:2px;
margin-bottom:1px;
font-family: Verdana, Arial, sans-serif;  
height: 18px;
width: 150px;
 border-bottom-color: #666666; border-left-color: #999999; border-right-color: #666666; border-top-color: #999999; color: #00008b;
}

#counteranzeige {
	height: 30px;
	width: 120px;
	position: absolute;
	left: 750px;
	top: 20px;
	z-index:100;
  /* IE */background-color:-moz-opacity:0.5;
}