/* CSS für Studio-Site */

/* Angaben für alle standardkonformen Browser */

html, body {
margin:0;
padding:0;
background:#ffffff;
}

#content_container {
padding-top:8em;
padding-bottom:3em;
padding-left:0;
}

#header {
position:absolute;
top:0;
width:100%;
padding:10px 0 10px 10px;
background-color:#E1DDD9;
text-align:left;
border-bottom:2px dotted #3366FF;
}

#header-left {
float:left;
top:2px;
width:300px;
height:auto;
text-align:left;
padding:0;
margin:0 0 5px 20px;
}

#header-right_1 {
float:left;
top:2px;
width:auto;
height:auto;
text-align: left;
padding: 0px;
margin:0 5px 5px 0;
z-index:5;
}

#header-right_2 {
float:left;
top:2px;
width:auto;
height:auto;
text-align: left;
padding: 0px;
margin:0 5px 5px 0;
z-index:5;
}

#header-right _3{
float:left;
top:2px;
width:auto;
height:auto;
text-align: left;
padding: 0px;
margin:0 5px 5px 0;
z-index:5;
}

#navigation{
position:absolute;
left:0;
top:120px;
width:100%;
height:40px;
padding:0;
background-color: #FF9933;
border:1px solid #CC0000;
margin:0;
z-index:4;
}

#footer {
position:fixed;
bottom:0px;
width:100%;
background-color:#E1DDD9;
border-top:2px dotted #3366FF;
padding:5px;
color:#000000;
font-size:0.6em;
text-align:center;
}

/* Formatierung des Seiteninhaltes */

#content {
float:left;
width:60%;
border:0;
padding: 0;
margin:50px 1em 3em 1em;
z-index:5;
}

#extra {
float:right;
width:28%;
border-left:3px dotted #FF9933;
padding:0.5em;
margin:3em 1em 3em 1em;
background-color:#E1DDD9;
z-index:5;
}

#hintergrundbildlinks {  /* Bild steht links */
float:left;
clear:none;
margin:5px 30px 5px 5px;
z-index:1;
}

#hintergrundbildrechts {  /* Bild steht rechts */
float:right;
clear:none;
margin:5px 5px 30px 5px;
z-index:1;
}

/*  Angaben nur fuer den Internet Exploder mittels Star-HTML-Hack */

*html, *html body {
margin:0;
padding:0;
height:100%;
overflow:hidden;
}

*html #content_container {
padding:8em 0 0 0;
height:95%;
overflow:auto;
}

*html #footer {
background:#E1DDD9;
height:5%;
text-align:center;
padding-top:0;
padding-bottom:1%;
margin-bottom:10px;
}

*html #content {
width:62%;
}

*html #extra {
margin:3em 0.2em 2em 0.2em;
overflow:hidden;
}

/* ab hier Schriftdefinitionen */

p{
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 1.2em;
color: #666666;
text-align: left;
margin:0 10px 10px;
line-height:1.2;
}

.h1{
font-family:Verdana,Arial,SunSans-Regular,sans-serif;
font-size: 1.4em;
text-transform:uppercase;
font-style:italic;
background-color: #FFFF00;
border:1px solid #CC0000;
color:#224d6f;
padding:5px 15px;
margin:0 0 1em 0;
}

.h2 {
font-family:Verdana,Arial,SunSans-Regular,sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight: bold;
padding: 5px 10px;
margin:0px;
color:#224d6f;
}

.h3 {
font-family:Verdana,Arial,SunSans-Regular,sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight: bold;
padding: 5px 10px;
margin:0px;
color:#224d6f;
}

.h3_table {
font-family:Verdana,Arial,SunSans-Regular,sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight: bold;
padding:0;
margin:0px;
color:#224d6f;
}

.h4 {
font-family:Verdana,Arial,SunSans-Regular,sans-serif;
font-size:1em;
text-transform:uppercase;
font-weight: normal;
padding: 5px 10px;
margin:0px;
color:#224d6f;
}

.lauf {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 0.8em;
color: #003366;
text-align: left;
margin-top:10px;
text-transform:none;
}

.laufklein {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 0.9em;
color: #003366;
text-align: left;
margin-top:10px;
}

.laufganzklein {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 0.6em;
color: #003366;
text-align: left;
margin-top:10px;
}

.laufleftblau {
font-family:Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 1em;
color: #003366;
text-align: left;
margin:0 10px 10px;
text-transform: none;
}

.laufmittig {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 1em;
color: #003366;
text-align: center;
margin:0 10px 10px;
}

.laufmittigklein {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 0.9em;
color: #003366;
text-align: center;
margin:0 10px 10px;
}

.laufmittigrot {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #CC0000;
text-align: center;
margin:0 10px 10px;
}
.spezrot {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #CC0000;
text-align: left;
}
.spezrot_fuer_footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color: #CC0000;
text-align: left;
}
.laufmittigrotgross {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #CC0000;
text-align: center;
margin:0 10px 10px;
}
.laufrot {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 0.8em;
color: #003366;
text-align: left;
margin-top:10px;
text-transform:none;
}
.h2rot {
font-family:Verdana, Arial, SunSans-Regular, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight: bold;
padding: 5px 10px;
margin:0px;
color:#CC0000;
}
.laufmittigrotgrossblink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #CC0000;
	text-align: center;
	margin:0 10px 10px;
	text-decoration: blink;
}
.laufrechts {
font-family: Verdana, Arial, SunSans-Regular, sans-serif;
font-size: 0.8em;
color: #003366;
text-align: right;
margin-top:10px;
text-transform:none;
}

.bild_rechtsumflossen {
margin:5px 20px 5px 5px;
float:left;
clear: right;
width:auto;
}

.bild_linksumflossen {
margin:5px 5px 20px 5px;
float:right;
clear:left;
width:auto;
}