/*profil*/

body {
   font: 82% sans-serif,Verdana, Helvetica, arial, sans-serif;
   /* text-align: center;*/ /*IE centering hack*/
    background: #ecece8;
    color: silver;
    /*letter-spacing: 0.09em ;*/
    /*font-weight:bolder; */
    margin:0;
    padding-top:75px;
    padding-left:0px;
    border:none;
    text-decoration: none;
}
#wrapper {
    width: 1050px;
    height:522px;
    background: #333a3d;
    color: #fffdfd;
    margin-top:0px;
    margin-right:auto;
    margin-left:0px;
    padding-left: 30px;
    }
    
DIV#imagetitel{
/*position:absolute;*/
 margin-top :0;
 margin-right:auto;
 margin-left:96px;
}

DIV#profil{
 position:absolute;
 margin-top :0;
 float :left;
}

DIV#impressum{
position:absolute;
 margin-top :0;
 margin-left:520px;
}

DIV#kontakt{
position:absolute;
background-image:url(images/kontakt.jpg);
background-position:0px 80px;
background-repeat:no-repeat;
 margin-top :0;
 margin-left:270px;
 text-align:bottom;
 width:300px;
 height:400px;
}

#container {
    position:relative;
    width:830px;
    height:420px;
    border: 1px solid #ecece8;
    margin:5px auto 0 100px;
    background:#333a3d;
    /*text-align:right;*/
    }






/*button 1, aquarell*/
DIV#button1
{
/*position:absolute;*/
margin-top:10px;
margin-left:65px;
padding-top:15px;
/*padding-bottom:0px;*/
list-style-type: none;
/*z-index: 10; */
}

/*button 2, zeichnung*/
DIV#button2
{
/*position:absolute;*/
top:645px;
margin-left: 20px ;
/*padding:0px;*/
list-style-type: none;
/*z-index: 10;*/
}

/*button 3, skulptur*/
DIV#button3
{
/*position:absolute;*/
top:645px;
margin-left: 20px ;
/*padding: 0;*/
list-style-type: none;
/*z-index: 10;*/
}

 /*button 4, malerei*/
DIV#button4
{
/*position:absolute;*/
top:645px;
margin-left: 20px ;
/*padding: 0;*/
list-style-type: none;
/*z-index: 10;*/
}

 /*button 5, profil*/
DIV#button5
{
/*position:absolute; */
top:645px;
margin-left: 40px ;
/*padding: 0;*/
list-style-type: none;
/*z-index: 10;*/
}

/*button 6, kontakt*/
DIV#button6
{
/*position:absolute;*/
top:645px;
margin-left: 20px ;
/*padding: 0;*/
list-style-type: none;
/*z-index: 10;*/
}

/*button 7, impressum*/
DIV#button7
{
/*position:absolute;*/
top:645px;
margin-left: 20px ;
/*padding: 0;*/
list-style-type: none;
/*z-index: 10;*/
}

/*button 8, home*/
DIV#button8
{
/*position:absolute;*/
top:645px;
margin-left:20px ;
/*padding: 0;*/
list-style-type: none;
/*z-index: 10;*/
}


DIV#button1  li,
DIV#button2  li,
DIV#button3  li,
DIV#button4  li,
DIV#button5  li,
DIV#button6  li,
DIV#button7  li,
DIV#button8  li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 14px;
/*font-weight: bold;*/
margin-left: 0px;
/*padding:0 ;*/
/*text-align:center;*/
/*background-color: transparent; */
}


DIV#button1 a,
 DIV#button1 a:link
 {
width:100px;
height:15px;
margin-left:-2px;
padding: 8px 17px 10px 17px;
color: #fffdfd;
text-decoration: none;
}

/*button 2, zeichnung*/
DIV#button2 a,
 DIV#button2 a:link
{
width:100px;
height:15px;
margin-left: 4px;
padding: 8px 14px 10px 14px;
color: #fffdfd;
text-decoration: none;
}

/*button 3, skulptur*/
DIV#button3 a,
 DIV#button3 a:link
 {
width:100px;
height:15px;
margin-left: 3px;
padding: 8px 13px 10px 13px;
color: #fffdfd;
text-decoration: none;
}

/*button 4, malerei*/
DIV#button4 a,
 DIV#button4 a:link
{
width:100px;
height:15px;
margin-left: 3px;
padding: 8px 19px 9px 19px;
color: #fffdfd;
text-decoration: none;
}

/*button 5, profil*/
DIV#button5 a,
 DIV#button5 a:link
{
width:100px;
height:15px;
margin-left: 3px;
padding: 8px 25px 10px 25px;
color: #fffdfd;
text-decoration: none;
}

/*button 6, kontakt*/
DIV#button6 a,
 DIV#button6 a:link
{
width:100px;
height:15px;
margin-left: 5px;
padding: 8px 18px 10px 18px;
color: #fffdfd;
text-decoration: none;
}

/*button 7, impressum*/
DIV#button7 a,
 DIV#button7 a:link
{
width:100px;
height:15px;
margin-left: 5px;
padding: 8px 9px 10px 9px;
color: #fffdfd;
text-decoration: none;
}

/*button 8, home*/
DIV#button8 a,
 DIV#button8 a:link
{
width:100px;
height:15px;
margin-left: 3px;
padding: 8px 25px 10px 25px;
color: #fffdfd;
text-decoration: none;
}

DIV#button1  li#active,
DIV#button2  li#active,
DIV#button3  li#active,
DIV#button4  li#active,
DIV#button5  li#active,
DIV#button6  li#active,
DIV#button7  li#active,
DIV#button8  li#active
{
width:100px;
height:20px;
color: black;
background-color: #ecece8;
}


DIV#button1 a:hover,
DIV#button2 a:hover,
DIV#button3 a:hover,
DIV#button4 a:hover,
DIV#button5 a:hover,
DIV#button6 a:hover,
DIV#button7 a:hover,
DIV#button8 a:hover
{
width:100px;
height:30px;
color:black;
background-color:#ecece8;
}





/* #footer */

/*#footer {
    border-top: 2px solid #a28465;
    margin-top: 10px;
    padding-top: 5px;
    }  
    
#footer p {
    font-size: 0.9em;
    text-align: center;
    font-weight: bold; 
    color: #a28465;
    } */