body {
margin:0px;
padding:0px;
background:#ffffff;
font-family: Arial,Helvetica,Sans Serif;
font-size: 62.5%; 
color: #514f54;
font-style: normal; 
line-height: normal;
background-image:url(../img/hg-main.gif);
background-repeat: repeat-x;
}
body.start {
background-image:url(../img/hg-start.gif);
background-repeat: repeat-x;
}
a {
text-decoration:none;
color: #514f54;
}
a:hover {
text-decoration:underline;
color:#64889c;
}
#content #navigation {
margin:0px;
padding:0px;
position:absolute;
top:5.2em;
left:35.8em;
width:55.0em;
}
#content #navigation ul {
margin:0px;
padding:0px;
list-style-type:none;
}
#content #navigation ul li {
margin:0px;
padding:0px;
display:inline;
margin-right:4.0em;
}
#content #navigation ul li a {
font-size:1.7em;
text-decoration:none;
color: #514f54;
}
#content #navigation ul li a:hover {
color:#84a7bc;
}

/* startseite */
#content #logo {
margin:0px;
padding:0px;
position:absolute;
top:31.5em;
left:43.0em;
width:25.0em;
}
/* ie6 */	* html #content #logo {	top:31.7em;	}
/* ie7 */	*:first-child+html #content #logo {	top:31.7em;	}
#content #starttext {
margin:0px;
padding:0px;
position:absolute;
top:41.8em;
left:65.0em;
width:30.0em;
}
/* ie6 */	* html #content #starttext {	top:42.2em;	}
/* ie7 */	*:first-child+html #content #starttext {	top:42.2em;	}
#content #starttext p {
margin:0px;
padding:0px;
font-size:2.5em;
}

/* kontakt */
#content #kontakt {
margin:0px;
padding:0px;
position:absolute;
top:14.4em;
left:48.2em;
width:30.0em;
}
/* ie6 */	* html #content #kontakt {	top:14.4em; left:61.0em	}
/* ie7 */	*:first-child+html #content #kontakt {	top:14.4em; left:61.0em	}
#content #kontakt p {
margin:0px;
padding:0px;
font-size:1.1em;
margin-bottom:1.1em;
}

/* impressum */
#content #impressum {
margin:0px;
padding:0px;
position:absolute;
top:14.0em;
left:58.2em;
width:40.0em;
}
/* ie6 */	* html #content #impressum {	top:14.0em; left:71.0em	}
/* ie7 */	*:first-child+html #content #impressum {	top:14.0em; left:71.0em	}
#content #impressum p {
margin:0px;
padding:0px;
font-size:1.1em;
margin-bottom:1.1em;
}
#content #impressum li {
margin:0px;
padding:0px;
font-size:1.1em;
}

/* ueber mich */
#content div.header {
margin:0px;
padding:0px;
position:absolute;
top:9.2em;
left:6.0em;
width:20.0em;
}
/* ie6 */	* html #content div.header {	top:9.4em;	}
/* ie7 */	*:first-child+html #content div.header {	top:9.4em;	}
#content div.header h1 {
margin:0px;
padding:0px;
color:#f1eeea;
font-size:4.0em;
font-weight:normal;
}
#content #top {
margin:0px;
padding:0px;
position:absolute;
top:14.2em;
left:6.0em;
width:55.0em;
}
#content #top div p {
margin:0px;
padding:0px;
font-size:1.1em;
}
#content #top div.li {
float:left;
width:12.2em;
margin:0px;
padding:0px;
font-weight:bold;
margin-bottom:1.1em;
}
#content #top div.re {
float:left;
width:24.0em;
margin:0px;
padding:0px;
margin-bottom:1.1em;
}
#content #bottom {
margin:0px;
padding:0px;
position:absolute;
top:33.4em;
left:6.0em;
width:90.0em;
}
#content #bottom div p {
margin:0px;
padding:0px;
font-size:1.1em;
}
#content #bottom div.li {
float:left;
width:9.0em;
margin:0px;
padding:0px;
font-weight:bold;
margin-bottom:1.1em;
padding-left:3.2em;
}
#content #bottom div.re {
float:left;
width:27.0em;
margin:0px;
padding:0px;
margin-bottom:1.1em;
}
#content #bottomRe {
margin:0px;
padding:0px;
position:absolute;
top:33.4em;
left:50.0em;
width:50.0em;
margin-top:2.3em;
}
#content #bottomRe div p {
margin:0px;
padding:0px;
font-size:1.1em;
}
#content #bottomRe div.li {
float:left;
width:9.0em;
margin:0px;
padding:0px;
font-weight:bold;
margin-bottom:1.1em;
padding-left:3.2em;
}
#content #bottomRe div.re {
float:left;
width:31.0em;
margin:0px;
padding:0px;
margin-bottom:1.1em;
}
#content div.bild {
margin:0px;
padding:0px;
position:absolute;
top:13.0em;
left:49.2em;
}
/* ie6 */	* html #content div.bild {	top:13.1em;	}
/* ie7 */	*:first-child+html #content div.bild {	top:13.1em;	}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}


/*cookie alert*/
div.useOfCookies {
width: 100%;
padding-top: 6px;
padding-bottom: 6px;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
z-index: 100000;
background-color: rgba(60,60,60,0.7);
color: white;
font-size:1.1em;
}
div.useOfCookies a {
color: white; 
cursor:pointer;
text-decoration:underline;
}
div.useOfCookies a:hover {
text-decoration:none;
}
