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

Autor:					Stephan Rothe
Email:					cssdatei@stero.de
Web:					http://www.stero.de
Copyright:				(c)2001 by Stephan Rothe
Letzte Bearbeitung:		30/09/2001

--------------------------------------------------

Farben:

Grau:

dunkel		#696969
mittel		#909090
hell		#c6c6c6
sehr hell	#d8d8d8
heller		#eaeaea
content		#ffffff

#000069  dunkelblau 240/100/41
#0042A5  mittelblau 216/100/65 text, link
#00A9E1  hellblau   195/100/88 a+v link
#78D2FF  heellblau  200/53/100


schwarz		#000000  


oben rechts unten links

*/ 

.altbrowser {
	display: none;
	}
	
	
body {
font-size: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #d8d8d8;
	scrollbar-face-color: #eaeaea;
	scrollbar-arrow-color: #00A9E1; 
	scrollbar-base-color: #ffffff;
	}
	

	
a:link 		{ color: #0042A5; none; font-weight: bold;}
a:hover		{ color: #00D2FF; background: #ffffff;	text-decoration: none; none; font-weight: bold; }
a:active 	{ color: #00A9E1; none; font-weight: bold;  }
a:visited 	{ color: #00A9E1; none; font-weight: bold; }
	
P A:link { color: #0042A5; }
P A:hover { color: #000069; background: #d3d3d3; text-decoration: none; }
p A:active { color: #00A9E1; }
P A:visited { color: #00A9E1; }

#logo A:link { color: #ffffff; background: #ffffff; text-decoration: none; }
#logo A:hover { color: #ffffff; background: #ffffff; text-decoration: none; }
#logo A:active { color: #ffffff; background: #ffffff; text-decoration: none; }
#logo A:visited { color: #ffffff; background: #ffffff; text-decoration: none; }

#banner A:link { color: #ffffff; background: #ffffff; text-decoration: none; }
#banner A:hover { color: #ffffff; background: #ffffff; text-decoration: none; }
#banner A:active { color: #ffffff; background: #ffffff; text-decoration: none; }
#banner A:visited { color: #ffffff; background: #ffffff; text-decoration: none; }

p {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
	margin-top: 10px;
	margin-bottom: 10px; 
	line-height:120%;
	}

h2 {
	color: #0042A5;
font-size: 140%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px; }
	
h3 {
	color: #0042A5;
	font-weight: bold;
font-size: 94%;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px; }
	
	
.einleitung { 
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font: bold 0.9em/170%, line-height: 140%;
	margin-top: 20px;
	margin-bottom: 10px;  }
	
.nav { 
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font: bold 0.8em/160%, line-height: 140%;
	margin-top: 20px;
	margin-bottom: 10px;  }

/* Schrift fett funzt nur im IE */ 

	
.innerkasten { 
BORDER-RIGHT: #78D2FF 1px solid; 
PADDING-RIGHT: 10px; 
BORDER-TOP: #78D2FF 1px solid; 
PADDING-LEFT: 10px; 
BACKGROUND: #eaeaea; 
PADDING-BOTTOM: 10px; 
MARGIN: 10x 10px 10px 10px; 
FONT: 0.8em/160% Arial, Helvetica, sans-serif; 
BORDER-LEFT: #78D2FF 1px solid; 
COLOR: #000; 
PADDING-TOP: 10px; 
BORDER-BOTTOM: #78D2FF 1px solid; 
LETTER-SPACING: 0.1em;
 } 
 

.bild {
	COLOR: #000; 
	PADDING: 0px 0px 0px 0px;
	MARGIN: 20px 0px 20px 0px; 
}
	
img {
	border: 0;
	}
	

#oben {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #0042A5;
	background: #fff;
	height: 100px; /* ie5win anfang */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 78px;
	}
html>body #top {
	height: 78px; /* ie5win ende */
	}
	
#links {
	position: absolute;
	top: 113px;
	left: 0px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #000069;
	background: #eaeaea;
	font-size: 15px; 
	line-height: 150%;
	width: 184px; /* ie5win anfang */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 184px;
	}
html>body #links {
	width: 162px; /* ie5win ende */
	}
	
/* weitere Menükästen über top und left anfügen! */
	
#content {
	top: 110px;
	margin: 11px 206px 80px 206px;
	padding: 10px;
	border: 1px solid #0042A5;
	background: #ffffff;
	}
	
#rechts {
	position: absolute;
	top: 113px;
	right: 0px; /* Opera5.02 macht sonst Ärger mit Scrollbar */
	margin: 10px;
	padding: 10px;
	border: 1px solid #000069;
	background: #eaeaea;
	font-size: 15px;
	line-height: 150%;
	width: 184px; /* ie5win anfang */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 184px;
	}
html>body #rechts {
	width: 162px; /* ie5win ende */
	}	
/* weitere Menükästen über top und left anfügen! */

#navikopf { 
font-size: 15px;
font-weight: bold;
PADDING-RIGHT: 10px; 
PADDING-LEFT:  10px; 
BACKGROUND: #C6C6C6;
PADDING-BOTTOM: 3px; 
MARGIN: -10px -10px 4px -10px; 
COLOR: #000069; 
PADDING-TOP: 3px } 

