*{
 margin: 0px;
 padding: 0px;
}


@font-face {
    font-family: 'LandliebeRegular';
    src: url('fonts/Landliebe-webfont.eot');
    src: url('fonts/Landliebe-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Landliebe-webfont.woff') format('woff'),
         url('fonts/Landliebe-webfont.ttf') format('truetype'),
         url('fonts/Landliebe-webfont.svg#LandliebeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }


@font-face {
    font-family: 'C_BOX';
    src: url('fonts/Forelle-webfont.eot');
    src: url('fonts/Forelle-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Forelle-webfont.woff') format('woff'),
         url('fonts/Forelle-webfont.ttf') format('truetype'),
         url('fonts/Forelle-webfont.svg#ForelleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'WCManoNegraBtaRegular';
    src: url('fonts/WCManoNegraBta-webfont.eot');
    src: url('fonts/WCManoNegraBta-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/WCManoNegraBta-webfont.woff') format('woff'),
         url('fonts/WCManoNegraBta-webfont.ttf') format('truetype'),
         url('fonts/WCManoNegraBta-webfont.svg#WCManoNegraBtaRegular') format('svg');
    font-w<a href="../gegl-0.0/"></a>eight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'WCManoNegraBtaBold';
    src: url('fonts/WCManoNegraBoldBta-webfont.eot');
    src: url('fonts/WCManoNegraBoldBta-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/WCManoNegraBoldBta-webfont.woff') format('woff'),
         url('fonts/WCManoNegraBoldBta-webfont.ttf') format('truetype'),
         url('fonts/WCManoNegraBoldBta-webfont.svg#WCManoNegraBtaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ArchitectsDaughterRegular';
    src: url('fonts/ArchitectsDaughter-webfont.eot');
    src: url('fonts/ArchitectsDaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ArchitectsDaughter-webfont.woff') format('woff'),
         url('fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('fonts/ArchitectsDaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



h1, h2 , h3, h4, h5, h6  {
        margin-bottom: 1em;

  /*background-color: #312d2e;*/
  font-family: ArchitectsDaughterRegular;
  margin-top: 0px;
  margin-right: 24px;
  font-size: 0.85em ;
  }

# p, ol  {
        margin-bottom: 2em;
        margin-left: 3em;
        }

body  {
  font-family: Verdana;
  line-height: 2em;
  background-color: silver;
}

/*fieldset {
         color:
         background:
         padding: 10px;
         border:
}

legend {
] */

#test123 {
        float: right;
        padding: 0px;
        margin: 15px;
        border: 0px solid #3f3f3f;
        border-left-color: #e5dde2; border-top-color: #e5dde2;
        height: 65px;
        width:160px;
        border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;
        }



#kopf {
 background-image: url("images/kopf2.jpg");
 height: 200px;
 text-align: right;
 font-size: 2.5em;
 color: white;
 margin-right: 0px;
 }


#seitenbereich {
  background-color: #ffccff;
  width: 1000px;
  background-image: url("images/background2.png");
  margin: 0px auto;

}


fieldset{
        border: thin solid silver;
        margin: 25px;
        padding: 10px;
}

label{
display:block;
margin: 3px;

}

input{
padding: 3px;
margin: 3px;
width: 290px;
display:block;
border: thin solid silver;
border-radius: 4px;
}


.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/pro_one/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:16px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(images/pro_one/button3.gif);}
.menu1 li.current a b {background:url(images/pro_one/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/pro_one/button2.gif);}
.menu1 li a:hover b {background:url(images/pro_one/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(images/pro_one/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/pro_one/button3.gif) no-repeat right top;}




/*  ul#Navigation {
    width:968px;
    margin-left:0;
    padding: 0.8em;
    margin: 0;
    /*padding: 0.8em;*/
    text-align: center;
   /* border: 3.0px solid #3f3f3f;
    border-left-color: #e5dde2; border-top-color: #e5dde2;
    /*background-color: #3f3f3f;
    background-image: url("images/background2.png");
    border-radius: 0em;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #7a5085; background-color: #ccc;
    border-radius: 1em;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  --*/




.bildrechts {
        float: right;
        padding: 0px;
        margin: 15px;
        border: 3.0px solid #3f3f3f;
        border-left-color: #e5dde2; border-top-color: #e5dde2;
        border-radius: 1.5em;
        }

/*#bildrechts{
  float: right;
height:80px;
width:80px;
padding:10;
margin:20px;
border:1px solid black;
font:bold 14px verdana, sans-serif;}

#bildrechts div{display:none;}

#bildrechts: hover div{
display:block;
width:100px;
/*position:absolute;top:20px;right:20px;
border:1px dashed black;
padding:15px;
font:normal 14px verdana, sans-serif;}*/

/* styling for RIGHT gallery */

ul#gallery, ul#gallery li{
                        margin:0;
                        padding:0;
                        list-style:none;
                        }
                ul#gallery{
                        width:420px;
                        height:265px;
                        /*position:relative;*/
                        position:relative;
                        background:#e1e1e1 url(images/400x300/image21.jpg) no-repeat 50% 40%;
                        }
                ul#gallery li{
                        float:left;
                        display:inline;
                        margin-top:300px;
                        }
                ul#gallery a span{
                        display:none;
                        }
                ul#gallery a:hover{
                        background:none;
                        z-index:100;
                        }
                ul#gallery a:hover span{
                /*position:absolute;*/
                        position:absolute;
                        width:400px;
                        height:265px;
                        float:left;
                        top:0;
                        left:0;
                        display:block;
                        }

#inhalt {
  /*background-color: #7fd4ff;*/

  margin-left: 180px;
  margin-bottom: 480px;

   padding: 0px;

        border: 0px solid #3f3f3f;
        border-left-color: #e5dde2; border-top-color: #e5dde2;
        height: 450px;
        width:720px;
        border-radius-bottomright: 50px;
        border-bottom-right-radius: 50px;

}

#impressum {
  /*background-color: #7fd4ff;*/

  margin-left: 185px;
  margin-bottom: 430px;
  margin-right: 100px;
}

#fuss {
  color: white;
  background-color: #3f3f3f;
  text-align: center;

}

#kontaktformular {
  margin-top: 15px;
  background-color: ;
  text-align: left;

}

#infos {
margin-left: 150px;
  margin-bottom: 130px;
  margin-right: 100px;
  padding-right:10px;
  background-color: ;
  text-align: center;

}

/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul,
.photo ul.topic li ul
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul,
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}


.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

</style>