body, html

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






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





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


/* Imagemap*/
#gmap {display:block; border:0; width:316px; height:800px; 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:316px; 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#art {display:block; width:264px; height:0; padding-top:179px; overflow:hidden; position:absolute; left:4px; top:12px;}
* html a#art {height:179px; he\ight:0;}
a#art:hover {background:transparent url(art_over.jpg) no-repeat  0 0; overflow:hidden; border:0;}

a#proj {display:block; width:306px; height:0; padding-top:238px; overflow:hidden; position:absolute; left:26px; top:258px;}
* html a#proj {height:238px; he\ight:0;}
a#proj:hover {background:transparent url(design_over.jpg) no-repeat 0 0; overflow:hidden;  border:0;}

a#train {display:block; width:231px; height:0; padding-top:303px; overflow:hidden; position:absolute; left:-8px; top:538px;}
* html a#train {height:303px; he\ight:0;}
a#train:hover {background:transparent url(schulung_over.jpg) no-repeat 0 0; overflow:hidden; border:0;}



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

#content {background:url(start_back.jpg) no-repeat; width:890px; height:100%; padding-left:100px; padding-top:0px; float:left; margin:0;}
#content .form {background:transparent; width:500px; z-index:9; padding-left:550px;}
#content .form 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; }


/* ++++++++++++++++++  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(button.jpg) no-repeat; width:120px; height:30px; cursor:hand; border:0;}
.butt a:active{display:block; background:url(button.jpg) no-repeat; width:120px; height:30px; cursor:hand; border:0;}
.butt a:hover {display:block; background:url(butto_over.jpg) no-repeat; width:120px; height:30px; cursor:hand; border:0;}
.butt img {border:0;}
