/*
--------------------------------------------------------------------------------
Globale Einstellungen
--------------------------------------------------------------------------------
*/
html,body{
    height:100%;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background:url(../images/seite-mitte.jpg);
    color:#003000;
}

/*
--------------------------------------------------------------------------------
Headerbereich-Background
--------------------------------------------------------------------------------
*/
#xheader_background
{
    width:100%;
    background:url(../images/seite-oben.jpg) repeat-x;
    height:100px;
}

/*
--------------------------------------------------------------------------------
Footer-Background!!
--------------------------------------------------------------------------------
*/
#xfooter_background
{
    width:100%;
    background:url(../images/seite-unten.jpg) repeat-x;
    height:115px;
}

#xfooter
{
    width:1000px;
    text-align:center;
    margin:0 auto;
    height:115px;
}

#xfooter_info
{
    width:1000px;
    height:45px;
    text-align:center;
    background-color:#ffffff;
    line-height:45px;
    border-top:1px solid #00850c;
}

#xfooter_end
{
    width:1000px;
    height:68px;
    text-align:left;
    line-height:100px;
    background:url(../images/unten.jpg);
}

/*
--------------------------------------------------------------------------------
Damit die Footerleiste immer am unterem Bildschirmrand
In diesem Kontainer werden dann alle Elemente angezeigt
--------------------------------------------------------------------------------
*/
#xpage
{
    min-height:100%;
    height:auto !important;
    height:100%;
    width:1000px;
    text-align:left;
    /*-295px = 295px (xheader_background); -115px = 115px (xfooter_background)*/
    margin:-100px auto -115px;
    padding:0;
    background-color:#ffffff;
}


/*
--------------------------------------------------------------------------------
Logo im Header
--------------------------------------------------------------------------------
*/
#xheader_logo
{
    height:89px;
    width:970px;
    background-color: #ffffff;
    padding-top:10px;
    padding-left:30px;
    border-bottom:1px solid #00850c;
}

#xheader_logo_logo
{
    height:80px;
    width:250px;
    background:url(../images/logo.gif) no-repeat;
    float:left;
}

#xheader_logo_satz
{
    height:80px;
    width:550px;
    background:url(../images/life.jpg) no-repeat;
    margin-left: 300px;
}


/*
--------------------------------------------------------------------------------
Inhalte
--------------------------------------------------------------------------------
*/
#xinhalt
{
    width:1000px;   
    padding-top:25px;
}

#xinhalt_links
{
    width:200px;
    float:left;
}

#xinhalt_haupt
{
    width:480px;
    text-align:left;
    padding-top:5px;
    float:left;
}

#xinhalt_rechts
{
    width:220px;
    margin-left:730px;    
    margin-top:4px;
}


/*
--------------------------------------------------------------------------------
Seitennavigatiom
--------------------------------------------------------------------------------
*/

#xnavigation
{
    margin-top:5px;
    margin-left:2px;
    font-weight:bold;
}

#xnavigation ul li
{
    list-style:none;
    padding-bottom:5px;
}

#xnavigation ul li a
{    
    width:130px;
    display:block;
}

#xnavigation ul li a:hover
{
    color:#fa9313;
}

#xnavigation ul li .active
{
    width:130px;
    display:block;
    color:#fa9313;
}

#xnavigation ul ul 
{
    margin-left:-10px;
}

*html #xnavigation ul ul
{
    margin-left:30px;
}

#xnavigation ul ul li a
{    
    width:100px;
    display:block;
    font-size:10px;
}

#xnavigation ul ul li a:hover
{
    color:#fa9313;
}

#xnavigation ul ul li .active
{
    width:100px;
    display:block;
    font-size:10px;
    color:#fa9313;
}




/* Typolight Classes */

.clear
{
    height:0.1px;
    overflow:hidden;
    font-size:0.1px;
    line-height:0.1px;
    clear:both;
}

.invisible
{
    width:0px;
    height:0px;
    left:-1000px;
    top:-1000px;
    position:absolute;
    display:inline;
    overflow:hidden;
}

a
{
    color:#000000;
    text-decoration:none;
}

a:hover
{
    color:#fa9313;
}

h1
{
    color:#000000;
    font-size:17px;
    border-bottom:1px solid #fa9313;
    padding-bottom:5px;
}

h2
{
    color:#000000;
    font-size:14px;
    padding-bottom:5px;
}

h3
{
    color:#000000;
    font-size:11px;
    padding-bottom:5px;
}

h4
{
    color:#000000;
    font-size:9px;
    padding-bottom:5px;
}

h5
{
    color:#000000;
    font-size:7px;
    padding-bottom:5px;
}

.info
{
    font-size:10px;    
}

.more
{
    font-size:10px;   
}

.mod_newslist
{
    padding-bottom:15px;
}

.layout_short
/*.layout_simple*/
{
    border-bottom:1px solid #127411;
}