/* Für wegfall von zwischenräumen */
* {
        margin: 0px;
        padding: 0px;
}

 
body {
        font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 100.01%; /*für die Schriftgrößen-Änderung in alten IE-Versionen*/
		background-color:#E4E6E6;
		background-image:url(../images/hintergruende_raender/hg_site.gif);
		background-repeat:repeat-x;
		font-size:1px;
		
} 


/*damit IE <8 nach float Boxen richtig anordnet */
p.clearfloat { 
        clear: both;
        font-size: 1px;
        line-height: 0px;
}

				
#zentrierung {
		margin: 0 auto;
        width: 1020px;
}

#oben {
	width:1000px;
	height:149px;
	margin: 2px 0px 0px 10px;
	float: left;
	display:inline; /*gegen double float margin bug*/
}




/*Boxen - oben*/

#logo {
		float: left;
		display:inline; /*gegen double float margin bug*/
		margin: 15px 0px 0px 0px;
		border:none;
		width:200px;
		height:60px;
		border:none;
}


#loginbox {
 
		float: right;	
		margin: 0px 0px 0px 0px;
		background-color:#D5D5D5; /* Farbe der Zwischenlinien */
		width: 170px;
		height: 97px;
		border-style:solid;
		border-width:1px;
		border-color:#CACED2;
		color:#384756;
		font-size:12px;
}
ul#login {
		list-style:none;
}
				ul#login li {
					height:31px;
					margin:1px 0px;
				}
				ul#login li a {
					font-weight:bold;
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					text-decoration: none;
					line-height:31px;
					font-size:11px; 
					color: #384756;
					background-image:url(../images/bilder/kachel_navi_lgreen.gif);
					padding-left:20px;
				}
				ul#login li a:hover {
					font-weight:bold;
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					text-decoration: none;
					line-height:31px;
					font-size:11px; 
					color: #384756;
					background-image:url(../images/bilder/kachel_navi_dgreen.gif);
					padding-left:20px;
				}

#hauptnavi {
		float:left;
		display:inline; /*gegen double float margin bug*/
		margin: 7px 0px 0px 0px;
		background-color:white;
		font-size: 11px;
		border-style:solid;
		border-color:#CACED2;
		border-width:1px;
		height: 32px;
		width: 998px;
}							
				ul#hauptnavi {
					font-size:11px;
					list-style: none;
					background-image:url(../images/bilder/kachel_navi_lgreen.gif);
					margin:0px;
					border:none;
				}
				ul#hauptnavi li {
					display:inline;
					text-decoration: none;
				}
				ul#hauptnavi li a {
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					float: left;
					text-decoration: none;
					padding: 0px 10px 0px 10px;
					color:#384756;
					height:30px;
					line-height: 30px;
					vertical-align: middle;
					border-bottom-style:none;
					border-top-style:none;
					border-left-style:none;
					border-right-style:solid;
					border-color:#CACED2;
					border-width: 1px;
				}
				ul#hauptnavi li a:hover, ul#hauptnavi li a.active {
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					float: left;
					background-color:#FFFFFF;
					border-color:#CACED2;
					color: #384756;
					padding: 0px 10px 0px 10px;
					background-image:url(../images/bilder/kachel_navi_dgreen.gif);
					height:30px;
					line-height: 30px;
					vertical-align: middle;
					border-bottom-style:none;
					border-top-style:none;
					border-left-style:none;
					border-right-style:solid;
					border-color:#CACED2;
					border-width: 1px;
				}
													

#bild {
		margin:0px;
		float: left; /*float braucht es damit hintergrund dargestellt wird */
		display:inline; /*gegen double float margin bug*/
		width:1020px;
		height:155px;
		background-image:url(../images/hintergruende_raender/rand-container.gif);
		background-repeat:repeat-y;
		padding: 0px 10px;	 
}

#bildbild {
	float:left;
	display:inline; /*gegen double float margin bug*/
}
#bildtext {
	float:left; 
	display:inline; /*gegen double float margin bug*/
	font-weight: bold;  
	font-size:12px; 
	color:#384756;
}
#bildwechselbild {
	float:left;
	display:inline; /*gegen double float margin bug*/
	margin:0px 60px;
}


