*{
        padding:0;
        margin:0;
}
html,body{
        height:96%;
        font:101% Arial, Verdana, sans-serif;
        color:#333;
        text-align:center;
}
h2{
}
#container{
        background:url(../images/body_bg.jpg) repeat-x 0 0 white;
        position:relative;
        min-height:99%;
}
#box{
        position:relative;
        padding-bottom: 50px;
   /*Die folgenden beiden Zeilen bestimmen die Verschiebung der ganzen Seite nach rechts*/
        width:1600px;   /*Gibt den Abstand vom rechten Rand an*/
        margin:0 auto;

        text-align:left;
        background:none;
}
* html #box{
        height:100%;
}

/*Oberer Teil des Logos oben links (das dreiteiliges Puzzle)*/
#header{
        position:relative;
        top:0;
        width:216px;
        height:145px;
        background:url(../images/logo.png) no-repeat 0 0;
        text-indent:-9999px;
}
#headerleft{
        position:absolute;
        top:0;
        width:216px;
        height:290px;
        left:780px;
        top:10px;
        background:url(../images/3puzzleTeileTransparent.png) no-repeat 0 0;
        text-indent:-9999px;
}
#headerleft2{
        position:absolute;
        top:0;
        width:216px;
        height:145px;
   left:976px;
   top:150px;
        /*background:url(../images/form_bg_png.png) no-repeat 0 0;*/
   text-indent:-9999px;
}
#erkl{
        display:none;
}
#flash, #flash_alter{
        position:absolute;
        top:10px;
        left:238px;
        background:url(../images/zitate.jpg) no-repeat top #eaeaea;
        width:530px;
        height:120px;
        font-size:70%;
        color:#666;
        text-align:center;
}
#flash blockquote p{
        color:#a8a8a8;
        margin:20px 10px 20px 10px;
        background:transparent;
}
#flash_alter h2{
        margin:40px 0 10px 0;
        font-size:100%;
}
#flash_alter a{
        color:#59819F;
}
#flash_alter p{
}

/*--Hauptnavigation --*/

#navigation{
        position:relative;
        width:530px;
        top:-15px;
        padding-top:7px;
        left:240px;
        list-style:none;
        height:80px;
        background:url(../images/navi_bg.jpg) no-repeat 100% 0px;
}
#navigation li{
        float:left;
        display:block;
}
#navigation li a{
        display:block;
        text-decoration:none;
        text-indent:-9999px;
        float:left;
}
li#ethik a{
        display:block;
        margin-top:0px;
        width:173px;
        height:40px;
        background:url(../images/ethik_nav.jpg) no-repeat 0 0;
}
li#sneep a{
        display:block;
        margin-top:0px;
        width:83px;
        height:40px;
        background:url(../images/sneep_nav.jpg) -83px 0 no-repeat;
}
li#sneep li a{
        display:inline;
}
li#sneep.off a{
        background:url(../images/sneep_nav.jpg) 1px 0 no-repeat
}
li#ethik.on a{
        background:url(../images/ethik_nav.jpg) -172px 0 no-repeat;
}
#navigation li#ethik li a{
        background:none;
}
#navigation li#sneep li a{
        background:none;
}
#navigation ul{
        display:none;
}
#navigation li.on ul, #navigation li.off ul{
        list-style:none;
        width:500px;
        background:url(../images/navi_sub_bg.jpg) repeat-x -69px 17px;
        position: absolute;
        top:48px;
        left:20px;
        height:36px;
}
#navigation li ul li{
        margin-top:12px;
}
#navigation ul li a{
        text-indent:0;
        background:none;
        color:#6D93AF;
        width:auto;
        height:auto;
        border-right:1px solid #6D93AF;
        padding:0 10px;
        font-weight:bold;
        font-size:0.75em;
}
#navigation ul li a:hover{
        color:#59819F;
}
#navigation ul li a.last{
        border:none;
}
#navigation li.on ul{
        display:block;
}
#navigation li.off ul{
        display:none;
}
#navigation li.off:hover ul,  #nav li.over ul{
        display:block;
        z-index:6000;
}

