/* CSS Document */
/************************************************** Reset Styles *****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/******************************************************* Base *********************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
a, a:hover{
    text-decoration:none;
    color:black;
}
body{
    font-family:verdana, arial, sans;
    font-size:9pt;
    line-height:12pt;
    font-color:#000000;
        background:url(../images/wrapper_bg.jpg) top left;
}
div#wrapper{
    width:800px;
    min-height:900px;
    margin:0 0;

}
div#leftCol{
    float:left;
    width:330px;
}
div#rightCol{
    float:left;
    width:470px;
}
div#content{
    clear:both;
    padding:20px 20px 10px;
    width:550px;
}
div#logoHeadline{
    padding:10px 0 6px 6px;
}
div#impressum{
    padding: 5px 0 0 8px;
    margin-bottom:50px;
}
div#impressum a{
    font-family:"arial black", arial, sans;
    color:#ffffff;
    text-transform:uppercase;   
}
div#logo{
    margin:0 0 55px 0;
}
div#news{
     padding:0 0 0 4px;
}

div#video{

}
div#player{
    padding:51px 12px 22px 12px;
    background:url(../images/video_bg.png) top left no-repeat;
}
div#navi{
    padding:20px 0 0 10px;
}
div#navi ul li{
    margin:0 0 27px 0;
}
div#musicalLink{
    margin-top:-22px;
    padding:0 0 23px 0;
}
div#diary{
    padding-left:8px;
}
div#diaryHeadline{
    padding-bottom:40px;
}
div.backlinkHome{
    float:right;
    padding:10px 20px 20px 0;
}
div#diaryMore{
    padding:10px 20px 20px 0;
    text-transform:uppercase;
    font-size:14pt;
    text-align:right;
    font-family:"arial black", arial, sans;
}
div#diaryMore a{
    padding:0 0 0 42px;
    background:url(../images/pfeil_weiter.png) center left no-repeat;
}
div#backlink{
    padding:5px 0 0 20px;
}
/******************************************* Aktuelles Home ***********************/
div#aktullesContent{
    background:url(../images/news_bottom.png) bottom left no-repeat;
    padding-bottom:14px;
}
div#aktuellesContentInner{
    background:url(../images/news_top.png) top left no-repeat;
    margin:0px;
    padding:57px 15px 0px 7px;
}
div#aktuellesContentInner div.newsHomeItem{
    background-color:#d9d9d9;
    color:#00000;
    padding:7px 0px 0px 0px;
    margin:0 5px;
}
div.newsHomeItem div.newsHeadline{
    padding:0 10px;
}
div.newsHomeItem div.newsSubheadline{
    font-size:8pt;
    line-height:11pt;
    padding:0 10px;
}
div.newsHomeItem div.newsDate{
    padding:0 10px 3px 10px;
}
div.newsHomeItem div.subline{
    font-family:arial, sans;
    font-size:10pt;
    font-weight:bold;
    padding:0 10px 0px 10px;
}
div.newsHomeItemTrenner{
    background: url(../images/akutelles_home_bg_hacken.png) top left no-repeat;
    height:9px;
    margin-bottom:5px;
}
div.newsHomeItem div.newsHeadline h3 a{
    color:#000000;
    font-size:10pt;
    text-transform:uppercase;
    font-family:"arial black", arial, sans;
    font-weight:normal;
}

div.newsHomeItem div.newsMoreLink{
    background:url(../images/news_more_bg.png) top left no-repeat;
    padding:6px 10px 16px 10px;
    height:10px;
    margin-top:5px;
}
div.newsHomeItem div.newsMoreLink a{
    color:#787878;
    background:none;
    padding:0;
    font-size:8pt;
    background:url(../images/arrow_more.png) center left no-repeat;
    padding:0 2px 0 10px;
    text-transform:uppercase;
}

/***************************************** Liste ********************************************/
div.left{
   float:left;
   width:125px;
   padding:0 0px 0 0;
}
div.right{
   float:left;
   width:300px;
   margin-top:-2px;
}
div.listItem{
    margin:0 0 10px 0;
}
div.listDate{
    color:#c1c1c1;
    padding:0 0 2px 0;
}
div.listHeadline{
    margin:0 0 5px 0;
    
}
div.listHeadline h2{
    color:#000000;
    
}
div.subline,
div.textItemSub{
    font-family:arial,verdana, sans;
    font-size:10pt;
    font-weight:bold;
}

