
* {
	padding: 0;	margin: 0; }

html {
	width: 100%; height: 100%; background: #AABFD7 url(../img/bg_site.jpg) repeat-x; }

body {
	background: #fff url(../img/body_bg.gif) repeat-y; width: 840px; min-height: 100%;
	font: normal small arial, sans-serif; margin: 0 auto; }

a {
	text-decoration: none; color: #6AA4D1; }

a:hover {
	text-decoration: underline;	color: #0768B2; }

/** Funktionsgruppen **/

a img {
	border: none; }

a#anfang {
	position: absolute; left: 0px; top: 0px; }

.hide, a.anker, a#anker {
	display: none; }

a#toplink {
	font: normal 81% verdana, sans-serif; padding-left: 12px;
	background: url(../img/list_icon8.gif) 0 0.3em no-repeat; }

a#printlink {
	margin-left: 20px; font: normal 81% verdana, sans-serif; padding-left: 16px;
	background: url(../img/list_icon9.gif) 0 0.2em no-repeat; }

p.noscript {
	margin: 0px auto; color: red; padding: 10px; background-color: #fff; }

table, td, input, select, textarea {
	font-size: 100%; }

sup, sub {
	font-size: 0.65em; }

.cleaner1, .cleaner2, .newscleaner {
	display: block; clear: both; font-size: 0px; line-height: 0px; background: transparent; }
.cleaner1 {
	height: 0px; }
.cleaner2 {
	height: 1px; }
.newscleaner 	{
	border-bottom: 1px solid #ccc; height: 10px; }


#lineOne {
	width: 785px; margin: 0 auto; background: #008EE0; height: 4px; margin-top: 2px; }

#lineTwo, #lineThree {
	background: #ccc; width: 805px; margin: 0px auto; }

/** Sprachauswahl **/
#lang_switch {
	font: normal 0.7em verdana, sans-serif; color: #999; float: right; width: 150px;
	text-align: right; margin-right: 40px; margin-top: 3px; position: absolute;
	top: 105px; margin-left: 650px; }

	#lang_switch ul {
		list-style: none; cursor: pointer; clear:both; }

		#lang_switch li {
			float: left; position: relative; width: 150px; }

			#lang_switch li ul {
				display: none; position: absolute; top: 1.2em; text-align: left; z-index: 100;
				left: 1px; margin-left: 44px; border-bottom: 1px solid #ccc; cursor: default; }

				#lang_switch li ul li {
					padding: 4px 18px; width: 90px; color: #2f2f2f;
					border-top: 1px solid #ccc; background: #F9F9F9; }

				/*#lang_switch li > ul {
				  	top: auto; left: auto; }*/

				#lang_switch li:hover ul, #lang_switch li.over ul {
					display: block; background: #6AA4D1; color: #fff; }

/** Suche **/
#sitesearch input {
	width: 144px;
	padding: 2px;
}

#sitesearch input.form_button {
	background: url(../img/bg_submit.gif) 0 center no-repeat;
	margin: 0 0 2px 3px;
	border: none;
	cursor: pointer;
	height: 22px;
	font-size: 0px;
	width: 1px;
	padding-left: 16px;
}

#breadcrumbs a, .startNews a {
	color: #888; }
#breadcrumbs a:hover, a:hover, .startNews a:hover {
	color: #0768B2; }

