/* ------- ALLGEMEIN  -------- */

* {
	margin:0;
	padding:0;
	}
	

html , body{
	scrollbar-arrow-color: #99cc33;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #99cc33;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #99cc33;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	}

	
body {
	background:url(../images/layout/bg.gif);
	font:  9pt verdana, arial, georgia, sans-serif;
	color: #444444;	
	text-align:left;
	overflow-y:scroll;
	}

*:first-child+html body {
	overflow-y:visible;
}

	
p {
	margin-bottom:8px;
	}
	
.start {
	font-size:12pt;
	text-align:center;
	}	
h1 { 
	margin:12px 0 10px 0;
	color: #ff0000;	
	color:#003300;
	color:#006600;
	color: #444444;	
	font-size:10pt;
	font-weight:bold;
	text-align:left;
} 

h1.eins { 
	margin-top:0px;
}  

h2 { 
	margin:0 0 5px 0;
	color: #444444;
	font-size:9pt;
	font-weight:normal;
	text-decoration:underline;
} 
	
a:link, a:visited, a:hover, a:active { 
	color: #444444;
  	font-weight: normal;
  	text-decoration: none;
  	}
  	

a:hover { 
  	text-decoration: underline;
  	} 
	
ul {
	background-color : transparent;
	list-style-type:none;
}


/* ------- EBENEN ------- */


#container {
	background:url(../images/layout/bg-container.gif) no-repeat left top;
	width:880px;
	min-height:600px;
	margin:0 auto;
	border-bottom: 0px solid #cccccc;
	position:relative;
}
			
#header {
	background:url(../images/header/home-hd.jpg) no-repeat left top;
	height:248px;
	margin:0 0 0 82px;
	border: 0px solid #000000;	
}

#header2 {
	top:132px;
	right:27px;
	width:167px;
	position:absolute;		
}

#header2 img{
	border: 2px solid #ffffff;
	border-right: 0px solid #ffffff;	
}
#header2 img.ranken{
	border: 0px solid #ffffff;
}

#title {
	margin: 48px 76px 0 0;
	float:right;
}

#content {
	background:url(../images/layout/sp-re-bg.gif) repeat-y right;
	margin:0 0 0 82px;
	border: 0px solid #000000;	
}

#content2 {
	background:url(../images/layout/footer.gif) no-repeat bottom left;
	min-height:352px;
	margin: 0px;
	border: 0px solid #000000;
	overflow:visible;	
}

#sp-li {
	clear:left;
	float:left;
	width:600px;
	min-height:250px;
	margin:5px 0 0 0;
	border: 0px solid #000000;	
}

#sp-li p{
	margin:5px 0 10px 0;
}

#sp-li ul {
	list-style-type:square;
	margin:2px 0 10px 25px;
}

#sp-li li {
	margin:0 10px 2px 2px;
}

#sp-li ul.abstand li {
	margin-bottom: 10px;
}

#sp-li img {
	margin:0 10px 2px 0px;
}
#sp-re {
	float:left;
	text-align:right;
	width: 175px;
	margin:20px 0 0 0;
	border: 0px solid #000000;
}

#footer {
	clear:both;
	font-size: 8pt;
	border: 0px solid #000000;	
	margin:12px 0 0 0;
	}
	
#clearer {
	clear:both;
	height:1px;
	border: 0px solid #000000;	
	}

	
	
/* ------- INHALT ------- */

.links{
	float:left;
	}
	
.rechts{
	float:right;
	}
	
.logo{
	float:left;
	margin:2px 0 0 0;	
	}		

/* ------- NAVI LINKS ------- */


#nav1 {
	background:transparent;
	float:left;
	width:121px;
	margin:45px 0 0 0;
	border: 0px solid #000000;	
}


#nav1 li {
	margin:10px 0 5px 0;
}

#nav1 li a:link, #nav1 li a:visited, #nav1 li a:hover, #nav1 li a:active{
	color: #ffffff;
	display:block;
	padding: 2px 2px 2px 20px;
}

#nav1 li a:hover, #nav1 li a:active{
	background:#ffffff;
	color:#006600;
	text-decoration:none;
}

#nav1 li a.an:link, #nav1 li a.an:visited, #nav1 li a.an:hover, #nav1 li a.an:active{
	background:#ffffff;
	color:#006600;
	text-decoration:none;
}

/* ------- NAVI QUER ------- */

#nav2 {
	float:left;
	clear:right;
	background:url(../images/layout/bg-navi-quer.gif) repeat-x;
	height: 46px;
	width:426px;
	margin:2px 0 0 0;
	padding: 25px 7px 0 0;
	color:#ffffff;
	text-align:right;
	border: 0px solid #000000;	
}

#nav2 a:link, #nav2 a:visited, #nav2 a:hover, #nav2 a:active{
	color:#ffffff;
	letter-spacing:0.05em;
	padding: 2px;
}

#nav2 a:hover, #nav2 a:active{
	color:#006600;
	text-decoration:none;
}


/* ------- NAVI RECHTS------- */


#nav3 {
	margin:0 20px 0 15px;
	border: 0px solid #000000;	
}


#nav3 li {
	margin:0 0 5px 0;
}

#nav3 li a:link, #nav3 li a:visited, #nav3 li a:hover, #nav3 li a:active{
	color: #ffffff;
	display:block;
	letter-spacing:0.05em;	
	padding: 2px 2px 2px 2px;
}

#nav3 li a:hover, #nav3 li a:active{
	color:#006600;
	text-decoration:none;
}


/* ------- KONTAKTFORMULAR------- */

#contact{ 
	text-align:left;
}

#contact td{ 
  	padding-bottom: 5px;
}


#contact input { /* Alle Formularelemente auswählen */
	BORDER-TOP: #cccccc 1px inset; 
	BORDER-RIGHT: #cccccc 1px inset;
	BORDER-BOTTOM: #cccccc 1px inset;
	BORDER-LEFT: #cccccc 1px inset;
	
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal; 
  	display: block;
  	float: left;
  	width: 200px; /* Breite.*/
}

#contact select { /* Alle Formularelemente auswählen */
	BORDER-TOP: #cccccc 1px inset; 
	BORDER-RIGHT: #cccccc 1px inset;
	BORDER-BOTTOM: #cccccc 1px inset;
	BORDER-LEFT: #cccccc 1px inset;
	
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 8pt;
	color:#444444; 
	font-weight: normal 
  	display: block;
  	float: left;
  	width: 130px; /* Breite.*/
}
			   
#contact input#submit { /* den Submit-Button, muss mit id gemacht werden, da IE ansonsten nicht unterstützt */
	background-color : #ffffff; 
	font-size : 10px; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #444444;
	width: 70px;
	BORDER: #cccccc 1px inset;	
  	}
  	

#contact textarea {
	BORDER-TOP: #cccccc 1px inset; 
	BORDER-RIGHT: #cccccc 1px inset;
	BORDER-BOTTOM: #cccccc 1px inset;
	BORDER-LEFT: #cccccc 1px inset;
	
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	FONT: 8pt , Verdana, Arial, Helvetica; 
	COLOR: #444444; 
	PADDING-TOP: 1px; 
	width: 200px; /* Breite.*/
	scrollbar-arrow-color: #666699;
	scrollbar-3dlight-color: #666699;
	scrollbar-highlight-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #666699;
	scrollbar-track-color: #ffffff;
	}