#bild-schatten-unten {
		float: left;
		background-image:url(../images/hintergruende_raender/bildschatten.gif);
		background-repeat: repeat-x;
		width: 1020px;
		height:7px;
		display:inline; /*gegen double float margin bug*/
}																							
	
	
#trenner {
		float:left; 
		margin: 0px 10px; 
		float:left; 
		width:1000px; 
		height:6px; 
		display:inline;
}	
												
#verlaufsbox {
		float:left; 
		margin: 0px 10px; 
		float:left; 
		width:1000px; 
		height:158px; 
		display:inline;
}		

#container {
		margin:10px 0px 0px 0px;
		float: left; /*float braucht es damit hintergrund dargestellt wird */
		display:inline; /*gegen double float margin bug*/
		width: 1020px;	
		background-image:url(../images/hintergruende_raender/rand-container.gif);
		background-repeat: repeat-y;
		border:none;
		
}

#subnavigation {
		margin: 3px 0px 15px 15px; 
		float: left;	
		width: 230px;
		height:1%;
		background-color:#D5D5D5; /* Farbe der Zwischenlinien */
}
				/* SUBNAVIGATION1 - EBENE EINS */
				ul#subnavi {
						list-style:none;							
				}
				ul#subnavi li {
						height:20px;
						margin:1px 0px;
				}											
				ul#subnavi li a {
					
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					text-decoration: none;
					line-height:20px;
					font-size:11px; 
					color: #384756;
					background-color:#F7F7F7;
					padding:0px 0px 0px 20px;   /* Abstand der Inhalte von links */  
				}
				ul#subnavi li a:hover, ul#subnavi li a.active {
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					font-size:11px; 
					line-height:20px;
					text-decoration: none;
					color: #384756;
					background-color: #B9E700;
					padding: 0px 0px 0px 20px;
				}													
				/* SUBNAVIGATION2 - EBENE ZWEI */
				ul#subnavi li a.ebene2 {
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					text-decoration: none;
					line-height:20px;
					font-size:11px; 
					color: #384756;
					background-color:#F7F7F7;
					padding:0px 0px 0px 40px;  
				}
				ul#subnavi li a.ebene2:hover, ul#subnavi li a.ebene2_active {
					display:block; /* damit das ganze Kasterl ausgefuellt wird */
					font-size:11px; 
					line-height:20px;
					text-decoration: none;
					color: #384756;
					background-color: #E7E7E7;
					padding:0px 0px 0px 40px; 
				}

														
#text {
		margin: 40px 0px 5px 30px; 
		float: left;
		padding:5px;
		display:inline; /*gegen double float margin bug*/
		width: 460px;
		height:1%;
		border:none;
		font-size: 11px;        
		color: #546672;
		line-height:1.5;
}
#teaser {
		margin: 40px 20px 0px 0px;
		padding:0px;
		width:230px;
		height:1%;
		float: right;
		display:inline; /*gegen double float margin bug*/
		border:none;
		font-size: 11px;        
		color: #546672;
		line-height:1.5;
}

#home {
		margin: 40px 0px 5px 55px; 
		float: left;
		padding:5px;
		display:inline; /*gegen double float margin bug*/
		width: 650px;
		height:1%;
		border:none;
		font-size: 11px;        
		color: #546672;
		line-height:1.5;
}

#container-schatten {
	float:left;
	display:inline; /*gegen double float margin bug*/
	margin:0px;
	background-image: url(../images/hintergruende_raender/containerschatten.gif);
	display:block;
	height:7px;
	width:1020px;
}	
																																		
#basisnavi2 {
		float: left;
		display:inline; /*gegen double float margin bug*/
		margin:2px 0px 0px 10px; 
		font-size: 10px;
		border-style:none;
		width:250px;
}
				ul#basisnavi2 {
					list-style:none;
				}
				ul#basisnavi2 li {
					float: left;
					border-bottom-style:none;
					border-top-style:none;
					border-left-style:none;
					border-right-style:solid;
					border-color:#546672;
					border-width: 1px;
				}
				ul#basisnavi2 li a {
					text-decoration:none;
					padding-left:5px;
					padding-right:5px;
					color: #546672;
				}
				ul#basisnavi2 li a:hover {
					text-decoration: none;
					padding-left:5px;
					padding-right:5px;
					color:#384756;
				}									



