html {
    font-size:0.7em;
    height:100%;
    width:100%;
    background: #F7D87F url(../images/body-bgr.jpg) fixed no-repeat 50% 0;
}
body {    
    font: 100.01% Verdana, Geneva, sans-serif;
    height:100%;
    width:100%;
}

h1 {
    display:block;
    width:140px;
    height:30px;
    position:relative;
    top:-15px;
    left:15px;
    text-indent:-3000px;
    background:url(../images/h1.png) no-repeat top left;
}
h2 {
  font-size:1.3em;
  line-height:1.3;
  font-weight:bold;
  padding: 0.5em 0;
  color: rgb(163,95,55);
}
h2.raute {
    background: url(../images/raute.png) no-repeat top left;
    color:black;
    padding:0 0 .5em 20px;
    margin-left:-20px;
}
h3 {
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0 0 .1em;
}
h4 {
  font-size:1em;
  font-weight:bold;
}

p {margin-bottom: 1em;}

ul {
    margin:0.5em 0 0.5em 1.5em;
}
li {
    padding:0.2em 0;
    list-style-type:disc;
}

i {font-style:italic;}

address {font-style:normal;}

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

.infos {
    background: url(../images/raute_infos.gif) no-repeat 0 .3em;
    padding-left:30px;
    font-weight:bold;
}

.noliststyle li {list-style-type:none;}
.noliststyle {margin:0;padding:0;}
.listspace {padding-bottom: 1.5em;}

dl.realdl { margin: 1em 0;}
.realdl dt {font-weight:bold;}

.clear{ /*Zum Clearen*/
   clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hr {
  border:0;
  margin: .5em 240px 1em 0;
  background: url(../images/hr.png) repeat-x 0 50%;
  height:9px;
}

.strong {font-weight:bold;}
.big {font-size:120%;}
.right {text-align:right;}

.space-top {margin-top:.5em;}
.space-top2 {margin-top:20px;}
.space-top1em {margin-top:1em;}
.space-top2em {margin-top:2em;}
.padding-top1em {padding-top:1em;}
.space-bottom {margin-bottom:1em;}
.space-bottom2em {margin-bottom:2em;}
.space-left {margin-left:1em;}
.space-left4em {margin-left:4em;}
.space-right1em {margin-right:1em;}
.space-right20 {margin-right:20px;}
.space-right {margin-right:150px;}

.floatleft {float:left; margin-right:2em;}
.floatright {float:right;}

.cooper {
  background: no-repeat left bottom;
  text-indent:-5000px;
  height:20px;
  margin:1.5em 0 0.2em 0;
  padding:0;
}


.error {color:red; font-weight:bold;}
.success {color:green; font-weight:bold;}


.imgborder150, .imgborder113, .imgborder_galerie {
    display:inline-block;
    padding:0 22px 22px 0;
    margin-right: -20px;
    background:no-repeat right bottom;
}
.imgborder_galerie {padding-right:20px;}
.imgborder150 {
    background-image: url(../images/imgborder150.png);
}
.imgborder113 {
    background-image: url(../images/imgborder113.png);
}
.imgborder400 img {
   display:inline-block;
   padding:0 25px 25px 0;
   margin:-10px 0 0 -10px;
}
.imgborder400 {
    background: url(../images/imgborder400.png) no-repeat right bottom;
    margin:10px -10px 0 10px;
}


.note {font-size:0.8em; color:#333;}

/*----------------------------------------------------------------------------------*/

#wrapper {
    width:900px;
    position:relative;
    margin:0 0 0 -425px;
    top:60px;
    left:50%;
    padding:0 0 70px 0;
    background: url(../images/shadow.png) no-repeat right bottom;
}
#main {
    width:850px;
    top:-10px;
    position:relative;
    background: url(../images/main-bgr.jpg) no-repeat top left;
}
#main-bgr-end {
    width:850px;
    background: url(../images/main-bgr-end.png) no-repeat 0 630px;
}
#page {
    
    width:575px;
    padding-left:35px;
    border-left:160px solid #A35F37;
    margin-left:-195px;
    min-height:550px;
    position:relative;
    left:230px;
    z-index:7;
}
#page.layer {background: url(../images/transparenz80.png) repeat-y right;}
#wrapper #page .randlosrechts{margin-right:0; padding-right:0; width:555px;}

#white-space { /*Fortsetzung des weißen Hintergrundes überhalb von #main*/
    position:absolute;
    top:0;
    left:50%;
    margin-left:-195px;
    width:575px;
    height:50px;
    background: url(../images/transparenz80.png) repeat;
    z-index:-2;
}
#shadow_fix {
    position:absolute;
    top:50px;
    left:50%;
    margin-left:425px;
    width:40px;
    height:10px;
    background: url(../images/shadow_fix.png) no-repeat right top;
}


#spalte1_1, #spalte_randlos {
    width:535px;
    padding: 5px 20px 10px;
    line-height:1.2em;
}
#spalte_randlos {padding:0; width:575px;}
#spalte_randlos p, #spalte_randlos h3 {padding-left:20px; }
#spalte_randlos fieldset{padding-left:20px; padding-right:10px }
#spalte_randlos fieldset p{padding-left:0px; }

