/******************************************************
	Inhalt:
	
	 1. Body und Textformate
	 2. Aeussere Behaelter fuer Navigation und Content
	 3. Navigation 
	 4. Behaelter fuer Content
	 5. Spalten im Contentbereich
	 6. Infotabelle
	 7. Kontaktformular 
	 8. Sidebar rechts
	 9. Footer
	10. Navigation fuer Pressemeldungen	
	11. Teaserboxen
        12. Pressespiegel
        13. Management Portrait
        14. Flash auf Startseite
        15. Verbaende
********************************************************/



/******************************
	1. Body und Textformate
*******************************/

html, body { 
	margin:0; 
	height:100%;
	background: url(../img/bg_page.jpg) 0px 0px repeat-x;
	background-color:#dcdcdc;
        color:#666c82;
	font-family:arial, sans-serif;
	font-size:10pt;
	line-height:13pt;
}

/*html {height: 100%; margin-bottom: 1px; } */

a {
	color:#666c82; 
	text-decoration:none;
}

a.arrowLeft {
	background: url(../img/arrow.gif) 0px 5px no-repeat;
	padding:0px 0px 0px 18px;
	font-weight:bold;
}

a.mail {
	font-weight:bold;
	font-size:8pt;
}

a.back {
	background: url(../img/arrow_back.gif) 0px 5px no-repeat;
	padding:0px 0px 0px 18px;
	margin:0px;
}

h1 {
	color:#666c82;
	font-size:20pt;
	font-family:georgia, times-new-roman, helvetica;
	font-weight:normal;
	line-height:20pt;
	margin:0px 0px 40px 0px;
	padding:0px;
} 

h1.presse {
	margin-bottom:14px;
}

h1.plusSubHD {
        margin-bottom:14px;
}

h2 {
	color:#666c82;
	font-size:14pt;
	font-family:georgia,"times-new-roman",helvetica;
	font-weight:normal;
	padding:0px 0px 16px 5px;
	margin:0px 0px 2px 0px;
	border-style:none none dotted none;
	border-width:1px;
	border-color:#b3b6bd;	
}

h3 {
	color:#666c82;
	font-size:14pt;
	font-family:georgia,"times-new-roman",helvetica;
	font-weight:normal;
	padding:0px 0px 16px 5px;
	margin:0px 0px 2px 0px;
	border-style:none;	
}



a img {
	border:none;
	margin:0px 0px 0px 5px;
}

img.leftImg {
	float:left;
	margin:0px 5px 0px 0px;
}

p.tagcloud {
	font-family:georgia,"times-new-roman",helvetica;	
	color:#b7b7b7;
	background: url(../img/bg_tagcloud.jpg) 0px 0px repeat;
        line-height:20pt;
}

p.tagcloud a {
  color:#b7b7b7;
}

.boxRight {
	background: url(../img/bg_tagcloud.jpg) 0px 0px repeat;
	padding:0px 0px 10px 0px;
}


/* -------------------------------------------------
    Listenpunkte mit Quadrat und Pfeil (.link) fuer content und sidebar
---------------------------------------------------- */
ul {
	margin:10px 0px 0px 21px;
	padding:0px;
	list-style-image:none;
	list-style-type:square;
	list-style-position:outside;
}

ul li {
	padding:0px;
	margin:2px 0px 2px 0px;
}

ul.ulink { 
	list-style-type:none;
	list-style-image:url(../img/arrow_bullet_ff.gif);
}

ul.ulink li a {
        font-weight:bold;
}

/* 
	Kontaktlink in Produktseiten
*/

div.kontakt {
	border-style:dotted none dotted none;
	border-width:1px;
	border-color:#b3b6bd;
	margin:44px 0px 20px 0px;
	padding:20px 0px 20px 10px;	
	font-size:20pt;
	font-family:georgia,"times-new-roman",helvetica;
	font-weight:normal;
	/* background: url(../img/arrow_big.gif) 390px 24px no-repeat; */
}


