/* ==== CSS © friebel.it - Internetdienstleistungen & eBusiness, Germany http://www.das-webstudio.de ==== */


/* =Basis
===============================================*/
html, body {height: 100%; padding-bottom: 1px;}

body {
        position: relative;
        background-color: #c0dded;
        font: 100.01% ,verdana, sans serif;
        color: #4a4a4a
        }


* {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1em;
        font-weight: normal;
        }


/*=============================================*/


/* =Struktur
===============================================*/
#topline{
        position: relative;
        width: 900px;
        height: 30px;
        background: url(bg_topline.jpg) top left repeat-x #1f92cb;
        margin: 0 auto 0 auto;
        text-align: right;
        }
        #topline p{ margin: 0 30px 0  0; padding: 0;}

#head{
        position: relative;
        width: 900px;
        height: 237px;
        background: url(head.jpg) top left no-repeat ;
        }

#logo{
        position: relative;
        background: url(logo.jpg) top left no-repeat #fdfdfd;
        background-position: center;
        width: 280px;
        height: 225px;
        margin: -278px 560px 0 0;
        text-align: left;
        }
        /** html #navi {margin: -333px 560px 0 0}*/

#contentcontainer{
        width: 900px;
        background: url(bg_content.jpg) top left repeat-y #fff;
        }

#left{
        width: 310px;
        background: url(bg_content_left.jpg) top left repeat-y;
        float: left;
        text-align: left;
        }

#content-right{
        width: 590px;
        background-color: #fff;
        float: right;
        text-align: left;
        }

#footer{
        width: 900px;
        background: url(bg_bottom.jpg) top left repeat-y #f7f0e0;
        color: #fff;
        font-size: 70%;  text-align: right;
        }
/*=============================================*/

/* =Navigation
===============================================*/

#hauptnavi {
        position: relative;
        margin-left:30px;
        border-bottom: 3px solid #9A1214;
        width: 280px;
        }

#hauptnavi ul {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        list-style-type: none;
        margin: 0;
        padding: 0;
        }

#hauptnavi li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#hauptnavi li a:link,
#hauptnavi li a:visited {
        color: #fff;
        font-weight: bold;
        display: block;
        background: url(../layout/menue1.jpg);
        padding: 8px 0 0 30px;
        }

#hauptnavi li a:hover {
        color: #9A1214;
        font-weight: bold;
        background: url(../layout/menue1.jpg) 0 -32px;
        padding: 8px 0 0 30px;
        }

#hauptnavi li a:active {
        color: #318321;
        font-weight: bold;
        background: url(../layout/menue1.jpg) 0 -64px;
        padding: 8px 0 0 30px;
        }

/* --- ( Hauptnavigation 2. Ebene ) ---------------------------------------------------------------- */
#hauptnavi ul ul{
        font-size: 80%;
        }

#hauptnavi li li a {
          height: 22px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 16px;
        text-decoration: none;
        }

#hauptnavi li li a:link,
#hauptnavi li li a:visited {
        color: #888;
        font-weight: bold;
        display: block;
        background: url(../layout/menue2.jpg);
        padding: 5px 0 0 47px;
        }

#hauptnavi li li a:hover {
        color: #9A1214;
        font-weight: bold;
        background: url(../layout/menue2.jpg) 0 -22px;
        padding: 5px 0 0 47px;
        }

#hauptnavi li li a:active {
        color: #318321;
        font-weight: bold;
        background: url(../layout/menue2.jpg) 0 -44px;
        padding: 5px 0 0 47px;
        }

/*=============================================*/

/*=============================================*/

/* =Fontstyle
===============================================*/

/* --- linkes Textfeld ---------------------------------------------------------------- */
#content-left h1                                {font-size: 1.1em; color: #9A1214; background: transparent; letter-spacing:0.05em; margin: 20px 10px 10px 49px;}
#content-left h2                                {font-size: 0.9em; color: #848273; background: transparent; font-weight: bold; letter-spacing:0.05em; margin: 5px 10px 10px 49px;}
#content-left h3                                 {font-size: 0.8em; color: #848273; background: transparent; font-weight: normal; margin: 5px 10px 10px 49px;}
#content-left p                                 {font-size:0.8em;  color: #414048; background: transparent; line-height:140%; margin: 5px 10px 10px 49px; text-align: justify; }

