/*
    Klare Ansage
    Karsten W. Rohrbach
    <alpha@webmonster.de>
    http://webmonster.de
*/

/* lock vertical scrollbar visibility for mozilla */
html {
     overflow: -moz-scrollbars-vertical;
}

body {
    margin: 0;
    font: 11px/13px Verdana, sans-serif;
    height: 100%;
    background: url(http://klareansage.de/common/bgtile.gif) fixed;
}

#tl {
    position: fixed;
    top: 50px;
    left: 0;
}
#tr {
    position: fixed;
    top: 20px;
    right: 0;
}
#bl {
    position: fixed;
    bottom: 0;
    left: 0;
}
#br {
    position: fixed;
    bottom: 0;
    right: 0;
}
#mitmachen {
    position: fixed;
    left: 0;
    bottom: 42%;
}
#mitmachen:hover {
    background: transparent;
}

#contentwrapper {
    
}
#content {
    z-index: 222;
    background: #fff;
    position: relative;
    width: 670px;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

#head {
    background: url(http://klareansage.de/common/logo.gif) no-repeat top center;
    padding:0;
}
#logo {
    width: 670px;
    height: 75px;
}
#navi {
    padding:0;
    margin:0;
}
#navi img {
    border: 0;
}
#n_loginform {
    float: right;
    text-align: right;
    vertical-align: middle;
    margin: 0 6px 2px 6px;
}
#loginlabel {
    background: #fdfd00;
    font: 9px/11px Verdana, sans-serif;
    vertical-align: middle;
    padding: 1px 1px;
}
#logininfo {
    position: relative;
    top: 3px;
    vertical-align: middle;
    padding: 3px 4px;
}
#loginname {
    background-color: #fdfd00;
    font-weight: bold;
    padding: 1px 4px;
}
#loginreg {
    font: 9px/11px Verdana, sans-serif;
}

#titlenav div {
    display: inline;
    vertical-align: 4px;
}
#titlenav a {
    padding: 0 10px;
}
/*
#mainwrapper {
    height: 100%;
    width: 670px;
    overflow: scroll;
}
*/
#main {
    margin: 10px 10px 10px 10px;
}

#trailer {
    margin: 0;
    width: 100%;
}
#t_newsletter {
    background: #fdfd00;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
#newsletter {
    margin: 0 10px;
    padding: 6px 0;
    vertical-align: middle;
    /*height: 24px;*/
}

#nlform {
    /*background-color: #fdfd00;*/
    padding: 4px;
    text-align: center;
}
#nlform input {
    font: 12px/14px 'Courier New', Courier, monospaced;
}
#nldiv {
    margin: 20px 0;
}
#nltable {
    margin: 0;
    border: 0;
    text-align: left;
}
#nltable td {
    padding: 0 10px 10px 0;
    font: 11px/13px Verdana, sans-serif;
}
#nltable td.error {
    background-color: #fdfd00;
}

#service {
    background-color: #fff;
    z-index: 666;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -335px;
    width: 670px;
    text-align: right;
}
#s_navi {
    background: #000;
    color: #fff;
    padding: 0;
    margin: 0;
}
#s_navi span {
    margin: 0 4px;
}
#s_navi a {
    color: #fff;
    text-decoration: none;
    padding: 2px 0;
}
#s_navi a:hover {
    background-color: #fdfd00;
    color: #000;
}

/*** custom classes ***/
.clear {
    clear: both;
}
.nopad {
    margin: 0;
    padding: 0;
}
.tenpad {
    padding: 0 10px 0 0;
}
.microimg {
    width: 51px;
    height: 33px;
    border: 0;
    margin: 0;
    padding: 0;
}
.smallimg {
    width: 110px;
    height: 72px;
    border: 0;
    margin: 0;
    padding: 0;
}
img.spacer {
    border: 0;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 10px;
}
.bigimg {
    width: 276px;
    height: 252px;
    border: 0;
    margin: 0;
    padding: 0;
}
div.head {
    margin: 0 0 10px -10px;
}
.leftside {
    /*background:orange;/**/
    float: left;
    width: 325px;
}
/*.leftside div {
    padding: 0;
    margin: 10px;
}*/
.rightside {
    /*background:green;/**/
    float: right;
    width: 325px;
}
/*.rightside div {
    padding: 0;
    margin: 10px;
}*/
.greyquartetright {
    float: right;
    background: #f2f2f2;
    width: 325px;
    height: 31px;
    max-height: 31px;
    margin: 0px -10px;
}

