/* Normailiseren der Styles */
h1, h2, h3, h4, h5, h6, p, ul {padding: 0; margin: 0}
li {list-style-type: none}
img {border: 0}

/* Allgemeines */
html {background: #ececec; margin: 20px 0 10px 0; text-align: center}
body {margin: 0 auto; text-align: left; width: 700px; border: 6px solid #575757; background: #fff; position: relative; font-family: Arial}

/* Kopf */
#branding {background: url(../images/branding.jpg) no-repeat; height: 185px}
#branding #flower_power {background: url(../images/blume-trans.png); width: 211px; height: 208px; position: absolute; top: 32px; left: 4px; z-index: 1}
#branding h1 {position: absolute; left: 213px; top: 112px; text-indent: -9999px; background: url(../images/h1-trans.png); width: 267px; height: 41px}
#branding q {position: absolute; top: 150px; background: url(../images/h2.jpg); width: 700px; height: 29px; text-indent: -9999px; border: 0 solid #575757; border-top-width: 6px; z-index: 0}
#branding ul {background: url(../images/nav-trans.png) no-repeat; height: 39px; text-align: right; float: right; padding-left: 25px}
#branding li {display: inline; margin-right: 13px}
#branding li:first-child {margin-right: 18px}
#branding li a {background: url(../images/az-trans.png) no-repeat; padding: 2px 0 4px 32px; height: 40px; color: #fff; font-size: 22px; text-decoration: none; position: relative; top: 5px}
#branding li a:hover {color: #ffa6a3}

/* Inhalt allgemein */
#content {font-size: 62.5%; position: relative; background: url(../images/content.gif) right top no-repeat; min-height: 200px}
.ueber {padding: 56px 20px 15px 10px}
.fotos {padding: 56px 0px 15px 10px}

/* Inhalt Ueber mich */
#content h2 {font-size: 3.2em; letter-spacing: 0.12em; color: #ff9995; position: absolute; top: 5px; right: 5px; text-align: right}
#content h3 {font-size: 2.4em; color: #4f8c00; margin: 0.7em 0 0 0}
#content p {font-size: 1.3em; line-height: 1.4em}
#content p a {color: #376200; background: url(../images/link_content.gif) bottom left repeat-x; text-decoration: none}
#content p a:hover {color: #4f8c00; text-decoration: underline; background: none}
#content h2+p {width: 95%}

/* Inhalt Fotos */
#content ul {margin-top: 12px}
#content li {width: 218px; float: left; margin-right: 12px; margin-bottom: 10px; text-align: right}
#content li img {border: 2px solid #4f8c00}
#content li p {padding-top: 2px; font-size: 1.2em; line-height: 1.2em}
#content li p a {font-weight: bold; color: #4f8c00; text-decoration: none; background: none}
#content li p a:hover {text-decoration: underline}
#content li p span {font-size: 0.9em; color: #95b76b}

/* Fuss */
#site_info {background: #4f8c00; padding: 3px 0; font-size: 12px; color: #fff; clear: both}
#site_info li {display: inline; background: url(../images/az_site_info.gif) no-repeat; padding-left: 19px; padding-bottom: 2px}
#site_info li:first-child {margin: 0 30px 0 91px}
#site_info li#comp {position: absolute; bottom: 0; right: 0; background: url(../images/site_info_comp-trans.png); width: 207px; height: 49px; padding: 0; overflow: hidden}
#site_info li#comp img {padding: 0; position: relative; top: 13px; left: 18px; margin-right: 7px; width: 88px; height: 31px}
#site_info li#comp a:hover {background: none}
#site_info a {color: #fff; text-decoration: none}
#site_info a:hover {background: url(../images/link_site_info.gif) bottom left repeat-x}