#content-left ul                                 {line-height:140%; font-size:0.8em; padding: 0 0 0 2.5em; list-style-image: url(../layout/listre.gif);}
#content-left ul ul                        {line-height:140%; font-size:100%; padding: 0.6em 0 0.7em 1.5em; }
#content-left li                                 {line-height:140%; margin: 0 0 0.5em 0; /*margin: 0 0 0.9em 2.5em;*/ }
#content-left li li                        {font-size:100%; margin: 0;}
#content-left ol                                 {list-style-type: decimal; font-size:0.8em; padding: 0 0 0 2.5em; list-style-image: none;}
#content-left ol ol                        {list-style-type: lower-alpha; font-size:100%; padding: 0.6em 0 0.7em 1.5em; list-style-image: none;}

#content-left a                             {text-decoration: none; cursor:pointer;}
#content-left a:link,
#content-left a:visited         {color: #414048; background: transparent; text-decoration: none; border-bottom: solid; border-bottom-color: #d9c5b5; border-bottom-width: 1px;}
#content-left a:hover,
#content-left a:active,
#content-left a:focus                 {color: #414048; background: transparent; text-decoration: none; border-bottom-width: 0;}

#content-left img                                {padding:4px; background: #fff; border: 1px solid #1f92cb;}

/* --- rechtes Textfeld ---------------------------------------------------------------- */
#content-right h1                                {font-size: 1.3em; color: #9A1214; background: transparent; letter-spacing:0.05em; padding: 12px 0 7px 0; margin: 20px 25px 10px 25px; border-top: 1px solid #8ed4ec; border-bottom: 1px solid #8ed4ec}
#content-right h2                                {font-size: 1.2em; color: #a48a73; background: transparent; letter-spacing:0.05em; padding: 10px 0 5px 0; margin: 20px 25px 10px 25px; border-top: 1px solid #8ed4ec; border-bottom: 1px solid #8ed4ec}
#content-right h3                                {font-size: 1.2em; color: #a48a73; background: transparent; letter-spacing:0.05em; padding: 10px 0 5px 0; margin: 20px 25px 10px 25px;}
#content-right p                                 {line-height:140%; font-size:0.9em; margin: 10px 25px; text-align: justify;}
#content-right table                             {line-height:140%; font-size:0.9em; margin: 10px 25px; text-align: justify;}

#content-right ul                         {line-height:140%; margin: 10px 15px; list-style-type: circle;}
#content-right ul ul                        {line-height:140%; padding: 0;}
#content-right li                         {line-height:140%; font-size:0.9em; margin: 0 15px 10px 2.5em; /*margin: 0 0 0.9em 2.5em;*/ }
#content-right li li                        {font-size:100%;}

#content-right a                     {text-decoration: none; cursor:pointer;}
#content-right a:link,
#content-right a:visited         {color: #7e5f4e; background: transparent; text-decoration: none; border-bottom: solid; border-bottom-color: #e3256b; border-bottom-width: 1px;}
#content-right a:hover,
#content-right a:active,
#content-right a:focus                 {color: #7e5f4e; background: transparent; text-decoration: none; border-bottom-width: 0;}

#content-right img                        {padding:4px; border: 1px solid #d9c5b5;}


#footer p                                                {color: #fff; background: transparent; padding: 1em;}
#footer a                                       {color: #fff; background: transparent; text-decoration: none; cursor:pointer;}
#footer a:link                                        {color: #fff; background: transparent; border-bottom: solid; border-bottom-color: #fff; border-bottom-width: 1px;}
#footer a:visited                                {color: #fff; background: transparent; border-bottom: solid; border-bottom-color: #fff; border-bottom-width: 1px;}
#footer a:hover                                {color: #fff; background: transparent; border-bottom-width: 0;}
#footer a:active                                {color: #fff; background: transparent; border-bottom-width: 0;}
#footer a:focus                                {color: #fff; background: transparent; border-bottom-width: 0;}

/* --- XtraClass ---------------------------------------------------------------- */
.clear { clear: both; padding-top: 1em }
.center{        text-align: center;}
#content-left .smallfont {font-size: 85%}
#content-right .smallfont {font-size: 80%}

/*===============================================*/