/* css fuer Atelier für Text - Tania Jerzembeck  */

body {
	background-color: #FFFFFF;
	padding-top:30px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#224155;
	font-style: normal; 
	line-height: 19px; 
	text-decoration: none; 
	padding: 5px 10px;
	margin:0px;
	}

a {
	color: #224155;
	font-size:12px;
	text-decoration:none;
	line-height: 19px;
	font-style: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #2B516A;
}
a:visited {color:#224155;}
a:hover {color:#000033;}
a:active { color:#FFCC33;}

h1 {
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;  
	background-color: #A3B6C3;
	border-top:1px solid #2B516A;
	padding:5px 15px;
	margin:0px 
}

h2 {
	font-size:12px;
	color:#224155;
	font-weight: bold;
	font-style: normal; 
	line-height: 19px; 
	padding: 5px 10px;
	margin:0px;
}

.text_white { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	line-height: 19px; 
 	font-style: normal; 
	color: #FFFFFF; 
	text-decoration: none;
	}	
	
.text_white a {
	color: #FFFFFF;
	font-size:10px;
	text-decoration:none;
	line-height: 19px;
	border:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.text_white a:visited {color:#FFFFFF;}
.text_white a:hover {color:#2B516A}
.text_white a:active { color:#FFFFFF;}	

img.download {vertical-align:middle;}

.small {
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#224155;
	font-style: normal; 
	line-height: 19px; 
	text-decoration: none; 
	}

.linie450 {
	width:400px;
	line-height: 1px; 
	font-size: 1px; 
	border-bottom:1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-style: dotted;
	border-color: #224155;
	margin: 4px 0px 20px 10px;
	padding: 5px 10px;
	}	
	
.linie300 {
	width:255px;
	line-height: 1px; 
	font-size: 1px; 
	border-bottom:1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-style: dotted;
	border-color: #224155;
	margin: 4px 0px 20px 10px;
	padding: 5px 10px;
	}	
	
.linie200 {
	width:155px;
	line-height: 1px; 
	font-size: 1px; 
	border-bottom:1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-style: dotted;
	border-color: #224155;
	margin: 4px 0px 20px 10px;
	padding: 5px 10px;
	}		
	
.bild {
	float: left;
	margin: 3px 8px 0px 0px;
	}
	
.bildright {
	float: right;
	margin: 4px 10px 4px 10px;
	}

/* ----------container zentriert das layout-------------- */
#container {
	width: 950px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #2B516A;
} 

/* ----------banner for logo-------------- */
#banner {
	text-align: right;
	background-color: #E3E9ED;
	padding: 0px;
	margin: 0px; 
	border-bottom: solid 1px #2B516A;
}

#banner img {padding:0px;} 

/* ----------outer und inner----------------- */

#outer{ 
	border-left: solid 200px #E3E9ED; /* linke Spalten Farbe  */ 
	border-right: solid 300px #E3E9ED; /* rechte Spalten Farbe  */ 
	background-color: #FAF6E3; /* Farbe Inhalt Spalten  */
} 

#inner{margin:0; width:450px; }

/* --------------left und right navigavtion------------- */
#left {
 	width:200px; 
 	float:left; 
 	position:relative;
 	margin-left:-200px; 
	 margin-right:1px;
	 
 }
 
 #right {
 	width:300px; 
 	float:right; 
 	position:relative; 
 	margin-right:-300px; 
 	margin-left:1px;
 }

/* -----------------Inhalt--------------------- */ 
#content{ 
	position: relative; 
	margin: 0px; 
	width:430px; 
}




/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	padding:0px;
	margin:0px;
	text-align: right; 
}