@charset "utf-8";
/* CSS Document */
/*###############################################
    CSS StyleSheet for Salsa 4
    Standardlayout für CMS Salsa 4
    Copyright (C) 2010, Ralf Otte
    www.nt-o.de
###############################################*/


/***********************************************
>>> PAGECONTAINER
***********************************************/
#page {
margin: auto;
width: 54em;
padding: 0em 0.5em 0em 0.5em;
border-left: 1px solid;
border-right: 1px solid;
border-color: #054BA1;
}

/***********************************************
>>> WRAPPER
***********************************************/

/***********************************************
>>> HEADER
***********************************************/
#preheader {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#header {

    background-position: center center;
    height: 12em;
}

#subheader {
    background-color: #054BA1;
    float: left;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 20px;
}

/***********************************************
>>> CONTENT
***********************************************/
#precontent {
}

#content {
    padding: 0em 1em 0em 1em;
    margin-top: 0em;
    margin-bottom: 1.5em;
}

#subcontent {
        margin-top: 1.5em;
border-left: 1px solid #93DD64;
width: 16.25em;
padding-left: 0.5em;
float: right;
}

/***********************************************
>>> FOOTER
***********************************************/
#prefooter {
clear: both;
}

#footer {
clear: both;
border-top: 1px solid #93DD64;
padding-top: 0.5em;
text-align: right;
margin-bottom: 1.5em;
}

#subfooter {
padding: 0.5em;
}


/***********************************************
>>> SIDEBOXEN
***********************************************/
.sidebox {
    font-size: 0.8em;
    line-height: 1.4em;
background-color: #eee;
width: 100%;
padding: 10px;
float: right;
margin-bottom: 1.5em;
}
.adsense {
width: 250px;
text-align: right;
float: right;
margin-bottom: 1.5em;
}

/***********************************************
>>> BLÄTTERLISTE
***********************************************/
#bltext {
float: left;
padding: 5px 0px 0px 10px;
color: white;
font-size: 0.75em;
font-weight: bold;
}
#blaetterliste
{
width: 100%;
float: left;
text-align: right;
background-color: #054BA1;
}

#blaetterliste ul { padding: 0; float: right; }
#blaetterliste ul li { display: inline; }

#blaetterliste ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-size: .7em;
letter-spacing: 2px;
}

#blaetterliste ul li a
{
padding: 0.2em 12px;
color: #fff;
text-decoration: none;
float: left;
border-left: 1px solid #fff;
}

#blaetterliste ul li a:link { color: #fff; }

#blaetterliste ul li a:visited { color: #fff; }

#blaetterliste ul li a:hover
{
background-color: #B5F674;
color: #000;
font-weight: normal;
}
#blaetterliste #active a
{
background-color: #B5F674;
color: #000;
cursor:default;
}
#bllist li a:hover
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
}



/***********************************************
>>> SONSTIGE
***********************************************/
#wartung {
width: 400px;
margin: auto;
margin-top: 200px;
padding: 3em;
border: 2px solid darkgreen;
background: lightyellow;
} 
#login {
width: 400px;
margin: auto;
}
#teaser1 {
width: 46%;
padding-right: 3.8%;
border-right: 1px solid #93DD64;
float: left;
}
#teaser2 {
width: 46%;
padding-left: 4%;
float: left;
}
.clear {
clear: both;
}