body {
  margin: 0;
  padding: 0;
  background-color: #e0e0e0;
/*  background-image: url('./images/titel_bg.jpg');*/
}
body.intro {
  padding-bottom: 10%;
  background-color:#ffffff;
}
.intro_flyer {
  text-align: center;
  color: #d0d0d0;
}
body,p,h1,h2,h3,h4,ul,ol,li,div,td,th,span,pre,address,blockquote,nobr,b,i,a,input,textarea,button,select,option {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
}
div {float:none;}
a {text-decoration: none;}

/* Seitenlayout */
div.filmstreifen_oben {
  padding: 0;
  margin:0;
  background-position: -4px 0px;
  background-repeat: repeat-x;
  border: 0px solid #ff0000;
}
div.filmstreifen_unten {
  padding: 0;
  margin:0;
  background-position: -4px -8px;
  background-repeat: repeat-x;
  border: 0px solid #ff0000;
}
div.bodyborder {
  padding: 10px;
  border: 1px solid #606060;
  vertical-align: top;
  background-color: #ffffff;
}
div.inhalt {
  width: 900px;
  height: 100%;
  background-image: url('./images/logo_m.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: top;
  border: 0px solid #c0a0a0;
}
td.menu_border {
  background-image: url('./images/sneak_collage.jpg');
  background-position: top right;
  background-repeat: no-repeat;
  height: 1px;
  padding-top: 100px;
  padding-bottom: 10px;
  vertical-align: bottom;
}
div.menu {
  padding: 0;
  width: 900px;
  border: 0px solid #a0c0c0;
  text-align: right;
}
.menu a {
  padding: 5px 10px 10px 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  color: #808080;
}
.menu a:hover {
  color: #303030;
}
.menu a:active {
  color: #eecc22;
}

td.content {
  vertical-align: top;
  padding: 5px 8px 10px 70px;
}

div.content {
  height: 500px;
  border: 0px solid #c0c0a0;
  overflow: auto;
  text-align: justify;
  /*background-image: url('./images/sneak_bg_titel.jpg'); */
  background-position: bottom right;
  background-repeat: no-repeat;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  div.content {
    height: auto;
  }
}


h1 {
  margin: 0 0 5px 0;
  padding: 2px 5px 3px 5px;
  font-size: 10px;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  color: #ffffff;
  background-color: #333333;
}

h2 {
  font-size:8pt;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ****************************************
   infos
**************************************** */
div.info {margin-right: 10px;}
td.info {padding-bottom: 15px;}

/* ****************************************
   Filme / Übersicht
**************************************** */
div.tabelle_filme {
  overflow: auto;
}
th.sneak,.tabelle_filme th ,th.sneak a{
  font-weight: bold;
  color: #ffffff;
  background-color: #333333;
  padding: 4px 7px 4px 7px;
  text-align: left;
}
a.sort{
  color:#ffffff;
  text-decoration: none;
  font-size: 1em;
}
th.spalte0 {text-align:right;}
th.spalte1 {}
th.spalte2 {}
th.spalte3 {text-align:center;}
th.spalte4 {}
th.spalte5 {}
th.spalte6 {}
th.spalte7 {text-align:center;}

td.sneak, .tabelle_filme td, .tabelle_filme td a {
  font-weight: normal;
  padding: 3px 5px 5px 5px;
  background-color: #dddddd;
  text-align: justify;
  vertical-align: top;
}
.tabelle_filme td a {
  font-weight: normal;
  color: #000000;
  padding: 0;
  margin:0;
}
td a:hover {
  font-weight: bold;
}
th.sneak a:hover {
  color: #ffaa00;
  text-decoration:none;
}
td.spalte0 {background-color: #333333; text-align:right; color:#ffffff;width:1px;}
td.spalte1 {}
td.spalte2 {}
td.spalte3 {text-align:center;}
td.spalte4 {}
td.spalte5 {}
td.spalte6 {}
td.spalte7 {text-align:center;}

/* ****************************************
   Filme / Detailansicht
**************************************** */
.sneak_rating {
  background-image: url('./images/sneak_stern6.gif');
  background-repeat: no-repeat;
  background-position:top right;
}
.film_plakat {
  height: 200px;
  width: 150px;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  border: 0px solid #000000;
  padding: 0px;
}
.film_titel {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  color: #333333;
  padding: 0;
  margin: 0;
}
.film_info {
  font-weight: normal;
  font-style: italic;
  color: #808080;
}
.film_details_label {
  padding: 2px 5px 2px 5px;
  vertical-align: top;
  font-weight: bold;
  background-color: #e0e0e0;

}
.film_details_inhalt {
  padding: 0px 0px 12px 5px;
  vertical-align: top;
  text-align: justify;
  border: 0px solid #c0c0c0;
}

/* ****************************************
   Mitglieder / Übersicht
**************************************** */
.user_visitenkarte {
  width: 250px;
  border: 0px solid #c0c0c0;
  background-colors: #ccbbbb;
  padding: 0px;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
}
*html .user_visitenkarte {width: 250px;}

.user_visitenkarte .user_passbild {
  height: 100px;
  width: 70px;
  margin: 0;
  padding: 0;
  border: 0px solid #f0f0f0;
  float: left;
  font-size: 9px;
}
/* ****************************************
   Mitglieder / Detailansicht
**************************************** */
div.user_filme {
  /*background-image: url('./images/sneak_bg_titel.jpg'); */
  background-position: right top;
  background-repeat: no-repeat;
  border: 0px solid #c0c0a0;
  text-align: justify;
  font-weight: normal;
  padding: 5px 0 5px 0;
}
div.user_filme a {
	font-weight:bold;
}
div.user_filme a:hover {
	text-decoration:underline;
}

/* ****************************************
   Administration - allgemein
**************************************** */
.label {
  font-weight: bold;
  padding-right: 10px;
}
.eingabe {}
.input {
  width: 100%;
  height: 100%;
  border: 1px solid #c0c0c0;
  padding: 2px 5px 2px 5px;
}
textarea.input {
  padding: 3px 5px 3px 5px;
}
.admin th {
  text-align: left;
  font-weight: bold;
  background-color: #404040;
  color: #ffffff;
  padding: 3px 5px 3px 5px;
}
.admin td {
  background-color: #e0e0e0;
  padding: 3px 5px 3px 5px;
}
.admin a {
  color: #600000;
}
.admin a:hover {
  text-decoration: underline;
}

/* ****************************************
   Administration - login
**************************************** */
div.login {
  /*
  background-color: #f0f0f0;
  border: 1px solid #000000;
  padding: 15px 10px 10px 50px;
  overflow: auto;
  */
}
/* ****************************************
   Administration - edit_movie
**************************************** */
.adm_film_plakat {
  /*
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  */
  height: 270px;
  width: 205px;
}
option.active_user {
  font-weight: bold;
  background-color: #DDDDDD;
}