@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;

}
html, body {
	height: 100%;
	width: 100%;
	font:12px "Trebuchet MS", verdana, arial, sans-serif;
	color: #8C9296;
	background: #ffffff;
}

#text10{font:10px "Trebuchet MS", verdana, arial, sans-serif;color: #666;}

#distance {
width: 10px;
height: 50%;
margin-bottom: -400px;
float: left;
/*background-color: #323232; nur zu Demozwecken*/
}

/* Überschrift */
h1{
margin: 2em 0 0.8em 0;
font-size: 16px;
text-transform: uppercase;
border-left: 4px solid #F99;
padding-left: 8px;
line-height: 18px;  /* Höhe des linken Rands */
}
h2{
margin: 2em 0 0.8em 0;
font-size: 16px;
text-transform: uppercase;
border-left: 4px solid #cc9966;
padding-left: 8px;
line-height: 18px;  /* Höhe des linken Rands */
}
h3{
margin: 2em 0 0.8em 0;
font-size: 16px;
text-transform: uppercase;
border-left: 4px solid #FC3;
padding-left: 8px;
line-height: 18px;  /* Höhe des linken Rands */
}
h4{
margin: 2em 0 0.8em 0;
font-size: 16px;
text-transform: uppercase;
border-left: 4px solid #9C9;
padding-left: 8px;
line-height: 18px;  /* Höhe des linken Rands */
}
h5{
margin: 2em 0 0.8em 0;
font-size: 16px;
text-transform: uppercase;
border-left: 4px solid #99C;
padding-left: 8px;
line-height: 18px;  /* Höhe des linken Rands */
}

h6{  /* farbliches Hervorheben des Textes */
    margin: 0 0 0 0.8em;
	color: #936;
	font-size: 12px;
	font-weight: bolder;
}

#linkzeile{
padding: 0 0 1em 2em;
}

				
/* Hauptcontainer */

#box{
position: relative;
min-height: 800px;
clear: left;
width: 600px;
margin: 0 auto;  /* Zentrierung */
text-align: center;
}

/* Navigation */
#rot{
list-style: none;width: 600px;float: left;padding: 2em 0;
}
#rot li{
float: left;
}
#rot li a{ 
padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #666;
}
#rot li a:hover{
color: #333;font-weight:bold;
}
#rot li span{padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #F99;font-weight:bold;
}
#orange{
list-style: none;width: 600px;float: left;padding: 2em 0;
}
#orange li{
float: left;
}
#orange li a{ 
padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #666;
}
#orange li a:hover{
color: #333;font-weight:bold;
}
#orange li span{padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #cc9966;font-weight:bold;
}
#gelb{
list-style: none;width: 600px;float: left;padding: 2em 0;
}
#gelb li{
float: left;
}
#gelb li a{ 
padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #666;
}
#gelb li a:hover{
color: #333;font-weight:bold;
}
#gelb li span{padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #FC3;font-weight:bold;
}
#gruen{
list-style: none;width: 600px;float: left;padding: 2em 0;
}
#gruen li{
float: left;
}
#gruen li a{ 
padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #666;
}
#gruen li a:hover{
color: #333;font-weight:bold;
}
#gruen li span{padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #696;font-weight:bold;
}
#blau{
list-style: none;width: 600px;float: left;padding: 2em 0;
}
#blau li{
float: left;
}
#blau li a{ 
padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #666;
}
#blau li a:hover{
color: #333;font-weight:bold;
}
#blau li span{padding: 1em 0;display: block;width: 120px;text-decoration: none;float: left;color: #99C;font-weight:bold;
}

/* Spirale */
#pict{
padding-bottom: 20px; /* Innenabstand */
text-align: left;  /* wichtig */
clear: left; /* wichtig */
}

/* Inhalt */
#content{
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
padding: 0 2em 3em 2em; /* Innenabstand */
text-align: left;  /* wichtig */
clear: left; /* wichtig */
min-height: 500px;
}

#content p{

padding: 0 0 0.4em 0.8em;
}

/* Footer */
#footer{
margin-top:1em;
height: 60px;
line-height: 20px;
background: white;
text-align: center;
}

#kursiv{
	font-size:9px; font-style:italic;
}
#box #content #linkzeile strong {
	color: #F0F;
}
.achtung {
	color: #F39;
	font-style: italic;
	font-weight: bold;
}