@charset 'utf-8';
@import url(reset.css);

/* Für alle Browser */


/*============================================
	Layout
=============================================*/


#wrapper {
margin: auto;
width: 960px;
margin-top: 28px;
}

#left {
width: 354px;
float: left;
}

#logo {
width: 354px;
height:80px;
}

#navigation  {
width: 354px;
height: 279px;
margin: 0 0 10px 0;
}

#navigation_filmothek  {
width: 354px;
height: 317px;
margin: 0 0 10px 0;
}

#hauptnavi {
float: left;
}

#subnavi {
float: right;
}

#video {
width: 354px;
margin-bottom: 10px;
}

#top {
width: 580px;
height: 80px;
float: right;
text-align: right;
font-size: 9px;
}

#filmothek_player {
width: 580px;
height: 530px;
float: right;
margin: 0 0 10px 0;
}

#slideshow {
width: 580px;
height: 279px;
float: right;
margin: 0 0 10px 0;
}

#content {
width: 580px;
float: right;
margin: 0 0 20px 0;
}

#infocontent {
width: 580px;

margin: 0 0 20px 0;
}

#content_li {
width: 355px;
float: left;
padding: 15px 0 0 0;
}

#content_li_ganz {
width: 580px;
float: left;
padding: 15px 0 0 0;
}

#content_re {
width: 200px;
float: right;
}

#content_re, #content_2spltg_re  p {
font-size: 11px;
}

#content_2spltg_li {
padding: 15px 0 0 0;
width: 48%;
float: left;
}

#content_2spltg_re {
padding: 15px 0 0 0;
width: 48%;
float: right;
}

#footer {
width: 960px;
height: 20px;
border-top: #3f3f40 solid 1px;
clear: both;
padding: 5px 0 0 0;
text-align: right;
}

#footer_li {
width: 480px;
float: left;
}

#footer_re {
width: 480px;
float: right;
}



/*============================================
	Aussehen der Links
=============================================*/

/* Links in Listen (Navigation oben im Footer) */

li a:link { color:#3f3f40; text-decoration:none; outline: none;}
li a:visited { color:#3f3f40; text-decoration:none; outline: none;}
li a:active { color:#3f3f40; text-decoration:none; outline: none;}
li a:hover { color:#3f3f40; text-decoration:underline; outline: none;}

/* Links generell in hellblau */

a:link { color:#4e5554; text-decoration:none; outline: none;}
a:visited { color:#4e5554; text-decoration:none; outline: none;}
a:active { color:#4e5554; text-decoration:none; outline: none;}
a:hover { color:#4e5554; text-decoration:underline; outline: none;}

/* Links der Hauptnavi in Dunkelgrau */

#navigation a:link { color:#3f3f40; text-decoration:none; outline: none;}
#navigation a:visited { color:#3f3f40; text-decoration:none; outline: none;}
#navigation a:active { color:#3f3f40; text-decoration:none; outline: none;}
#navigation a:hover { color:#3f3f40; text-decoration:none; outline: none;}

/* Links im Footer in Dunkelgrau */

#footer a:link, a:visited, a:active, a:hover {
color:#3f3f40;
}

.kundenlogin a:link {
font-weight: bold;
color: #4e5554;
margin-right: 30px;
}


/*============================================
	Aussehen der Schrift
=============================================*/


html {
font-family: Arial, Sans-Serif;
color: #3f3f40;
font-size: 11px;
}

p, .text {
line-height: 160%;
}

#content li {
line-height: 160%;
margin-left: 20px;
}


#top li {
display: inline;
margin-left: 20px;
}

#footer_re li {
display: inline;
margin-left: 20px;
}

.copyright {
display: block;
text-align: left;
font-size: 9px;
}

h1 {
font-weight: bold;
font-size: 1.2em;
padding: 0 0 10px 0px;
line-height: 160%;
}

.info_h1 {
font-weight: bold;
font-size: 1.2em;
padding: 0 0 -10px 0px;
line-height: 160%;
}

h2 {
font-weight: bold;
display: block;
background-color: #4e5554;
padding: 7px 0 7px 10px;
color: #ffffff;
}

h3 {
font-weight: bold;
font-size: 1.0em;
padding: 15px 0 10px 0px;
}

.bold {
font-weight:bold;
}

/*============================================
	Sonstige Tags
=============================================*/

hr {
height:1px;
border-top:solid #B6B6B6 1px;
border-left:0;
border-right:0;
border-bottom:0;
}

ul{
list-style-image:url(/avbusinesspictures/wLayout/design/img/quadrat.gif);
border:inherit;

}

  
/*============================================
	Das Suchformular
=============================================*/

#top form {
width: 580px; /* Breite des Formulars */
margin-top: 20px;
}
	
#top label { 
font-size: 11px;
} 
		
#top textarea, #top input {
font-size: px;
width: 175px; /* Breite des Eingabefeldes */
border: 1px solid #8c8c8c;
}
		
#top textarea { 
height: 20px; 
}

#top input:focus, textarea:focus {
border: 1px solid #4e5554;
}


/*============================================
	Das Kontaktformular
=============================================*/

#content_li form {
width: 370px; /* Breite des Form ars */
}
	
#content_li label { 
font-size: 9px;
} 
		
#content_li textarea, #content_li input {
font-size: 1em;
width: 220px; /* Breite des Eingabefeldes */
font-family:arial,sans-serif;
border: 1px solid #8c8c8c;
margin: 10px 0 0 5px;
}

#content_li select {
margin: 10px 0 0 5px;
}
		
#content_li textarea { 
height: 60px;  
}

#content_li input:focus, #content_li textarea:focus {
border: 1px solid #4e5554;
}

#content_li .buttonAdmin {
background:#cccccc; 
border:1px solid; 
border-color:#8c8c8c; 
color:#000000; 
cursor:pointer; 
}

#content_li .buttonAdmin:hover {
background:#cccccc; 
color:#000000; 
border:1px solid; 
border-color:#4e5554;
}