/* CSS Document - Standart Formatierung f?r das Anzeigen in Webbrowsern*/

/*---------Ab hier beginnt die Formatierung/Positionierung f?r Elemente---------*/

body {

	font-family:Arial,Helvetica,Verdana;
	text-align: left;
	color:#9b9b9b;
	
	background-color:#EAEAD5;

	background-image:url(../img/verlauf.jpg);
	background-repeat:repeat-x;
}



/*Positionierung des Logos.*/
#logo {
	position:absolute;
	left:2px;
	top:18px;
	width:230px;
	height:84px;
	z-index: 13;
	visibility: visible;
}

/*Positionierung des Bildes im Header*/
#headerbild {
	position:absolute;
	left:-1px;
	top:-3px;
	width:741px;
	height:114px;
	color: #EAEAD5;
	font-size: 9px;
	z-index: 9;
	visibility: visible;
	overflow: visible;
}

/*Positionierung und Formatierung des kurtzen, braunen Balkens oben rechts.*/
#balkenbraun {
	position:absolute;
	left:0px;
	top:0px;
	width:745;
	height:7px;
	background-color:#996633;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-left-width:1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	border-right-width:1px;
	z-index: 14;
	overflow: hidden;
	
	
}



/*Der Freiraum im Header mit Home, Mail und Drucksymbol.*/
#header_freiraum {
	position:absolute;
	left:594px;
	top:16px;
	width:136px;
	height:104px;
	z-index: 11;
	visibility: visible;
	overflow: visible;
}

/*Der d?nne schwarze Balken, der Header von Content und Navibereich trennt.*/
#blackline {
	position:absolute;
	left:0px;
	top:122px;
	width:745;
	height:7px;
	background-color:#996633;
	color: #963;
	z-index: 12;
	overflow: hidden;

}



/*Der Bereich der Navigation, NICHT die Navigation selbst!*/
#navibereich {
	position:absolute;
	left:0px;
	top:153px;
	width:230px;
	height:500px;
	z-index: 6;
	visibility: visible;
	
}

/*Der Content-Bereich, die Inhalte werden einzeln Formatiert.*/
#content {
	position:absolute;
	left:230px;
	top:153px;
	width:472;
	border-color:#999999;
	border-left-style:dotted;
	border-left-width:1px;
	border-right-style:dotted;
	border-right-width:1px;
	z-index: 7;
	visibility: visible;
	
}

/*Formatierung f?r die Navigation selbst.*/
#navigation {

	list-style-type:none;
	
	font-family:Arial,Helvetica,Verdana;
	text-align: left;
	color:#9b9b9b;
	font-size:12px;

	margin-top:39px;
	margin-left:40px;


}


/*Formatierung der Men?punkte, nach umwandlung a statt p benutzen.*/
#navigation a {

	display:block; /* a muss ein block element sein */

	text-decoration:none;
	color:#9b9b9b;
	height:22px;
	width:160px; 
	
	margin-top:10px;

}

/*Formatierung der Links (in der Navigation)*/

#navigation a:link {color:#9b9b9b; text-decoration:none; padding-left: 0px;}
#navigation a:visited {color:#9b9b9b; text-decoration:none; padding-left: 0px;}
#navigation a:hover {color:#963; text-decoration:none;}
#navigation a:active {color:#963; text-decoration:none;}

	
	
#navigation a span {
	margin-left:10px;
}

.dottedline {

		border-color:#999999; 
		border-bottom-style:dotted; 
		border-bottom-width:1px; 
		width:150px;
		margin-left:10px;
		
		}

.otherline {

		border-color:#999999; 
		border-bottom-style:dotted; 
		border-bottom-width:1px; width:400px; 
		margin-left:30px; 
		margin-right:40px;

			}

/*Positionierung des Footers, Hintergrundfarbe und Schrift*/
#footer {
	position:relative;
	width:472px;
	height:25px;
	background-color:#996633;
	font-family:Arial,Helvetica,Verdana;
	font-size:12px;
	color:#FFFFFF;
	margin-top:40px;
}

/*Link formatierung f?r den Footer*/
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:active {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}



#technoliste {

	font-family:Arial,Helvetica,Verdana;
	text-align: left;
	color:#000000;
	font-size:11px;
	margin-right:40px;
	margin-left:40px;
	
	list-style-image:url(../img/technobullet.gif);
	text-decoration:underline;
}

#technoliste li {

	margin-bottom:15px;

}

.partnersliste {

	font-family:Arial,Helvetica,Verdana;
	text-align: left;
	color:#000000;
	font-size:11px;
	margin-right:30px;
	margin-left:50px;
	

}



.partnerstabelle {

	font-family:Arial,Helvetica,Verdana;
	color:#000000;
	font-size:11px;

	
	border-color:#999999; 
	border-bottom-style:dotted; 
	border-bottom-width:1px; width:420px; 
	margin-left:30px; 
	margin-right:30px;

}


#photocase {

text-decoration:underline; 
color:#000000;

}




/*---------Ab hier beginnt die Formatierung f?r den Inhalt---------*/

/*Klasse f?r ?berschriften*/
.ueberschrift {

	font-family:Arial,Helvetica,Verdana;
	text-align: left;
	color:#000000;
	font-size:14px;
	
	margin-left:30px;
	margin-top:40px;
}

/*Klasse f?r Flie?text*/
.fliesstext {
	font-family:Arial,Helvetica,Verdana;
	font-size:11px;
	margin-left:30px;
	margin-right:40px;
	color: #000;
	text-align: left;
}

.fliesstext_overview {

	font-family:Arial,Helvetica,Verdana;
	text-align: left;
	color:#000000;
	font-size:11px;
	
	margin-left:80px;
	margin-right:40px;
}
#Tabelle_01 #headerbild .fliesstext {
	color: #960;
	font-size: 16px;
	font-weight: bold;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-size: 11px;
	font-variant: normal;
	text-decoration:none;
	color: #963;
    }   
	
a:hover {
	text-decoration:underline;
	cursor:hand;
	color: #963;
    }
a:active {
    color: #963;
	text-decoration:underline;

    }