@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Page layout */

body {
    background:url(../images/background.jpg);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

strong {
	font-weight: bold;
}

a {
    text-decoration:none;
	color:#0091DF;
}

a:hover {
	color: #000000;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
	padding-bottom:12px;
}


/* --- Start --- */
#header_start {
	margin: 0px auto 0 auto;
	width: 996px;
	height: 37px;
	background-image: url(../images/start_top.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}

#content_start {
	margin: 0px auto 0 auto;
	padding: 0px 18px 0px 18px;
	width: 960px;
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-y;
	position:relative;
	z-index:2;
}

#logo_start {
	padding-left: 257px;
	position:relative;
	z-index:2;
}

#navi_start {
	margin: 0px auto 0 auto;
	padding: 0px 18px 0px 18px;
	width: 960px;
	height: 40px;
	position:relative;
	z-index:2;
}

#navi_start .left {
    width: 480px;
	height: 26px;
	padding-top: 14px;
	background-color:#fecc00;
	text-align: center;
	float: left;
}

#navi_start .right {
    width: 480px;
	height: 26px;
	padding-top: 14px;
	background-color:#bebebe;
	text-align: center;
	float: left;
}

#footer_start {
	margin: 0px auto 0 auto;
	padding: 7px 48px 0px 48px;
	width: 900px;
	height: 47px;
	background-image: url(../images/start_footer.png);
	background-repeat: no-repeat;
	position:relative;
	z-index:2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#footer_start .left {
    width: 450px;
	text-align: left;
	float: left;
}

#footer_start .right {
    width: 450px;
	text-align: right;
	float: left;
}

.tooltip {
    display: none;
	position: absolute;
	width: 240px;
	height: 180px;
	margin-top: 250px;
	text-align: right;
	z-index: 3;
}

.tooltip_cm {
    display: none;
	position: absolute;
	width: 240px;
	height: 180px;
	margin-top: 250px;
	margin-left: 720px;
	text-align: left;
	z-index: 3;
}

.aktion_start {
	position: absolute;
	width: 55px;
	height: 115px;
	margin-top: 355px;
	margin-left: 875px;
	text-align: left;
	z-index: 4;
}
/* --- Start ENDE --- */



/* --- Header --- */
#header_system {
	margin: 0px auto 0 auto;
	padding: 19px 48px 0px 47px;
	width: 901px;
	height: 82px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}

#header_untern {
	margin: 0px auto 0 auto;
	padding: 19px 48px 0px 48px;
	width: 900px;
	height: 95px;
	background-image: url(../images/header_untern.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}

#header_pf {
	margin: 0px auto 0 auto;
	padding: 19px 48px 0px 48px;
	width: 900px;
	height: 95px;
	background-image: url(../images/header_pf.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}

#header_cm {
	margin: 0px auto 0 auto;
	padding: 19px 48px 0px 48px;
	width: 900px;
	height: 95px;
	background-image: url(../images/header_cm.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}


#logo {
	width:220px;
	height:60px;
	z-index:2;
	float:right;
}
/* Header ENDE */


/* --- Navigation --- */
#navi {
	margin-top: 52px;
	text-align: left;
	width: 560px;
	height: 30px;
	float: left;
	z-index: 3;
}

#navi .button {
	color: #333333;
}

#navi .button a {
	width: 140px;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	float: left;
	padding-top: 10px;
	text-decoration: none;	
	background-image: url(../images/button_a.png);
}

#navi .button a:hover {
	background-image: url(../images/button_b.png);
}

#navi .button a:active {
	color: #000000;
}

#navi .button_active {
	width: 140px;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	float: left;
	padding-top: 10px;
	text-decoration: none;	
	background-image: url(../images/button_c.png);
}
/* Navigation ENDE */


/* --- Mitte/Content --- */
#content {
	margin: 0px auto 0 auto;
	padding: 19px 48px 19px 48px;
	width: 900px;
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-y;
	position:relative;
	z-index:2;
}

.text {
	margin: 0px auto 0 auto;
	text-align: left;
	width: 590px;
	float: left;
	padding-right: 30px;
}

.bild {
	margin:0px auto 0 auto;
	text-align:left;
	width:280px;
	float: left;
}

.spalte_1 {
	margin:0px auto 0 auto;
	text-align:left;
	width:280px;
	float: left;
	padding-right: 30px;
}

.spalte_2 {
	margin:0px auto 0 auto;
	text-align:left;
	width:280px;
	float: left;
	padding-right: 30px;
}

.spalte_3 {
	margin:0px auto 0 auto;
	text-align:left;
	width:280px;
	float: left;
}

#bild {
	width: 590px;
	height: 366px;
	padding-right:30px;
	float: left;
}

#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #0091DF;
	font-weight: bold;
	padding-bottom:16px;
}

#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0091DF;
	font-weight: bold;
	padding-bottom:12px;
	padding-top:12px;
}

#content a {
    text-decoration:underline;
	color:#0091DF;
}

#content a:hover {
	color: #000000;
}

#content ul {
	list-style-type:disc;
    list-style-position:outside;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
	padding-bottom:12px;
	padding-left:20px;
}

#content ol {
	list-style-type:decimal;
    list-style-position:outside;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:14px;
	padding-bottom:14px;
	padding-left:20px;
}

#content li {
	padding-bottom:3px;
	padding-left:10px;
}

#content .table_kontakt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:14px;
	padding-bottom:11px;
}

#content .table_kontakt td {
	padding-bottom:3px;
}

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Content ENDE */


/* --- Footer --- */
#footer {
	margin: 0px auto 0 auto;
	padding: 8px 48px 0px 48px;
	width: 900px;
	height: 48px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	position:relative;
	z-index:2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#footer .left {
    width: 450px;
	text-align: left;
	float: left;
}

#footer .right {
    width: 450px;
	text-align: right;
	float: right;
}
/* Footer ENDE */