body, html

{width:90%; max-width:90%; height:100%; max-height:100%; padding:0; margin:0; border:0; font-family:verdana; font-size:0.9em; color:#6a5742; background:#fcfbf9; image-border:none;
}




#head {float:left; display:block; background:url(../img/header.jpg) no-repeat; width:848px; height:330px; margin:0;}


/* ************* Menu boxes with pics   -----------------*/
#menu {display:block; top:0px; left:129px; width:316px; height:330px; position:absolute; border:0;}





/* ------------------------MENUE------------------------*/


/* Imagemap*/
#gmap {display:block; width:316px; height:330px; background:transparent no-repeat; position:relative; margin:auto; overflow:hidden; }
#gmap a {color:#000; font-family:Verdana; font-size:0em;text-decoration:none;}

a#title2, a#title2:visited {display:block; width:285px; height:0; padding-top:320px; position:absolute; left:0; top:0; cursor:default; text-decoration:none;}
* html a#title2 {height:320px; he\ight:0;}
#gmap a#title2:hover {background:transparent 0 0; color:#c00;}



a#eng {display:block; width:124px; height:0; padding-top:52px; overflow:hidden; position:absolute; left:36px; top:97px;}
* html a#eng {height:52px; he\ight:0;}
a#eng:hover {background:transparent url(../img/eng_ov.jpg) no-repeat  0 0; overflow:hidden; border:0;}

a#proj {display:block; width:150px; height:0; padding-top:46px; overflow:hidden; position:absolute; left:111px; top:179px;}
* html a#proj {height:46px; he\ight:0;}
a#proj:hover {background:transparent url(../img/proj_ov.jpg) no-repeat 0 0; overflow:hidden;  border:0;}

a#sitemap {display:block; width:118px; height:0; padding-top:49px; overflow:hidden; position:absolute; left:29px; top:42px;}
* html a#sitemap {height:49px; he\ight:0;}
a#sitemap:hover {background:transparent url(../img/map_ov.jpg) no-repeat 0 0; overflow:hidden; border:0;}

a#webd {display:block; width:128px; height:0; padding-top:61px; overflow:hidden; position:absolute; left:0px; top:142px;}
* html a#impr {height:61px; he\ight:0;}
a#webd:hover {background:transparent url(../img/web_ov.jpg) no-repeat 0 0; overflow:hidden; border:0;}

a#pc {display:block; width:130px; height:0; padding-top:51px; overflow:hidden; position:absolute; left:147px; top:119px;}
* html a#pc {height:51px; he\ight:0;}
a#pc:hover {background:transparent url(../img/pc_ov.jpg) no-repeat 0 0; overflow:hidden; border:0;}

a#kont {display:block; width:122px; height:0; padding-top:55px; overflow:hidden; position:absolute; left:32px; top:212px;}
* html a#kont {height:55px; he\ight:0;}
a#kont:hover {background:transparent url(../img/kon_ov.jpg) no-repeat 0 0; overflow:hidden; border:0;}

a#trans {display:block; width:163px; height:0; padding-top:93px; overflow:hidden; position:absolute; left:136px; top:224px;}
* html a#trans {height:93px; he\ight:0;}
a#trans:hover {background:transparent url(../img/trans_ov.jpg) no-repeat 0 0; overflow:hidden; border:0;}



/* -------------------- CONTENT -------------------------*/

#content {background:url(../img/back_body.jpg) no-repeat; width:848px; padding-left:100px; padding-top:0px; float:left; margin:0;}
#content .text {background:transparent; width:500px;z-index:9;}
#content .text p {padding:10px; z-index:9;}

#content .textleft {background:transparent; width:300px;z-index:9;}
#content .textleft p {padding:10px; z-index:9;}

#content a {font-weight:bold; color:#4b3725;text-decoration:none;}
#content a:hover {color:#96846d; text-decoration:underline;}

#content b{ font: italic bold small Georgia, "Times New Roman", Times, serif;}

#content ul {
        margin: 0;
        padding-left: 30px;
        list-style: none;
}

#content li {
        padding: 0 10px 0 20px;
        background: url(../img/li.gif) no-repeat;
}

