/* Allgemeine Styles */
html{
  background-color: #454242;
}
body {
  /*background-image: url(../images/fernes_ufer.jpg);*/
   
   color:#BBBBAA;
	font-family: Verdana,Tahoma,Arial,Helvetica;
	font-size:11px;
	font-weight:500;
    font-size: 12px;
    text-align: justify;
	overflow-y: scroll;
}

#container {
 
 
    width: 910px;
    margin: 0 auto;
    text-align: center;
   /* border-style: solid;
    border-color: #DDDDDD;
    border-width: 1px;*/
}

#content {
	 background-color: black;
	padding-bottom: 20px;
   	padding-top: 10px;
    /*padding: 50px;*/
	position: relative;;
	min-height: 600px;
   margin-bottom:30px;
 
	
}
#movie_categorys{
	margin-left: auto; margin-right: auto; margin-bottom: 60px; font-size: 170%;

	
}
.movie_cat {
	 padding-top:35px;
	width: 296px; height: 600px; float: left
}
#middle_box{
	margin: 9px 10px;
	
	
}
#header{

	
}
#section, #section a{
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #BBBBAA;
	font-size: 20px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	margin-bottom: 20px;
	font-weight:100;
	padding: 4px 0;
}
#section a:hover{
	color: #aaa;
}

h1 {
    color: #f44801;
}

a img {
    border: 0 none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    color: #aaa;
}

.active {
    color: #F34801;
}

a {
    color:#BBBBAA;
    text-decoration: none;
}
#noMoreEntrys {
	color: #DEDEDE;
	margin-top: 50px;
	text-align:center;
}

.large{
	font-size: larger;
}
.video{
	margin:30px;
	
}
input, textarea{
	background-color: #DDDDDD;
}
.video_description{
	font-style: italic;
	color: #888877;
	font-size: 13px;
}


/* Kopfbereich*/
#round_borders_top{
	width: 100%;
	height:20px;
	background-color:  #4B5156;
	background-image: url(../../images/round-top.png);
}
#spacer_top_navi{
	width: 100%;
	height: 18px;
	background-repeat: repeat-x;
	background-image: url(../../images/spacer_navi.png);
	clear:both;
}
#spacer_bottom_navi{
	width: 100%;
	height: 18px;
	background-repeat: repeat-x;
	background-image: url(../../images/spacer_navi_bottom.png);
	clear:both;
}

/*Flash Navigation */
#flash-navi{
	float:right;
	margin-top: 20px;
}

/*HTML Navigation */
#navi_top {
    float: right;
    margin-top: 20px;
    font-size: 110%;
    line-height: normal;
   
	
}

#navi_top ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0px 10px 0pt 50px;
}

#navi_top li {
    display: inline;
    margin: 0pt;
    padding: 0pt;
	cursor:pointer;

}

#navi_top a, #navi_top a:visited {
    font-size: 110%;
    color: #555;
    /*background:transparent url(../images/tableft.gif) no-repeat scroll left top;*/
    float: left;
    margin: 0pt;
    padding: 0pt 0pt 0pt 4px;
    text-decoration: none;
}

#navi_top a span {
    border-width: 1px;
    border-color: black;
    margin-right: 30px;
    display: block;
    float: left;
    padding: 4px;
}

#navi_top a span {
    float: none;
}

#navi_top a:hover {
    color: #000000;
   
}
#navi_top a span:hover,  #navi_top a span.selected{
	border: 2px solid #AAAAAA;
	padding: 2px;
}



#navi_top a:hover span {
    background-position: 100% -42px;
}


#kc_logo{
	  padding-left: 60px;
	  width: 60px;
	
	  padding-top: 15px;
}

/*Ende Kopfbereich */


/*Fussbereich */
#footer {
    /*background-color: #4B5156;*/
/*background-image: url(../images/spacer_navi_bottom.png);*/
background-color: black;
    clear: both;
    height: 24px;
    margin-top: 5px;
	margin-bottom: 45px;
	
	
	 
    text-align: center;
}

#footer ul {
    text-align: center;
}

#copyright {
	color: #D0D0D0;
	height: 20px;
	width: 100%;
		background-image: url(../../images/round-bottom.png);
    font-size: 10px;
    margin-bottom: 0px;
    text-align: center;
    clear:both;
}

#footer li {
    float: right;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 6px 0pt 0pt;
}