div.listText p{
    padding:0 0 0 0;
}
div.listMoreLink{
    padding:3px 0 0 0;
}
div.listMoreLink a{
    background:url(../images/pag_forward_black.png) center left no-repeat;
    padding:0 0 0 10px;
    font-weight:bold;
}
div.listItemTrenner{
    height:1px;
    background:url(../images/item_trenner.png) top left repeat-x;
    margin:0 0 20px 0;
    clear:both;
}
span.bild_image1{
    display:none;
}

/****************************************** Pagination ************************/
div#pagination table{
    width:100%;
    margin:10px 0 10px 0;
}
div#pagination td{
    text-align:center;
}
table.pagination_top span.pagination_backlink{
    font-size:8pt;
    padding:0 8px 0 14px;
    color:#ffffff;
    background:url(../images/pag_back_white.png) center left no-repeat;
}
table.pagination_top a.pagination_backlink,
table.pagination_top a.pagination_backlink:hover{
    font-size:8pt;
    color:#000000;
    padding:0 8px 0 14px;
    background:url(../images/pag_back_black.png) center left no-repeat;   
}
table.pagination_top span.pagination_forwardlink{
    font-size:8pt;
    padding:0 14px 0 8px;
    color:#ffffff;
    background:url(../images/pag_forward_white.png) center right no-repeat;
}
table.pagination_top a.pagination_forwardlink,
table.pagination_top a.pagination_forwardlink:hover{
    font-size:8pt;
    color:#000000;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_black.png) center right no-repeat;   
}

table.pagination_bottom span.pagination_backlink{
    font-size:8pt;
    padding:0 8px 0 14px;
    color:#ffffff
    background:url(../images/pag_back_grey.png) center left no-repeat;
}
table.pagination_bottom a.pagination_backlink,
table.pagination_bottom a.pagination_backlink:hover{
    font-size:8pt;
    color:#000000;
    padding:0 8px 0 14px;
    background:url(../images/pag_back_black.png) center left no-repeat;   
}
table.pagination_bottom span.pagination_forwardlink{
    font-size:8pt;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_grey.png) center right no-repeat;
}
table.pagination_bottom a.pagination_forwardlink,
table.pagination_bottom a.pagination_forwardlink:hover{
    font-size:8pt;
    color:#ffffff;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_black.png) center right no-repeat;   
}

table.pagination_top td a,
table.pagination_top td a:hover{
    color:#ffffff;
}
table.pagination_bottom td a,
table.pagination_bottom td a:hover{
    color:#ffffff;
}
div.newsHeadline a,
div.newsHeadline a:hover{
    color:#000000;
    font-weight:bold;
}

/****************************************************** News ********************************/
div.newsMoreLink a,
div.newsMoreLink a:hover{
    padding:0 0 0px 10px;
    background:url(../images/arrow_more.png) center left no-repeat;
    text-transform:uppercase;
}
div.newsItem{
    margin:0 0 4px 0;
}
div.backlink a,
div.backlink a:hover{
    padding:0 0 0px 10px;
    background:url(../images/arrow_back.png) center left no-repeat;
    text-transform:uppercase;
}
div.newsItemTrenner{
    background:url(../images/item_trenner.png) top left repeat-x;
    height:2px;
    margin:5px 0;
}
div#zurUebersicht a,
div#zurUebersicht a:hover{
    padding:0 0 2px 10px;
    background:url(../images/pag_forward_black.png) center left no-repeat;
}
/********************************************************* Format ************************/
h1{
    font-family:"arial black", arial, sans;
    font-size:14pt;
    padding:0 0 3px 0;
    text-transform:uppercase;
}
h2{
    font-family:"arial black", arial, sans;
    font-size:11pt;
    padding:0 0 4px 0;
    color:#ffffff;
}
div.textItem p{
    margin-bottom:1em;
}