/*********************************************************
	2. Aeussere Behaelter fuer Navigation und Content
*********************************************************/

/*
	Aeusserster Div
*/
.page { 
        position: relative;
	min-height:100%;
        width:1006px; 
	margin:0px auto 0px auto;        
        /*background: url(../img/bg_navi_5200.jpg) 0px 0px no-repeat; */
background: url(../img/bg_navi_5250ie6.jpg) 0px 0px no-repeat; 
        background-color:#FFFFFF;
}

/*
	Behaelter fuer Navi, Content und Sidebar
*/
.container {
	float:left;
        margin-bottom:30px;
        /*background: url(../img/bg_streifen.gif) 0px 0px repeat-y;*/
}


/*
    Spalte fuer Headline und Content. 
    Sidebar steht rechts daneben
*/
.print {
	float:left;
}


.leftColumn {
        float:left;
}

.leftColumnContact {
        float:left;
        width:468px;
        margin-right:46px;
}

/**********************
		3. Navigation 
***********************/	

.logo {
	margin:90px 0px 0px 42px;	
}


#outerNavi {
position:relative;
	width:245px; /* 245 230 */
	float:left;
	margin:0px 14px 0px 0px; /* 26 32 */
	padding:0px;
	display:inline;
}

.innerNavi {
	margin:55px auto 0px auto; /* left:180 */
	padding:0px 15px 0px 5px;  /*0px 20px 0px 0px;*/
	line-height:15pt;    
}

.innerNavi a {
	color:#FFFFFF;
}

.innerNavi a.active {
	color:#008fce;
}

.innerNavi ul {
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	font-weight:bold;
	color:#FFFFFF;
}

.innerNavi ul li {
	border-style:none none dotted none;
	border-width:1px;
	border-color:#FFFFFF;
	padding:8px 0px 0px 5px;
}

.innerNavi ul li span {
	display:block;
}

.innerNavi ul li ul {
	padding:0px 0px 0px 10px;
	border-style:none;
}

.innerNavi ul li.second {
	padding-top:1px;
}

.innerNavi li.second ul {
	padding-top:1px;
        margin-top:1px;
}

.innerNavi ul li ul li {
	font-weight:normal;
	font-size:8pt;
	border-style:none;
	padding:0px;
	line-height:12pt;
}

/******************************
	4. Behaelter fuer Content
******************************/

/*
	Header-Bild ueber Content und Abstand rechter Rand
*/	
.startHeader {
	float:left;
	width:730px;
	background-color:#FFFFFF;
        background-repeat:repeat-x;
	padding:0px 0px 0px 0px;  /* 215px */
	margin:0px;
}

.header {
	float:left;
	width:730px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
        padding:168px 0px 0px 0px;   /* 115 */
	margin:0px;
}

#headline {
	/* margin:0px 236px 0px 16px; */
	margin:0px 26px 0px 16px;
	width:482px;
	padding:0px;
}

#content {
	float:left;
	width:482px;
	margin:0px 16px 0px 16px; 
	padding:0px;
}

* html #content {
	margin:0px 16px 0px 8px;
}

/************************************ 
	5. Spalten im Contentbereich
*************************************/
.firstColumn {
	float:left;
	margin:0px 16px 0px 0px;
	width:210px;
}

.secondColumn {
	float:left;
	margin:0px 0px 0px 0px;
	width:210px;
}

/*******************
	6. Infotabelle
********************/

table.info {
	border-style:none;
	margin:0px 0px 0px 0px;
	width:434px;
}	

table.info thead tr {
	background-color:#dfdedd;
}

table.info thead td {
	font-weight:normal;
	text-align:right;
	padding:2px 5px 2px 1px;
	border-style:none solid none none;
	border-color:#FFFFFF;
	border-width:1px;
}

table.info tbody td.left {
	font-weight:normal;
	text-align:left;
	padding-left:3px;
	vertical-align:top;
}