#footer { 
PADDING-RIGHT: 10px; 
PADDING-LEFT:  10px; 
BACKGROUND: #eaeaea;
PADDING-BOTTOM: 10px; 
MARGIN: 20px -10px -10px -10px; 
FONT: bold 1em Arial, geneva, Helvetica, sans-serif; 
COLOR: #000; 
PADDING-TOP: 10px } 

ADDRESS { 
MARGIN-TOP: 0.2em; 
MARGIN-BOTTOM: 0.2em; 
FONT: 0.8em/130% Espy Sans, Geneva, "MS Sans Serif", sans-serif;
font-weight: bold;
TEXT-ALIGN: center } 

#logo {
	WIDTH: 150px;
	HEIGHT: 60px;
	FLOAT: left; 
	COLOR: #000; 
	PADDING: 0px 0px 0px 0px;
	MARGIN: 14px 0px 0px 5px; 
}

#banner {
	WIDTH: 468px;
	HEIGHT: 60px;
	FLOAT: right; 
	COLOR: #000; 
	PADDING: 0px 0px 0px 0px;
	MARGIN: 10px 5px 10px 0px; 
}

#anzeige {
	WIDTH: 10px;
	HEIGHT: 60px;
	FLOAT: right; 
	COLOR: #000; 
	PADDING: 0px 0px 0px 0px;
	MARGIN: 10px 5px 10px 0px; 
}

ul {
	list-style: square ;
	font: 0.9em/170%, line-height: 140%;
	color: #000; }

/* Formulare Anfang */

fieldset
    { border: 1px #00A9E1 solid; 
	border-style: dotted;
      background: #eaeaea;
	  background-image: url(images/bgformular.gif);
	  background-repeat:no-repeat; 
	  background-position:right; 
	  MARGIN: 10px 10px 10px 10px; 
	  PADDING:10px 10px 10px 10px;
	  }
legend
    { font-weight: bold; 
      background: #debe90;}
label
    { border: #000;
      border-width: 0 0 1px 0; 
      cursor: pointer;}
input, textarea
    { background: #eee; 
	  font: .8em/130% Arial, Helvetica, sans-serif;
	  font-weight: bold;
      margin: .4em;}
legend, label
    { font: .8em/130% sans-serif; 
      color: #000;}
input:focus, textarea:focus
    { font: .8em/130% Arial, Helvetica, sans-serif;
      color: #000; 
	  font-weight: bold;
      background: #fff;}
.acc
    { border: #000 solid; 
      border-width: 0px 0px 1px; 
      font-weight: bold; 
      color: #444;}

 /* Formulare Ende */

 @media print { h3, h4 { page-break-after: avoid; page-break-inside: avoid; } 
blockquote { page-break-inside: avoid; } 

ul, ol, dl { page-break-before: avoid; 
} 

/* ---------- Allgemeines, nicht beachten ---------- */ 

:focus { outline: 1px dotted invert; }

/* -- und nochwas fuer Opera -- */ 

html>body, html>body div, 
html>body p, html>body th, html>body td, html>body li { font-family: Geneva, Arial, 
Helvetica, sans-serif } 
html>body .imglink { background: none } 