.greywide {
    background: #f2f2f2;
    width: 670px;
    height: 72px;
    max-height: 72px;
    margin: 0px -10px;
    clear: both;
}
.greyvar {
    background: #f2f2f2;
    width: 670px;
    margin: 0px -10px;
}
.wide {
    width: 670px;
    height: 72px;
    max-height: 72px;
    margin: 0px -10px;
}
.mten {
    margin: 0 10px;
}
.pten {
    padding: 0 10px;
}

.floatleft {
    float: left;
}
.floatright {
    float: right;
}

.profilimg {
    margin: 0 0 0 -6px;
}
.profilist {
    padding-left: 14px;
}

.contentlinks {
    margin: 10px 0 0 0;
    font-size: 9px;
    line-height: 12px;
}
.contentwarning {
    margin: 4px 0 0 0;
    font-size: 9px;
    line-height: 11px;
}
.specialtext {
    padding: 10px 0 0 0;
}

.linkhead {
}
.linklist {
    margin: 10px 0 0 0;
    line-height: 18px;
    background: url(http://klareansage.de/common/bg_links.gif) repeat-y top left;
}
.linkleft {
    width: 200px;
    float: left;
}
.addheading {
    margin: 0 0 5px 0;
    text-decoration: underline;
    font-weight: bold;
}

.hometab {
}
.homespacer {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 10px;
}
.homenewshead {
    margin: 4px 0;
    padding: 2px;
    width: 110px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    background-color: #fdfd00;
}
.homenews {
    font-size: 10px;
    line-height: 12px;
}
.displayunit {
    width: 110px;
    vertical-align: top;
}
.displayunit h3 {
    margin: 0 0 5px 0;
    padding: 2px;
    width: 106px;
    text-align: center;
    font-size: 9px;
    background-color: #fdfd00;
}
.displayunit div {
    font-size: 9px;
    line-height: 11px;
    margin: 2px 0 0 0;
}

.newsitem {
    line-height: 15px;
    width: 500px;
}
.newsitem h4 {
    margin: 20px 0 10px 0;
}
.newsitem span {
    color: #fff;
    background-color: #000;
    margin: 4px 0;
    padding: 0 4px;
    font-size: 10px;
    font-weight: bold;
}

.navtic {
    padding: 0;
    margin: 0;
    width: 110px;
    text-align: center;
    float: left;
    font-size: 10px;
}
.navleader {
    padding: 0;
    margin: 0;
    width: 16px;
    height: 72px;
    background: #f2f2f2;
    float: left;        
}
.navspacer {
    padding: 0;
    margin: 0;
    width: 66px;
    height: 72px;
    background: #f2f2f2;
    float: left;    
}
.navdummy {
    padding: 0;
    margin: 0;
    width: 110px;
    height: 72px;
    background: #f2f2f2;
    float: left;    
}
.navtrailer {
    padding: 0;
    margin: 0;
    width: 16px;
    height: 72px;
    background: #f2f2f2;
    float: left;        
}

.skyscraper {
    float: right;
    width: 100px;
    margin: 20px 10px 10px 10px;
}

/*** generic ***/

h1 {
    font: bold 14px/16px Verdana, sans-serif;
    /*padding:0;
    margin: 10px;*/
}

table, tbody, td, th {
    border: 0;
    margin: 0;
    padding: 0;
}

a {
    color: #000;
    font-weight: bold;
}
a:hover {
    background-color: #fdfd00;
    color: #000;
}

input {
    border: 1px solid #000;
    font: 10px/12px 'Courier New', Courier, monospaced;
    vertical-align: middle;
    padding: 0;
    margin: 0 2px;
}

/*** splash ***/
#splash { /*(body)*/
    background: #fff;
    text-align: center;
    cursor: pointer;
}
#splashpre {
    height: 20px;
}
#splashtitle {
    border: 0;
}
#teaser {
    margin: 10px auto;
    width: 320px;
    z-index: 100;
}
#teaserhead {
    font-weight: bold;
}
#comingsoon {
    border: 0;
/*    position: absolute;
    top: 420px;
    left: 20px;
    z-index: -1; */
    /*margin: -80px 0 0 -600px;*/
}
#teaserpics {
    margin: 0 auto;
    border: 0;
}
#teaserpics th {
    vertical-align: bottom;
    text-align: left;
    padding: 0;
    margin: 0;
}
#teaserpics td {
    vertical-align: top;
    text-align: center;
    padding: 0;
    margin: 0;
}
.splashcaption {
    margin: 4px 0 0 0;
}
/* eof */