html {
    font-size:0.625em;
    width:100%;
    background: #000000 url(../images/interface/body-bgr.jpg) no-repeat -22px -5px;
}
body {    
    font: 100.01% Arial, Helvetica, Verdana, Geneva, sans-serif;
    width:100%;
}

h1 {
    height:19px;
    width:70px;
    position:relative;
    top:-60px;
    z-index:10;
    text-indent:-5000px;
    background: url(../images/interface/navi-current.png) no-repeat;
}

h3 {
  font-size:1em;
  font-weight:bold;
  padding: 0;
}
h4 {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;
}

address {
    font-style:normal;
    margin-bottom:1.5em;
}

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

a.nounderline { text-decoration:none;}
a.nounderline:hover {text-decoration:underline;}
a.bold {font-weight:bold; text-decoration:underline;}

hr {
    width:140px;
    margin:0 0 12px;
    padding:7px 0;
    clear:both;
    border:none;
    border-bottom:2px dotted #E69F1A;
    text-align:left;
}


.noliststyle li {list-style-type:none;}
.noliststyle {margin:0;padding:0;}

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

.space-top {margin-top:.5em;}
.space-bottom {margin-bottom:.5em;}
.space-left {margin-left:.5em;}

.floatleft {float:left;}
.floatright {float:right;}

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

.image-corner {
    position:relative;
    width:100px;
    margin:5px 20px 0 0;
    float:left;
    text-align:center;
}
.image-corner span {
    display:block;
    position:absolute; 
    width:100px;
    height:100px;
    top:0;
    left:0;
    background: url(../images/interface/image-corners.gif) no-repeat;
}



#wrapper {
    width:660px;
    padding:61px 0 92px;
    position:relative;
    left:132px;
    margin:70px 0 10px;
    background: url(../images/interface/main-bottom.png) no-repeat left bottom;
    font-size:1.2em;
}

#main {
   width:470px;
   min-height:390px;
   padding: 0 95px;
   margin-top:-9px;
   background: url(../images/interface/main-bgr.png) repeat-y left center;
}

#navi-main {
   display:block;
   margin:0;
   padding:25px 70px 0 75px;
   position:absolute;
   top:0; left:0;
   width:515px;
   min-height:36px;
   background: url(../images/interface/main-top.png) no-repeat left bottom;
}

#navi-main li {
    float:left; 
    margin:0 11px;
    position:relative;
}

#navi-main a {
    display:block;
    width:60px;
    height:15px;
    text-indent:-5000px;
    background: url(../images/interface/navi-main.png) no-repeat;
}

#nav-item1 a{background-position: 0px 100%; width:38px;}
#nav-item2 a{background-position: -42px 100%; width:83px;}
#nav-item3 a{background-position: -129px 100%; width:55px;}
#nav-item4 a{background-position: -188px 100%; width:56px;}
#nav-item5 a{background-position: -248px 100%; width:35px;}
#nav-item6 a{background-position: -289px 100%; width:32px;}
#nav-item7 a{background-position: -326px 100%; width:51px;}


#navi-main li.current a {background:none; width:35px;}

#page_home h1 {background-position: 0px 100%; width:70px; left:-95px;}
#page_constanca h1 {background-position: -75px 100%; width:160px; left:-5px;}
#page_bogner h1 {background-position: -240px 100%; width:100px; left:130px;}
#page_marken h1 {background-position: -347px 100%; width:110px; left:205px;}
#page_news h1 {background-position: -458px 100%; width:70px; left:300px;}
#page_lage h1 {background-position: -530px 100%; width:70px; left:350px;}
#page_service h1 {background-position: -602px 100%; width:95px; left:420px;}
#page_kontakt h1 {background-position: -705px 100%; width:110px; left:-15px; top:439px;}
#page_impressum h1 {background-position: -820px 100%; width:170px; left:80px; top:439px;}


#navi-extra {
    display:block;
    position:relative;
    height:70px;
    left:100px;
    top:18px;
    margin:0; padding:0;
}
#navi-extra li{
    float:left;
    list-style:none;
    margin-right:15px;
}
#navi-extra a {
    display:block;
    width:60px;
    height:15px;
    text-indent:-5000px;
    background: url(../images/interface/navi-extra.png) no-repeat;
}
#nav-extra-item1 a{background-position: 0px 100%; width:55px;}
#nav-extra-item2 a{background-position: -56px 100%; width:83px;}

#navi-extra .current a { background: none;}


#sprachen {
    position:absolute;
    bottom:115px;
    right:70px;
}

#sprachen li {
    float:left;
    margin:0 4px;
}

#sprachen li a {
    display:block;
    text-indent:-5000px;
    width:26px;
    height:24px;
    background: url(../images/interface/flaggen.png) no-repeat;
}

#sprachen li a:hover {
    background: url(../images/interface/flaggen_hover.png) no-repeat;
}

#sprachen #de a {
   background-position: 0px 0px;
}

#sprachen #lb a {
   background-position: -28px 0px;
}

/*----------Spezielle Formatierungen für einzelne Seiten---------*/
.dot li, .dot2 li {
    background: url(../images/interface/orange-dot.gif) no-repeat 0 .8em;
    padding:.5em 0 .5em 15px;
}

.dot2 li {
    padding:.4em 0 .2em 15px;
}

.legende1, .legende2  {
    background: url(../images/interface/arrow-black.png) no-repeat 0 0;
    text-indent:20px;
    line-height:20px;
    margin:0;
}
.legende2 {
   background-image: url(../images/interface/arrow-green.png);
}

/*-------Formularelemente gestalten--------------------*/

form ul {margin:0 0 .5em; padding:0;}
form li {
    list-style:none;
}
.formblock {
    display:block;
    float:left;
    padding:0 14px 0 0;
    margin:0;
}
label {
    display:block;
}