/*-- Suche --*/

/*Suchformular mit dem unteren Teil des Puzzle-Logos (dreiteilig, oben links)*/
#suche{
        position:absolute;
        top:100px;
        height:130px;
        width:220px;
        /*background:url(../images/form_bg_png.png) no-repeat 33px 0px;*/
}
#suche label{
        display:none;
}
/*Bestimmt Aussehen und Position des Textfeldes für die Suche*/
input#suchtext{
        position:absolute;
        bottom:5px;
        color:#5F94BF;
        font-size:14px;
        width:160px;
        left:50px;
        padding:4px;
        border:1px solid white;
        background:url(../images/suchtext_bg.jpg) repeat-x left top;
}
input#suchtext:focus{
        border:1px solid #C6D8E6;
}
/*Bestimmt Aussehen und Position des Absendebuttons für die Suche (Pfeil im "Kasten")*/
input#absenden{
        position:absolute;
        bottom:1px;
        left:4px;
        width:38px;
        height:34px;
        border:none;
        cursor:pointer;
        background:url(../images/submit_botton_png.png) repeat-x left top;
}

/*--Subnavigation --*/
/*Als Subnavigation wird die linke Leiste bezeichnet*/
ul.subnavigation{
        position:relative;
        margin-top:30px;
        padding-bottom:40px;
        width:212px;
        border-top:1px solid #ddd;
        list-style:none;
        float:left;
}
ul.subnavigation li a{
        color:#666;
        text-decoration:none;
        display:block;
        text-indent:50px;
        height:30px;
        line-height:30px;
        font-size:0.9em;
        border-bottom:1px solid #ddd;
        width:215px;
        background:url(../images/pfeil.gif) no-repeat 15px 7px;
}
ul.subnavigation li a:hover{
        color:#333;
        background:url(../images/pfeil.gif) no-repeat 15px 7px #fafafa;
}
div.logos{
   position:absolute;
   margin-top:390px;
   padding-bottom:40px;
   width:212px;
   float:left;
}

/*-- Inhaltsbereich --*/
#incon{
   position:relative;
   left:230px;
   width:735px;
   background:url(../images/inhalt_left_bg.jpg) repeat-y;
}
#incon_index{
   position:relative;
   left:230px;
   width:735px;
   background:url(../images/inhalt_left_bg_index.jpg) repeat-y;
}
#inhalt_index{
   position:relative;
        left:-240px;
        top: -8px;
        width:400px;
        padding:0 35px;
        margin:0 0 0 240px;
   /*background:url(../images/inhalt_left_bg.jpg) repeat-y;*/
        line-height:1.5em;
        font-size: 10pt;
        text-align: justify;
}
#inhalt{
   position:relative;
        left:-240px;
        top: -8px;
        width:600px;
        padding:0 35px;
        margin:0 0 0 240px;
   /*background:url(../images/inhalt_left_bg.jpg) repeat-y;*/
        line-height:1.5em;
        font-size: 10pt;
        text-align: justify;
}
#csrnews{
        position:absolute;
        top:53px;
        left:480px;
        width:230px;
        margin:2px 0px 0 0px;
        font-size: 8pt;
   /*background:url(../images/inhalt_right_bg.jpg) repeat-y;*/
        /*padding:0 35px;
   background:url(../images/inhalt_right_bg.jpg) repeat-y;
        margin:2px 0px 0 240px;
        line-height:1.5em;
        font-size:0.8em;
        text-align: justify;*/
}
#inhalt:before{
        display:block;
        margin:-12px -35px;
        width:100%;
        height:20px;
        content:url(../images/inhalt_oben.jpg);
}
#inhalt:after{
        display:block;
        margin:6px -35px;
        width:100%;
        height:10px;
        content:url(../images/inhalt_unten.jpg);
}
#inhalt_index:before{
        display:block;
        margin:-12px -35px;
        width:100%;
        height:20px;
        content:url(../images/inhalt_oben.jpg);
}
#inhalt_index:after{
        display:block;
        margin:6px -35px;
        width:100%;
        height:10px;
        content:url(../images/inhalt_unten.jpg);
}
#inhalt ul{
        list-style:none;
        text-align:left;
        margin-bottom:1em;
}


