* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, sans-serif;
    margin:0 auto;
    width:790px;
    background-color: #f7f7f7;
    color: #222222;
    line-height: 110%;
}

a { outline: none;}

a:link {text-decoration:none; color:#0088DD}
a:visited {text-decoration:none; color:#0088AA}
a:focus {text-decoration:underline; color:#00AA8D}
a:hover {text-decoration:underline; color:#00AA37}
a:active {text-decoration:underline; color:#00AA8D}

h1 {
    font:17pt Verdana, Arial, sans-serif;
    color:#c399a1;
    margin-left:164px;
    margin-bottom: 20px;
}

h2 {
    font:13pt Verdana, Arial, sans-serif;
    color:#c399a1;    
}

p {
    font-size:10pt;
}

.text {
    margin-left:165px;
    text-align: justify;
    hyphens: auto;
} 

img {
    border: none;
}

.mini-box {
    width: 15px;
    height: 25px;
    float: left;
    border: 1px solid #444444;
}

.box-text {
    margin: 3px 30px;
    font-size: 16px;
    color: #4C4C4C;
}

#malerei {
    text-align:center;
    float:left;
    width:200px;
}

#grafik {
    text-align:center;
    margin-left:500px;
    width:200px;
}

#kontakt-text {
    border-bottom:3px solid #c399a1;
    display: inline-block;
}

#head-logo-wrapper {
    padding: 40px 0 30px;
}

#head-logo {
    margin-left: 20px;
    width: 379px;
    height: 66px;
    float: left;
}

#head-schrift {
    margin: 54px 0 0 158px;
    width: 222px;
    height: 16px;
}

#head-navi-wrapper {
    clear: both;
}

#head-bilder {
    position: relative;
    top: -5px;
}

#head-navi {
    list-style: none;
    padding-left: 2px;
    height: 31px;
}

#head-navi > li {
    height: 26px;
    float: left;
    background-position: left bottom;
    position: relative;
    z-index: 10;
}

#head-navi a {
    display: block;
    height: 31px;
    width: 195px;
    overflow: hidden;
}

#li1 {
    background-image: url(images/reiter-ueber-mich.png);
    width: 196px;
}
#li2 {
    background-image: url(images/reiter-malerei.png);
    width: 194px;
}
#li3 {
    background-image: url(images/reiter-grafik.png);
    width: 195px;
}
#li4 {
    background-image: url(images/reiter-kontakt.png);
    width: 197px;
}

#ganze-seite {
    margin: 50px 0;
    max-width: 775px;
    padding: 0 6px;
}

#seitenbereich {
    float:left;
}

#unterschrift {
    margin-left:290px;
}

#fusstext {
    color:#c399a1;
}

#galerie {
    margin-left:165px;
    text-align:center;
} 

#galerie td {
    border:1px solid #E6D4D9;
    height:200px;    
}

.highslide-dimming {
	background: black;
}                   

.highslide-credits {
    margin-bottom:20px;
}

#disclaimer {
    vertical-align: bottom;
}