/* up2tv by munichx media oHG */
/* CSS Document */
* {
padding: 0;
margin: 0;
}
body {
padding: 0;
margin: 0;
background:#C3EBEF; /* url(../images/bg_body.gif) top center repeat-y; */
color:#000000;
}
div, h1, h2, p, form, label, input, textarea, img, span {
margin:0; padding:0;
}
h1, h2, h3 {
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#323232;
margin-bottom:5px;
padding: 0 0 2px 10px;
}
h1 + h2 {margin-top: -5px;}
h2 + h3 {margin-top: -5px;}
p + h1 {margin-top: 20px;}
h1 {
font:bold 15px/20px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color: #FB51A7;
}
h2 {
font:bold 14px/18px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;  
}
h3 {
font:bold 12px/16px Arial, Helvetica, sans-serif;
}
p {
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#323232;
margin-bottom:10px;
padding: 0 10px;
}
img {
padding: 2px;
}
img.left {
float:left;
padding: 0 10px 10px 0;
}
img.right {
float:right;
padding: 0 0 10px 10px;
}
div.homeimage {
float: right;
}
div.homeimage img {
margin-bottom: 10px;
}
ul {
margin:0; 
padding:0; 
list-style-type:none;
font-size:0;
}
a {color: #333333;}
/*---------------------------------Page--------------------*/
#page {  
margin: 0 auto;
width:980px;
height:auto;
background: #FFFFFF;
}
/*-------------------------------Header--------------------*/
#header {
width:980px;
height:100px;
position:relative;
margin:0 auto;
background: #FFFFFF url(../images/bg_header.gif) top right no-repeat;
}
#header img.logo {
position:absolute;
left:10px;
top:5px;
width:236px;
height:80px;
}
/*-----------topnav------------*/
#topnav {
width:980px;
height:35px;
position:relative;
margin:0 auto;
background: #55D6E9;
}
#topnav ul{
width:980px;
height:35px;
position:relative;
margin:0 auto;
}
#topnav ul li{
height:35px;
float:left;
padding:0 1px 0 0;
}
#topnav ul li a{
display:block;
padding:0 14px;
font:bold 14px/35px Arial, Helvetica, sans-serif;
color:#333333;
background-color:inherit;
text-decoration:none;
}
#topnav ul li a:hover{
color:#BB51A7;
background-color:inherit;
text-decoration:underline;
}
#topnav ul li a.current{
display:block;
color:#BB51A7;
/*color:#132B70;*/
padding:0 14px;
font:bold 14px/35px Arial, Helvetica, sans-serif;
background-color:inherit;
text-decoration:none;
}
#topnav ul li a.current:hover{
text-decoration:underline;
}
#topnav ul li.last{
background-image:none;
height:35px;
float:left;
}
/*-----------end topnav-----------*/
/*--------------------------Left (Navi)--------------------*/
#left {
float:left;
width:200px;
margin-top: 20px;
background: #FFFFFF;
}
#left h2 {
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#333333;
margin: 0;
margin-bottom: -5px;
padding: 0 0 0 10px;
}
/*-----------Navi-----------*/
.menu {
margin:10px;
padding:0;
width:180px;
list-style:none;
background:transparent;
}
.menu li {
padding:0;
margin:0 0 0 0;
height:20px;
display:block;
border-bottom: 1px solid #FF98C4;
}
.menu li a {
text-align:left;
height:20px;
padding:0 0 0 25px;
font:bold 11px Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
display:block;
/*background:url(../images/eye_white.gif) 3px 1px no-repeat;*/
text-decoration:none;
}
.menu li a:hover {
background:url(../images/eye_white.gif) 3px 1px no-repeat;
color:#FFFFFF;
/*text-decoration: underline;*/
font-weight: bold;
}
.menu li a.active, .menu li a.active:hover {
background:url(../images/eye_white.gif) 3px 1px no-repeat;
color:#FFFFFF;
}
.menu li a.more, .menu li a.more:hover {
padding:0 0 0 25px;
background: #F2A9CE;
color:#444444;
}
.menu li a span {
line-height:20px;
}
.menu.genre {
background: #FB51A7;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
}
.menu.allgemein {
background: #C8C8C8;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
}
.menu.allgemein li {
border-bottom: 1px solid #E2E2E2;
}
.menu.allgemein a {
color: #333333;
}
.menu.allgemein a:hover {
background: #C8C8C8 url(../images/eye_white2.gif) 3px 1px no-repeat;
color: #333333;
}
.menu.allgemein li a.more, .menu.allgemein li a.more:hover {
padding:0 0 0 5px;
background: transparent;
color: #333333;
}
/*-----------end Navi-----------*/
/*----------------------------end Left--------------------*/
/*----------------------------Content---------------------*/
#content {
width:750px;
float:right;
margin: 20px 10px 0 0;
background:transparent;
overflow:hidden;
}
/* Floats & Clear */
.left {
float:left;
}
.right {
float:right;
}
.spacer {
clear:both; 
font-size:0; 
line-height:0;
}
/* BUTTONS */
#content p.btn-slide, #content p.btn-down {
padding: 10px 10px 20px 10px;
}
#content .btn-slide a {
background: url(../images/button_right.png) no-repeat scroll right -36px;
display: block;
float: right;
padding: 0 9px 0 0;
text-decoration: none;
color: #FFFFFF;
}
#content .btn-slide a:hover {
background: url(../images/button_right.png) no-repeat scroll right -18px;
}
#content .btn-slide a span {
background: url(../images/button_left.png) no-repeat scroll 0 -36px;
display: block;
font:bold 11px/18px Arial, Helvetica, sans-serif;
height:18px;
padding: 0 0 0 15px;
}
#content .btn-slide a:hover span {
background: url(../images/button_left.png) no-repeat scroll 0 -18px;
}
#content .btn-down a {
background: url(../images/butbesthover.gif) no-repeat scroll left 0px;
display: block;
width:240px;
height:40px;
float: right;
padding: 0;
margin-right:20px;
text-decoration: none;
color: #FFFFFF;
}
#content .btn-down a:hover {
background: url(../images/butbesthover.gif) no-repeat scroll left -40px;
}
/* end BUTTONS */
/*--------------------------------------end content--------------------*/
/*--------------------------------Footer--------------------*/
#footer {
width:980px;
height:60px;
margin:0 auto;
position:relative;
margin-top:10px;
background:#C8C8C8;
color:#333333;	
}
#footer ul{
width:587px;
position:absolute;
left:15px;
top:10px;
}
#footer ul li{
float:left;
color:#333333;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
color:#333333;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
padding:0 7px;
text-decoration:none;
}
#footer ul li a:hover{
color:#333333;
background-color:#FB51A7;
}
#footer p.copyright{
font:normal 11px/19px Arial, Helvetica, sans-serif;
color:#333333;
background-color:inherit;
position:absolute;
left:13px;
top:30px;
}
#footer a.xht{
width:68px;
height:24px;
background:url(/images/valid-xhtml10-red.png) 0 0 no-repeat;
position:absolute;
left:805px;
top:20px;
}
#footer a.xht:hover{
background:url(/images/valid-xhtml10-red.png) 0 -24px no-repeat;
}
#footer a.cs{
width:68px;
height:24px;
background:url(/images/vcss-red.png) 0 0 no-repeat;
position:absolute;
left:890px;
top:20px;
}
#footer a.cs:hover{
background:url(/images/vcss-red.png) 0 -24px no-repeat;
}
#footer img{
position:absolute;
left:880px;
top:51px;
width:84px;
height:26px;
}
/*------------------------------------------------footer--------------------*/
/* table round corners */
#rounded-corner
{
float:left;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 11px;
margin: 10px 0 15px 10px;
width: 720px;
text-align: left;
border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
background: #FFFFFF url(/images/table_left.gif) left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
background: #FFFFFF url(/images/table_right.gif) right -1px no-repeat;
}
#rounded-corner th
{
padding: 2px 8px;
font-weight: bold;
font-size: 12px;
color: #333333;
background: #FFFFFF url(/images/table_th.gif) left -1px repeat-x;
}
#rounded-corner td
{
padding: 2px 8px;
vertical-align: top;
background: #E2E2E2;
border-top: 1px solid #fff;
color: #333333;
}
#rounded-corner tfoot td {
height: 12px;
line-height: 12px;
}
#rounded-corner tfoot td.rounded-foot-left
{
background: #C8C8C8 url(/images/table_botleft.gif) left bottom no-repeat;
color:#333333;
}
#rounded-corner tfoot td.rounded-foot-right
{
background: #C8C8C8 url(/images/table_botright.gif) right bottom no-repeat;
color:#FFFFFF;
}
#rounded-corner tbody tr:hover td
{
background: #D0D0D0;
cursor:pointer;
}
#rounded-corner td.td_fett
{
color: #333333;
font-weight: bold;
text-decoration:none;
}
#rounded-corner td a
{
color: #333333;
font-weight: bold;
text-decoration:none;
}
#rounded-corner td a:hover, .leftbox .box-content a:hover
{
color: #333333;
text-decoration:underline;
}
#rounded-corner td.rounded-foot-left a
{
color: #FFFFFF;
font-weight: bold;
text-decoration:underline;
}
#rounded-corner td.rounded-foot-left a:hover
{
color: #FFFFFF;
text-decoration:underline;
}
/* end table round corners */
/* AJAX-Suche */
#ajax {
position: absolute;
z-index: 999;
top:6px;
right: 30px;
}
.suggest_link {
background-color: #FFFFFF;
padding: 2px 6px 2px 6px;
}
.suggest_link_over {
background-color: #FFFFFF;
padding: 2px 6px 2px 6px;
}
#search_suggest {
position: absolute;
z-index:9999;
background-color: #FFFFFF; 
text-align: left;		
}
#search_suggest a {
font:bold 12px/16px Arial, Helvetica, sans-serif;
color: #323232;
text-decoration: underline;
}
#search_suggest a:hover {
color: #000000;
text-decoration: none;
}
/* Formulare */
/* Suche */
#content form {
font:normal 12px/18px Arial, Helvetica, sans-serif;
background: #E7E7E7;
border: 2px solid #FB51A7;
margin: 10px;
padding: .5em;
}
#content fieldset {
background: transparent;
padding: 10px;
border: thin solid #333333;
margin-bottom: 15px;
}
#content legend {
font:bold 12px/20px Arial, Helvetica, sans-serif;
padding: 2px 5px;
background: #FB51A7;
color: #FFFFFF;
border: thin solid #333333;
}
#content label, #content input, #content select { /* Alle Labels UND Formularelemente auswählen */
font:normal 12px/18px Arial, Helvetica, sans-serif;
display: block;
float: left;
width: 100px; /* Breite.*/
margin-bottom: 10px;
}
#content input, #content select {
width: 180px;
}
#content form br { /* Alle Zeilenumbrüche in Formularen auswählen */
clear: left; /* das floating der labels und inputs aufheben */
}
#content input#submit { /* den Submit-Button */
float: none;
margin: 0 auto;
padding: 5px;
width: auto;
font:bold 14px/20px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #FB51A7;
}
#content label {
text-align: right; 
padding-right: 1em; 
}
#content form p {
font:normal 12px/18px Arial, Helvetica, sans-serif;
}
#content form p.hinweis {
font:italic 11px/18px Arial, Helvetica, sans-serif;
}
/* BOXES */
/* allgemein */
.box-header {
  height: 30px;
  overflow: hidden;
  color:#333333;
}
.box-header span{
  font:bold 14px/30px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	padding-left:10px;
	height:30px;
}
.box-header span a{
	color:#333333;
	text-decoration:none;
}
.box-content p{
  font:normal 12px/16px Arial, Helvetica, sans-serif;
	padding:10px;	
}
/* big-box */
.big-box{
  float: left;
  width: 720px;
  overflow:hidden;
  margin: 10px 0 10px 10px;
  background: #E7E7E7;
}
.big-box .box-header {
  background: transparent url(/images/bigboxheader.gif) left top no-repeat;
  width: 720px;
}
.big-box .box-content{
  background: transparent;
  padding: 10px 0;
}
.big-box .box-bottom{
  background: #C3EBEF;
  width: 720px;
  height: 2px;
}
/* description */
.description{
  float:right;
  width:300px;
  min-height:140px;
  border-left: 2px dotted #323232;
  margin: 0 0 10px 10px;
}
.description ul{
  float:left;
  width:280px;
  padding: 0 0 10px 10px;
  font:normal 12px/16px Arial, Helvetica, sans-serif;
}
.description ul li{
  padding: 5px 0 5px 0;
  margin:0 0 1px 0;
  height:auto;
  display:block;
  border-bottom: 1px solid #FFFFFF;
}
.description ul li span{
  font:bold 12px/16px Arial, Helvetica, sans-serif;
}
/* end description */
iframe.ad {
margin-left: 10px;
}
/* Genre Boxen */
#content div.genres {
float: left;
width: 165px;
height: auto;
margin: 0 5px 10px 10px;
}
#content div.genres ul {
padding: 0;
font:normal 11px/14px Arial, Helvetica, sans-serif;
}
#content div.genres ul li{
padding: 0;
padding-bottom:2px;
height:auto;
display:block;
border-bottom: 1px dotted #333333;
}
#content div.genres ul li a {
text-decoration: none;
color: #333333;
font-weight: normal;
}
#content div.genres ul li a:hover {
color: #333333;
font-weight: bold;
}