table.info thead td.first {
	font-weight:bold;
	text-align:left;
	padding-left:3px;
}

table.info tbody td {
	text-align:right;
	padding:2px 5px 2px 1px;
	margin-right:0px;
	margin-left:0px;
}

table.info tbody td.first {
	font-weight:bold;
	text-align:left;
	padding-left:3px;
}

table.info tbody tr {
	background-color:#ecedf2;
}

table.info tbody tr.light {
	background-color:#FFFFFF;
}

/* Verbandstabelle */

table.verbaende {
   border-style:none;
   border-collapse:collapse;
}

table.verbaende tbody td {
  vertical-align:middle;
}

/*********************
	7. Kontaktformular 
**********************/

table.kontakt {
	border-style:none;
	margin:10px 0px 0px 0px;
}

table.kontakt td {
	padding:10px 0px 0px 0px;
        font-family:arial, sans-serif;
        font-size:0.9em;
}

table.kontakt td.error {
	margin:0px;
	padding:0px;
}

.senden {
	background-color:#4a5885;
	text-align:right;
	padding:0px 0px 2px 0px;
	margin:0px 0px 0px 0px;
}

button.kontakt {
	border-style:none;
	background: url(../img/arrow_weiss.gif) right 5px no-repeat;
	padding:0px 20px 0px 0px;
	margin:0px 10px 0px 0px;	
	font-family:arial, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}

input {
	border:1px solid #c5c9d5;
}

input.field1 {
	width:314px;
}

input.field2 {
	width:219px;
}

input.field3 {
	width:86px;
}

* html input.field3 {
	width:84px;
}

textarea {
	border:1px solid #c5c9d5;
	width:314px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
        font-family:arial, sans-serif;
        font-size:13px;
}


/**********************
	8. Sidebar rechts
***********************/	
.sidebar {
	float:left;
	width:206px; /* 204 */
	margin:40px 8px 0px 0px;
	padding:0px;
}

.sidebar h2 {
	margin-right:8px;	
}

/**************
	9. Footer
***************/

.footer {
	clear:both;
        position: absolute;
        bottom: 0px !important;
        width: 100%;
        height:30px;
        margin:0px 0px 0px 0px;
}


.ftClear {
        clear:both;
        height:40px;
}

.ftNavi {
        float:left;
        width:130px;
        margin:0px 70px 0px 61px;
        padding-top:6px;
}

.ftContent {
        float:left;
        padding:3px 0px 3px 0px;
	margin:0px;
        border-style:dotted none dotted none;
	border-width:1px;
	border-color:#b6b6b6;
        width:724px;
}

span.druckansicht {
	margin-right:20px;
	font-weight:bold;
}

span.druckansicht a {
	background: url(../img/icon_druckansicht.gif) 0px 3px no-repeat;
	padding-left:15px;
	font-weight:bold;
}

span.kontakt {
	margin-right:20px;
	font-weight:bold;
}

span.kontakt a{
	background: url(../img/icon_kontakt.gif) 0px 4px no-repeat;
	padding-left:15px;
}

span.sitemap {
	font-weight:bold;
	margin-right:20px;
}

span.sitemap a {
	background: url(../img/icon_sitemap.gif) 0px 4px no-repeat;
	padding-left:18px;	
}

span.impressum {
	font-weight:bold;
	margin-right:134px;
}

span.impressum a {
	background: url(../img/icon_impressum.gif) 0px 4px no-repeat;
	padding-left:15px;
}

span.copy {
	font-size:8pt;
}


/*****************************************
	10. Navigation fuer Pressemeldungen
*******************************************/	

.dottedLine {
	border-style:dotted none none none;
	border-width:1px;
	border-color:#b3b6bd;
	margin:0px 0px 20px 0px;
	padding:3px 0px 0px 0px;
}