/** Überschriften **/
h1 {
	font: normal 1.35em arial, sans-serif; margin-left: 10px; margin-bottom: 20px; color: #008EE0;}

h2 {
	font-size: 1em; }

/** LAYOUT **/

#wrapper {
	background: #fff;
	height: 100%;
	margin: 0 auto;
}

	#head {
		width: 785px;
		margin: 0 auto;
		background: url(../img/bg_nav.jpg) 0 22px repeat-x;
		padding-top: 10px;
	}

		#logo {
			float: right;
			width: 192px;
			background: #008FE0;
		}

		/** Hauptnavigation **/
		ul#navi_main {
			list-style: none;
			display: block;
			float: left;
			padding-left: 10px;
			font: bold 0.9em arial, helvetica, sans-serif;
			width: 583px;
		}

			ul#navi_main li	{
				display: inline;
			}

				ul#navi_main li a {
					float: left;
					display: block;
					text-align: center;
					color: #2f2f2f;
					text-decoration: none;
					padding: 32px 14px 5px 14px;
					background: url(../img/bg_nav.jpg) 0 12px repeat-x;
					border-left: 1px solid #fff;
					border-right: 1px solid #fff;
				}

				ul#navi_main li a:hover, ul#navi_main li a#active {
					background: url(../img/bg_nav2.jpg) 0 12px repeat-x;
				}

		/** Service-Navigation **/
		ul#navi_sec {
			list-style: none;
			text-align: left;
			padding: 4px 17px 0 19px;
			font: normal 0.7em verdana, arial, helvetica, sans-serif;
			margin-bottom: 25px;
		}

			ul#navi_sec li {
				display: inline;
			}

				ul#navi_sec li a {
					margin: 0 5px;
				}

	#breadcrumbs {
		width: 585px;
		float: left;
		margin: 3px 0;
		border-left: 30px solid #fff;
		text-align: left;
		font: normal 0.7em verdana, sans-serif;
	}

		#breadcrumbs p {
			text-align: left;
			color: #999;
			padding-left: 10px;
		}

		#breadcrumbs p a {
			color: #888
		}

		#breadcrumbs p a:hover {
			color: #0768B2;
		}

	#main {
		width: 785px;
		margin: 0 auto;
		text-align: left;
	}

		.content {
			float: left;
			width: 593px;
			padding: 10px 0 20px 0;
			margin: 7px 0 10px 0;
			border-bottom: 4px solid #008EE0;
			font: normal 86%/1.5em arial, sans-serif;
			color: #2f2f2f;
		}

			.content ul {
				padding: 1em 2em;
				list-style: none;
			}

				.content ul li, .content ul ul li {
					padding-left: 14px;
					background: url(../img/subnavi_icon3.gif) 0 0.5em no-repeat;
				}

			.content p {
				padding: 1em 0;
			}


			.content_left {
				float: left;
				width: 181px;
				padding: 10px 10px 10px 0px;
				font: normal 86%/1.5em arial, sans-serif;
				color: #888;
				margin: 7px 1px 10px 0;
			}

				/** Navigation 2. & 3. Ebene **/
				#subnavi {
					list-style: none;
					font-weight: bold;
					margin-bottom: 20px;
					border-top: 1px solid #ccc;
					margin: 0 5px 25px 0;
				}

					#subnavi li a {
						display: block;
						width: 135px;
						padding: 2px 15px 2px 25px;
						background: url(../img/subnavi_icon.gif) 10px 0.6em no-repeat;
						overflow: hidden;
					}

					#subnavi li a.active {
						color: #2f2f2f;
						background: url(../img/subnavi_icon4.gif) 10px 0.6em no-repeat;
					}

						#subnavi li ul {
							margin: 0 0 0 0;
							list-style: none;
							font-size: 0.9em;
							line-height: 1.5em;
							border-top: 1px solid #ccc;
						}

							#subnavi li ul li {
								border-top: 1px solid #fff;
							}

								#subnavi li ul li a {
									padding: 2px 15px 3px 40px;
									border-bottom: 1px solid #ccc;
									background: none;
									width: 121px;
									background: #EAECF2 url(../img/subnavi_icon2.gif) 26px 0.8em no-repeat;
								}


									#subnavi li ul li a.active {
										color: #2f2f2f;
										background: #EAECF2 url(../img/subnavi_icon3.gif) 26px 0.8em no-repeat;
									}

										#subnavi li ul li ul {
											margin: 0 0 0 0;
											list-style: none;
											font-size: 0.9em;
											line-height: 1.5em;
											border-top: none;
										}

										#subnavi li ul li ul li {
											margin-bottom: 0px;
											border-top: 1px solid #fff;
											border-bottom: 1px solid #ccc;
										}

											#subnavi li ul li ul li a {
												padding: 2px 5px 3px 55px;
												border-bottom: none;
												width: 116px;
												background: #EAECF2 url(../img/subnavi_icon2.gif) 41px 0.8em no-repeat;
											}

												#subnavi li ul li ul li a.active {
													color: #2f2f2f;
													background: #EAECF2 url(../img/subnavi_icon3.gif) 41px 0.8em no-repeat;
												}

	.esPrint {
		margin-bottom: 0; padding-left: 10px; }

	#footer {
		width: 585px; margin: 0 auto; padding: 5px 0 25px 200px;
		font: normal 71% verdana, sans-serif; color: #999; }

