@charset "UTF-8";
/* CSS Document */
body, html {
	height: 100%;
	min-height: 100% !important;
	margin: 0;
	padding: 0;
}
body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background-color: #002655;
}
#distance { 
	width:1px;
	height:50%;
	background-color:#002655;
	margin-bottom:-334px; /* half of container's height */
	float:left;
}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
/*	height:668px; alt */
/*	height:698px; neu */
	height:668px;
	width:944px;
	clear:left;
	background-color:#002655;
}
#inner, #start-inner {
	width: 841px;
/*	height: 646px; alt */
/*	height: 676px; neu */
	height:646px;
	position: relative;
	top: 0;
	left: 103px;
	background-image:url(../hintergrundbilder/bg-all-lotos.jpg);
	background-repeat:no-repeat;
}
/********* STARTSEITE FLASH *******/
#start-inner {
	background-image: none;
	top: -16px;
	left: -16px;
	width: 944px;
	height: 668px;
}
/* neu in Startseite.css
#startflash {
	display: block;
	position: relative;
	z-index: 2001; */
	/* width: 944px;
	height: 688px;
	*/
/*	width: 1002px;
	height: 710px;
	overflow: hidden;
}
*/

/* neu in Startseite.css
#startendbild {
	position: relative;
	top: 16px;
	left: 16px;
}*/
/************ TIMELINE FLASH ************/
#timelineflash {
	display: block;
	width: 707px;
	height: 453px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*********************************/

#sprachwechsel {
	position: relative;
	display: block;
	height: 20px;
	width: 210px;
/*	top:18px; alt */
	top:0;
	left: 600px;
}

#start-inner #sprachwechsel {
	left: 103px;
}
#kopfnavi {
	position: relative;
/*	top: 60px;  alt */
	top:-10px;
	left: 0;
	display: block;
	height: 22px;
	width: 707px;
	overflow: hidden;
}
#main {
	position: relative;
/*	top:88px; alt */
	top:20px;
	display: block;
	height: 531px;
	width: 707px;
}
#bereiche {
	position: absolute;
	display: block;
	left: 252px;
	top: -15px;
	width: 455px;
	height: 38px;
	z-index: 3655;
}
#bereichslogo {
	position:absolute;
	top: 0;
	left: 0;
	width: 275px;
	height: 100px;
}
#sidebar {
	position: absolute;
	top: 132px;
	left: -23px;
	width: 122px;
/*	min-height: 297px; alt */
/*	min-height: 385px; neu */
	min-height:385px;
}
#inhalt {
	position:relative;
	display: block;
	/*top: 95px;
	left: 126px;
	*/
	width: 596px;
/* 	height: 338px; alt */
/* 	height: 444px; neu */
	height: 430px;
}
* html #inhalt {
	width: 599px;
}
#inhalt.keinscrollen {
/* breite-differenz ohne scrollbalken: breite des scrollbalkens abziehen!! */
	width: 581px !important;
	overflow: hidden;
}
#mitte, #rechtespalte {
	display: block;
}
#mitte, #mitte-breit, #mitte-breit-bilder  {
/*	margin-top: 14px; alt */
	margin-top:0;
	left: 0;
	width: 465px;
	float: left;
}
#mitte-breit, #mitte-breit-bilder {
	width: 544px;
}
#mitte-breit-bilder {
	height: 383px;
	overflow: hidden;
	margin-top: 37px;
}
#rechtespalte {
	float: right;
	width: 216px;
}
#fuss {
	position:relative;
/*	top: 88px; alt */
/*	top:108px; neu */
	top:18px;
	width: 100%;
	height: 53px;
	}
.clearer {	
	display:block;
	clear: both;
	width: 100%;
	float: none;
	height: 1px;
	line-height: 1px;
}	
/******** KOPFNAVIGATION **************/	
#kopfnavi h3 {
	float: left;
	display: block;
	padding: 0 20px 0 0;
}

#kopfnavi a:link, #kopfnavi a:visited, #fuss a:link, #fuss a:visited {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

/******** VERTIKALE NAVIGATION LINKS **************/	
#sidebar a:link, #sidebar a:visited {
	text-decoration: none;
}
#sidebar ul, #sidebar li, #sidebar li li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding:0;
	border: 0;
}
#sidebar a {
	display: block;
	clear: both;
	float: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}
#sidebar a:hover, #sidebar a:focus {
	color: #666666;
}
#sidebar ul {
	margin: 16px 0 0 0;
}
#sidebar li {
	padding: 0 2px 0 11px;
	margin: 0;
	line-height: 16px;
}
#sidebar li.act {
	background-color: #769CDA;
}
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar li li {
	display: block;
	margin: 0;
	padding: 0px 2px 0 10px;
	line-height: 14px;
}
#sidebar ul li ul {
	margin: 0 0 2px 0;
}
#sidebar h5, #sidebar h6 {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#sidebar h6 {
	font-size: 12px;
}
.sIFR-hasFlash h5, .sIFR-hasFlash h6 {
    visibility: hidden;
}