#content hr{border:1px solid #a48872}

h1 {display:block; font-family:times new roman; font-size:1.3em; color:#74624f; font-variant:small-caps; }

/* -------------- Content length... */

#contentL {background:url(../img/length.jpg) repeat-y; width:848px; padding-left:100px; padding-top:0px; float:left; margin:0;}
#contentL .text {background:transparent; width:500px;z-index:9;}
#contentL .text p {padding:10px; z-index:9;}

#contentL a {font-weight:bold; color:#4b3725;text-decoration:none;}
#contentL a:hover {color:#96846d; text-decoration:underline;}

#contentL b{ font: italic bold small Georgia, "Times New Roman", Times, serif;}

#contentL ul {
        margin: 0;
        padding-left: 30px;
        list-style: none;
}

#contentL li {
        padding: 0 10px 0 20px;
        background: url(../img/li.gif) no-repeat;}

#contentL hr{border:1px solid #a48872}





/* -------------- Spanclass Buchstaben groß */
#capi {font-size:40px; font-family:times new roman; color:#74624f; font-weight:bold; float:left; height:35px; line-height:36px; margin-top:2px; margin-right:3px;}

blockquote {
        width:220px;
        padding: 0 0 0 40px;
        background: url(../img/quote.gif) no-repeat;
        font: italic small Georgia, "Times New Roman", Times, serif;
        line-height: 1.6em;
}



/*-------------------- POP UP LINK ---------------*/

a.screen, a.screen:visited {
color:#c00;
position:relative;
z-index:500;
}
a.screen b {
position:absolute;
visibility:hidden;
width:243px;
height:0;

border:1px solid #000;
left:10px;
top:-113px;
}
a.screen:hover {
text-decoration:none;
border:0;
z-index:1000;
}
a.screen:hover b {
visibility:visible;
height:113px;
cursor:pointer;
z-index:1000;
}
a.screen:hover b img {
border:0;
}


/*----------------------------------------------------*/
/*----------sidemenu----------*/
#sidemenu {display:block; width:200px; height:429px; background:url(../img/sidemenu_back.jpg) no-repeat; position:absolute; top:210px; right:0px; float:right; margin:0; border:0; z-index:1; padding:10px;}

#sidemenu .inside {padding-top:1em; font-size:1em; font-weight:normal}

#sidemenu a{display:block; font-family:times new roman; font-size:1.1em; font-weight:bold; color:#4b3725; text-decoration:none; padding-left:20px;
padding-top:15px;}
#sidemenu a:hover {color: #96846d; text-decoration:none;}


/* --------------- styleswitcher formatting------------------*/
#switch { width:320px; height:40px; border:0; position:absolute; top:60px; left:540px; z-idex:3; font-size:1.1em; background:transparent; color:#f2d6b9; font-family:times new roman;}
#switch a {font-weight:bold; color:#eedbbb; text-decoration:none;}
#switch a:hover {color:#fff; text-decoration:none;}




/* ++++++++++++++++++  FORM  *****************************/


#form, .field, .textarea
{background:transparent; border:1px solid #4b3725; color:#74664f;font-family:verdana; font-size:1.1em; padding:5px;}

.butt {display:block; background:url(../img/button.jpg) no-repeat; width:120px; height:30px; cursor:hand; border:0;}
.butt a:active{display:block; background:url(../img/button.jpg) no-repeat; width:120px; height:30px; cursor:hand; border:0;}
.butt a:hover {display:block; background:url(../img/butto_over.jpg) no-repeat; width:120px; height:30px; cursor:hand; border:0;}
.butt img {border:0;}

/*----------- Gallery ----------------*/

#gallery {position:relative; width:520px; background:url(../img/back_gal.jpg) no-repeat; min-height:348px;}
#thumbs {width:130px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd; background:url(../img/thumback.jpg) no-repeat;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:120px; top:0; border:1px solid #333;}

/* Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #0000ff;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  padding: 5px;
  top: 20px;
  left: 20;
  width: 200px;
  z-index: 100;
  color: #ffffff;
  border:1px dotted #000000;
  background: #503f2a;
  font: 12px Verdana, sans-serif;
  text-align: left;
  }