@charset "utf-8";
/* CSS Document */


/**
 * Allgemeine Styles
 * ----------------------------------------- */

body, html {
	padding:0;
	margin:20px auto 0 auto;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#424243;
}
a {
	color:#424243;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
}
a:hover {
	text-decoration:none;;
}

img, a, a img {
	border:0;
}






/**
 * Boxen
 * ----------------------------------------- */

#seite {
	width:970px;
	height:540px;
	margin:0 auto;
	padding:0 10px 20px 10px;;
}

#top {
	width:970px;
	height:160px;
	position:relative;
}
#top .logo {
	width:220px;
	height:160px;
	margin:0 10px 0 0;
	float:left;
	position:relative;
	background: url(../images/logo.gif) top left no-repeat;
}
#top .logo h1 {
	visibility:hidden;
}
#top .logo a {
	display:block;
	width:220px;
	height:160px;
}

#top .logo .meta-nav {
	position:absolute;
	left:15px;
	bottom:13px;
	color:#AB9E6A;
}
#top .logo .meta-nav a {
	display:inline;
	color:#AB9E6A;
	text-decoration:none;
}
#top .logo .meta-nav a:hover,
#top .logo .meta-nav a.active {
	color:#fff;
}
#top .content {
	width:740px;
	height:160px;
	float:right;
}

#middle {
	width:970px;
	height:20px;
}

#left {
	width:220px;
	height:370px;
	margin:0;
	float:left;
}
#left .infoitems {
	width:220px;
	margin:0 0 10px 0;
	height:260px;
}
#left .infoitems .info {
	height:185px;
	width:180px;
	padding:20px;
}
#left .infoitems .date {
	padding:0 0 0 20px;
	height:33px;
	width:200px;
}
#left .kontakt {
	width:220px;
	height:100px;
}
#left .kontakt .padding {
	padding:20px 0 0 20px;
}
#left .kontakt p,
#left .kontakt h3 {
	margin:0;
	padding:0;
	line-height:17px;
	font-size:11px;
	font-weight:normal;
}
#left .kontakt h3 {
	text-transform:uppercase;
}

#right {
	width:740px;
	height:370px;
	float:right;
	scrollbar-base-color:#E4E4E5;
	scrollbar-3d-light-color:#E4E4E5;
	scrollbar-arrow-color:#000;
	scrollbar-darkshadow-color:#E4E4E5;
	scrollbar-face-color:#E4E4E5;
	scrollbar-highlight-color:#E4E4E5;
	scrollbar-shadow-color:#E4E4E5;
	scrollbar-track-color:#A3A4A5;
}

.trennlinie {
	background-color:#E4E4E5;
	color:#E4E4E5;
	height:1px;
}

.cover-top {
	position:absolute;
	background:#919295;
	width:400px;
	height:10px;
	margin-top:0;
	margin-left:320px;
	z-index:5;
}
*+html .cover-top {
	margin-top:0;
	margin-left:10px;
}
* html .cover-top {
	margin-top:0;
	margin-left:10px;
}

.cover-bottom {
	position:absolute;
	background:#919295;
	width:400px;
	height:20px;
	margin:350px 0 0 320px;
	z-index:3;
}
*+html .cover-bottom {
	margin:350px 0 0 10px;
}
* html .cover-bottom {
	margin:350px 0 0 10px;
}

#bild {
	width:310px;
	height:370px;
	float:left;
	background:#E4E4E5;
}
#content {
	width:420px;
	height:370px;
	float:right;
	background:#919295;
	overflow:hidden;
}
#right .content-wrapper {
	width:420px;
	height:370px;
	display:block;
	float:none;
	clear:both;
}
#right .scroll-wrapper {
	width:420px;
	height:370px;
	display:block;
	float:none;
	clear:both;
	overflow:auto;
}

.clearing {
	clear:both;
	height:0;
	padding:0;
	border:0;
	margin:0;
	font-size:0;
	line-height:0;
}


/*
*+html #content .scroll-wrapper {
	position:relative;
	overflow-x:hidden;
	overflow-y:scroll;
}
*/
#content .padding {
	padding:12px 12px 20px 12px;
}
#content .padding h1 {
	font-weight:bold;
}
#content h2 {
	font-size:13px;
	color:#424243;
	padding:0 0 8px 0;
	margin:0 0 14px 0;
	border-bottom:1px solid #000;
	text-transform:uppercase;
}
#content .padding p {
	line-height:16px;
}


.design-table,
.design-table tr,
.design-table tr td {
	padding:0;
	margin:0;
	border:0;
	vertical-align:top;
	text-align:left;
}