/* CSS- Code entwickelt von der Produktionsschule Altona- www.psa-hamburg.de*/

/* Grundlagen-Stile für das Seitenlayout bei Lernwerk 2 */

body {
	font-family: Verdana;
	background-image:  url(bilder/bg.gif);
	background-repeat: repeat;
	text-align: center;

}
#oben {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(bilder/oben.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 850px;
	position: relative;
	left: 0px;
	top: 0px;
	background-position: 0px 0px;



}
.navindex {
	position: absolute;
	left: 0px;
	top: 105px;

}
#mitte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(bilder/mitte.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 850px;
	position: absolute;
	left: 0px;
	top: 145px;
	z-index: 1;
	background-position: 0px 0px;




}
#unten {
	height: 20px;
	width: 850px;
	position: absolute;
	left: 0px;
	top: 545px;



}
#container {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 565px;
	width: 850px;



	
}
#content {
	height: 400px;
	width: 600px;
	position: absolute;
	left: 0px;
	top: 0px;
overflow: auto;

}  

#contentre {
	height: 400px;
	width: 250px;
	position: absolute;
	left: 600px;
	top: 0px;
	
}  
/*Textattribute, gültig für Lernwerk 1, 2 und Rostock */

h1 {
	margin-left:20px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	}
	
h2 {
	margin-left:20px;
	padding-top:15px;
	padding-left:20px;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	}
	
h3 {
	margin-left:20px;
	padding-right:20px;
	padding-left:20px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	}	
	
	
p  {
	margin-left:20px;
	padding-right:20px;
	padding-left:20px;
	text-align: left;
	font: 12px/16px Verdana;

	}
	
	/*Listen-Formatierungen  */
	
	ul, li {
	padding-right:20px;
	margin-left:20px;
	text-align: left;
	font: 12px/16px Verdana;

	}
	
	
	/*Besondere Formatierungen  */
	
#transparent {
	position: absolute;
	left: 124px;
	top: 329px;
	width: 121px;
	height: 61px;




}

.left {
	float: left;
	margin-left: 25px;
	width: 40px;
	height. 40px;
	padding-right: 10px;
}

.druck {
		margin-top: 25px;
	}


.right {
	float: right;
	padding-left: 10px;


}


.contentlink {
	padding-top: 20px;
}

 #ausganginfo {
	padding: 20px;
	width: 500px;



}

.druckversion {
	color: #000000;
	display: none;
}

.bildwech {
	color: #000000;
	
	
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-align: left;
	margin-left:20px;
	padding-right:20px;
	padding-left:20px;
	display: none;

	}

	/*Die Links  */

a:link {color:#336699; text-decoration:none; font-weight: bold;}
a:visited {color:#336699;text-decoration:none; font-weight: bold; }
a:hover {color:#336699;text-decoration:underline; font-weight: bold; }
a:active { color:#336699;text-decoration:none; font-weight: bold;}
a:link.sub { color:#336699;text-decoration:none; }
a:visited.sub { color:#336699;text-decoration:none; }
a:hover.sub { color:#336699;text-decoration:none; }
a:active.sub { color:#336699;text-decoration:none }