* {margin: 0; padding: 0; border: 0;}


body {
min-width: 700px;
text-align: center; 
font-family: tahoma, arial, verdana, sans-serif;
line-height: 1.5;
font-size: 12px; }

.suchmaske {
background-color:#fff; padding: 2px; border:1px solid #999;
}
.suchbutton {
font-size: 10px; padding: 2px;letter-spacing: +.2em; 
background-color:#fff; width:80px; border:1px solid #333;
}

a {color: #333; text-decoration: none; }
a:visited { }
a:hover {background: #cccccc; color: #000;
text-decoration: underline; }

a.presse {color: #fff; background: #666666; }

#subnav a {font-size: 10px; padding: 2px 20px;letter-spacing: +.2em; height: 40px; }
#subnav a:hover, #subnav #current {background: url(img/backdrop_auswahl.png); color: #fff; text-decoration: none;}
#subnav #presserot {color: #f00; text-decoration: none;}
#subnav img {
position:relative;
top:2px;
}
/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
text-align: left;
width: 900px; /*90%; */
margin: 0 auto; 
}

#header, #subnav, #footer {
color: #000;
clear: both; 
width: 100%;
}

p.filminliste {
float: left;
font-size: 11px;
padding: 2px 0px;
}
p.filminlisteKino {
float: left;
font-size: 11px;
padding: 2px 0px 4px 16px;
}
p.filmlisteheader {color: #fff; background: #666666; letter-spacing: +.2em; margin: 0 0 0 0; padding: 2px 20px; font-size: 10px;}

p.tablekopf {color: #fff; background: #666666; letter-spacing: +.2em; margin: 0 0 0 0; padding: 2px 20px;}
p.filmnavHI {color: #fff; background: #ffffff;}

#header {color: #fff;}
#subnav, #footer {padding: 10px 0;}

#subnav {height: 40px;}
#subnavrechts {
position: relative;
top: 0;
right: 0;
float: right;
clear: both;
}

#contentfloatholder {/* right faux column tab */
/*background: url(sidebar.gif) repeat-y 100% 0;*/
float: left;
width: 100%;
}

/* auswahlmenu kategorie, genre usw: */

#auswahlcontainer {
width: 100%;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;
float:left;
font-size: 10px; letter-spacing: +.2em;
padding: 0px 0px;}

#auswahlcontainer a:hover {background: #999999; color: #fff; text-decoration: none;}
#auswahlcontainer p {
letter-spacing: +.2em; margin: 0 0 0 0; padding: 2px 20px;
}

#auswahlleft {
float: left;
width: 280px;
background: #fff url(img/backdrop_auswahl.png) no-repeat;
}

#auswahlmiddle {
margin-left: 310px;
margin-right: 300px;
width: 280px;
background: #fff url(img/backdrop_auswahl.png) no-repeat;
}

#auswahlright {
float: right;
width: 280px;
background: #fff url(img/backdrop_auswahl.png) no-repeat;
}



/* einzelansicht */

#einzelauswahlcontainer {
width: 100%;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;
float:left;
font-size: 12px;
padding: 8px 0px;
}


#einzelauswahlleft {
float: left;
width: 220px;
/* background: #fff url(img/backdrop_links.png) repeat-y; */
}

#einzelauswahlmiddle {
margin-left: 230px;
margin-right: 220px;
width: 420px;
}

#einzelauswahlright {
float: right;
width: 220px;
}







/* startseite oben */

#ssauswahlcontainer {
width: 100%;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;
float:left;
font-size: 12px;
padding: 8px 0px;
}

#ssauswahlcontainer a:hover {background: #999999; color: #fff; text-decoration: underline;}
#ssauswahlcontainer a {color: #333; text-decoration: underline;}


#ssauswahlleft {
float: left;
width: 320px;
}

#ssauswahlmiddle {
margin-left: 340px;
margin-right: 220px;
width: 320px;
}

#ssauswahlright {
float: right;
width: 220px;
background: #fff url(img/filmstreifen.jpg) repeat-y;
}


/* startseite unten */

#suauswahlcontainer {
width: 100%;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;
float:left;
font-size: 11px;
padding: 8px 0px;
}

#suauswahlcontainer a:hover {background: #999999; color: #fff; text-decoration: underline;}
#suauswahlcontainer a {color: #333; text-decoration: underline;}


#suauswahlleft {
float: left;
width: 320px;
background: #fff;
}

#suauswahlmiddle {
margin-left: 340px;
margin-right: 220px;
width: 320px;
}

#suauswahlright {
float: right;
width: 220px;
background: #999;
}


#headerlinks {
float: left;
margin-top: 10px;
}
#headerrechts {
float: right;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
display: block; 
height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
margin: 0 175px 0 175px;
}

#centerwrap {
  float:left;
  width: 100%; 
margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 170px; 
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  width: 170px;
margin: 0;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}