@font-face {
    font-family: 'UbuntuRegular';
    src: url('Ubuntu-R-webfont.eot');
    src: url('Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-R-webfont.woff') format('woff'),
         url('Ubuntu-R-webfont.ttf') format('truetype'),
         url('Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuLight';
    src: url('Ubuntu-L-webfont.eot');
    src: url('Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-L-webfont.woff') format('woff'),
         url('Ubuntu-L-webfont.ttf') format('truetype'),
         url('Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('Ubuntu-RI-webfont.eot');
    src: url('Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-RI-webfont.woff') format('woff'),
         url('Ubuntu-RI-webfont.ttf') format('truetype'),
         url('Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLightItalic';
    src: url('Ubuntu-LI-webfont.eot');
    src: url('Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-LI-webfont.woff') format('woff'),
         url('Ubuntu-LI-webfont.ttf') format('truetype'),
         url('Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body , * {
	margin:0;
	padding:0;
	border:0;
}
html, body { 
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}

body {
	background:url(../graphic/bg-body.png) repeat-x;
	background-color:#eceded;
	font:12px 'UbuntuRegular', sans-serif;
	line-height:18px;
	color:#1a171b;
	text-align:left;
}


#wrapper {
	z-index:1;
	width:950px;
	margin:0 auto;
	background:url(../graphic/bg-wrapper.png) repeat-y right;
	/* border:1px dotted red; */
}

#navigation {
	width:940px;
	height:23px;
	margin:0 5px 20px 5px;
	padding-top:27px;
	background-color:#1a171b;
	text-transform:uppercase;
}
#navigation ul {
	list-style-type:none;
}
#navigation li {
	float:left;
	width:172px;
	text-align:center;
	margin-right:20px;
}
#navigation a {
	color:white;
	text-decoration:none;
}
#navigation a:hover, #navigation .aktiv {
	color:#b1d0dd;
}

#bilderpreload {
	position:absolute;
	top:0;
	left:0;
	width:0px;
	height:0px;
	overflow:hidden;
}

#kontaktlink {
	z-index:16;
	position:absolute;
	top:75px;
	left:0;
	width:50px;
	height:300px;
	background:url(../graphic/kontaktlink.png) no-repeat;
}
#kontaktlink:hover {
	background:url(../graphic/kontaktlink-aktiv.png) no-repeat;
}

#head {
	width:934px;
	height:339px;
	padding:8px;
	background:url(../graphic/bg-head.png) no-repeat bottom;
}

#left {
	float:left;
	width:220px;
	padding:0 40px 25px 25px;
}

#subnavigation {
	font:11px 'UbuntuRegular', sans-serif;
	padding-bottom:50px;
	background:url(../graphic/bg-left.png) no-repeat bottom;
	text-transform:uppercase;
	margin-top:-13px;
}
#subnavigation ul {
	list-style-type:none;
}
#subnavigation li {
	width:100%;
	padding:15px 0 10px 0;
	border-bottom:1px solid #d9dadb;
}
#subnavigation a {
	color:#1a171b;
	text-decoration:none;
}
#subnavigation a:hover, #subnavigation .aktiv {
	color:#033b66;
}

#news {
	/* padding-top:20px; */
}
#news h1 {
	font:18px 'UbuntuLight', sans-serif;
	color:#1a171b;
	padding-bottom:5px;
	text-transform:uppercase;
}
#news h2 {
	font:12px 'UbuntuRegular', sans-serif;
	color:#033b66;
	padding-bottom:5px;
}
#news p {
	font:11px 'UbuntuRegular', sans-serif;
	padding-bottom:5px;
}
#news .link {
	padding-left:5px;
	padding-bottom:20px;
}
#news a {
	font:11px 'UbuntuItalic', sans-serif;
	/* color:#1a171b; */
	color:#033b66;
	text-decoration:none;
}
#news a:hover {
	color:#033b66;
	text-decoration:underline;
}

#content {
	float:right;
	width:600px;
	padding:0 25px 0 40px;
	margin-bottom:45px;
	text-align:justify;
	background:url(../graphic/bg-content.png) no-repeat left top;
}
#content h1 {
	font:18px 'UbuntuLight', sans-serif;
	color:#033b66;
	padding-bottom:5px;
}
#content h2 {
	font:14px 'UbuntuLight', sans-serif;
	color:#033b66;
	padding-bottom:5px;
}
#content p {
	font:12px 'UbuntuRegular', sans-serif;
	margin-bottom:20px;
}

#content ul {
	padding-left:15px;
	padding-bottom:10px;
}

#content .zitat {
	font:14px 'UbuntuItalic', sans-serif;
	color:#033b66;
}
#content .quelle {
	font:12px 'UbuntuItalic', sans-serif;
}
.spalte {
	float:left;
	width:186px;
	margin-right:20px;
}
#content a, .spalte a {
	font:11px 'UbuntuItalic', sans-serif;
	/* color:#1a171b; */
	color:#033b66;
	text-decoration:none;
}
.spalte a:hover {
	color:#033b66;
	text-decoration:underline;
}
.spalten {
	float:left;
	width:392px;
	margin-right:20px;
}
.bildspalte {
	float:left;
	width:186px;
	padding-bottom:15px;
}
select, input , textarea {
	width:300px;
	font-size:12px;
	padding:2px;
	border:1px solid #d9dadb;
}
td {
	padding:0 15px 5px 0;
	vertical-align:top;
}

#abbinder {
	width:900px;
	height:18px;
	margin:0 5px 0 5px;
	padding:7px 20px 0 20px;
	color:#ffffff;
	font:10px 'UbuntuRegular', sans-serif;
	background-color:#1a171b;
}
#abbinder a {
	color:#ffffff;
	text-decoration:none;
}
#abbinder a:hover {
	color:#b1d0dd;
}

.last {
	margin-right:0 !important;
}
.abstand-oben {
	padding-top:20px;
}
.line {
    width:100%;
	height:0px;
	margin-bottom:15px;
	border-bottom:1px solid #d9dadb;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.clear { 
    clear: both; 
    height: 0px;
	font-size:0px;
	line-height:0px;
    overflow: hidden;
}