.presseNavi {
	background-color:#ecedf2;
	color:#9095a7;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.presseNavi span.prev {
	background: url(../img/arrow_back.gif) 0px 5px no-repeat;
	padding:0px 0px 0px 18px;
	margin:0px 0px 0px 50px;
}

.presseNavi span.next {
	background: url(../img/arrow.gif) right 5px no-repeat;
	padding:0px 18px 0px 0px;
}

.presseNavi span.numbers {
	color:#666c82;
	margin:0px 10px 0px 10px;
}

.presseNavi span.numbers a {
	font-weight:bold;
	color:#152860;
}

/*********************
	11. TeaserBoxen
**********************/
.dottedTeaser {
	position:relative;
	width:210px;
	border-style:none none dotted none;
	border-width:1px;
	border-color:#b3b6bd;
	padding:10px 0px 10px 0px;
}
.downloadTeaser {
	position:relative;
	width:200px;
	margin:0px 0px 18px 0px;
}

.downloadTeaser p {
	margin:0px 0px 0px 0px;
}

.downloadTeaser img {
	margin:2px 0px 3px 0px;
}

.imgPressespiegelTeaser {
	margin:0px 10px 0px 0px;
        padding:0px 0px 20px 0px;
	float:left;
	width:480;
}


.moreArrow {
	position:absolute;
	bottom:7px;
	right:0px;
	width:13px;
	height:5px;
}
.moreArrow a {
	text-decoration:none;
}
.moreArrow a img {
	border-style:none;
	display:block;
}

.clear {
	clear:both;
	height:1px;
	line-height:1px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

/***************
    5.2 sitemap 
****************/
      

        ul.sitemap {
           list-style-type:none;
           list-style-image:url(../img/arrow_bullet_ff.gif); 
        }

	ul.sitemap li {
		padding: 0 0 14px 0;
	}

        ul.sitemap li a, ul.sitemap li span {
		display: block;
		padding: 3px 0 2px 15px;
		line-height: 1.5em;
		border-bottom: 1px dotted #93a7cf;
		font-size: 0.9em;
                font-weight:bold; 
		color: #000 !important;
	}

	ul.sitemap li ul {
		padding: 4px 0;
                list-style-type:none; 
                list-style-image:url(../img/arrow_bullet_ff.gif); 

	}

	ul.sitemap li li {
		margin: 0;
                padding: 0;
                font-size: 0.9em;

	}

	ul.sitemap li li a {
		padding: 2px 0 3px 10px;  /* left 60px */
		border: none;
                font-size: 0.9em;
                font-weight:bold;
                line-height: 1.5em;
                height: 1.0em;
		color: #666c82 !important;
	}

/********************
   12. Pressespiegel 
********************/

.txtPressseTeaserLeft {
   float:left;
   margin-left:10px;
   width:355px;
}

.txtPressseTeaserCenter {
	float:left;
	width:290px;
}

.txtPressseTeaserRight {
	float:left;
	width:65px;
}


/************************************************************** 
   13. Management Portrait: Text mit Headline rechts neben Bild
**************************************************************/

.imgTextLeft img {
	margin:0px 10px 0px 0px;
	float:left;
}

.imgTextCenter {
	float: left; 
	width: 310px;
}

.imgTextRight {
	width: auto; 
	text-align: left
}

/*
   14. Zusätzliche Angaben fuers Flash auf der Startseite
*/

startFlash {
	position:relative;
	z-index:10;
}

.startHeader #print {
	position:relative;
	z-index:20;
	margin-top:-200px;
}

.startHeader .leftColumn {
   position:relative;
   z-index:21;
}


.startHeader #content {
   position:relative;
   margin-top:15px;
   z-index:22;
}

.startHeader .sidebar {
   position:relative;
   z-index:23;
}

/*
   15. Verbaende	
*/
.verbaendeLogo {
	padding: 10px 10px 0px 0px; 
        vertical-align: middle;
}

.verbaendeText {
	vertical-align: middle;
}

.verbaendeAbstand {
	line-height:5px;
}