/* CSS Document */

/*******************globales***************/
body  {
	margin:0px;
	padding:0px;
	color: #666666;
	height:100%;
	width:100%;
	background-color:#d6eeb2;
	}
	
body,
td,
p {

	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height:16px;
	}

h1	{
	font-family: "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 18px;
	font-weight:normal;
	color:#78cc0f;
	}
	
a:link,
a:visited {
	color: #4ea115;
	border-bottom:dashed 1px #4ea115;
	text-decoration:none;
}

a:hover {
	color: #000000;
}

.blog {
	border:1px #89d31c dashed;
	border-right:0px #89d31c dashed;
	background-color:#f8fee8;
	padding:15px;
	width:754px;
	position:absolute;
	background-image:url(images/blog.gif);
	background-repeat:repeat-y;
	background-position:right;
	display:none;
	}
/*******************Ebenen***************/

#blog {
}

#balken_links {
	width:50%;
	height:370px;
	background-image:url(images/balken_links.gif);
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	left:0px;
	}
	
#balken_rechts {
	width:51%;
	height:370px;
	background-image:url(images/balken_rechts.gif);
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	right:0px;
	}
	
#balken_links_ecke {
	width:45px;
	height:370px;
	background-image:url(images/balken_links_ecke.gif);
	background-position:top;
	background-repeat:repeat-x;
	position:absolute;
	margin-left: 50%;
	left:-400px;
	}
#logo {
	width:337px;
	height:252px;
	background-image:url(images/logo.gif);
	background-position:top;
	background-repeat: no-repeat;
	position:absolute;
	margin-left: 50%;
	left:-355px;
	top:73px;
	}

#animation {
	width:285px;
	height:252px;
	background-image:url(images/ani_html.gif);
	background-position:top;
	background-repeat: no-repeat;
	position:absolute;
	margin-left: 50%;
	left:-18px;
	top:73px;
	}
	

#imagebild {
	width:167px;
	height:370px;

	background-position:top;
	background-repeat: no-repeat;
	position:absolute;
	margin-left: 50%;
	left:267px;
	top:0px;
	}
	
	
#balken_rechts_ecke {
	width:44px;
	height:370px;
	background-image: url(images/ecke_rechts.gif);
	background-position:top;
	background-repeat: no-repeat;
	position:absolute;
	margin-left: 50%;
	left:434px;
	top:0px;
	}
	


#mitte {
	background-image:url(images/hintergrund_unten.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	position:absolute;
	top:370px;
	width:100%;
	}
	
#mitte_inhalt {
	background-color:#FFFFFF;
	width:100%;
	position:relative;
	margin-bottom:20px;
	}
	
	
	
#mitte_inhalt2 {
	background-image: url(images/hintergrund.gif);
	height:300px;
	width:50%;
	left:0px;
	position:relative;
	}
	
#mitte_inhalt3 {
	height:300px;
	width:833px;
	background-image: url(images/mitte.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin-left: 50%;
	left:-355px;
	top:370px;
	position:absolute;
	}
	
#mitte_inhalt3_2 {
	height:300px;
	width:833px;
	background-image: url(images/mitte2.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin-left: 50%;
	left:-355px;
	top:370px;
	position:absolute;
	}
	
#spalte1 {
width:230px;
height:100px;
position:absolute;
top:20px;
margin-left: 50%;
left:-407px;
}
#spalte2 {
width:235px;
height:100px;
position:absolute;
top:20px;
margin-left: 50%;
left:-147px;
}
#spalte3 {
width:255px;
height:100px;
position:absolute;
top:20px;
margin-left: 50%;
left:112px;
}
#spalte12 {
width:435px;
height:100px;
position:absolute;
top:20px;
margin-left: 50%;
left:-407px;
}

/***startseite**/
#startseite_weiss {
	background-color:#FFFFFF;
	height:50%;
	top:0px;
	width:100%;
	position:absolute;
	}

#startseite_gruen{
	background-color:#eafbcf;
	height:50%;
	top:-280px;
	width:100%;
	position:absolute;
	border-bottom:dotted 1px #8ce36a;
	}
	

	
#startseite_balken
 {background-color:#3ec70d;
 height:248px;
 	margin-top:-053px;
	top:50%;
	position:absolute;
	width:100%;
 }
 
#startseite_imagebild
 {background-image:url(images/startseite2.jpg);
 background-position:top;
 height:248px;
 width:624px;
 	margin-left: 50%;
	left:-344px;
 	margin-top:-053px;
	top:50%;
	position:absolute;
 }
 
#startseite_text {
	width:200px;
	position:absolute;
	height:100px;
	 margin-left: 50%;
	left:92px;
 	margin-top:-163px;
	top:50%;
	}
	
