/* Kathrin Schill, www.kathrinschill.de  */

/*  Farben  */
/*  Rot - Überschrift: #DF0619  */
/*  Grau - Schrift (80% Schwarz): #333333  */



/* _______________  Stile für Body und Universalselektor _______________  */


* {
padding: 0;
margin: 0;
}

html {
width:100%;
height:100%;
}

body,#bg,#bg table,#bg td,#grossesuniversum {
width:100%;
height:100%;
overflow:hidden;
}

#impressum {
overflow:visible;
}




body {
background-color: transparent;
color: #333333;
font-size: 75%;
font-family: Verdana, Sans Serif;
line-height: 175%;
/* background-image: url(../bilder/hg_farben_1920x1440.jpg);
background-repeat: no-repeat;
background-position: top center;  */

}



/* _______________  Stile für Boxen _______________  */


#grossesuniversum {

/* Nur Horizontale Zentrierung  
margin: 0 auto;
text-align: middle;
width: 75em;
border: 1px solid red;
padding-top: 4.2em;   */

/* Horizontale und Vertikale Zentrierung über absolute Positionierung  */
position: absolute; 
z-index: 70;
top: 50%; 
left: 50%;
margin-top: -19.4em; 
margin-left: -37.5em;
width: 75em;  
}

#grossesuniversum_impressum {

/* Nur Horizontale Zentrierung  
margin: 0 auto;
text-align: middle;
width: 75em;
border: 1px solid red;
padding-top: 4.2em;   */

/* Horizontale und Vertikale Zentrierung über absolute Positionierung  */
position: absolute; 
z-index: 70;
top: 50%; 
left: 50%;
margin-top: -19.4em; 
margin-left: -37.5em;
width: 75em;  
overflow: auto;
}

/*#kastenoben {
width: 48em;	
background-color: transparent;
background-image: url(../bilder/hg_kasten_schatten_576x570.png);
background-position: bottom left;
}*/

#kastenoben {
width: 48em;	
background-color: transparent;
background-image: url(../bilder/hg_kasten_schatten_576x570.png);
background-position: bottom left;
background-repeat: no-repeat;
}


#kastenoben_impressum {
width: 48em;	
background-color: transparent;
background-image: url(../bilder/hg_kasten_schatten_576x7000.png);
background-position: bottom left;
background-repeat: no-repeat;
}

#kastenunten {
width: 48em;
/* margin-top: 1.6em */
background-color: transparent;
background-image: url(../bilder/hg_kasten_schatten_576x570.png);
background-position: bottom left;
background-repeat: no-repeat;
}


.schattenobenrot {
width: 48em;
height: 1.66em;
background-color: transparent;
background-image: url(../bilder/hg_schatten-oben_rot_576x20.png);
background-position: bottom left;
background-repeat: no-repeat;
}

.schattenoben {
width: 48em;
height: 1.66em;
background-color: transparent;
background-image: url(../bilder/hg_schatten-oben_576x20.png);
background-position: bottom left;
background-repeat: no-repeat;
}

.clear {
clear: both;
}



/* _______________  Stile für Hintergrundtabelle _______________  */


#bg div {
position:absolute;
width:200%;
height:200%;
top: -50%;
}


#bg td {
vertical-align:middle;
text-align:center;
}

#bg img {
min-height: 50%;
min-width: 50%;
margin: 0 auto;
display: block;
}




/* _______________  Stile für Inhalt und Textauszeichnung _______________  */


h1 {
font-size: 2em;
color: white;
text-align: center;
padding: 0.1em 1em 0.8em 0;
background-image: url(../bilder/hg_h1_ohne-schatten.png);
background-repeat: no-repeat;
background-position: top left;
}


h2 {
font-size: 1em;
font-weight: bold;
padding: 0 5em 0 3.2em;
}



#kastenoben p {
padding: 1.5em 5em 3.2em 3.2em;
}

#kastenoben_impressum p {
padding: 1.5em 5em 3.2em 3.2em;
}

/*#kastenoben_impressum br {
font-size: 2em;
}
*/
img {
float: left; 
}


#kastenunten div  {
padding: 0 5em 3.2em 3.2em;
}




#kastenunten p  {
float: left;
margin-left: 2.9em;
}


.linkagbimpressum  {
float: right;
}








em {
font-weight: bold;
font-style: normal;
}



/* _______________  Links _______________  */


a {
color: #DF0619;
text-decoration: none;
border-bottom: 1px dotted;
}


a:hover {
color: #F5AA96;
text-decoration: none;
border-bottom: 1px dotted;
}


