* {
font-family: arial,helvetica,sans-serif;
padding:0;
margin:0;
}

img {
border:0px;
}


p {
font-family: arial,helvetica,sans-serif;
font-size: 12px;	
line-height:17px;
}

a, a:link, a:visited, a:active {
text-decoration: none;
} 

a:hover {
text-decoration: none;
} 



body {
margin: 0;
padding: 0;
text-align: left;
color: #000000;
height: 100%;
background: #093565;

}

.clearboth {
clear: both;
margin: 0;
padding: 0;
height: 0;
width: 0;
line-height: 0px;
font-size: 0;
overflow: hidden;
visibility: hidden;
}


#schatten {
background: url(../bilder/bgnd.png) center center no-repeat #093565;
width: 1038px;
height: 655px;
position: absolute; 
top: 50%; 
left: 50%; 
margin-top: -327px; 
margin-left: -519px;

}

#umschlag {
width: 998px;
height: 615px;
background: #FFFFFF;
text-align: left;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
margin-left: 20px;
}



#startseite {
background: url(../bilder/startseite.png) no-repeat;
width: 998xp;
height: 530px;
}

#startseite h1 {
font-size: 36px;
color: white;
font-weight: bold;
}

#startseite .startseite {
width: 998px;
text-align: center;
padding-top: 80px;
}

.flaeche h1 {
font-size: 38px;
margin-top: -8px;
}

#start_nav_con {
position: absolute;
left:50px;
top:200px;
width: 400px;
z-index: 100;
height: 300px;
overflow: auto;
}

#start_nav_con li {
	padding-bottom:10px;
}

#start_nav_con li a,
#start_nav_con li a:visited {
	display:block;
	padding:5px;
	font-weight:bold;
	color:white;
	background-color:#B60761;
}

#start_nav_con li a:hover {
	display.block;
	padding:5px;
	color:black;
	background-color:#A9C938;
}


#nav_con {
width: 998px;
z-index: 100;
position: relative;
height: 85px;
margin-left:auto;
margin-right:auto;
overflow: hidden;

}



#nav
{
margin: 0px;
padding: 0px;
width: 998px;
text-align: center;
height: 100px;
background: url(../bilder/kante_fuss_startseite.png) repeat-x;
}

.nav_klein {
margin: 0px;
padding: 0px;
width: 998px;
text-align: center;
height: 51px !important;
background: url(../bilder/kante_fuss.png) repeat-x !important;
}


/* nur fuer Opera */
@media screen and (min-width: 0px){
#nav { padding-top: 0px; }
}


/* Firefox */
@-moz-document url-prefix()
{
#nav { padding-top: 0px; }
}


/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
#nav { padding-top: 0px; }
}



#nav ul li
{
margin:0;
padding:0;
list-style-type: none;
display: inline;

}





#nav ul li a
{
font-size: 14px;
line-height: 16px;
color: white;
padding: 5px 10px 5px 10px;
height: 16px;
text-decoration:none;
background: #B60761;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
}

#nav ul li a:hover, #nav ul li .aktiv
{
font-size: 14px;
color: black;
padding: 5px 10px 5px 10px;
height: 16px;
text-decoration: none;
background: #A9C938;
display: inline-block;

}

#nav_con .flaeche{
width: 998px;
color: white;
font-size: 12px;
padding-top: 0px;
padding-left: 133px;
margin-top: -60px;
}




#nav_con .flaeche a {
color: white;
text-decoration: underline;
}




#nav_con .flaeche .logo_l {
width: 66px;
float: left;
margin-top: -7px;
}

#nav_con .flaeche .logo_r {
width: 96px;
float: left;
margin-top: -7px;
}

#nav_con .flaeche .inhalt {
width: 600px;
float: left;
text-align: center;
}

#kopf {
background: url(../bilder/kopf_balken.png) no-repeat;
width: 998px;
height: 59px;
margin-left:auto;
margin-right:auto;
}

#kopf h1 {
font-size: 24px;
width 998px;
text-align: center;
color: white;
padding-top: 26px;
}

#inhalt_edit {
width:998px;
margin-left:auto;
margin-right:auto;
background-color:white;
}

#inhalt {
width: 998px;
height: 505px;
overflow: hidden;
}

#inhalt #bild_situation {
width: 300px;
height: 220px;
float: left;
margin-left: 70px;
_margin-left: 35px;
overflow: hidden;
border: 2px solid #B60761
}



#inhalt h2 {
color: black;
font-size: 18px;
line-height: 22px;
font-weight: normal;
float: left;
padding-left: 20px;
padding-top: 40px;
width: 500px;
}

#inhalt h2 strong {
color: #B60761;
font-size: 22px;
line-height: 24px;

}

#inhalt h2.intention {
color: black;
font-size: 18px;
line-height: 22px;
font-weight: normal;
float: left;
padding-left: 230px;
padding-top: 80px;
width: 600px;
}

#inhalt #frage {
width: 998px;
padding-top: 30px;
}

#inhalt #frage p{
padding-left: 395px;
}

#aufgabe {
	float:left;
	width:300px;
	padding:25px;
}

#aufgabe h2 {
color: black;
font-size: 14px;
line-height: 18px;
font-weight: normal;
padding-left: 0px;
padding-top: 20px;
}

#aufgabe h2 strong {
color: #B60761;
font-size: 18px;
line-height: 22px;
}



#meinung {
	float:left;
	width:550px;
	padding:25px;
}

#meinung textarea {
	width:330px;
	height:80px;
}

#meinung input {
	width:330px;
}


#meinung form {
	margin:0;
}

#meinung .meinungstitel {
	float:left;
	width:150px;
}

#meinung .meinungstext {
	float:left;
	width:330px;
	padding-left:10px;
}