/** Content Templates **/
.esStandard {
	padding: 0 0 20px 10px; }

.trenn {
	height: 1px; font-size: 0px; line-height: 0px; background: #e4e4e4;
	clear: both; margin: 0 0 20px 10px; }

.esPic {
	padding: 0 0 20px 10px; }

.esLeft {
	padding: 0 0 20px 10px; }

	.esLeft img {
		float: left; margin: 2px 15px 10px 0; }

.esRight {
	padding: 0 0 20px 10px; }

	.esRight img {
		float: right;  margin: 2px 0 10px 20px; }

.vsOne {
	padding: 0 0 20px 10px; }

	.vsOne table, .vsOne td {
		padding: 0 !important; margin: 0 !important; }

	.vsOne img {
		padding: 5px; border: 1px solid #ccc; }

	.vsOne_1, .vsOne_3  {
		float: left; width: 72px; }

	.vsOne_2, .vsOne_4 {
		float: left; padding-left: 15px; width: 198px; }

	.vsOne_2 {
		padding-right: 12px; }

.zsOne, .zsTwo {
	padding: 0 0 20px 10px; }

	.zsOne_left {
		float: left; width: 277px; padding-right: 20px; }
    .zsOne_right {
		float: left; width: 286px; }

	.zsTwo_left {
		float: left; width: 363px; padding-right: 20px; }
    .zsTwo_right {
		float: left; width: 200px; font-size: 0.9em; color: #666; }

/** News **/
span.newsHeadline {
	display: block;	font: bold 1.1em/1.5em arial, helvetica, sans-serif; margin-top: 10px; }
.newscat {
	display: block; background: #008EE0; color: #fff; padding: 3px 5px 2px 5px;
	margin: 0px 0px 0 0; font: bold 100%/1.5em arial, helvetica, sans-serif; }
.newscat a {
	color: #fff; }
.newsmonth {
	margin: 0 0px 10px 0; padding: 3px 5px 2px 5px; background: #EAECF2;
	font: bold 1em/1.5em arial, helvetica, sans-serif; }
.esNews {
	margin: 10px 0px 10px 5px; }
.esNews img {
	border: none; float: right; margin: 0 0 0 20px; }

/** Dates **/
span.datesHeadline {
	display: block;	font: bold 1.1em/1.5em arial, helvetica, sans-serif;  }
span.dates_wo {
	display: block;	font-weight: bold; }
.datescat {
	display: block; background: #008EE0; color: #fff; padding: 3px 5px 2px 5px;
	margin: 0px 0px 0 0; font: bold 100%/1.5em arial, helvetica, sans-serif; }
.datescat a {
	color: #fff; }
.datesmonth {
	margin: 0 0px 10px 0; padding: 3px 5px 2px 5px; background: #EAECF2;
	font: bold 1em/1.5em arial, helvetica, sans-serif; }
.zsDates {
	padding-left: 0; margin-top: 10px; }
.zsd_left {
	float: left; width: 150px; }
.zsd_right {
	float: left; width: 428px; }

/** Tabellen-Vorlage **/
table.techdata {
	background: url(../img/bg_techdata.gif); font-size: 1.1em; border-collapse: collapse; }
table.techdata td {
	width: 60px; text-align: center; padding: 4px; }
table.techdata td.firstcol {
	width: 300px; font-weight: bold; text-align: left; }

span.cont_back {
	display: block; margin: 0 0 10px 10px; padding-left: 15px;
	background: url(../img/icon_back.gif) left center no-repeat;
}

span.cont_next {
	display: block; margin: 0 0 10px 10px; padding-right: 15px;
	background: url(../img/icon_next.gif) right center no-repeat;
}
ul