.clear{
        clear:both;
}
#inhalt ul li{
        background:url(../images/pfeil.jpg) no-repeat 0px 6px;
        padding-left:20px;
        margin:0.5em 0;
}

#inhalt_index ul li{
        background:url(../images/pfeil.jpg) no-repeat 0px 6px;
        padding-left:20px;
        margin:0.5em 0;
}


div.textfeld{
        margin:-30px 0 70px 0;
}
#inhalt h3{
        margin:20px 0 20px 0;
        color:#666;
        font-size:105%;
        text-transform:uppercase;
        font-weight:bold;
        text-align:left;
        clear:right;
}
#inhalt h4{
        margin:2em 0 1em 0;
        color:#666;
        font-size:95%;
        text-transform:uppercase;
        font-weight:bold;
        text-align:left;
        clear:both;
}
#inhalt p{
        margin:0.8em 0;
}
#inhalt a{
        color:#DF6300;
}
#inhalt a:hover{
        color:#333;
}
#inhalt blockquote{
        margin:1em;
        font-style:italic;
}

/* Links - Definitionslisten */

#inhalt dl{
        text-align:left;
}
#inhalt dt{
        margin:10px 0 5px;
}
#inhalt dd a{
        padding-left:22px;
        background:url(../images/pfeil.jpg) no-repeat 0px 4px;
        text-decoration:none;
}


#inhalt_index h3{
        margin:20px 0 20px 0;
        color:#666;
        font-size:105%;
        text-transform:uppercase;
        font-weight:bold;
        text-align:left;
        clear:right;
}
#inhalt_index h4{
        margin:2em 0 1em 0;
        color:#666;
        font-size:95%;
        text-transform:uppercase;
        font-weight:bold;
        text-align:left;
        clear:both;
}
#inhalt_index p{
        margin:0.8em 0;
}
#inhalt_index a{
        color:#DF6300;
}
#inhalt_index a:hover{
        color:#333;
}
#inhalt_index blockquote{
        margin:1em;
        font-style:italic;
}

/* Links - Definitionslisten */

#inhalt_index dl{
        text-align:left;
}
#inhalt_index dt{
        margin:10px 0 5px;
}
#inhalt_index dd a{
        padding-left:22px;
        background:url(../images/pfeil.jpg) no-repeat 0px 4px;
        text-decoration:none;
}



/* Textbereich */
.right{
        float:right;
        width:320px;
        text-align:left;
}
.left{
        float:left;
}

img.logo, .umfliessen{
        float:left;
        margin:3px 15px 0px 0;
}

/*-- Optionen --*/

#funktionen{
        position:relative;
        margin:0 auto;
        height:30px;
        width:100%;
        background:url(../images/funktionen_bg.jpg) 0 100% repeat-x #413F40;
}
#funktionen h3{
        position:relative;
        width:765px;
        height:100%;
        margin:0 auto;
        top:0px;
}
#funktionen h3 a{
        position:absolute;
        bottom:0;
        right:0;
        left: -50px;
        /*background:url(../images/funktionen.jpg)  0 0 no-repeat;*/
        height:30px;
        width:98px;
        text-indent:-9999px;
        text-decoration:none;
        display:block;
}
#funktionen h3 a:hover{
        background:url(../images/funktionen.jpg)  100% 0 no-repeat;
}
#funktionen p{
        display:none;
}

/*-- Footer --*/

#footer{
        position:relative;
        height:43px;
        background:url(../images/footer.jpg) repeat-x 0 100% #CDE6FA;
        width:100%;
        font-size:0.8em;
        border-bottom:3px solid #DFF2FF;
        clear:left;
}
#footer span{
        position:absolute;
        bottom:10px;
        left:45%;

}