#aufgabe h2 {
color: black;
font-size: 14px;
line-height: 18px;
font-weight: normal;
padding-left: 0px;
padding-top: 20px;
}

#skalax {
	position:relative;
	width:858px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	border-bottom:1px solid #D68A21;
	background-color:red;
	background: url(../bilder/skala_1_oben.png) no-repeat;
}

#skalabg {
	width:858px;
	height:92px;
	margin-left:auto;
	margin-right:auto;
	background-color:red;
	background: url(../bilder/skala_1_0.png) no-repeat;
	}

#skalax div a {
	display:block;
	height:137px;

}

#skalax div a  {
	display:block;
	height:137px;
}

#skalax span.skalatitel {
	display:block;
	height:35px;
	padding-left:35px;
	padding-top:10px;
	color:black;
	font-size:15px;
	font-weight:bold;
	background: url(../bilder/checkbox.png) 10px 12px no-repeat;
}

#skalax span.skalatitel b {
	padding-right:5px;
	font-size:20px;
}

.skala_wertung {
  position:relative;
}

.over {
	position:absolute;
	left:-50px;
	top:46px;
	visibility:hidden;
	width:235px;
}

.over-top {
  height:11px;
  background-image:url(../bilder/kommentarbox.png);
  background-repeat:no-repeat;
}

.over-bottom {
  width:223px;
  padding:5px;
  border-left:1px solid #D68A21;
  border-right:1px solid #D68A21;
  border-bottom:1px solid #D68A21;
	line-height:160%;
	color:black;
	font-size:12px;
  background-color:#E3B87D;
  background-image:url(../bilder/skala_verlauf.png);
  background-repeat:repeat-x;
}

#skalax .skala_wertung:hover .over {
	visibility:visible;	
	background: url(../bilder/skala_1_m.png) repeat-x;
	background-color:red;
}

#skala1 {
	position:absolute;
	width:172px;
	height:137px;
}

#skala2 {
	position:absolute;
	left:172px;
	width:171px;
	height:137px;
}

#skala3 {
	position:absolute;
	left:343px;
	width:172px;
	height:137px;
}



#skala4 {
	position:absolute;
	left:515px;
	width:171px;
	height:137px;
}



#skala5 {
	position:absolute;
	left:686px;
	width:172px;
	height:137px;
}




#skala_2_con {
background: url(../bilder/skala_2.png) 0px 40px no-repeat;
width: 858px;
width: 868px;
height: 400px;
margin-left: 70px;
color: #990000;
margin-top: 120px;
}


#skala_2_con .skala_2_spalte {
float: left;
width: 253px;
overflow: hidden;
}

.skala_2_spalte_schmal, .skala_2_spalte_schmal .erklaerung, .skala_2_spalte_schmal .ueberschrift, .skala_2_spalte_schmal .wert, .skala_2_spalte_schmal .durchschnitt, .skala_2_spalte_schmal .durchschnitt_wert {
width: 50px !important;
}


#skala_2_con .erklaerung, #skala_2_con .ueberschrift, #skala_2_con .wert, #skala_2_con .durchschnitt, #skala_2_con .durchschnitt_wert {
width: 253px;

}

#skala_2_con h3 {
color: #990000;
font-size: 28px;
height: 40px;
}


#skala_2_con .erklaerung {
font-size: 14px;
line-height: 16px;
text-align: center;
height: 40px;
padding-top: 4px;
}

#skala_2_con .ueberschrift {
text-align: center;
color: white;
font-size: 26px; 
font-weight: bold;
height: 42px;
padding-top: 4px;
}

#skala_2_con .ueberschrift_klein {
text-align: center;
color: white;
font-size: 14px; 
font-weight: bold;
height: 34px;
padding-top: 12px;
}

#skala_2_con .wert {
text-align: center;
font-size: 34px; 
font-weight: bold;
height: 50px;
}

#skala_2_con .durchschnitt {
text-align: center;
font-size: 14px;
line-height: 16px;
color: white;
margin-top: 21px;
}

#skala_2_con .durchschnitt_wert {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-top: 10px;
}



#skala_3_con {
background: url(../bilder/skala_3.png) 70px 20px no-repeat;
height: 400px;
width: 998px;
margin-top: 70px;
position: relative;
}


#skala_3_con .zeile {
width: 998px;
text-align: center;
}


#skala_3_con .zeile span {
font-size: 14px;
padding-left: 25px;
padding-right: 25px;
font-weight: bold;
}


.zeiger_linie {
background: url(../bilder/skala_zeiger_2.png) 95px repeat-y;
}

#zeiger_durchschnitt {
width: 235px;
height: 335px;
text-align: center;
position: absolute;
top: 68px;
}

#zeiger_persoenlich  {
width: 235px;
height: 335px;
text-align: center;
position: absolute;
top: 68px;
}


#zeiger_durchschnitt .zeiger_linie, #zeiger_persoenlich .zeiger_linie {
margin-top: 45px;
}

#zeiger_persoenlich .zeiger_linie {
height: 60px;
overflow: hidden;
}

#zeiger_durchschnitt .zeiger_linie {
height: 150px;
overflow: hidden;
}

#zeiger_durchschnitt .rahmen, #zeiger_persoenlich .rahmen {
background: url(../bilder/rahmen_balken.png) repeat-x white;
border: 1px solid #990000;
padding-bottom: 10px;
}

#zeiger_durchschnitt .rahmen p.ueberschrift, #zeiger_persoenlich .rahmen p.ueberschrift {
color: white;
font-size: 14px;
padding-top: 4px;
height: 20px;
line-height: 14px;
}

#zeiger_durchschnitt .rahmen p, #zeiger_persoenlich .rahmen p {
font-size: 14px;
line-height: 20px;
padding-top: 5px;

}