#container h1 {
		 font-size: 15px;        /*Schriftgroesse ueberschrift*/
		 color: #384756;
		 margin: 0 0 20px 0;
}
#container h2 {
		 font-size: 12px;        
		 color: #384756;
}


/*weitere Listen*/

ul#videos {
	list-style-image:url(../images/bilder/downloadicon.gif);
	padding-left:15px;
	list-style-position:outside;
	font-size: 11px;        
	line-height:1.5;
	vertical-align:middle;
	color:#384756;
}
				ul#videos li {
					border:none;
					margin:0px 10px 10px 15px;
				}
				ul#videos li a {
					text-decoration:none;
					color:#384756;
				}
				ul#videos li a:hover {
					text-decoration: none;
					color:#669900;
				}

ul#downloads {
	list-style-position:outside;
	font-size: 11px;        
	line-height:1.5;
	vertical-align:middle;
	color:#384756;
	list-style-image:url(../images/bilder/downloadicon.gif);
	padding-left:15px;
}
				ul#downloads li {
					border:none;
					margin:0px 15px 10px 15px;
				}
				ul#downloads li a {
					text-decoration:none;
					color:#384756;
				}
				ul#downloads li a:hover {
					text-decoration: none;
					color:#669900;
				}
				
ul#preise {
	list-style-image:url(../images/bilder/downloadicon.gif);
	padding-left:15px;
	list-style-position:outside;
	font-size: 11px;        
	line-height:1.5;
	vertical-align:middle;
	color:#384756;
}
				ul#preise li {
					border:none;
					margin:0px 10px 10px 15px;
				}
				ul#preise li a {
					text-decoration:none;
					color:#384756;
				}
				ul#preise li a:hover {
					text-decoration: none;
					color:#669900;
				}				
				
				
				
				
				
ul#haupttext {
	list-style-type: disc;
	list-style-position:outside;
	font-size: 11px;        
	line-height:1.5;
}
				ul#haupttext li {
					border:none;
					margin:5px 0px 5px 15px;
					padding:none;
				}
				ul#haupttext li a {
					color:inherit;
				}
				ul#haupttext li a:hover {
					color:#669900;
				}

#schritteanbindung {
	list-style-position:outside;
	font-size: 11px;        
	line-height:1.5;
}
				ol#schritteanbindung li {
					border:none;
					margin:5px 0px 5px 18px;
					padding:none;
				}


/* Allgemeine Klassen */

.hochgestellt {
vertical-align:super;
font-size:60%;
}
.strong {
font-weight: bold;
}

.link {
		text-decoration:underline;
		color: #384756;
		}
.link:hover {
		color:#669900;
		text-decoration:underline;
}
.link:active {
		text-decoration:underline;
		color: #384756;
		}
/*Fuer Ueberschriften*/
.link2 {
		text-decoration:none;
		color: #384756;
		}
.link2:active {
		text-decoration:none;
		color: #384756;
}
.link2:hover {
		color:#669900;
		text-decoration:none;
}
/*Fuer Text*/
.link3 {
		text-decoration:none;
		color: #546672;
		}
.link3:active {
		text-decoration:none;
		color: #546672;
}
.link3:hover {
		color:#669900;
		text-decoration:none;
}



.demozugang {
		color:#384756;
		font-size: 11px;        
		line-height:1.5;
}

.klein {
	font-size:80%;		
}



/* FORMULAR */

input {
  margin:5px;
  color:#384756;
}
input:focus {
background: #F7F7F7;
color:#384756;
}


fieldset {
border: 3px dotted #CACED2;
padding:5px;
}

legend {
	font:inherit;
	font-weight: bold;
	font-size: 12px;        
	color: #546672;
	background: white;
	padding:3px 10px;
	border: 1px dashed #CACED2;
	margin-top:10px;
	
}

/*Referenzen*/
.referenzen-bild {
	margin-top:15px;
	float:left;
	clear:left;
	height:1%;
}
.referenzen-text {
	float:left;
	margin:15px 0px 5px 8px;
	display:inline; /*gegen double float margin bug*/
	width:310px;
	height:1%;
}
	
	
/*Tabellen*/

colgroup {
	color: #384756;
	border:solid #D7D7D7 1px; 
	font-size: 12px;      
	color: #546672;
}
col {
	background-color: #F7F7F7;
	font-size: 11px;        
	color: #546672;
}