@charset "UTF-8";
@media all
html { height: 100%; margin-bottom: 1px; }
#page { margin: 0 auto; padding: 50px; width: 1024px;}

body{
        background: url(../pics/bg.jpg);
        color: #004a01;
        font: 15px Perpetua, Arial, sans-serif;
        margin: 0;
        padding: 0;
        font-size: 100.01%;
        text-align: left;
}
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em;  font-size: 95%;}

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }


#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0; color: #004a01;}
#xsnazzy h1 {font-size: 1.7em; text-align: center; color: #004a01;}
#xsnazzy h2 {font-size: 1.5em; color:#004a01; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:25px 1em 100px 1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:white; border-left:1px solid green; border-right:1px solid green;}
.xb1 {margin:0 5px; background:green;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:white; border:0 solid #004a01; border-width:0 1px; }


#nav, #footer {width:99%;
   margin: 0;
   padding: 0px 0px 0px 15px;
   list-style: none;
   background-color: #f0ecd1;
   float: left;
   height:31px;
   position:relative;
   border-top: 1px solid #004a01;
   border-bottom: 1px solid #004a01;
}

#nav li, #footer li {
   float: left;
   margin: 0;
   padding: 0px;
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 80%;
   line-height:20px;
   height:29px;
   color: #fff;
   font-weight: bold;
   /* border: 1px solid #004a01; */
}

#nav a, #footer a {
   float: left;
   display: block;
   margin: 0 1px 0 0 ;
   padding: 6px 8px 4px;
   color: #004a01;
   text-decoration: none;
   border-bottom: none;
   background-color: #f0ecd1;
}

:link, :visited {
   text-decoration: none;
}

#nav li a:hover, #footer li a:hover {
/*   color:#004a01; */
   background: url(../pics/bg.jpg) no-repeat right top;
   padding-bottom: 3px;
   text-decoration: none;
   color:red;
   /*
   border-top: 1px ridge #004a01;
   border-left: 1px ridge #004a01;
   border-bottom: 2px ridge #004a01;
   */
   }

#current a {
   color:red;
   background: url(../pics/bg.jpg) no-repeat right top;
   padding-bottom: 4px;
   text-decoration: none;
      }


#flags {
   float:right;
   vertical-align:bottom;
   display:inline;
   margin: 100px 10px 0px 0px;
}

.flachshaus {
   display:inline-block;
   font-size:40px;
   line-height:40px;
   margin: 0px 100px 0px 0px;
   vertical-align:bottom;
   width: 400px;
}

.flachshaus-name-gross {
   display:inline-block;
   font-size: 40px;
   font-variant: small-caps;
   font-weight: bold;
   letter-spacing: 7,5pt;
}


h1 {
   padding-left: 20px;
}

h2 {
   padding-left: 20px;
}

p {     font-size: 125%;
        font-style: normal;
        font-weight: bold;
        padding: 10px 30px 5px 20px; }

table {
        font-size: 110%;
        font-stretch: narrower;
        font-style: normal;
        font-weight: normal;
        padding: 0 0 0 0;
}

ul {
        list-style-image: none;
        list-style-position: inside;
        list-style-type: none;
        margin: 10px;
        padding: 10px;
}


.bild-l {
        border: 3px none;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
}

.bild-r {
        border: 3px none;
        float: right;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
}

.bold {
        font-weight: bold;
}

.center {
        text-align: center;
}

.fh-text {
        font-size: 125%;
        font-style: normal;
        font-weight: normal;
        padding: 0 0 0 0;
}

#Versicherung {font: bold 16px Perpetua, Arial, sans-serif;}

.bild-l-col0 {
        border: 10px none;
        float: left;
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
        position: relative;
}
.bild-r-col0 {
        border: 3px none;
        float: right;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 5px;
        position: relative;
}


  .subcolumns_oldgecko { float:left }

  .c40l, .c36l, .c85l, .c80l, .c42l, .c20l, .c60l, .c15l, .c30l, .c70l, .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l
        {float: left; }
  .c40r, .c36r, .c85r, .c80r, .c42r, .c20r, .c60r, .c15r, .c30r, .c70r, .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r
        {float: right; margin-left: -5px; }

  .c15l, .c15r { width: 15% }
  .c20l, .c20r { width: 20% }
  .c25l, .c25r { width: 25% }
  .c30l, .c30r { width: 30% }
  .c33l, .c33r { width: 33.333% }
  .c36l, .c36r { width: 36.666% }
  .c40l, .c40r { width: 40% }
  .c42l, .c42r { width: 42% }
  .c50l, .c50r { width: 50% }
  .c60l, .c60r { width: 60% }
  .c66l, .c66r { width: 66.666% }
  .c70l, .c70r { width: 70% }
  .c75l, .c75r { width: 75% }
  .c80l, .c80r { width: 80% }
  .c85l, .c85r { width: 85% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }
  .high1  { margin-bottom: 1em }
  .high2  { margin-bottom: 2em }
  .high3  { margin-bottom: 3em }
  .high4  { margin-bottom: 4em }
  .high5  { margin-bottom: 5em }
  .high6  { margin-bottom: 6em }
  .high7  { margin-bottom: 7em }
  .high8  { margin-bottom: 8em }
  .high9  { margin-bottom: 9em }
  .low1   { margin-top: 1em }
  .low2   { margin-top: 2em }
  .low3   { margin-top: 3em }
  .low4   { margin-top: 4em }
  .low5   { margin-top: 5em }
  .low6   { margin-top: 6em }
  .low7   { margin-top: 7em }
  .low8   { margin-top: 8em }
  .low9   { margin-top: 9em }
  .right1   { margin-left: 1em }
  .right2   { margin-left: 2em }
  .right3   { margin-left: 3em }
  .right4   { margin-left: 4em }
  .right5   { margin-left: 5em }
  .right6   { margin-left: 6em }
  .right7   { margin-left: 7em }
  .right8   { margin-left: 8em }
  .right9   { margin-left: 9em }
  .left1   { margin-right: 1em }
  .left2   { margin-right: 2em }
  .left3   { margin-right: 3em }
  .left4   { margin-right: 4em }
  .left5   { margin-right: 5em }
  .left6   { margin-right: 6em }
  .left7   { margin-right: 7em }
  .left8   { margin-right: 8em }
  .left9   { margin-right: 9em }

  .clear {clear:both;}


#foot{
        clear: left;
        margin: 0;
        padding: 0;
}

#foot .footbottom{
        clear: both;
        text-align: right;
}

#foot .footleft{
        float: left;
        width: 15%;
}

#foot {
        margin-left: 10%;
}

#foottop{        margin-left: 10%;}

#footbottom{        margin-left: 8%;}

#foot p{
        font: bold 11px verdana, sans-serif;
        margin: 0;
        padding: 5px;
}

#Versicherung {font: bold 16px Perpetua, Arial, sans-serif;}