/* alexa mueller-heyn   css dokument */

body {background-color: #fafafa; margin: 0; font-size: 100.1%; 
margin-top: 4px;
font-family: 'Microsoft sans serif', Arial, sans-serif;
background-image:url(../images/back_blumen.gif); background-position: top center; background-repeat: no-repeat;
text-align: center;  /* zentrierung im ie */}

ul, li, a, h1, h2, h3, h4, h5, h6, p, div, img {margin:0; padding:0;} 

.clearingleft {margin:0; padding:0; font-size:1px; clear: left;} /* schrift in kleinster groesse, da ie6 inhalt bei div braucht */
.clearingboth {margin:0; padding:0; font-size:1px; clear: both;} /* schrift in kleinster groesse, da ie6 inhalt bei div braucht */

img {border:0; display: block;}
.left {float: left; }


/* s c h r i f t e n */
h1 {display: none;} /* fuer beschreibung der Bloecke, wenn css ausgeschaltet ist */
h2 {font: 20px 'Microsoft sans serif', Arial, sans-serif; line-height: 25px; font-weight: normal; color: #860018;}
p {font: 12px 'Microsoft sans serif', Arial, sans-serif; line-height: 15px; font-weight: normal; color: #000;}
a {text-decoration: underline; color: #000;}
a:hover {text-decoration: underline; color: #860018;}



/* c o n t a i n e r  seitenaufbau */

#container {display: block; width: 836px; 
position: relative; /* damit movie vom container abhängig auf absolute gestellt werden kann */
margin: auto; /* standardkonforme horizontale zentrierung */
}

#box {display: block; height: 350px;  
margin: auto; /* standardkonforme horizontale zentrierung */
}

#line {display: block; height: 80px;
text-align: center;
margin-top: 0;}




/* l o g o  */

#logo {display: block; width: 484px; margin: auto; }




/* m i d d l e   b o x  */

.imageleftside {display: block; float: left;}
.imagerightside {display: block; float: right;}

.textbox {display: block; margin: auto;margin-right: 15px; }
.date {font-size: 12px; line-height: 5px;}

#moviebox {display: block; width: 480px; height: 286px; 
position: absolute; z-index: 3; left: 178px; top: 259px;
background-image:url(../images/movieplatzhalter.jpg); background-position: top left; background-repeat: no-repeat;
}

.movie {display: block; margin-bottom: 10px;}




/* u n t e r z e i l e  */

.flower {display: block; margin: auto; margin-bottom: 5px;}

#line p {font: 15px 'Microsoft sans serif', Arial, sans-serif; line-height: 20px; font-weight: normal; color: #000;}
#line a {font: 15px 'Microsoft sans serif', Arial, sans-serif; line-height: 18px; font-weight: normal; color: #000; text-decoration: none;}
#line a:hover {color: #860018;}
.red {color: #860018;}

#impressum {display: block; width: 200px; height: 10px; text-align: right;
position: absolute; z-index: 4; left: 650px; top: 16px;}
.impressum p {font: 12px 'Microsoft sans serif', Arial, sans-serif; line-height: 18px; font-weight: normal; color: #000; text-decoration: none; margin-top: 15px;}

.impressum a {font: 12px 'Microsoft sans serif', Arial, sans-serif; line-height: 18px; font-weight: normal; color: #000; text-decoration: none;}
.impressum a:hover {color: #860018;}
.impressum .current {color: #860018;}

.impressumsbox {display: block; margin: right; margin-top: 10px;text-align: right;}