#footer li a {
    float: left;
    margin: 0pt;
    padding: 0pt 17px 0pt 15px;
    position: relative;
	
}
#footer li a:hover{
	 color: #aaa;
	 
}
ul#bottom_menu {
margin-bottom:15px;
margin-left:110px;

margin:0pt;
padding:0pt;


font-size:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-transform:uppercase;
}
/*Ende Fussbereich */


/*Login Form */

#loginForm{
	padding-left: 120px;
}

/*Ende Login Form */






/*Aufbau im Zwei Spalten Layout */


/*Navigation Links */

#navi_left {
	background: #E5E5E5;
	height:100%;
    width: 187px;
    float: left;
    font-size: 15px;
  	position:relative;
  min-height:100%;
  height:auto !important;
  height:100%;
	
}

#navi_left ul {
   
font-size:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-transform:uppercase;
padding-left:0px;
}



#navi_left ul li  {
  background:#FFFFFF none repeat scroll 0%;
font-weight:bold;
margin:5px 5px 0pt;
padding:10px;
 
	
}





/*Ende Navigation Links*/

/*Inhalt rechts*/

#content_right {
    float:right;
font-size:12px;
line-height:18px;
padding:10px 10px 10px 0pt;
width:660px;
height: 100%
}
/*Ende Inhalt rechts */



/*Styles f�r Referenzen*/
#reference_galery {
    margin-top: 40px;
    width: 550px;
    height: 360px;
    background: url(../../images/test.gif);
}

#reference_logo {
    clear: both;
    float: right;
    height: 60px;
}

#description {
    margin-top: 50px;
}
/*Ende Styles f�r Referenzen */


/*Styles f�r Bog/Kundencenter*/

#blog table { width:100%; }
#blog table tr {margin-bottom:10px}
#blog #overview table td, #blog #overview table  th { vertical-align:top; height:13px; overflow:hidden; padding: 6px; }
.topic th{
	vertical-align: top;
	border: 1px solid black;
	font-size: 110%;
	
}

.topic th span {
	
	border-right: 1px solid black;
	padding-left:8px;
	padding-right: 8px;
}
.topic {
	
	
}
.topic_div{
	
	margin-bottom: 10px;
}
.topic_div .topic_title {
	padding: 2px 4px;
	height: 28px;
	background-color: #4B5156;
	font-size: 120%;
	color: white;	
}
.topic_div  .title{
	margin: 6px 6px 0pt 0pt;
	float: left;
}
.topic_div  .id{
	margin: 6px 6px 0pt 0pt;
	float: right;
	
}
.topic_info{
	
}

.topic_div a {
	color: white;
}
.topic_div a:hover{
	color: #bbb;
}
.topic_content {
	background-color: #F5F7F8;
}
#title {
	color:#777777;
font-family:'Courier New',Courier,Monospace;
font-size:1.2em;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px;
}

.entry{
	margin-top:5px;
	border-bottom: 1px solid #ccc;
	
}
.entry tr{
	border: 1px solid #ddd;
}
#validation{
	text-align: right;
	
	  width: 910px;
    margin: 0 auto;
}

#tree{
	margin-top: 10px;
	margin-bottom: 40px;
}
.selected{
	color: #940C0C;
}
.tree_node{
	font-size: 100%;
	margin-bottom: 6px;
}
.date {
	margin-left: 20px;
	font-size: 90%;

}
.user {
	margin-left: 20px;
	font-size: 90%;
	
}
#reply{
	margin-top: 5px;
}
/*Antwort Blog */
#response{
	
margin:10px 0pt;
width:100%;
height:60px;
color:#777777;
font-family:'Courier New',Courier,Monospace;
font-size:1.2em;


font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px;
}
/*Ende Antwort Blog */
/*Ende Blog/Kundencenter */


.movie_cat{
	float: left;
	width: 290px;
	height: 400px;
	margin-right:6px;
	
	
}

/* Kleideranmiation, Lupenanimation */

div#anim_subtext {}
div#left_text {width:47%; float:left; margin-top:6px;}
div#right_text{width:47%; float:right;}
div#kleideranimationen {margin-top:20px;}
div#drehanimation {float:left; margin-top:10px; margin-left:10px;}
div#lupenanimation {float:right; margin-right:10px;}
div#balken_mitte{position:absolute; top:250px; left:450px;width:3px; height:350px; background-color:#444;}

/*IE Hacks */



/*Ende IE Hacks */