/******** BEREICHS-LINKS **************/	
#ber-1, #ber-2, #ber-3, #ber-100, #ber-110, #ber-120, #ber-130 {
	position:relative;
	display: block;
	width: 90px;
	height: 38px;
	color: #FFFFFF;
	float: left;
	overflow:hidden;
	text-indent: -2000px;
	background-image:url(images/ber-blau.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	margin: 0 0 0 1px;
	padding: 0;
}
#ber-1 {
	background-color: #004C99;
}
#ber-2 {
	background-color: #97BE0D;
	background-image:url(images/ber-gruen.gif);
}
#ber-3 {
	background-color: #E53517;
	background-image:url(images/ber-rot.gif);
}
#ber-100 {
	background-color: #73777D;
	background-image:url(images/ber-grau.gif);
}
#ber-110 {
	background-color: #97BE0D;
	background-image:url(images/ber-finefood.gif);
}
#ber-120 {
	background-color: #97BE0D;
	background-image:url(images/ber-watches.gif);
}
#ber-130 {
	background-color: #A6C15C;
	background-image:url(images/ber-perfumes.gif);
}
#ber-1:hover, #ber-1:focus, #ber-2:hover, #ber-2:focus, #ber-3:hover, #ber-3:focus, #ber-100:hover, #ber-100:focus, #ber-110:hover, #ber-110:focus, #ber-120:hover, #ber-120:focus, #ber-130:hover, #ber-130:focus {
	background-position: 0 -62px;
}
a#ber-1.ber-aktiv:link, a#ber-1.ber-aktiv:visited, a#ber-1.ber-aktiv:focus, a#ber-1.ber-aktiv:active, a#ber-1.ber-aktiv:hover,
a#ber-2.ber-aktiv:link, a#ber-2.ber-aktiv:visited, a#ber-2.ber-aktiv:focus, a#ber-2.ber-aktiv:active, a#ber-2.ber-aktiv:hover,
a#ber-3.ber-aktiv:link, a#ber-3.ber-aktiv:visited, a#ber-3.ber-aktiv:focus, a#ber-3.ber-aktiv:active, a#ber-3.ber-aktiv:hover,
a#ber-100.ber-aktiv:link, a#ber-100.ber-aktiv:visited, a#ber-100.ber-aktiv:focus, a#ber-100.ber-aktiv:active, a#ber-100.ber-aktiv:hover,
a#ber-110.ber-aktiv:link, a#ber-110.ber-aktiv:visited, a#ber-110.ber-aktiv:focus, a#ber-110.ber-aktiv:active, a#ber-110.ber-aktiv:hover,
a#ber-120.ber-aktiv:link, a#ber-120.ber-aktiv:visited, a#ber-120.ber-aktiv:focus, a#ber-120.ber-aktiv:active, a#ber-120.ber-aktiv:hover,
a#ber-130.ber-aktiv:link, a#ber-130.ber-aktiv:visited, a#ber-130.ber-aktiv:focus, a#ber-130.ber-aktiv:active, a#ber-130.ber-aktiv:hover {
	background-position: 0 -62px;
}
/******** DISCLAIMER FUSS ZEILE *******************/
#fuss h3 {
	position:relative;
	left: 0;
/*	top: 39px; alt */
	top:29px;
	display: block;
	float: left;
	width: 70px;
}
#fusslogo {
	position: absolute;
	display: block;
	top: 0;
	left: 275px;
}
a#fusslogo:link, a#fusslogo:visited {
	display: block;
	width: 438px;
	height: 63px;
	text-indent: -2000px;
/* durch einzelnes bild ersetzt
	background-image:url(/fileadmin/hintergrundbilder/bg-unten-lotos.jpg);
	background-repeat:no-repeat; */
} 

/************** SCHRIFTEN **********/
a:link, a:visited {
	color: #FF3300;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #FF3300;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	font-size: 14px;
	color: #004C99;
	margin: 8px 0 18px 0;
}
h2, h3, h5, h6 {

}
#inhalt h4 {
	font-size: 12px;
	margin: 8px 0 2px 0;
}
#inhalt p {
	margin: 2px 0 16px 0;
	padding: 0;
}
/******** SPRACHBUTTONS ***************/
#lang-de,
#lang-en {
	display: block;
	width: 50px;
	margin: 0;
	float: right;
	color: #fff;
}
/************ SUCHFORM oben ***********/
FORM {
	display: inline;
}
#sword {
	display: inline;
	height: 14px;
	width: 108px;
	margin: 3px 0 0 0;
	line-height: 14px;
	border: 0;
	background-color: #E1E2E2;
	font-size: 12px;
}
/**************** TABELLEN ****************/
table tbody tr td {
	vertical-align: top;
}
#mitte table tbody td p {
	margin: 0;
	padding: 0;
}
#mitte table.contenttable {
	border-collapse: collapse;
	border: 0;
	margin: 10px 0 10px 0;
	width: 100% !important;
}
#mitte th {
	text-align: left;
	background-color:#ccc;
	color: #000;
	padding: 2px 0 2px 0;
}



