/****Hintergrund****/
body {
background-color:#fff;
margin:0;
padding:0
}
/****Seiten Layout****/
/*KOPFLEISTE*******************************************************************/

#kopf
{
	position:absolute;
	top:0;
	left:10px;
	width:990px;
	height:116px;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	z-index:1;
	margin:-16px 0 0;
	padding:0
}

#kopf a
{
	color:#880015;
	text-decoration:none
}
#kopf_main
{
	position:absolute;
	width:650px;
	height:106px;
	border:5px solid #7f7f7f;
	background-image:url(/img/kopf_bg.png);
	background-color:#bdbdbd;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-khtml-border-radius:16px;
	border-radius:16px;
	z-index:1
}
#kopf_login
{
	position:absolute;
	top:18px;
	left:650px;
	width:340px;
	height:50px;
	background-image:url(/img/kopf_bg.png);
	background-color:#bdbdbd;
	border:3px solid #7f7f7f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	z-index:0
}
#kopf_menu
{
	position:absolute;
	top:76px;
	left:650px;
	width:335px;
	height:17px;
	background-image:url(/img/kopf_bg.png);
	background-color:#bdbdbd;
	border:3px solid #7f7f7f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	z-index:0;
	margin:0;
	padding:3px 5px 0 0
}
#kopf_title
{
	position:absolute;
	top:20px;
	left:10px
}
#namepos
{
	font-size:7pt;
	position:absolute;
	top:8px;
	left:165px;
	z-index:1
}
#passpos
{
	position:absolute;
	top:8px;
	left:250px;
	z-index:1
}
#errpos
{
	position:absolute;
	top:28px;
	left:165px;
	color:red;
	font-size:9px;
	vertical-align:middle;
	z-index:1
}
#buttonpos
{
	position:absolute;
	top:28px;
	left:250px;
	z-index:1
}
#title_refresh
{
	position:absolute;
	top:2px;
	left:10px;
	z-index:1
}
/*INHALT***********************************************************************/
#inhalt {
  position: absolute;
   top:110px;
   left:180px;

  width: 820px;
  margin: 0px 0px 0px 0px;
  padding: 0; 
  background-color: #B9DCFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  border:5px solid #7f7f7f;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  border-radius: 16px;
}
#innen {  
  padding: 0px 10px; 
}
#inhalt a {
	color: #000000;
	text-decoration: none;
}

#inhalt a:hover {
	color: #990000;
	text-decoration: none;
}
/*NAVIGATIONSLEISTE************************************************************/
#navi {
  position: fixed;
    top: 110px;
    left: 10px;
  padding: 0;
  margin: 0;
  font-size: 8pt;   
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 160px;
}
#navi_menu {
  position: relative;
  margin: 0;
  padding: 15px 0px; 
  width: 150px;
  background-color: #EFE4B0; 
  border:5px solid #7f7f7f;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  border-radius: 16px;
}
#navi a{
	text-decoration: none;
  color: #000099;
}
.navi_button {
  width: 135px;
  height: 20px;
  padding: 0px 0px 0px 10px;
  color: rgb(136, 0, 21);
  display: table-cell;
  vertical-align: middle;
}
.navi_button img {
  float: right;
}

#sidesearch {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  width: 140px;

  margin: 10px 0px 0px 0px;
  font-size: 7pt;  
  padding: 15px 5px 15px 5px;
  background-color: #CCFF99; 
  border:5px solid #7f7f7f;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  border-radius: 16px;

}
#sidesearch::-webkit-scrollbar {
  width: 4px;

}
#sidesearch::-webkit-scrollbar-thumb  {
  background-color: #5ab300; 
  border-radius: 2px;
  border-width: 0 2px;
}
#sidesearch::-webkit-scrollbar-track-piece {
  height: 10px;
  width: 10px;
  margin-top: 10px; 
  margin-bottom:10px;
}


/*FUSS*************************************************************************/
#fuss {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  height: 500px;  
  background-color: #ffffff;
}
/*ALLGEMEIN********************************************************************/
.textdiv {
  padding: 0 10px 0 10px;
  margin: 10px 0 10px 0;
}
.textdiv_2{
  padding: 0;
  margin: 0;
  display: table-cell;
}
.hr_solid { 
  height: 1px;
  padding: 0; 
  border-style: solid; 
  border-width: 2px 0 0 0; 
  border-color:#7f7f7f; 
  -webkit-margin-before: 5px;
  -webkit-margin-after: 5px;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
.hr_double { 
  height: 1px;
  padding: 0; 
  border-style: double; 
  border-width: 4px 0 0 0; 
  border-color:#7f7f7f; 
  -webkit-margin-before: 5px;
  -webkit-margin-after: 5px;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
/*FILMDETAILS******************************************************************/
.div_fDetails_content {
  position: relative;
  padding:0 0 10px 0;
  width: 550px;
  float: left; 
}
.div_fDetails_cellName {
  padding: 6px 10px 0 10px;
  position: relative;
  float: left; 
  width: 110px;
}
.div_fDetails_cellContent {
  padding: 6px 10px 0 10px;
  position: static;
  display: table-cell;
  width: 440px  
} 
.div_fDetail_cover{
  display: table-cell;
  position: static;
  width: 220px; 
  padding:0 10px 10px 40px;
} 
.img_fDetail_cover{
  width: 220px; 
} 
#navi_fDetail{
  position: relative;
    top: 110px;
    left: 10px;
  padding: 0;
  margin: 0;
  font-size: 8pt;   
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 160px;
 
} 
#navi_fDetail a{
	text-decoration: none;
  color: #000099;
} 
/*FILMSUCHE********************************************************************/
.div_fSearch_cellName {
  padding: 6px 10px 0 10px;
  position: relative;
  float: left; 
  width: 110px;
}
.div_fSearch_cellContent {
  padding: 6px 10px 0 10px;
  position: static;
  display: table-cell;
  width: 440px  
}
/*TABELLEN*********************************************************************/
.td_text_top {
  vertical-align: top; 
}
.td_text_bot {
  vertical-align: bottom; 
}
/*BUTTON***********************************************************************/
.b_1{
  text-align: center;
  height: 20px;
  width: 120px;
  font-size: 8pt; 
}
.b_2{
  text-align: center;
  height: 20px;
  width: 100px;
  font-size: 8pt; 
}
/****Textausrichtungen****/
ta1 {
  text-align: center;
}

/*  FILMARCHIV      */
/********************/
/*  ALPHABET-LISTE  */
div.alpha {
  margin: 10px 0px;
  background: transparent;
  font-size: 9pt;
  color: #000000;
  width: 15px;
  display: inline-block;
  text-align: center;      
}
div.alpha:hover {
  background: #808080;
  color: #ffffff;
}
.tr_film{

}
.td_filmButtons{

}
.td_filmName{
  width: 450px;
}
.td_filmRegie{
  width: 150px;
}
.td_filmGenre{
  width: 150px;
}
.td_filmYear{
  width: 50px;
}

/*  FILM-LISTE  */
.film_link {
  color: #ff0000;
}

/********************/
/*  INHALTS-ELEMENTE  */
#film_head {
  text-align:center;
  display: block;
}
#film_table {
  display: block;
}
/********************/
/*  TABELLEN-SORTIERUNGS-BUTTON  */
a.film_order {
  background: transparent;
  color: #000000;
  width: 15px;
  display: inline-block;
  text-align: center;      
}
a.film_order:hover {
  background: #808080;
  color: #ffffff;
  width: 15px;
  display: inline-block;
  text-align: center;      
}
/********************/
/*  VOTES (Eventlist) */

#eventlist {
  
}


.podium_cover {

}

.voters{

}

.vote_stats{

}

.td_voteButtons{
  width: 50px;
}
.td_voteFilmname{
  width: 750px;
}

/*****************************/
/*  POPUPs */
.popup_overlay {
  position: fixed;
   top:0px;
   left:0px;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #000000;
  filter:alpha(opacity=70); /* IE */
  opacity:0.7; /* allgemein */
  -moz-opacity:0.7; /* Mozilla */
  -khtml-opacity:0.7; /* KTHML */
  -opera-opacity:0.7; /* Opera */
  z-index:10;
}
.popup_content {
  margin-left:-200px;
  padding: 15px;
  position: fixed;
   top:150px;
   left:50%;
  width: 400px;
  height: 150px;
  display: none;
  background-color: #B9DCFF;
  border:5px solid #7f7f7f;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -khtml-border-radius: 16px;
  border-radius: 16px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000;
  z-index:11;
} 
.popup_tr {
  vertical-align:top;
  height:65px;
  width:400px;
}
/*************/
/*   IMAGE   */
img { 
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}
img.sound-image {
 margin: 5px 5px 3px 0px;
}

form { 
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}

/*************/
/*   INPUT   */
input 
{
  display: block;
  margin: 0;
  padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;	
}


select {
  display: block;
  margin: 0px;
  padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
  height: 14pt;
	color: #000000;
	
}


textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

/*************/
/*   TABLE   */
table {
  display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
  border-collapse: collapse;
	color: #000000;
  border-spacing: 0px;
}

/*oben-rechts-unten-links*/
table.padded-table td{
  padding:0px 0px 5px 0px; 
}
table.non-padded-table td{
  padding:0 
}

#film_graph_canvas{
    background-image: url("../film_graph.php");
    background-position: center;
    background-size: 100% 100%;
}