#footer {
    height:38px;
    width:100%;
    min-width:900px;
    background: rgb(230,203,175);
    top:-20px;
    position:relative;
    z-index:6;
}
#logo {
    width:300px;
    height:134px;
    background: url(../images/logo_ruwer.png) no-repeat;
    position:relative;
    margin-left:-445px;
    margin-bottom:-70px;
    top:-105px;
    left:50%;
    z-index:7;
}
#logo a {
    display:block;
    width:260px;
    height:110px;
}
#balken {
    width:160px;
    height:80px;
    background: url(../images/body-bgr2.gif) repeat-y;
    position:relative;
    margin-left:-390px;
    margin-top:-160px;
    bottom:0px;
    left:50%;
    z-index:1;
}
#navi-bgr {
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -390px;
    padding:0;
    width:160px;
    min-height:100%;
    background: rgb(163,95,55);
    z-index:5;
    text-indent:-5000px;
}
#navi-left {
    display:block;
    position:absolute;
    top:0;
    left:50%;
    margin:0 0 0 -390px;
    padding-top:90px;
    width:160px;
    /*background: url(../images/logo_ruwer_klein.png) no-repeat 50% 15px;*/
    z-index:15;
    font-size:11px; /*Damit beim Vergrößern der Textgröße die Boxen ihre Höhe behalten*/
}
#navi-left li {
    border-bottom:1px solid black;
    list-style:none;
    padding:0;
}
#navi-left li.current {background: #E4C9AE url(../images/navi-hover.png) repeat-x;}

#navi-left .first_li { border-top:1px solid black;}
#navi-left a {
    display:block;
    width:100%;
    padding:9px 0;
    margin-left:10px;
    font-size:11px; /*damit sich Größe der Box nicht ändert, bei Änderung der Schriftgröße*/
    text-indent:-5000px;
    background: url(../images/navi-font.png) no-repeat;
}

#nav1 a{background-position: 0px 50%; width:50px;}
#nav2 a{background-position: -51px 50%; width:90px;}
#nav3 a{background-position: -145px 50%; width:95px;}
#nav4 a{background-position: -243px 50%; width:66px;}
#nav5 a{background-position: -310px 50%; width:122px;}
#nav6 a{background-position: -436px 50%; width:140px;}
#nav7 a{background-position: -580px 50%; width:83px;}
#nav8 a{background-position: -719px 50%; width:62px;}
#nav9 a{background-position: -783px 50%; width:65px;}
#nav10 a{background-position: -849px 50%; width:139px;}
#nav11 a{background-position: -988px 50%; width:100px;}
#nav12 a{background-position: -1091px 50%; width:100px;}

#navi-left .current a { background: url(../images/navi-font_current.png) no-repeat;}

#nav1.current a{background-position: 0px 50%; }
#nav2.current a{background-position: -51px 50%; }
#nav3.current a{background-position: -145px 50%; }
#nav4.current a{background-position: -243px 50%; }
#nav5.current a{background-position: -310px 50%; }
#nav6.current a{background-position: -436px 50%; }
#nav7.current a{background-position: -580px 50%; }
#nav8.current a{background-position: -719px 50%; }
#nav9.current a{background-position: -783px 50%; }
#nav10.current a{background-position: -849px 50%; }
#nav11.current a{background-position: -988px 50%; }
#nav12.current a{background-position: -1091px 50%; }


/*---------Unternavigation-----------*/

    #navi-left ul {
      margin:0;
      display:none;
    }
    #navi-left .current ul {display:block;}
    #navi-left .level2 li {
        background: #E4C9AE url(../images/navi-hover.png) repeat-x;
        border-bottom:none;
        border-top:1px solid black;
    }
    #navi-left .level2 li.current2 {
        width:150px;
        padding-left:45px;
    }
    #navi-left .level2 a {
       padding:2px 0;
       margin-right:10px;
       background: url(../images/navi-left2.png) no-repeat;
    }

   #navi-left .level2 #nav6_2_1 a{background-position: 0 50%; width:75px}
   #navi-left .level2 #nav6_2_2 a{background-position: -77px 50%; width:75px}
   #navi-left .level2 #nav6_2_3 a{background-position: -155px 50%; width:90px}
   #navi-left .level2 #nav7_2_1 a{background-position: -248px 50%; width:134px}
   #navi-left .level2 #nav7_2_2 a{background-position: -383px 50%; width:100px;}
   #navi-left .level2 #nav7_2_3 a{background-position: -485px 50%; width:130px;}
   #navi-left .level2 #nav7_2_4 a{background-position: -618px 50%; width:140px;}
   #navi-left .level2 #nav7_2_5 a{background-position: -758px 50%; width:90px;}
   #navi-left .level2 #nav8_2_1 a{background-position: -849px 50%; width:80px;}
   #navi-left .level2 #nav8_2_2 a{background-position: -930px 50%; width:75px;}
   #navi-left .level2 #nav8_2_3 a{background-position: -1006px 50%; width:98px;}
   #navi-left .level2 #nav8_2_4 a{background-position: -1106px 50%; width:110px;}



/*--------------------------------------------------------*/



#navi-top {
    position:absolute;
    top:23px;
    left:50%;
    margin-left:200px;
    font-size:11px; /*Damit beim Vergrößern der Textgröße die Boxen ihre Höhe behalten*/
}
#navi-top li {
    list-style:none;
    float:left;
    width:90px;
}
#navi-top a{
    display:block;
    height:20px;
    width:80px;
    background: no-repeat left top;
    text-indent:-5000px;
}
#navi-top #nav_t1 a {width:60px; background-image: url(../images/nav_t1.png);}
#navi-top #nav_t2 a {background-image: url(../images/nav_t2.png);}

#sprachen {
    position:absolute;
    top:50px;
    left:50%;
    margin-left:390px;
    font-size:11px; /*Damit beim Vergrößern der Textgröße die Boxen ihre Höhe behalten*/
}
#sprachen  li {
    list-style:none;
    padding:4px 0;
}
#sprachen  a{
    display:block;
    height:20px;
    width:24px;
    background: url(../images/flaggen.png) no-repeat left top;
    text-indent:-5000px;
}
#sprachen  #nav_s1 a {background-position: top;}
#sprachen  #nav_s2 a {background-position: 50%;}
#sprachen  #nav_s3 a {background-position: bottom;}