/************ NEWS *****************/
.news-clearer {
	clear: both;
	height: 36px;
	width: 100%;
	line-height: 1px;
	display: block;
	float: none;
}
.news-amenu-container {
	padding: 0 0 12px 0;
}
.news-amenu-container h5 {
	font-size: 11px;
	font-weight:bold;
	line-height: 18px;
	height: 18px;
	padding: 0 0 0 16px;
	margin: 0;
}
ul.news-amenu {
	padding: 0;
	margin: 0 0 0 16px;
}
ul.news-amenu li {
	padding: 0;
	margin: 0;
	line-height: 17px;
}
ul.news-amenu li.news-amenu-item-year {
	font-weight: bold;
	list-style: none;
	list-style-image: none;
	background-image: none;
	margin: 8px 0 0 0;
	padding: 0 0 0 12px;
}
#mitte DIV.news-list-container .news-list-item .news-list-date,
#mitte .news-single-timedata {
	font-size: 11px;
	color:#666666;
}
#mitte DIV.news-list-container .news-list-item h2 {
	margin: 3px 0 3px 0;

}
.news-list-item h2 a:link, .news-list-item h2 a:visited {
	text-decoration: none;
}
.news-list-item h2 a:hover, .news-list-item h2 a:focus {
	text-decoration: underline;
}
#mitte DIV.news-list-item p {
	padding: 0;
	margin: 0 0 4px 0;
}
.news-list-item img {
	float: left;
	margin: 4px 12px 0 0px;
}
.news-single-item h1 {
	line-height: 30px;
	margin: 0 0 10px 0;
}
.news-single-item h3 {
	font-size: 12px;
	color: #000000;
	margin: 1px 0 14px 0;
}
.news-single-img {
	width: 136px;
	float: left;
	margin: 5px 12px 0 0;
}
#mitte DIV.news-list-container,
.news-single-item {
	clear: both;
	min-height: 100px;
}
/*************** TOOLTIPS TEAM *************/
#team-namen {
	display: none;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #666666;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	line-height: 14px;
	font-size: 11px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 {
	color: #333333;
	font-size: 11px;
}
/********** GOOGLE MAPS *************/
p.companylink {
	margin: 0;
	padding: 0;
}
/********* Typo3-Formulare ***********/
fieldset.csc-mailform {
	border: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
fieldset.csc-mailfom legend {
	display: none;
}
fieldset.csc-mailform label {
	width: 340px;
	display: block;
	float: left;
	padding: 0 0 0 2px;
	}
.csc-mailform fieldset {
	width: 100%;
	border: 0;
	clear: both;
	float: left;
}
.csc-mailform-field {
	display: block;
	padding: 2px 0 2px 0;
	clear:both;
}
.csc-mailform-field span.csc-mailform-label {
	display: block;
	clear: both;
	color: #E32118;
	font-weight: bold;
	}
.csc-mailform-field input, .csc-mailform-field textarea {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFFFFF;
	padding: 1px 4px 0 3px;
	margin: 0 0 4px 0;
	height: 18px;
	border: 1px solid #E1E1E1;
	width: 290px;
	float: left;
}
.csc-mailform-field input:focus {
	border: 1px solid #333333;
}
.csc-mailform-field textarea {
	height: auto;
}

input#mailformformtype_mail {
	width:auto;
	display: inline;
	padding: 4px 6px 4px 6px;
	height: 1%;
	float:right;
	margin: 2px 10px 0 0;
	clear: both;
	color:#FFFFFF;
	font-weight:bold;
	background-color: #999999;
}
fieldset.csc-mailform DIV.csc-mailform-field INPUT.csc-mailform-check {
	
}
fieldset.csc-mailform DIV.csc-mailform-field-checkbox label {
	display: block;
	width: 340px !important;
}
.csc-mailform-radio fieldset {
	display: block;
	padding: 8px 0 8px 116px;
	margin: 0;
}

.csc-mailform-radio fieldset label {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 14px;
	float: none;
	height: 20px;
	width: 340px;
	clear: right;
}
* html .csc-mailform-radio fieldset label {
	padding: 0 0 0 12px;
}
input.csc-mailform-radio {
	float: left;
}
input.csc-mailform-radio, input.csc-mailform-check {
	width: 16px;
	height: 16px;
	display: inline;
	width: 20px;
	float: left;
	border: 0;
	margin: 5px 16px 0 10px;
}

/*************** SITEMAP ********************/
#sitemap-on {
	padding-left: 13px;
	background-image:url(images/minus.gif);
	background-repeat:no-repeat;
	background-position: 0 3px;
	margin-right: 8px;
}
#sitemap-off {
	padding-left: 13px;
	background-image:url(images/plus.gif);
	background-repeat:no-repeat;
	background-position: 0 3px;
}
#w-sitemap {
	display: block;
	clear: both;
	margin: 0 0 250px 0;
}
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul {
	margin-top: 4px;
}
.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}
.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
	line-height: 12px;
}
.treeview a {
	padding: 0 0 0 4px;
}
.treeview a.selected {
	background-color: #eee;
}

#treecontrol { 
display: none; 
}

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }


.treeview-black li { background-image: url(images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }