/*(c)2007-2010 com2 Gmbh, TN, www.com-com.com v2.6 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.69em;} 
input, textarea, select, button, blockquote {font-size: 100%;}

body.larger {font-size: 1em;} 
body.largest {font-size: 1.2em;} 

html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%; padding-bottom: .005em; }
body { background: #fff4ce; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #E98800; } 


p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
ul { margin-left: 0; }

ul { padding: 0 0 0 17px; }
ul.positive li { /*||title-de:Positive Liste||title-en:Positive List*/ list-style-image: url(../images/chrome/bullet_positive.gif); margin-bottom: 6px; }
ul.negative li {  /*||title-de:Negative Liste||title-en:Negative List*/  list-style-image: url(../images/chrome/bullet_negative.gif); margin-bottom: 6px; }
ul.checked li {  /*||title-de:Liste mit Haken||title-en:List with Ticks*/ list-style-image: url(../images/chrome/bullet_checked.gif); margin-bottom: 6px; }
ul.square li  {  /*||title-de:Liste mit Quadraten||title-en:List with Squares*/ list-style-image: url(../images/chrome/bullet_square.gif); margin-bottom: 6px; line-height:130%; }
	ul.square li ul { margin-top: 6px; }
ul.simple { list-style: none; margin: 0; padding: 0; }
	ul.simple li { list-style: none; margin: 0; padding: 0; margin-bottom:7px;}
sup { line-height: 90%; /*das sollte unterschiedliche linienabstände fixen => moz*/ =vertical-align: text-top; =font-size: 0.9em;}
cite { color: #003772; font-weight: bold; }
acronym { cursor: help; color: #8B8472; border-bottom:1px dotted #8B8472; }
.teaserBox cite { font-size: 1.7em; margin: 0 0 15px 0; }
img.newBadge { margin-bottom: -8px !important; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #e98800; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #003772; }

.cmsColor03 { /*||title-de:Pink||title-en:Pink*/ color: #a80056 !important; }
.cmsColor04 { /*||title-de:Blaugrün||title-en:Bluegreen*/ color: #009089 !important; }
.cmsColor05 { /*||title-de:Royalblau||title-en:Royalblue*/ color: #157deb !important; }
.cmsColor06 { /*||title-de:Grün||title-en:Green*/ color: #8b9508 !important; }
.cmsColor07 { /*||title-de:Violett||title-en:Violett*/ color: #564e83 !important; }

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 18px; font-size: 1.7em; color: #E98800; font-weight: bold;}
h3 {font-size: 1.4em; color: #E98800; margin: 0 0 10px; padding: 0; font-weight: bold; }
* html h3 {font-size: 1.32em; letter-spacing: -0.02em;} /* ie6- */
h4 {font-size: 1.1em; font-weight: bold; color: #003772; margin: 0 0 5px; padding: 0; line-height: 110%; }

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #8B8472; background: #8B8472; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
fieldset{ margin: 0 0 20px 0; padding: 0 0 10px 10px; }
html>body fieldset{ border: 1px solid #C0B9A7; }
legend{ color: #003772; padding: 0 5px 10px; font-weight: bold; }
* html legend{ padding-top: 10px; margin-top:-10px;} /* ie6- */
label { color: #8b8472; margin-right: 5px; }

input, textarea  { border: 1px solid #C0B9A7; padding: 0px 2px; } input.textInput { border: 1px solid #C0B9A7 !important; } 
input.error { background: #fff; border: 1px solid #a80056; }
select { border: 1px solid #C0B9A7; padding: 0; }
optgroup { font-style: normal; }
	input.selector {/*||hide:true*/  border: none; width: auto !important; margin: 0 3px 2px -2px !important; vertical-align: middle;  }
	* html input.selector { margin: 0 3px -2px -2px !important; } /* ie6- */
input.disabled, textarea.disabled, select.disabled, div.disabledInput {/*||hide:true*/ border: 1px solid #d4cfc3; background-color: #f4efe3; color: #c0b9a7; }
input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {	border: 1px solid #157DEB;}


/*~~ button>span ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
button {
	padding:0; margin: 0 5px 0 0;
	background: transparent url(../images/chrome/bg-button_left_maize.gif) 3px 1px no-repeat;
	color: #fff; font-weight: bold;
	border: none !important;
	cursor: hand; cursor: pointer;
}
button:hover { background-image: url(../images/chrome/bg-button_left_maize.gif); }
	button span {display: none; padding: 0 7px 0 3px; margin: 0 0 0 4px; background: #E98800 url(../images/chrome/bg-button_right_maize.gif) right top no-repeat; line-height: 20px; display: block; vertical-align: top; /*zauber*/ }
	button:hover span { background-color: #E98800; background-image: url(../images/chrome/bg-button_right_maize.gif);  } 
	button img { vertical-align: top; margin: 0 5px 0 -3px; }
	* html button { background-position: 0 0; background-color: #E98800;  overflow: visible; /*nötig wegen ie extra-padding*/ } /* ie6- */
	* html button span { line-height: 18px;  } /* ie6- */
	* html button img { vertical-align: middle; } /* ie6- */
	
	*:first-child+html button { background-position: 0 0;  background-color: #E98800; overflow: visible; /*nötig wegen ie extra-padding*/ } /* ie7 */
	*:first-child+html button:hover { background-color: #E98800; } /* ie7 */
	*:first-child+html button span { line-height: 18px;  } /* ie7 */
	*:first-child+html button img { vertical-align: middle; } /* ie7 */

button.blue {/*||hide:true*/ background: transparent url(../images/chrome/bg-button_left.gif) 3px 1px no-repeat;}
button.blue:hover { background-image: url(../images/chrome/bg-button_left.gif); }
	button.blue span { background: #091c5a url(../images/chrome/bg-button_right.gif) right top no-repeat; }
	* html button.blue { background-position: 0 0; background-color: #091c5a;  overflow: visible; /*nötig wegen ie extra-padding*/ } /* ie6- */
	*:first-child+html button.blue { background-color: #091c5a; } /* ie7 */
	*:first-child+html button.blue:hover { background-color: #091c5a; } /* ie7 */

button.lila {/*||hide:true*/ background: transparent url(../images/chrome/bg-button_left_lila.gif) 3px 1px no-repeat;}
button.lila:hover { background-image: url(../images/chrome/bg-button_left_lila.gif); }
	button.lila span { background: #A80056 url(../images/chrome/bg-button_right_lila.gif) right top no-repeat; }
	* html button.lila { background-color: #A80056; } /* ie6- */
	*:first-child+html button.lila:hover { background-color: #A80056; } /* ie7 */

button.blueStatic {/*||hide:true*/ background: transparent url(../images/chrome/bg-button_static.gif) top left no-repeat; width:180px; height: 20px;}
button.blueStatic:hover { background-image: url(../images/chrome/bg-button_static.gif); }
	button.blueStatic span { background: none; margin:0; padding:0; }
	
/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
a:link, a:visited, a:hover, a:active  { color : #157deb; text-decoration: none;}
a:hover, a:active { text-decoration: underline }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

a.download:link, a.download:visited, a.download:hover, a.download:active  { /*||title-de:Download-Link||title-en:Download-Link*/  background: transparent url(../images/icons/download_active.gif) no-repeat; padding-left: 22px; text-decoration: none; line-height: 20px; }
a.download:hover, a.download:active { color: #157deb; text-decoration: underline; }

a.cmsColor03.pdf:link, a.cmsColor03.pdf:visited, a.cmsColor03.pdf:hover, a.cmsColor03.pdf:active  { background-image: url(../images/icons/file_pdf_active_pink.gif) !important;}
a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active  { /*||title-de:PDF-Link||title-en:PDF-Link*/ background: transparent url(../images/icons/file_pdf_active.gif) no-repeat 0 2px !important; padding-left: 12px !important; text-decoration: none; line-height: 20px !important; }
a.pdf:hover, a.pdf:active { color: #157deb; text-decoration: underline;  }

a.doc:link, a.doc:visited, a.doc:hover, a.doc:active  { /*||title-de:Word-Link||title-en:WordLink*/ background: transparent url(../images/icons/file_doc_active.gif) no-repeat 0 2px !important; padding-left: 12px !important; text-decoration: none; line-height: 20px !important; }
a.doc:hover, a.doc:active { color: #157deb; text-decoration: underline;  }

a.xls:link, a.xls:visited, a.xls:hover, a.xls:active  { /*||title-de:XLS-Link||title-en:XLS-Link*/ background: transparent url(../images/icons/file_xls_active.gif) no-repeat 0 2px !important; padding-left: 12px !important; text-decoration: none; line-height: 20px !important; }
a.xls:hover, a.xls:active { color: #157deb; text-decoration: underline;  }

a.ppt:link, a.ppt:visited, a.ppt:hover, a.ppt:active  { /*||title-de:PPT-Link||title-en:PPT-Link*/ background: transparent url(../images/icons/file_ppt_active.gif) no-repeat 0 2px !important; padding-left: 12px !important; text-decoration: none; line-height: 20px !important; }
a.ppt:hover, a.ppt:active { color: #157deb; text-decoration: underline;  }

a.enlarge:link, a.enlarge:visited, a.enlarge:hover, a.enlarge:active  { /*||title-de:Vergrößerbar||title-en:Enlarge*/ background: transparent url(../images/icons/enlarge_active.gif) no-repeat !important; padding-left: 18px !important; text-decoration: none; line-height: 20px !important; }
a.enlarge:hover, a.enlarge:active { color: #157deb; text-decoration: underline;  }

a.mail:link, a.mail:visited, a.mail:hover, a.mail:active  { /*||title-de:Email Link||title-en:Mail link*/ background: transparent url(../images/icons/mail_active.gif) no-repeat 0 2px !important; padding-left: 15px !important; text-decoration: none; line-height: 20px !important; }
a.mail:hover, a.mail:active { color: #157deb; text-decoration: underline;  }


/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small, .bildText, .notiz {font-size: .8em;} /* bezieht sich immer auf Elternelement */
.bildText, .notiz { color: #8B8472; line-height: 130%;}
.textStyle {/*||hide:true*/ color: #000;} /* zurückstylen auf Standard Textoptik */

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

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #e5dfd0; border-bottom: none; }
.error dl{ border: none; }
	dt, dd { border-bottom: 1px solid #e5dfd0; padding: 2px 8px; margin: 0; }
	.error dt, .error dd { padding: 2px; font-weight: normal; border: none; }
		.error dd div { display: inline; } /* work-around für aktiviertes mootools-akkordeon und die normale Fehlerausgabe - js müsste eigentlich angepasst werden */
	dt { color: #736c5a; font-weight: bold; }
	dd { padding-bottom: 10px; }
dl.accordion{ /*||title-de:Akkordeon Funktionalität||title-en:Accordion Functions*/ border: none; width: 489px; }
	dl.accordion dt { color:#003772; padding: 4px 22px;  background: #dbe4ce url(../images/chrome/bg-accordion-dt.gif) no-repeat; border: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 17px; cursor: hand; cursor: pointer; }
	dl.accordion dt.double { background-image: url(../images/chrome/bg-accordion-double-dt.gif); height: 33px; }
	dl.accordion dt.active {/*||hide:true*/ background: #dbe4ce url(../images/chrome/bg-accordion-active-dt.gif) no-repeat; }
	dl.accordion dt.active.double { background: #dbe4ce url(../images/chrome/bg-accordion-active-double-dt.gif) no-repeat; }
	dl.accordion dd { border: 1px solid #d4cfc3; border-top: none; border-bottom: none; }
	dl.accordion dd.last-child { border-bottom: 1px solid #d4cfc3; }

 /* --- anfahrtsbeschreibung ---*/ 
table.approachTable {/*||hide:true*/ table-layout: fixed; }	
	table.approachTable td { padding: 10px 10px 0 0; }	
	

/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

td.noWrap, th.noWrap { /*||hide:true*/ white-space: nowrap; }

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic1 td, table.optic1 th {/*||title-de:Tabellenoptik 1||title-en:Tableoptic 1*/ padding: 3px; vertical-align: top; }


/* OPTIC2 - korrekte Verwendung von thead notwendig*/
table.optic2 {
	margin-bottom: 15px;
	width: 490px;
	border-bottom: 2px solid #e5dfd0;
	background: #fff url(../images/chrome/bg-tablebody.gif) repeat-y; 
}		

	table.optic1 td.centered, table.optic1 th.centered,
	table.optic2 td.centered, table.optic2 th.centered { text-align: center; }
	table.optic1 td.right, table.optic1 th.right,
	table.optic2 td.right, table.optic2 th.right { text-align: right; }

	table.optic2 tbody { 
		margin-top: 10px;
	}

		table.optic2 thead th{
			padding: 3px 9px 0;
			height: 24px;
			color: #736c5a;
			vertical-align: top;
			background:  #e5dfd0 url(../images/chrome/bg-tablehead.gif) repeat-x;
		} 
		* html table.optic2 thead th{ height: 21px;} /* ie6- */
		*:first-child+html table.optic2 thead th{ height: 21px;} /* ie7 */

	table.optic2 thead th:first-child, table.optic2 thead th.first-child { background: #e5dfd0 url(../images/chrome/bg-tablehead-firstchild.gif) left top no-repeat; } /*class für alte Browser nötig*/
	table.optic2 thead th:last-child, table.optic2 thead th.last-child { background: #e5dfd0 url(../images/chrome/bg-tablehead-lastchild.gif) right top no-repeat; } /*class für alte Browser nötig*/

		table.optic2 thead a:link, table.optic2 thead a:visited, table.optic2 thead a:hover, table.optic2 thead a:active {
			color: #736c5a; text-decoration: none;
		}
		table.optic2 thead a:hover, table.optic2 thead a:active { text-decoration: underline; }
	
	table.optic2 tbody td {  border-top: 1px solid #e5dfd0; }
	table.optic2 tbody tr:first-child td, table.optic2 tbody tr.first-child td,
	table.optic2 tbody tr:first-child th, table.optic2 tbody tr.first-child th {  padding-top: 9px; } /*class für alte Browser nötig*/
	table.optic2 tbody tr:last-child td, table.optic2 tbody tr.last-child td {  border-bottom: none; padding-bottom: 9px; } /*class für alte Browser nötig*/
	table.optic2 tbody tr.folding-row td {
		/*||hide:true*/
		color: #157DEB;
		cursor: pointer;
		font-weight: bold;
		padding: 4px 0 4px 25px;
		border-bottom: 1px solid #e0dbce;
		background: transparent url(../images/chrome/icons/collapse_royalblue.gif) 7px 7px no-repeat;
	}
	table.optic2 tbody tr:hover td, table.optic2 tbody tr.hover td {/*||hide:true*/ background-color: #e5f1fd !important; _background-image: none !important; }
	table.optic2 tbody tr.folding-row:hover td, table.optic2 tbody tr.folding-row td {/*||hide:true*/  background: url(../images/chrome/icons/collapse_royalblue.gif) 7px 7px no-repeat; }
	table.optic2 tbody tr.folded.noborder td {/*||hide:true*/ border-bottom: none; }
	table.optic2 tbody tr.folded td,
	table.optic2 tbody tr.folded:hover td, table.optic2 tbody tr.folded.hover td {/*||hide:true*/  background: url(../images/chrome/icons/expand_royalblue.gif) 7px 7px no-repeat; }
	* html table.optic2 tbody td { behavior: expression( this.onmouseover = new Function("this.parentNode.className += ' hover';"), this.onmouseout = new Function("this.parentNode.className = this.parentNode.className.replace(' hover', '');"), this.style.behavior = null); }	 /* ie6- */
	* html table.optic2 tbody tr.folding-row td {/*||hide:true*/ behavior: none;}
	
		table.optic2 td { padding: 1px 5px 2px 9px; }
			table.optic2 td img, table.optic2 th img { vertical-align: middle; }
			table.optic2 td a:link, table.optic2 td a:visited, 
			table.optic2 td a:hover, table.optic2 td a:active {
			 	padding: 0 0 0 8px;
				background: transparent url(../images/chrome/bullet_blue-arrow.gif) 0 0 no-repeat;   
				text-decoration: none;
				color: #157deb;
			}
			table.optic2 td a:hover, table.optic2 td a:active { 
				text-decoration: underline;
			}

/* OPTIC3 - THs sind links vertikal angeordnet*/
table.optic3 {
	width: 490px;
	border: 1px solid #e5dfd0;
	border-bottom-width: 2px;
	margin-bottom: 15px;
}				
table.optic3 th { color: #736c5a; text-align: left; white-space: nowrap;  }
table.optic3 td, table.optic3 th { padding: 1px 5px 2px 9px;  border-top: 1px solid #e5dfd0; vertical-align: top;}

/* clickable - wenn TRs per onclick eoinen Link haben, sollte man das auch sehen*/
.rowsClickable tbody tr { /*||hide:true*/ cursor: hand; cursor: pointer; }

/*formatierung der Logonbox*/
.gridBoxLogon label { float: left; margin: 0 5px 3px 0; font-weight: bold; line-height: 110%; }
.gridBoxLogon input { width: 120px; }
.gridBoxLogon br { clear: left;  }
.gridBoxLogon .buttonGroup { /*||hide:true*/ margin: 0 0 15px; }

/*~~ ITA Teaser ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#rightCol a.ita:link, #rightCol a.ita:visited, #rightCol a.ita:hover, #rightCol a.ita:active {
	/*||hide:true*/
	background: #fff url(../images/teaser/ita_freelax.jpg) no-repeat;
	display: block;
	height: 185px;
	overflow:hidden;
	/*cursor: default;*/
	outline: none;
}
#rightCol a.ita:hover, #rightCol a.ita:active { background-position: 0 -185px; }
	#rightCol a.ita:link img, #rightCol a.ita:visited img, #rightCol a.ita:hover img, #rightCol a.ita:active img { display: none;}

#rightCol a.freelax:link, #rightCol a.freelax:visited, #rightCol a.freelax:hover, #rightCol a.freelax:active { background-image: url(../images/teaser/ita_freelax.jpg); }
#rightCol a.freelaxBasic:link, #rightCol a.freelaxBasic:visited, #rightCol a.freelaxBasic:hover, #rightCol a.freelaxBasic:active { background-image: url(../images/teaser/ita_freelax-basic.jpg); }
#rightCol a.freelaxDv:link, #rightCol a.freelaxDv:visited, #rightCol a.freelaxDv:hover, #rightCol a.freelaxDv:active { background-image: url(../images/teaser/ita_freelax-dv.jpg); }
#rightCol a.freelaxRdv:link, #rightCol a.freelaxRdv:visited, #rightCol a.freelaxRdv:hover, #rightCol a.freelaxRdv:active { background-image: url(../images/teaser/ita_freelax-rdv.jpg); }
#rightCol a.freelaxGroupDv:link, #rightCol a.freelaxGroupDv:visited, #rightCol a.freelaxGroupDv:hover, #rightCol a.freelaxGroupDv:active { background-image: url(../images/teaser/ita_freelax-groupdv.jpg); }

#rightCol a.maxxellence:link, #rightCol a.maxxellence:visited, #rightCol a.maxxellence:hover, #rightCol a.maxxellence:active { background-image: url(../images/teaser/ita_maxxellence.jpg); }
#rightCol a.maxxellenceBasic:link, #rightCol a.maxxellenceBasic:visited, #rightCol a.maxxellenceBasic:hover, #rightCol a.maxxellenceBasic:active { background-image: url(../images/teaser/ita_maxxellence-rdv.jpg); }
#rightCol a.maxxellenceRdv:link, #rightCol a.maxxellenceRdv:visited, #rightCol a.maxxellenceRdv:hover, #rightCol a.maxxellenceRdv:active { background-image: url(../images/teaser/ita_maxxellence-rdv.jpg); }
#rightCol a.suxxess:link, #rightCol a.suxxess:visited, #rightCol a.suxxess:hover, #rightCol a.suxxess:active { background-image: url(../images/teaser/ita_suxxess.jpg); }
#rightCol a.suxxessRdv:link, #rightCol a.suxxessRdv:visited, #rightCol a.suxxessRdv:hover, #rightCol a.suxxessRdv:active { background-image: url(../images/teaser/ita_suxxess-rdv.jpg); }

a.freelax:link, #rightCol a.freelax:visited, #rightCol a.freelax:hover, #rightCol a.freelax:active { background-image: url(../images/teaser/ita_freelax.jpg); }
#rightCol a.freelaxBasic:link, #rightCol a.freelaxBasic:visited, #rightCol a.freelaxBasic:hover, #rightCol a.freelaxBasic:active { background-image: url(../images/teaser/ita_freelax-basic.jpg); }
#rightCol a.freelaxDv:link, #rightCol a.freelaxDv:visited, #rightCol a.freelaxDv:hover, #rightCol a.freelaxDv:active { background-image: url(../images/teaser/ita_freelax-dv.jpg); }
#rightCol a.freelaxRdv:link, #rightCol a.freelaxRdv:visited, #rightCol a.freelaxRdv:hover, #rightCol a.freelaxRdv:active { background-image: url(../images/teaser/ita_freelax-rdv.jpg); }
#rightCol a.freelaxGroupDv:link, #rightCol a.freelaxGroupDv:visited, #rightCol a.freelaxGroupDv:hover, #rightCol a.freelaxGroupDv:active { background-image: url(../images/teaser/ita_freelax-groupdv.jpg); }

a.freelax, a.freelaxBasic, a.freelaxDv, a.freelaxRdv, a.freelaxGroupDv, a.maxxellence, a.maxxellenceBasic, a.maxxellenceRdv, a.suxxess, a.suxxessRdv {	/*||hide:true*/ }
	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#minWidth {
	margin: 0 auto; padding: 0 8px;
	width: 981px; /*gesamt 997px*/
	background: #fff url(../images/chrome/bg-minwidth_01.gif) repeat-y;
	min-height: 100%;
	position: relative;
}
body.popup #minWidth { 	width: 750px; background-image: url(../images/chrome/bg-minwidth_popup_01.gif); }
body.slimPopup #minWidth { background-image: url(../images/chrome/bg-minwidth_tis_01.gif); width: 582px;} /*schlankeres Popup: keine Doppelspalten möglich*/

* html #minWidth { height: 100%;}/* ie6- */

#header { height: 149px; background: #fff; }
	#header #logo { margin: 24px 0 0 10px;}
	body.slimPopup #header #logo { margin: 10px 0 0 16px; }
	body.slimPopup #header div { position: absolute; top:8px; right:10px; color: #8b8472; }
	
	
body.popup #header { margin-bottom: 26px; padding: 5px 0 0; height: auto; }
	body.popup #header .hr { margin: 5px 0 0; } /* mit logo: 65px; */
	body.popup #header a { margin: 0 0 0 15px; }
body.slimPopup #header { height: 87px; position: relative; }

/*~~ 1te Navebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#topNav {
		margin: 0;	padding: 0;
		list-style: none;
		position: absolute;		
		left: 25px; top: 106px;
		height: 37px;
	}
		#topNav li {
			margin: 0; padding: 0;
			list-style: none;
			display: inline; 
			white-space: nowrap;
		}
		#topNav li span { display: none; }
		
		#topNav li a:link, #topNav li a:visited, #topNav li a:hover, #topNav li a:active {
			float: left;
			width: 83px; height: 37px;
			color: #fff;
			text-decoration: none;
			background: transparent url(../images/chrome/menu/topnav1.png) 0 0 no-repeat;
		}
		#topNav li a:hover, #topNav li a:active { 
			background-position: 0 -37px;
		 }
		#topNav li.active a:link, #topNav li.active a:visited, #topNav li.active a:hover, #topNav li.active a:active {
 			/*||hide:true*/	background-position: 0 -74px;
		}

		/* exakte Menudefinitionen in slde.css / bqs.css */
		
	
			#topNav ul{ display: none; } /*sekundäre Nav existiert nicht*/

/*~~ breadcrump ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
						
#func {
	margin: 0 260px 0 0;
	float: right;
	height: 70px;
	display: inline;
}

#breadcrumb { float: left; height: 70px;  =width:450px; =overflow: hidden; }
body.home #breadcrumb { display: none; }

	#breadcrumb ul, #func ul {
		margin: 22px 0 0 28px; padding: 0;
		list-style: none;
	}
		#breadcrumb li, #func li {
			margin: 0; padding: 0;
			list-style: none;
			display: inline; 
		}
		#breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:hover, #breadcrumb li a:active,
		#func li a:link, #func li a:visited, #func li a:hover, #func li a:active {
			padding: 2px 4px 2px 8px;
			color: #8b8472;
			text-decoration: none;
			background: transparent url(../images/chrome/bullet_grey-arrow.gif) left center no-repeat;
		}
		#breadcrumb li a:hover, #breadcrumb li a:active,
		#func li a:hover, #func li a:active { 
			color: #157DEB; 
			background-image: url(../images/chrome/bullet_blue-arrow.gif);
		}

		/*~~ Special Icons für func-Nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#func li a:link, #func li a:visited, #func li a:hover, #func li a:active { 
			background: transparent url(../images/chrome/icons/cogs_s_active.gif) left center  no-repeat; padding-left: 22px; 
		}

		#func li.print { padding-left: 5px;  }
		#func li.print a:link, #func li.print a:visited {/*||hide:true*/ background-image: url(../images/chrome/icons/print.gif);  }
		#func li.print a:hover, #func li.print a:active { background-image: url(../images/chrome/icons/print_active.gif); }
		#func li.recommend a:link, #func li.recommend a:visited {/*||hide:true*/ background-image: url(../images/chrome/icons/recommend.gif); }
		#func li.recommend a:hover, #func li.recommend a:active { background-image: url(../images/chrome/icons/recommend_active.gif); }
		
		/*~~ Font Sizer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#func li.fontsizer a img { visibility: hidden; }
		#func li.fontsizer a:link, #func li.fontsizer a:visited, #func li.fontsizer a:hover, #func li.fontsizer a:active {
			background: transparent url(../images/chrome/icons/fontsize_normal.gif) no-repeat; padding-left: 0; padding-right: 0; vertical-align: -3px;	
		}
		#func li.fontsizer span { color: #8B8472; padding-left:4px }
		
		* html #func li.fontsizer a:link, * html #func li.fontsizer a:visited, * html #func li.fontsizer a:hover, * html #func li.fontsizer a:active { vertical-align: -5px; } /* ie6- */
		*:first-child+html #func li.fontsizer a:link, *:first-child+html #func li.fontsizer a:visited, *:first-child+html #func li.fontsizer a:hover, *:first-child+html #func li.fontsizer a:active { vertical-align: -5px; } /* ie7 */

		#func li.fontsizer a.normal:link, #func li.fontsizer a.normal:visited { background-image: url(../images/chrome/icons/fontsize_normal.gif); }
		#func li.fontsizer a.normal:hover, #func li.fontsizer a.normal:active { background-image: url(../images/chrome/icons/fontsize_normal_hover.gif); }
		#func li.fontsizer a.normalActive:link, #func li.fontsizer a.normalActive:visited { background-image: url(../images/chrome/icons/fontsize_normal_active.gif); }
		#func li.fontsizer a.normalActive:hover, #func li.fontsizer a.normalActive:active { background-image: url(../images/chrome/icons/fontsize_normal_active_hover.gif); }

		#func li.fontsizer a.larger:link, #func li.fontsizer a.larger:visited { background-image: url(../images/chrome/icons/fontsize_larger.gif); }
		#func li.fontsizer a.larger:hover, #func li.fontsizer a.larger:active { background-image: url(../images/chrome/icons/fontsize_larger_hover.gif); }
		#func li.fontsizer a.largerActive:link, #func li.fontsizer a.largerActive:visited { background-image: url(../images/chrome/icons/fontsize_larger_active.gif); }
		#func li.fontsizer a.largerActive:hover, #func li.fontsizer a.largerActive:active { background-image: url(../images/chrome/icons/fontsize_larger_active_hover.gif); }

		#func li.fontsizer a.largest:link, #func li.fontsizer a.largest:visited { background-image: url(../images/chrome/icons/fontsize_largest.gif); }
		#func li.fontsizer a.largest:hover, #func li.fontsizer a.largest:active { background-image: url(../images/chrome/icons/fontsize_largest_hover.gif); }
		#func li.fontsizer a.largestActive:link, #func li.fontsizer a.largestActive:visited { background-image: url(../images/chrome/icons/fontsize_largest_active.gif); }
		#func li.fontsizer a.largestActive:hover, #func li.fontsizer a.largestActive:active { background-image: url(../images/chrome/icons/fontsize_largest_active_hover.gif); }




							
/*~~ leftCol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
      #leftCol {
			clear: left; /*clearing the Breadcrumb*/
			float: left;
			width: 182px;
			margin: 0 32px 32px 18px;
			display: inline; /*ie double margin bug*/
		}
      body.home #leftCol { display: none; }

		#leftNav, #leftOptions, #leftJumpNav { margin: 0 0 15px; padding: 0;  position: relative; } /*relative für die Corners*/
		#leftJumpNav, #leftOptions { background: #f4efe3 url(../images/chrome/bg-leftnav-top.gif) left top no-repeat; }
		
		/*gerundete Ecken in der LeftCol*/
		.roundCorner_ul, .roundCorner_ur, .roundCorner_ll, .roundCorner_lr {
			/*||hide:true*/
			background: transparent url(../images/chrome/bg-leftnav-top.gif) left top no-repeat;	width: 10px; height: 10px; position: absolute; font-size: 1px; overflow: hidden;
		}

		.roundCorner_ul {/*||hide:true*/ left: 0; top: 0;  }
		.roundCorner_ur {/*||hide:true*/ right: 0; top: 0; background-position: right top; }
		.roundCorner_ll {/*||hide:true*/ left: 0; bottom: 0; background-image: url(../images/chrome/bg-leftnav-bottom.gif); background-position: left bottom; }
		.roundCorner_lr {/*||hide:true*/ right: 0; bottom: 0; background-image: url(../images/chrome/bg-leftnav-bottom.gif); background-position: right bottom; }
		* html .roundCorner_ll {/*||hide:true*/ bottom: -3px; } /* ie6- */
		* html .roundCorner_lr {/*||hide:true*/ bottom: -3px; } /* ie6- */
		*:first-child+html .roundCorner_ll {/*||hide:true*/ bottom: -1px; } /* ie7 */
		*:first-child+html .roundCorner_lr {/*||hide:true*/ bottom: -1px; } /* ie7 */


		
		/*nav inhalte*/
		      #leftCol ul { margin: 0; padding: 0; list-style: none; font-weight: bold; }
				     	#leftCol ul li { margin: 0; padding: 0; list-style: none; display: inline; }
							/*normal link*/
							#leftCol ul li a:link, #leftCol ul li a:visited,
							#leftCol ul li a:hover, #leftCol ul li a:active, #leftCol ul li a:focus	{
								padding: 6px 11px 6px 19px; margin: 0;
								background: #e5dfd0 url(../images/chrome/bullet-leftnav_grey-arrow.gif) 9px 50% no-repeat;
								text-decoration: none;
								color: #736c5a;
								display: block;
								border-top: 1px solid #f0ede4;
								border-bottom: 1px solid #d5cfc1;
								line-height: 125%;
							}
							#leftCol ul li a:hover, #leftCol ul li a:active, #leftCol ul li a:focus {
								color: #157deb;
								background-image: url(../images/chrome/bullet-leftnav_blue-arrow.gif);
								background-color: #E1DACA;
							}/*hover*/
							#leftCol ul li.active a:link, #leftCol ul li.active a:visited, #leftCol ul li.active a:hover, #leftCol ul li.active a:active {
								background-image: url(../images/chrome/bullet-leftnav_orange-arrow.gif); color: #e98800;
						   }/*active*/	
							#leftCol ul li.active li a:link, #leftCol ul li.active li a:visited, #leftCol ul li.active li a:hover, #leftCol ul li.active li a:active {
								background-image: url(../images/chrome/bullet-leftnav_grey-arrow.gif);
								color: #736c5a;
							} /*"active"-reset für folgenavigation*/
							
							#leftCol ul li select { width: 158px; background: #F4EFE3; }
	
						/*~~ zweite ebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			      	#leftCol ul ul { margin: 0; padding: 0; }
						#leftCol ul ul li a:link, #leftCol ul ul li a:visited, #leftCol ul ul li a:hover, #leftCol ul ul li a:active, #leftCol ul ul li a:focus,
						#leftCol ul ul li.active li a:link, #leftCol ul ul li.active li a:visited, #leftCol ul ul li.active li a:hover, #leftCol ul ul li.active li a:active, #leftCol ul ul li.active li a:focus {
							padding: 3px 11px 3px 19px;  
							background: #f4efe3 url(../images/chrome/bullet-leftnav_grey-disc.gif) 9px 50% no-repeat; 
							border-top-color: #e8e3d7;	border-bottom: none;
							color: #736c5a;
						}
						#leftCol ul ul li a:hover, #leftCol ul ul li a:active, #leftCol ul ul li a:focus {
							background-image: url(../images/chrome/bullet-leftnav_blue-disc.gif); 
							background-color: #F1EBDC !important;
							color: #157deb !important;
						} /*hover*/
						#leftCol ul ul li.active a:link, #leftCol ul ul li.active a:visited,
						#leftCol ul ul li.active a:hover, #leftCol ul ul li.active a:active, #leftCol ul ul li.active a:focus {
							color: #E98800; background-image: url(../images/chrome/bullet-leftnav_orange-arrow.gif); font-weight: bold;
						} /*active*/
						
						/*~~ 3tte Navinhalte ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
				      	#leftCol ul ul ul { border-top: 1px solid #e8e3d7; }
								#leftCol ul ul ul li a:link, #leftCol ul ul ul li a:visited, 
								#leftCol ul ul ul li a:hover, #leftCol ul ul ul li a:active, #leftCol ul ul ul li a:focus	{
									background-image: none !important; 
									border: none !important;
									font-weight: normal !important;
									background-color: #f7f4ec !important;
								}
								#leftCol ul ul ul li a:hover, #leftCol ul ul ul li a:active, #leftCol ul ul ul li a:focus {
									background-color: #F1EBDC !important;
								} /*hover*/
								#leftCol ul ul ul li.active a:link, #leftCol ul ul ul li.active a:visited,
								#leftCol ul ul ul li.active a:hover, #leftCol ul ul ul li.active a:active, #leftCol ul ul ul li.active a:focus {
									color: #e98800; background-image: url(../images/chrome/bullet-leftnav_orange-arrow.gif) !important; font-weight: bold;
								} /*active*/
								
								/*~~ vierte nav links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
								#leftCol ul ul ul ul { border-bottom: 1px solid #e8e3d7 !important; }
									#leftCol ul ul ul li.active li a:link, #leftCol ul ul ul li.active li a:visited, 
									#leftCol ul ul ul li.active li a:hover, #leftCol ul ul ul li.active li a:active, #leftCol ul ul ul li.active li a:focus	{
										 padding-left: 34px !important; color: #736c5a !important; background-position: 22px center !important; background-image: none !important; 
									}
									
								#leftCol ul ul ul ul li a:hover, #leftCol ul ul ul ul li a:active, #leftCol ul ul ul ul li a:focus {
									background-color: #F1EBDC !important;
								} /*hover*/
								#leftCol ul ul ul ul li.active a:link, #leftCol ul ul ul ul li.active a:visited,
								#leftCol ul ul ul ul li.active a:hover, #leftCol ul ul ul ul li.active a:active, #leftCol ul ul ul ul li.active a:focus {
									color: #e98800 !important; font-weight: bold;
								} /*active*/

								/*~~ fünfte nav links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
									#leftCol ul ul ul li li a:link, #leftCol ul ul ul li li a:visited, 
									#leftCol ul ul ul li li a:hover, #leftCol ul ul ul li li a:active, #leftCol ul ul ul li li a:focus	{
										 padding-left: 34px !important; background-color: #faf8f3 !important;
									}
									#leftCol ul ul ul li li a:hover, #leftCol ul ul ul li li a:active, #leftCol ul ul ul li li a:focus	{
										background-color: #F4EFE3 !important;
									}

									#leftCol ul ul ul ul li.active a:link, #leftCol ul ul ul ul li.active a:visited, 
									#leftCol ul ul ul ul li.active a:hover, #leftCol ul ul ul ul li.active a:active, #leftCol ul ul ul ul li.active a:focus	{
										 background-image: url(../images/chrome/bullet-leftnav_orange-arrow.gif) !important; background-position: 22px center !important; 
									}									
		
		#leftCol ul ul { display: none;}
		#leftCol ul li.onTheWay ul, #leftCol ul li.active ul  {/*||hide:true*/ display: block;}
		#leftCol ul li.onTheWay li ul, #leftCol ul li.active li ul { display: none;}
		#leftCol ul li.onTheWay li.onTheWay ul, #leftCol ul li.onTheWay li.active ul { display: block;}
		#leftCol ul li.onTheWay li.onTheWay li ul, #leftCol ul li.onTheWay li.active li ul { display: none;}
		#leftCol ul li.onTheWay li.onTheWay li.onTheWay ul, #leftCol ul li.onTheWay li.onTheWay li.active ul { display: block;}
							

/*~~ Left Options ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			#leftOptions .content { padding: 10px 12px; background: transparent url(../images/chrome/bg-leftnav-bottom.gif) left bottom no-repeat;  }							
				#leftOptions h3 { margin: 0 0 3px; font-size: 1em; font-weight: bold; color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  }							
				#leftOptions label.textStyle {/*||hide:true*/  }							
				#leftOptions label.textStyle:hover, #leftOptions label.textStyle.hover {/*||hide:true*/ color: #157deb; } /*styling für moderne Browser*/
				* html #leftOptions label.textStyle { behavior: expression( this.onmouseover = new Function("this.className += ' hover';"), this.onmouseout = new Function("this.className = this.className.replace(' hover', '');"), this.style.behavior = null); } /* ie6- */	

				#leftOptions input, #leftOptions select, #leftOptions textarea { border: 1px solid #8b8472; }
				#leftOptions input, #leftOptions select { margin: 0 0 3px; width: 150px;  }						
				#leftOptions input.selector {  border: none; }
			

/*~~ content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   #content { margin: 0 10px 32px 0; float: left; width: 490px; display: inline;  }
   body.popup #content { margin-left: 18px; width: 710px; }
   body.home #content { margin-right: 52px; margin-left: 72px; width: 608px;  }
	body.slimPopup #content { margin: 25px 0 0 0; wwidth: 535px; padding-left: 46px; width: 489px; }
		
	/*allgemeine footer von einzelnen Blöcken*/
	.footer { text-align: right; color: #8b8472; } /*wenn kein link, ist die Schrift grau => es handel sich verm. um eine Fussnote*/
			ul.linkList {/*||hide:true*/}

			a.compact:link, a.compact:visited, a.compact:hover, a.compact:active, 
			.footer a:link, .footer a:visited, .footer a:hover, .footer a:active,
			ul.linkList a:link, ul.linkList a:visited, ul.linkList a:hover, ul.linkList a:active,
			input.linkSubmit {
			 	padding: 0 0 0 10px;
				background: transparent url(../images/chrome/bullet_blue-arrow.gif) 2px 0 no-repeat;   
				text-decoration: none;
				color: #157deb;
				/*white-space: nowrap;*/
			}

			ul.pdfList { /*title-de:PDF-Liste||title-en:PDF-List||desc-de:Liste in der nur PDF-Links zu finden sind||desc-en:List with PDF-links only*/ margin: 0; padding: 0; }
			ul.insideLinkList { /*title-de:Link Liste||title-en:Linklist*/margin: 0; padding: 0; }
			
			ul.pdfList li, ul.insideLinkList li  { 
				list-style: none;
				padding: 0 0 0 14px;
				margin: 5px 0 0 0;
				background: transparent url(../images/icons/file_pdf_active.gif) 0px 2px no-repeat;
				line-height: 130%;
			}
			ul.insideLinkList li { background-image: url(../images/chrome/bullet_blue-arrow.gif); }
			
			ul.pdfList a:link, ul.pdfList a:visited, ul.pdfList a:hover, ul.pdfList a:active,
			ul.insideLinkList a:link, ul.insideLinkList a:visited, ul.insideLinkList a:hover, ul.insideLinkList a:active {
				padding: 0;
				text-decoration: none;
				color: #157deb;
			}
			ul.pdfList a:hover, ul.pdfList a:active, ul.insideLinkList a:hover, ul.insideLinkList a:active {
				color: #157deb; text-decoration: underline; 
			}
			
			a.compact:hover, a.compact:active, .footer a:hover, .footer a:active, ul.linkList a:hover, ul.linkList a:active { 
				text-decoration: underline;
			}
			
			input.linkSubmit { text-align: left; border: 1px solid #fff; float: right; margin-top: 10px; }
			
	ul.linkList, ul.linkList li { /*||title-de:LinkListe||title-en:LinkList||*/ list-style: none;  margin: 0; padding: 0; } 
		ul.linkList { margin: 0 0 15px 0; } 


/*~~ Teaser im Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.contentTeaser { /*container, der alle ContentTeaser umfasst und für abstände sorgt*/
	float: right;	margin-left: 15px; width: 237px;
}
table.contentTeaser td { vertical-align: top; }
table.contentTeaser td.right{ /*container, der alle ContentTeaser umfasst und für abstände sorgt*/
	border-left: 15px solid #fff;
}

.teaserBox { /*||title-de:teaserBox||title-en:teaserBox||desc-de:Teaserblock zur Verwendung im Content. Zu kombinieren mit Hintergrundfarbe||desc-en:Teaserblock for Use in the Content. Combine with Background-Color.*/
	background: #d3d1e3 url(../images/chrome/bg-gridbox_bottom.gif) left bottom no-repeat;
	width: 237px;
	border-bottom: 15px solid #fff;
}

	.teaserBox h3, .bigTeaserBox h3, .bigTeaserBox h2 { color: #003772; }
	.teaserBox div.content{/*||hide:true*/ width: 205px;}
	.teaserBox .content{ overflow:hidden; padding: 16px; background: transparent url(../images/chrome/bg-gridbox_top.gif) left top no-repeat; }
	.teaserBox .footer { padding: 0 16px 16px 16px; }
	.teaserBox table.optic3 { width: 205px; border: none; border-bottom: 1px solid #e5dfd0;}
		.teaserBox table.optic3 th { padding-left: 0;}

/*~~ Listendarstellung von Einträgen - zB Suchgergebnisse, downloads etc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.listItem { /*||title-de:teaserBox||title-en:teaserBox||desc-de:Listblock zur Verwendung in Ergebnislistings. Zu kombinieren mit Hintergrundfarbe||desc-en:Listblock for Use in the resultlistings. Combine with Background-Color.*/
	width:490px;
	margin-bottom:8px;
}
.filteredItem {/*||hide:true*/ display: none; }

	.listItemContent {/*||hide:true*/ border: 1px solid #e5dfd0; border-right: none; width: 378px; }
	.listItemContent .content { border: 1px solid #fff; padding: 3px 5px; min-height: 40px; _height: 40px;}
	.listItemContent .content p,
	.smallTeaserBox  .content p { line-height: 120%; margin:0; }
	.listItemContent .content p em { color: #e98800; }
	.noPara .content p {/*||hide:true*/ display: none; }
	.listItemContent img { margin:0; border: 1px solid #fff; border-top: none; }

	.smallTeaserBox {
		vertical-align: top;
		border-left: 1px solid #fff;
		width: 110px;
		background: #d3d1e3 url(../images/chrome/bg-smallbox_bottom.gif) left bottom no-repeat;
	}
	.smallTeaserBox .content {
		margin:0;
		min-height: 20px;
		padding: 5px;
		background: transparent url(../images/chrome/bg-smallbox_top.gif) left top no-repeat;
	}
	.smallTeaserBox .content h4 { margin-bottom: 5px; }
	.smallTeaserBox .content h5 { margin: 2px 0 0; padding:0; font-size:1em; color:#003772; font-weight:normal; }
		.smallTeaserBox .content h5 img, .smallTeaserBox .content h4 img { margin-left: -3px; vertical-align: text-bottom; }
	.smallTeaserBox .content .singleRight {display:block; margin-top: 5px; }
	.smallTeaserBox .content .mapBlock {/*||hide:true*/ margin: 12px 0 6px; color: #003772; }
	
	table.listItem tbody tr:hover td.listItemContent, table.listItem tbody tr.hover td.listItemContent {/*||hide:true*/ background: #eef8fa; }
	/*table.listItem tr:hover td.listItemContent h4, table.listItem tr.hover td.listItemContent h4 { text-decoration: underline; } sieht kacke aus*/
	* html table.listItem tbody td.listItemContent { behavior: expression( this.onmouseover = new Function("this.parentNode.className += ' hover';"), this.onmouseout = new Function("this.parentNode.className = this.parentNode.className.replace(' hover', '');"), this.style.behavior = null); }	 /* ie6- */
	
.galleryItem { /*||title-de:galleryBox||title-en:galleryBox||desc-de:Listblock zur Verwendung in Galleriedarstellungen.||desc-en:Listblock for Use in the galleries.*/
	width:490px;
	margin-bottom:10px;
}
	.textCell {/*||hide:true*/ border: 1px solid #e5dfd0; border-left: none; padding: 10px 0 0 10px; vertical-align: top; }
		.center { /*||hide:true*/ border-right: none; }
	.imageCell { padding:0; width: 110px; vertical-align: middle; text-align: center; } 
		.canvas { /*||hide:true*/ border: 1px solid #e5dfd0; border-right: none; }
		.canvas div { margin: 1px; background: #f4efe3; } 

	
/*~~ Ein faltbares Element ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.foldable {/*||hide:true*/
	cursor: pointer; cursor: hand;
	margin: 5px 0 0;
	padding: 0 0 0 15px;
	background: transparent url(../images/chrome/icons/collapse_blue.gif) 0px 3px no-repeat;
}
.foldable .innerContent{/*||hide:true*/ cursor: auto;}

.foldable.collapsed {/*||hide:true*/ background: transparent url(../images/chrome/icons/expand_blue.gif) 0px 3px no-repeat; }
	
/*~~ Breite teaserbox auf unterseiten ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.bigTeaserBox {
	width: 489px;
	background: #d3d1e3 url(../images/chrome/bg-gridbox_2x1_bottom.gif) left bottom no-repeat;
	margin-bottom: 20px; 
}
.bigTeaserBox .content {
	margin:0;
	min-height: 20px;
	padding: 15px;
	background: transparent url(../images/chrome/bg-gridbox_2x1_top.gif) left top no-repeat;
}
.bigTeaserBox .content h2 { margin: 0 0 5px; }



		
/*~~ Farben für Contentteaser ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.bgColor00 {/*||title-de:Hintergrund Orange ||title-en:Background orange||desc-de:Orangene Hintergrundfarbe||desc-en:Orange Background color.*/
		background-color: #fde9bf !important; 
	}	
	.bgColor01 {/*||title-de:Hintergrund Lila ||title-en:Background violett||desc-de:Hintergrundfarbe Lila||desc-en:Background color violett.*/
		background-color: #c4c1d9 !important; 
	}	
	.bgColor02 {/*||title-de:Hintergrund Türkis ||title-en:Background turquoise||desc-de:Hintergrundfarbe Türkis||desc-en:Background color turquoise.*/
		background-color: #c7e7ed !important; 
	}	
	.bgColor03 {/*||title-de:Hintergrund Grün ||title-en:Background green||desc-de:Grüne Hintergrundfarbe||desc-en:Green Background color.*/
		background-color: #dbe4ce !important; 
	}	
	.bgColor04 {/*||title-de:Hintergrund Rot ||title-en:Background red||desc-de:Rote Hintergrundfarbe||desc-en:Red Background color.*/
		background-color: #f1dad5 !important; 
	}
	.bgColor11 {/*||hide:true*/ /*alternate blassOrange - Verwendung nur als special zB in Akkordeon, darum hide:true*/
		background-color: #FEF2D9 !important; 
	}

	
.bgColor00 h4 { color: #E98800; }
.bgColor04 h3 { color: #003772; }
	
/*~~ Teaser Grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.teaserGrid { width: 489px; }
body.home .teaserGrid { width: 607px; }

table .teaserGrid { width: auto; /*sonderfall mit verschränkten teasern*/ }
	/* TODO THOMIC: elegantere Lösung vorallem für die Height-Angaben finden? */
	/*table .teaserGrid p { margin-bottom: 3px; sonderfall mit verschränkten teasern } */
	table .teaserGrid .rightHeight { height:385px; /*sonderfall mit verschränkten teasern*/ }
	* html .teaserGrid .rightHeight { height:376px !important;  /*zzgl border*/} /* ie6- */
	*:first-child+html .teaserGrid .rightHeight { height: 364px !important; /*zzgl border*/} /* ie7 */

	.teaserGrid h2 { margin: 0 0 10px 0;   }
	.teaserGrid h3 { margin: 0 0 6px 0; color: #003772; }
	.teaserGrid h4 { color: #e98800; }
	.teaserGrid p, .teaserGrid ul { margin-bottom: 10px; }
	body.home .teaserGrid h3 { margin: 0 0 8px 0; color: #003772; }
	body.home .teaserGrid h4 { margin: 0; color: #003772; }

	.teaserGrid td {
		vertical-align: top;
		background: #FDE9BF url(../images/chrome/bg-gridbox_bottom.gif) left bottom no-repeat;
		width: 237px;
		border-bottom: 15px solid #fff;
		height: 174px; /*inkl border*/
	}
	body.home .teaserGrid td, body.login .teaserGrid td { width: 296px; background-image: url(../images/chrome/bg-gridbox-home_bottom.gif); }

	* html .teaserGrid td { height: 159px;  /*zzgl border*/} /* ie6- */
	*:first-child+html .teaserGrid td { height: 159px; /*zzgl border*/} /* ie7 */

	.teaserGrid td.right { border-left: 15px solid #fff; }
	.teaserGrid .content{ /*||title-de:Content||title-en:Content||desc-de:Innerer Bereich in Teasern||desc-en:Inner area in teasers*/
		padding: 16px 16px 0;
		background: transparent url(../images/chrome/bg-gridbox_top.gif) left top no-repeat;
		min-height: 111px;
	}
	body.home .teaserGrid .content, body.login .teaserGrid .content{ background-image: url(../images/chrome/bg-gridbox-home_top.gif) }
	* html .teaserGrid .content{ height: 111px; } /* ie6- */
	*:first-child+html .teaserGrid .content{ wmin-height: 111px; wheight: auto;}/* ie7 */
	
	.teaserGrid .footer { padding: 0 20px 0 0;  }
	.teaserGrid .icon{/*||hide:true*/ background: transparent none right top no-repeat;}
	
	/*Teaser ohne gridBox-class sind blass-Maize - Standard-Farbe 1 auf den Unterseiten*/

	.teaserGrid .alternate { /*||hide:true*/ background-color: #FEF2D9; } /*alternativer blass-Maize-Ton für die Unterseiten*/
	.teaserGrid td.image img, .contentTeaser td.image img  { =float:left;  /*ie sorgt durch leerzeichen nach der Grafik für abstand..*/ }

	.teaserGrid .gridBoxImage { background:none; }
	.teaserGrid .gridBoxImage img { margin-bottom: 0 !important; }

	.teaserGrid .gridBoxIntro { background-color: #BFDCF1; }
	.teaserGrid .gridBoxIntro h2 { color: #736c5a; }
	body.home .teaserGrid .gridBoxIntro, body.login .teaserGrid .gridBoxIntro { background-color: #fde9bf; height: auto; }
	body.home .teaserGrid .gridBoxIntro .content { height: auto;}
	body.home .teaserGrid .gridBoxIntro h2 { color: #E98800; }

	.teaserGrid .gridBoxPrivate { background-color: #b4dfe7; }
	.teaserGrid .gridBoxPrivate .icon{ background-image: url(../images/chrome/icons/gridbox_private.gif); }

	.teaserGrid .gridBoxNews { background-color: #eeccdd; }
	.teaserGrid .gridBoxNews .icon{ background-image: url(../images/chrome/icons/gridbox_news.gif); }

	.teaserGrid .gridBoxBusiness, .teaserGrid .gridBoxLogon { background-color: #dbe4ce; }
	.teaserGrid .gridBoxBusiness .icon{ background-image: url(../images/chrome/icons/gridbox_business.gif); }
	.teaserGrid .gridBoxLogon .icon{ background-image: url(../images/chrome/icons/gridbox_logon.gif); }

	/*"common" - Fallbackfarbe für Allgemeine Teaser*/
	.teaserGrid .gridBoxCommon { background-color: #cdd4d3; }
	.teaserGrid .gridBoxCommon .icon{ background-image: url(../images/chrome/icons/gridbox_common.gif); }
				
	/*"special" - Ausnahme-Farbe für besonderes wichtige Teaser*/
	.teaserGrid .gridBoxSpecial { background-color: #d3d1e3;  }
	.teaserGrid .gridBoxSpecial .icon{ background-image: url(../images/chrome/icons/gridbox_special.gif); }

	/*Teaser*/
	.teaserGrid .gridBoxImageTeasers, .teaserGrid .gridBoxImageTeasers td, .teaserGrid .gridBoxImageTeasers .content {margin: 0; border: none; height: auto !important; width:auto !important;  }
	.teaserGrid .gridBoxImageTeasers td { background: none !important; padding: 0; }
	
	/*~~ Sonderformate ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.teaserGrid .format1x2 { height: 348px; cursor: default;  /*inkl border*/}
	* html .teaserGrid td.format1x2 { height: 333px; /*zzgl border*/} /* ie6- */
	*:first-child+html .teaserGrid td.format1x2 { height: 333px; /*zzgl border*/} /* ie7 */
		.teaserGrid .format1x2 .content, .teaserGrid .format1x3 .content { height: auto; }

	.teaserGrid .format1x3 { height: 492px; cursor: default;  /*inkl border*/}
	* html .teaserGrid td.format1x3 { height: 477px; /*zzgl border*/} /* ie6- */
	*:first-child+html .teaserGrid td.format1x3 { height: 477px; /*zzgl border*/} /* ie7 */

		
	.teaserGrid .format2x1 { background-image: url(../images/chrome/bg-gridbox_2x1_bottom.gif); width: auto ; cursor: default;   }
	* html .teaserGrid .format2x1 { width: 489px; /*breite nur als quickfix*/ } /* ie6- */

	body.home .teaserGrid .format2x1, .teaserGrid .gridBoxImageTeasers { background-image: url(../images/chrome/bg-gridbox-home_2x1_bottom.gif); width: auto;  }
	* html body.home .teaserGrid .format2x1, .teaserGrid .gridBoxImageTeasers { width: 607px !important; /*breite nur als quickfix*/ } /* ie6- */

	.teaserGrid .format2x1 .content { background-image: url(../images/chrome/bg-gridbox_2x1_top.gif); }
	body.home .teaserGrid .format2x1 .content { background-image: url(../images/chrome/bg-gridbox-home_2x1_top.gif); }

	.smallTeaserGrid { margin: 0; margin-bottom: 15px;}
		.smallTeaserGrid h4 { margin: 0 0 2px; font-size: 1.2em; }		
		.smallTeaserGrid p { margin: 0 0 2px; line-height: 120%; font-weight: normal; font-size: 1.1em; }
		.bgColor000 a:link, .bgColor000 a:visited, .bgColor000 a:hover, .bgColor000 a:active { color:#BFDCF1; text-decoration: none; }
		.bgColor010 a:link, .bgColor010 a:visited, .bgColor010 a:hover, .bgColor010 a:active { color:#091C5A; text-decoration: none; }
		.bgColor020 a:link, .bgColor020 a:visited, .bgColor020 a:hover, .bgColor020 a:active { color:#fff; text-decoration: none; }

	.smallTeaserGrid td.format3slim {
		cursor: pointer !important;
		width: 155px;
		padding: 0 0 5px 0;
		width: auto;
		cursor: default;
		border-right:8px solid #FFFFFF;
		background: #C5CECD url(../images/chrome/bg-gridbox_3_slim_bottom.gif) left bottom no-repeat;
		=behavior: expression( this.onmouseover = new Function("this.className += 'hover';"), this.onmouseout = new Function("this.className = this.className.replace('hover', '');"),this.style.behavior = null);
		vertical-align: top;
	}
	.smallTeaserGrid td.rightCell { border-right: none !important; } 
	.smallTeaserGrid td.format3slim .content { background: transparent url(../images/chrome/bg-gridbox_3_slim_top.gif) left top no-repeat; padding: 10px 10px 2px; width: 135px; }

	.smallTeaserGrid td.bgColor000 { background-color: #003772; color: #BFDCF1; }
	.smallTeaserGrid td.bgColor000 h4 { color:#BFDCF1; }
	.smallTeaserGrid td.bgColor010 { background-color: #bcdbf0; color: #091C5A; }
	.smallTeaserGrid td.bgColor010 h4 { color:#091C5A; }
	.smallTeaserGrid td.bgColor020 { background-color: #91BAD0; color:#fff; }	
	.smallTeaserGrid td.bgColor020 h4 { color:#fff; }
		
	.smallTeaserGrid .isDisabled { background-color: #C5CECD !important; color: #fff !important; }
	.smallTeaserGrid .isDisabled h4 { color: #fff !important; }
	.isDisabled a:link, .isDisabled a:visited, .isDisabled a:hover, .isDisabled a:active { color:#fff !important; text-decoration: none; }
	

	.smallTeaserGrid td.bgColor010:hover,
	.smallTeaserGrid td.bgColor010hover { background-color: #bcdbf0 !important; color:#091C5A !important; }	
		.smallTeaserGrid td.bgColor010:hover h4,
		.smallTeaserGrid td.bgColor010hover h4,
		.smallTeaserGrid td.bgColor010hover a:link, .smallTeaserGrid td.bgColor010hover a:visited, .smallTeaserGrid td.bgColor010hover a:hover, .smallTeaserGrid td.bgColor010hover a:active,
		.smallTeaserGrid td.bgColor010:hover a:link, .smallTeaserGrid td.bgColor010:hover a:visited, .smallTeaserGrid td.bgColor010:hover a:hover, .smallTeaserGrid td.bgColor010:hover a:active { color:#091C5A !important; text-decoration: none; }	
	.smallTeaserGrid td.bgColor020:hover, 
	.smallTeaserGrid td.bgColor020hover { background-color: #91BAD0 !important; color:#fff !important; }	
		.smallTeaserGrid td.bgColor020:hover h4,
		.smallTeaserGrid td.bgColor020hover h4,
		.smallTeaserGrid td.bgColor020hover a:link, .smallTeaserGrid td.bgColor020hover a:visited, .smallTeaserGrid td.bgColor020hover a:hover, .smallTeaserGrid td.bgColor020hover a:active,
		.smallTeaserGrid td.bgColor020:hover a:link, .smallTeaserGrid td.bgColor020:hover a:visited, .smallTeaserGrid td.bgColor020:hover a:hover, .smallTeaserGrid td.bgColor020:hover a:active { color:#fff !important; text-decoration: none; }
	.smallTeaserGrid td.bgColor000:hover,
	.smallTeaserGrid td.bgColor000hover  { background-color: #003772 !important; color:#BFDCF1 !important; }	
		.smallTeaserGrid td.bgColor000:hover h4,
		.smallTeaserGrid td.bgColor000hover h4,
		.smallTeaserGrid td.bgColor000hover a:link, .smallTeaserGrid td.bgColor000hover a:visited, .smallTeaserGrid td.bgColor000hover a:hover, .smallTeaserGrid td.bgColor000hover a:active,
		.smallTeaserGrid td.bgColor000:hover a:link, .smallTeaserGrid td.bgColor000:hover a:visited, .smallTeaserGrid td.bgColor000:hover a:hover, .smallTeaserGrid td.bgColor000:hover a:active { color:#BFDCF1 !important; text-decoration: none; }	

/*listing der faltbaren checkboxen*/
#catCheckboxes { margin-top: 5px; }
	#catCheckboxes td { padding-bottom: 6px; }
		
		
/*~~ rightCol ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*rightColTop definition in slde.css / bqs.css*/

      #rightCol {
			margin: -113px 0 32px 1px; /*move up on the height of the breadcrumb and topnav*/
			padding: 0 22px 0 36px;
			float: left;
			width: 176px; /*spalte ist 200px*/
			background: transparent url(../images/chrome/bg-rightcol.png) no-repeat;
			min-height: 425px;
		}
			

		* html #rightCol { height: 363px; } /* minheight und verhalten bei schriftvergrößerung ie6- */
	
      #rightCol p.header { margin: 19px 0 49px; }
      #rightCol h3 { color: #8b9508; margin: 0 0 10px; }
	      #rightCol .stock h3 { color: #e98800; } /*||hide:true*/
   	   #rightCol .functions h3 { color: #564e83; } /*||hide:true*/
	      #rightCol .contact h3 { color: #009089; } /*||hide:true*/
   	   #rightCol .topical h3 { color: #a80056; } /*||hide:true*/
      #rightCol p, #rightCol ul { margin-bottom: 10px; }
		#rightCol .footer { margin: -10px 0 15px 0;  }
		#rightCol .compact { float: right;  } /*anker-class für kompakte teaser*/
		#rightCol table.optic3 { width: 175px; border: none; border-bottom: 1px solid #e5dfd0;}
			#rightCol table.optic3 th { padding-left: 0;}
      #rightCol select, #rightCol input { width: 170px; }
		#rightCol img.right, #rightCol img.left { border: 1px solid #736C5A; }
					

/*~~ ABSOLUTES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*~~ autosuggest ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#as_volltextsuche { position: absolute; padding:9px 0 0; }
	#as_volltextsuche ul { list-style: none; margin:0; padding: 2px 0; border: 1px solid #b8b2a7; background:#faf4de; }		
	#as_volltextsuche li { margin:0; padding:0; }		
	#as_volltextsuche li em { font-weight: bold; font-style: normal; }	
	#as_volltextsuche li a:link, #as_volltextsuche li a:visited, #as_volltextsuche li a:hover, #as_volltextsuche li a:active {
	 	padding: 1px 8px;
		background: transparent;   
		text-decoration: none;
		color: #7c7561;
		width: auto;
		display: block;
	}
	#as_volltextsuche li a:hover, #as_volltextsuche li a:active { background: #f2eacf; }
	#as_volltextsuche .as_highlight {/*||hide:true*/  background: #E8DBAB; }
	
/*~~ footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#clearFooter { clear: both; overflow: hidden; height: 60px; }
body.popup #clearFooter { height: 0; }
.clear { clear: both; overflow: hidden; height: 1px; }

#footer {
	margin: -30px auto 0 ; padding: 5px 18px 0;
	width:961px; /*gesamt 981px*/
	height: 25px;
	z-index: 100;
	position:relative;
}	

	#footer ul { margin: 0 32px 0 0; padding: 0; list-style: none; float: left; width: 725px; border-top: 1px solid #e4decf; }
		#footer li { margin: 0; padding: 0; list-style: none; display: inline; }
			#footer a:link, #footer a:visited,
			#footer a:hover, #footer a:active, #footer a:focus { color: #8B8472; text-decoration: none; padding: 0 7px 0 0; }
			#footer a:hover, #footer a:active, #footer a:focus { color: #157deb; }
			#footer li.active a:link, #footer li.active a:visited,
			#footer li.active a:hover, #footer li.active a:active, #footer li.active a:focus { color: #157deb; }
		
			#copyright { float: right; width: 185px; margin-right: 18px; color: #8b8472; display: inline;}

body.slimPopup #footer { width: 538px; border-top: 1px solid #e4decf; }
	body.slimPopup #footer ul { width: 308px; border:none; }
		body.slimPopup #copyright { width: auto; }
	
/*~~ siFr Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.sIFR-hasFlash body.home h2 {/*||hide:true*/ visibility: hidden; }
.sIFR-flash {/*||hide:true*/ visibility: visible !important; margin: 0; }
.sIFR-replaced {/*||hide:true*/ visibility: visible !important; }
span.sIFR-alternate {/*||hide:true*/ position: relative; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-active h2 {
  /*||hide:true*/ 
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}
.sIFR-root {/*||hide:true*/ font-size: 14px; }


/*~~ SBO OPTIC2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.sboOptic02 {
	/*||title-de:SBO Tabellenoptik 2||title-en:SBO Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen links.||desc-en:Formatting of Datatables. Headcells left. */ 
	color: #5e594b;
	margin-bottom: 10px;
}

table.sboOptic02 p, table.sboOptic02 ul { margin-bottom: 0; width: auto !important;  }
table.sboOptic02 ul { padding-left: 0; =margin-left: 0; }
table.sboOptic02 td, table.sboOptic02 th { 
	background: #fff url(../images/sbo/chrome/hBgs.png) 0 -46px repeat-x;
	padding: 7px 25px;
	vertical-align: top;
	border-top: 1px solid #dad5c8; border-left: 1px solid #edecea; 
}
table.sboOptic02 th {
	width: 160px;
	padding: 7px;
	border-right: 3px solid #fff; 
	font-weight: bold;
}
table.sboOptic02 td table.downloadList  { margin: 10px -15px 10px 0; }
	table.sboOptic02 td table.downloadList td:last-child, table.sboOptic02 td table.downloadList td.last-child { width:0; border:none; }

table.sboOptic02 tr:first-child td, table.sboOptic02 tr:first-child th,
table.sboOptic02 tr.first-child td, table.sboOptic02 tr.first-child th { background-image: none; border-top: none; padding-top: 0; }
table.sboOptic02 tr:last-child td, table.sboOptic02 tr:last-child th,
table.sboOptic02 tr.last-child td, table.sboOptic02 tr.last-child th { border-left: none; border-right: none; }
table.sboOptic02 td:first-child, table.sboOptic02 th:first-child,
table.sboOptic02 td.first-child, table.sboOptic02 th.first-child { border-left: none; }

a.expandLink:link, a.expandLink:visited, a.expandLink:hover, a.expandLink:active {
	position: absolute; margin: -60px 0 0 5px;	color: #157deb; padding: 0 0 0 8px; background: transparent url(../images/sbo/chrome/assets.png) -350px -198px no-repeat;
}


#franzisFolge1, #franzisFolge2, #franzisFolge1Active, #franzisFolge2Active {
	float:left;
	height: 120px; width: 232px;
	margin-right: 24px; margin-top: 25px;
	background: transparent url(../images/chrome/franzis.gif) 0 0 no-repeat;
}
#franzisFolge1 { background-position: 0 0; cursor: default; cursor: pointer; margin-right: 0;  }
#franzisFolge1Active:link, #franzisFolge1Active:visited { background-position: -464px 0;  margin-right: 0; }
#franzisFolge1Active:hover, #franzisFolge1Active:active { background-position: -232px 0; margin-right: 0; }
#franzisFolge2 { background-position: 0 -120px; cursor: default; }
#franzisFolge2Active:link, #franzisFolge2Active:visited { background-position: -464px -120px; }
#franzisFolge2Active:hover, #franzisFolge2Active:active { background-position: -232px -120px;  }

#franzisFolge1 span, #franzisFolge2 span, #franzisFolge1Active span, #franzisFolge2Active span { display: none; }

#franziFlash {	position: absolute; left:35px; top:142px; }



/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 475px; } /* 'A' */
.cssForm label { width: 120px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol {/*||hide:true*/ padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea {/*||hide:true*/ width: 335px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea {/*||hide:true*/ width: 116px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {/*||hide:true*/ width: 112px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {
	/*||hide:true*/
	font-weight: normal;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
}

/*~~ Vermittler Seite ab 03.2010 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.vermittler2010 { width: 600px !important; padding-left: 122px; }
	.vermittler2010 h2 { padding: 0 10px; margin: 0 0 30px; background: transparent url(../images/chrome/vermittler.jpg) 20px -643px; height: 19px;}
		.vermittler2010 h2 span { display: none; }

#vermittlerPackshots {
	background: #fff url(../images/chrome/vermittler.jpg) 0 0 no-repeat;
	height: 143px;
	padding: 312px 0 0 3px;
	margin: 14px 0;
	position: relative;
	/*margin-left: 120px;*/
}
#vermittlerPackshots table { width: 559px; }
#vermittlerPackshots td { vertical-align: top; width: 266px; }
#vermittlerPackshots td.first { padding-right: 15px; }
#vermittlerPackshots h2 { background-position: 0 -565px; margin: 0 0 7px 10px; width: 150px;}
	
#vermittlerPackshots p {  padding: 0 10px; height: 71px; margin: 0; line-height: 140%; }


#vermittlerPackshots .buttonBlue,
#vermittlerPackshots .buttonOrange {
	background: #b2d7de url(../images/chrome/vermittler.jpg) 0 -470px no-repeat;
	width: 266px;	height: 33px; line-height: 33px;
	color: #003772;
	display: block;
	text-indent: 28px;
	text-decoration: none;
} 
#vermittlerPackshots .buttonOrange { background-position: -266px -470px; background-color: #da7c00; color: #fff; } 
#vermittlerPackshots .buttonBlue:hover, #vermittlerPackshots .buttonBlue:active { background-position: 0 -503px;  }
#vermittlerPackshots .buttonOrange:hover, #vermittlerPackshots .buttonOrange:active { background-position: -266px -503px;  }

.vermittlerButtonBQS, .vermittlerButtonSBO { position: absolute; top: 13px; left: 305px; width: 205px; height: 260px; _display: none;  }
.vermittlerButtonSBO { left:35px; top:7px; }
.vermittlerButtonBQS:hover, .vermittlerButtonBQS:active { background: transparent url(../images/chrome/vermittler24bit.png) -270px -5px no-repeat; }
.vermittlerButtonSBO:hover, .vermittlerButtonSBO:active { background: transparent url(../images/chrome/vermittler24bit.png) 0 0 no-repeat; }
	.vermittlerButtonSBO span, .vermittlerButtonBQS span { display: none; }
	
.vermittler2010 .colOne { float: left; width: 45%; }
	.vermittler2010 .colOne textarea { width: 225px; }
.vermittler2010 .colTwo { float: left; width: 55%; overflow: hidden; }
	.vermittler2010 .colTwo input, .vermittler2010 .colTwo select { width: 190px; margin-bottom: 10px; }
	.vermittler2010 .colTwo label { width: 85px; text-align: right; }
	.vermittler2010 .colTwo .rightCol { padding-left: 85px; width:auto; }


.teaserBox2 { position: relative; width: 521px; min-height: 330px; background: #f6f6f6; border: 1px solid #e6e8e1; padding: 19px;/* margin-left: 120px;*/ }
.vermittler2010 .teaserBox2 h2 {  background-position: 0 -615px; margin-bottom: 15px; }
	.cornerUL, .cornerUR, .cornerLL, .cornerLR {
		background: transparent url(../images/chrome/vermittler.jpg) 0px -545px no-repeat; width: 5px; height: 5px; position: absolute; top: 0; left: 0; margin: -1px;
	}
	.cornerUR { background-position: -5px -545px; right: 0; left: auto; }
	.cornerLL, .cornerLR { background-position: -5px -550px; right: 0; left: auto; bottom: 0; top: auto;}
	.cornerLL { background-position: 0 -550px; right: auto; left: 0; bottom: 0; top: auto; }
	
	* html .cornerUL, * html .cornerUR, * html .cornerLL, * html .cornerLR { display: none; } /* ie6- */


	



/*======================= CSSFORM PLUS: Optikanpassungen für Infoboxes ================================*/
.cssForm .hasInfoBoxes .rightCol, .cssForm .hasInfoBoxes input, .cssForm .hasInfoBoxes select, .cssForm .hasInfoBoxes textarea, 
.cssForm .hasInfoBoxes .exInput, .cssForm .hasInfoBoxes .exTextarea { /*||hide:true*/ width: 190px; }


.cssForm .hasInfoBoxes .fieldrow .info {/*||hide:true*/ background: #faf4de url(../images/chrome/bg-infobox_bottom.gif) left bottom no-repeat; }
.cssForm .hasInfoBoxes .fieldrow .info .content { background: transparent url(../images/chrome/bg-infobox_top.gif) left top no-repeat; }
		.cssForm .hasInfoBoxes .info h5, 
		.cssForm .hasInfoBoxes .info p { color: #157deb; }
		.cssForm .hasInfoBoxes .info h5 { background: transparent url(../images/chrome/icons/info_icon.gif) no-repeat; padding: 5px 0 5px 30px; }

.cssForm .hasInfoBoxes .fieldrow:hover,
.cssForm .hasInfoBoxes .fieldrow.hovered, 
.cssForm .hasInfoBoxes .fieldrow.focused {/*||hide:true*/ background: #faf4de; }
.cssForm .hasInfoBoxes .fieldrow:hover label,
.cssForm .hasInfoBoxes .fieldrow.hovered label, 
.cssForm .hasInfoBoxes .fieldrow.focused label,
.cssForm .hasInfoBoxes .fieldrow.focused:hover label { color: #157deb !important; }
.cssForm .killHover    .fieldrow.focused:hover {/*||hide:true*/ background: #faf4de !important; }

.cssForm .killHover    .fieldrow:hover label,
.cssForm .killHover    .fieldrow.hovered label {/*||hide:true*/ color: #000 !important; } 

			
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */