@charset utf-8;

/* Allgemein */

* {
margin:0;
padding:0;
}

body {
	background-size: 100% auto;
	background-color: #e7e2d9;

	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	max-width:100%;
}

.clear {
clear:both;
}

#logo {
background-image:url(../pics/logo.png);
background-position:right top;
background-repeat:no-repeat;
float:right;
height:66px;
margin:21px 36px 0 0;
padding:0;
width:100%;
}
/* Navi */

#navi {
background-image:url(../pics/hg_navi.png);
float:right;
height:42px;
margin:36px 0 60px;
padding:0;
}

#navi ul {
margin:15px 80px 0 0;
padding:0;
}

#navi ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
width:auto;
}

#navi ul li a {
color:#635248;
font-size:95%;
padding:0 0 0 18px;
text-decoration:none;
width:auto;
}

#navi ul li a:hover,#navi ul li a.active {
color:#f4ba36;
}

/* Content */

#container {
background-image:url(../pics/hg_cont.png);
background-repeat:repeat;
float:right;
height:648px;
margin:32px 0 0;
width:820px;
}

#links {
color:#ffffff;
float:left;
height:352px;
margin:40px 0 0 140px;
padding:0;
width:340px;
}

#rechts {
color:#ffffff;
float:left;
height:352px;
margin:40px 0 0 20px;
padding:0;
width:240px;
}

#gross {
color:#ffffff;
float:left;
height:352px;
margin:40px 0 0 140px;
padding:0;
width:600px;
}

#links a,#rechts a,#gross a {
color:#ffffff;
text-decoration:underline;
}

h1 {
font-family:Ubuntu, Arial, sans-serif;
font-size:26px;
font-style:italic;
font-weight:300;
line-height:34px;
margin:0 0 0 60px;
padding:0;
}

h2 {
font-family:Ubuntu, Arial, sans-serif;
font-size:15px;
font-weight:500;
line-height:25px;
margin:0 0 2px;
padding:0;
}

ul {
margin-left:1em;
padding-left:0;
}

.bu {
font-size:11px;
}

.kleiner {
font-size:12px;
}

/* Footer */

#linie {
background-color:#ffffff;
height:1px;
margin:15px 0 7px;
padding:0;
width:740px;
}

#footer {
height:17px;
margin:6px 0 0;
padding:0;
width:740px;
}

#footer p {
float:right;
font-size:11px;
}

#menueklein {
color:#635248;
float:right;
font-size:11px;
margin:12px 82px 10px 0;
padding:0;
}

#menueklein a {
color:#635248;
text-decoration:none;
}

/* Zusammenfassend */

#container a,#footer a {
color:#ffffff;
text-decoration:underline;
}