#startseite_text2 {
	width:200px;
	position:absolute;
	height:100px;
	 margin-left: 50%;
	left:-342px;
 	margin-top:-163px;
	top:50%;
	}
	
#container2 {
	position:absolute;
	height:100px;
	 margin-left: 50%;
	left:-344px;
 	margin-top:-278px;
	top:50%;
	}
	
#startseite_logo {
	width:255px;
	position:absolute;
	background-image:url(images/logo_startseite.gif);
	height:188px;
	 margin-left: 50%;
	left:50px;
 	margin-top:-253px;
	top:50%;
	}

/***************navi********************/

#navigation_startseite {
	height:44px;
	position:absolute;
	margin-top:196px;
	top:50%;
	width:100%;
	background-color:#2f2f2f;
	}
#navigation_startseite2 {
	height:44px;
	position:absolute;
	margin-top:196px;
	top:50%;
	margin-left: 50%;
	left:-343px;
	width:624px;
	background-color:#2f2f2f;
	}

#navigation	{
	height:44px;
	position:absolute;
	top:326px;
	margin-left: 50%;
	left:-355px;
	width:700px;
	}
	


	
.but1 a:link,
.but1 a:visited,
.but1 a:hover{
	width:101px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/1_a.jpg);
	float:left;
	}	
.but1 a:hover{
	background-image:url(images/buts/1_b.jpg);
	}
	
.but2 a:link,
.but2 a:visited,
.but2 a:hover{
	width:53px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/2_a.jpg);
	float:left;
	}	
.but2 a:hover{
	background-image:url(images/buts/2_b.jpg);
	}
	
	
.but3 a:link,
.but3 a:visited,
.but3 a:hover{
	width:127px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/3_a.jpg);
	float:left;
	}	
.but3 a:hover{
	background-image:url(images/buts/3_b.jpg);
	}
	
	
.but4 a:link,
.but4 a:visited,
.but4 a:hover{
	width:85px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/4_a.jpg);
	float:left;
	}	
.but4 a:hover{
	background-image:url(images/buts/4_b.jpg);
	}
	
	
.but5 a:link,
.but5 a:visited,
.but5 a:hover{
	width:136px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/5_a.jpg);
	float:left;
	}	
.but5 a:hover{
	background-image:url(images/buts/5_b.jpg);
	}
	
	
.but6 a:link,
.but6 a:visited,
.but6 a:hover{
	width:102px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/6_a.jpg);
	float:left;
	}	
.but6 a:hover{
	background-image:url(images/buts/6_b.jpg);
	}
	

	
.but7 a:link,
.but7 a:visited,
.but7 a:hover{
	width:68px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/7_a.jpg);
	float:left;
	}	
.but7 a:hover{
	background-image:url(images/buts/7_b.jpg);
	}
	
.but8 a:link,
.but8 a:visited,
.but8 a:hover{
	width:231px;
	height:44px;
	display:block;
	border-bottom:none;
	background-image: url(images/buts/8_a.jpg);
	float:left;
	}	
.but8 a:hover{
	background-image:url(images/buts/8_b.jpg);
	}
	

	
	
.none {
	display:none;
	}
	
	
ul {
	list-style-image:url(images/pfeil.gif);
	list-style-position:outside;
	margin-left:15px;}
	
	
li.download {
	list-style-image: url(images/document.gif);
	list-style-position:outside;
	margin-bottom:10px;
	margin-left:0px;
	padding-bottom:10px;
	border-bottom:#999999 dotted 1px;}
	
li.preise {
	list-style:none;
	margin-bottom:10px;
	margin-left:-15px;
	margin-right:12px;
	padding:6px;
	border:#999999 dotted 1px;
	background-color:#F3F3F3}
	

	
hr {
	width:100%;
	background-color: #666666;  /* Mozilla 1.4 */
	color:#666666;  /* IE 6 */
	border: #666666;  /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
	}
	


.kasten {
	border: 1px dotted  #999999;	
	background-color: #F5F5F5;
	padding:3px;
	}
/************ formular ***********/

.button {
	border-right:2px  #CCCCCC solid;
	border-bottom:2px #000000 solid;
	border-top:1px  #CCCCCC solid;
	border-left:1px  #000000 solid;
	background-color: #666666;
	color:#FFFFFF;
	font-weight:bold;
	}

.inputbox {
	background-color: #FFFFFF;
	border: 1px #999999 solid;
	color: #666666;
	padding:3px;
	margin:4px;

	}
	
textarea,
input  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	}
	
.hellgrau {
	color: #CCCCCC}