/*(c)2007 com2 Gmbh, SH,TN www.com-com.com v2.3 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.76em;} 

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: #d7eefd url(../images/chrome/bg_flower.gif) top center no-repeat; text-align: center;}
	body.popup { background: #fff; padding: 20px;}


th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { /*||title-de:Hervorhebung orange||title-en:Highlighting orange*/  color: #E98800; }


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

ul { padding: 0 0 0 25px; }
cite { color: #003772; font-weight: bold; }
.teaserBox cite { font-size: 1.7em; margin: 0 0 15px 0; }
.galerieTable { /*||hide:true*/  clear: right; }
.galleryTd { /*||hide:true*/ border-right: 12px solid #fff; background: #fbe99f; width: 125px; text-align: center; }
.galerieText { /*||hide:true*/ color: #e98800; font-size: .8em; }

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

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 18px; font-size: 1.9em; color: #E98800; font-weight:bold; }
h3 {font-size: 1.4em; color: #E98800; margin: 0 0 10px; padding: 0; font-weight: normal; }
h4 {font-size: 1.1em; font-weight: bold; color: #4a8cc2; margin: 0 0 5px; padding: 0; line-height: 110%; }
h5 {font-size: 1em; font-weight: bold; color: #000; margin: 0; padding: 0; }

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

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

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #C0B9A7; padding: 0px 2px; }
input.textInput {/*||hide:true*/ border: 1px solid #C0B9A7 !important; } 
select { border: 1px solid #C0B9A7; padding: 0; }
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;}



/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link, a:visited, a:hover, a:active  { color:#0657de; text-decoration: underline;}
a:hover, a:active { color:#E98800; }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

a.pdfLink:link, a.pdfLink:visited,
a.pdfLink:hover, a.pdfLink:active { /*||title-de:PDF Link||title-en:PDF link*/  padding-left:15px; background:transparent url(../images/chrome/pdf_link.gif) left no-repeat; }

a.pdfLink:hover, a.pdfLink:active { background:transparent url(../images/chrome/pdf_link_hover.gif) left no-repeat; }

a.arrowLink:link, a.arrowLink:visited,
a.arrowLink:hover, a.arrowLink:active { /*||title-de:Wichtiger Link||title-en:Important link*/ padding-left:11px; background:transparent url(../images/chrome/arrow_link.gif) left no-repeat; }

a.arrowLink:hover, a.arrowLink:active { background:transparent url(../images/chrome/arrow_link_hover.gif) left no-repeat; }

/*~~ 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{ /*||title-de:Bild rechtsbündig||title-en:Right aligned image*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Bild linksbündig||title-en:Left aligned image*/ float: left; margin: 0 5px 5px 0; }
img.portalPic {/*||title-de:Portalseitenbild||title-en:Portalpage picture*/ border: none !important; margin: 4px 0 7px 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; }
	dt, dd { border-bottom: 1px solid #e5dfd0; padding: 2px 8px; margin: 0; }
	dt { color: #736c5a; font-weight: bold; }
	dd { padding-bottom: 10px; }

#sitemap ul {font-weight: bold; color: #003772; margin-bottom: 10px;}
	#sitemap ul ul { border-top: 1px solid #d5cfc1; color: #003772; }
		#sitemap ul li li li { font-weight: normal; color: #157deb;}
		

ul.listeOrange li { /*||title-de:Liste orange||title-en:Orange list*/ list-style-image: url(../images/chrome/li_orange.gif);}
ul.listeOrange li li { /*||hide:true*/ list-style-image: url(../images/chrome/li_li_orange.gif); }

ul li { list-style-image: url(../images/chrome/li_blau.gif);	}
ul li li {	list-style-image: url(../images/chrome/li_li_blau.gif);	}	
		
/*~~ 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 */
table.optic2 { /*||title-de:Tabellenoptik 2||title-en:Tableoptic 2*/ border: 2px solid #c9e7ff; width: 100%; }

table.optic2 td, table.optic2 th {/*||title-de:Tabellenoptik 2||title-en:Tableoptic 2*/ padding: 3px 5px; vertical-align: top; text-align:left; }

table.optic2 th { background-color: #e5f4fe; color:#4a8cc2; }

table.optic2 tr.alternate, table.optic2 td.alternate { /*||title-de:Liste Alt. Zellfarbe||title-en:Alt. cellcolor*/ background-color: #f6f4f4; }

table.optic2 tr.highlighted, table.optic2 td.highlighted { /*||title-de:Hervorgehoben||title-en:Highlighted*/ background-color: #fbe99f; font-weight:bold; color:#635752; }

table.optic2 th.highlighted { /*||title-de:Hervorgehoben||title-en:Highlighted*/ background-color: #fec145; font-weight:bolder; color:#635752; }

/* OPTIC3 - Sponsoren*/ 
table.optic3 { /*||title-de:Tabellenoptik 3||title-en:Tableoptic 3*/}
	table.optic3 td { padding: 15px 0; border-bottom: 1px solid #c9e7ff; }

/* OPTIC3 - Square*/ 
table.optic4 { /*||title-de:Tabellenoptik 4||title-en:Tableoptic 4*/ border: 2px solid #feab05; background: #f4efe3; }
	table.optic4 th { padding: 5px; color: #e98800; font-size: 1.1em; }
	table.optic4 td { padding: 5px;  }






/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								


#minWidth {
	text-align: left;
	position: relative;
	background: url(../images/chrome/bg_content_lower.gif) center repeat-y;
	width: 942px;
	min-height: 100%;
	margin: 0 auto;
}

* html #minWidth {
	height:100%;
}

p#copyright {
	color: #4a8cc2;
	font-size: 0.8em;
	position: absolute;
	top: 33px;
	right: 10px;
}

/*~~ LOGO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1#logo {
	color: #5d9ccf;
	position: absolute;
	top: 10px;
	left: 48px;
	padding-top: 44px;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 110%;
	width:500px; 
}

h1#logo img {
	margin: -41px 46px 0 0;
	float: left;
	width: 93px;
}

/*~~ FUNKTIONSNAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#funcNav {
	color: #4a8cc2;
	position: absolute;
	top: 10px;
	right: 0;
}

#funcNav ul {
	padding: 0;
	margin: 0;
	line-height: 100%;
}

#funcNav ul li { display: inline; list-style: none; height: 10px; }

#funcNav ul li a:link, #funcNav ul li a:visited,
#funcNav ul li a:hover, #funcNav ul li a:active {
	color: #4a8cc2;
	padding: 0 5px 0 2px;
	border-right: 1px solid #4a8cc2;
	text-decoration: none;
	height: 10px;
	line-height: 100%;
}

#funcNav ul li a:hover, #funcNav ul li a:active { text-decoration: underline; }

#funcNav ul li.last a:link, #funcNav ul li.last a:visited,
#funcNav ul li.last a:hover, #funcNav ul li.last a:active  { border: none; }



/*~~ Hintergrund ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#headArea {
	background: url(../images/chrome/bg_head.gif) center no-repeat;
	width: 942px;
	height: 129px;
}

table#contentArea {
	background: url(../images/chrome/bg_content_upper.gif) top center no-repeat;
	width: 942px;
	height: 239px;
	table-layout: fixed;
	z-index: 50;
}

#footArea {
	position: absolute;
	bottom: 0;
	background: url(../images/chrome/bg_foot.gif) bottom center no-repeat;
	width: 942px;
	height: 53px;
	z-index: 10;
}


/* ####################################################################################################### */

/*~~ HAUPTNAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*~~ LINKES MENÜ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#contentArea .mainNav { /*||hide:true*/ width: 182px; w\idth: 134px; padding-left: 48px; vertical-align: top; }
#contentArea .mainNav.right { /*||hide:true*/ padding-left: 4px; width: 138px; w\idth: 134px;  }
	.mainNav h2 {
		color: #d9980d;
		font-size: 1.3em;
		font-weight: bold;
		margin: 16px 0 10px 2px;
	}
	.mainNav.right h2 { color: #f3bf05; }

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

	.mainNav ul { margin: 0; padding: 0; list-style: none; }
		.mainNav ul li {
			margin: 0;	padding: 0;
			width: 134px;
			height: 137px;
			background: transparent url(../images/chrome/bg_mainnav.jpg) no-repeat;
			list-style: none !important;
			list-style-image: none !important;
			position: relative;
		}
		* html .mainNav ul li {behavior: expression( this.onmouseover = new Function("this.className += ' hover';"), this.onmouseout = new Function("this.className = this.className.replace(' hover', '');"), this.style.behavior = null); } /* ie6- */

		.mainNav ul li#id22 {background-image: url(../images/chrome/bg_mainnav_01.jpg); }
		.mainNav ul li#id27 {background-image: url(../images/chrome/bg_mainnav_02.jpg); }
		.mainNav ul li#id31 {background-image: url(../images/chrome/bg_mainnav_03.jpg); }


		.mainNav ul li:hover, .mainNav ul li.hover { background-position: 0 -137px; }
		.mainNav ul li.active { background-position: 0 -274px; }
		
		.mainNav ul li a:link, .mainNav ul li a:visited, .mainNav ul li a:hover, .mainNav ul li a:active {
			padding: 7px 13px 13px 8px;
			display: block;
			width: 113px;	height: 116px;
			color: #635752;
			/*background: transparent url(../images/chrome/mainmenu_bg_leftcol.jpg) no-repeat;*/
			font-weight: bold;
			text-decoration: none;
			line-height: 120%;
			display: inline-block;
		}
		.mainNav ul li a:hover, .mainNav ul li a:active, 
		.mainNav ul li.active a:link, .mainNav ul li.active a:visited, .mainNav ul li.active a:hover, .mainNav ul li.active a:active,
		.mainNav ul li:hover a:link, .mainNav ul li:hover a:visited, .mainNav ul li:hover a:hover, .mainNav ul li:hover a:active,
		.mainNav ul li.hover a:link, .mainNav ul li.hover a:visited, .mainNav ul li.hover a:hover, .mainNav ul li.hover a:active {
			/*background-position: -137px;*/
			color: #fff;
		}

/*~~ 2te Navebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
				
			.mainNav ul ul { display: none; position: absolute; top: 65px; left:12px;  }
			.mainNav ul li.active ul { display: block; }
		
				.mainNav ul li li { height: auto; width: auto; background: none; line-height: 115%; overflow: hidden; }
				*:first-child+html .mainNav ul li li { margin-top:-3px; } /* ie7 */
				* html .mainNav ul li li {  margin-top:-3px; } /* ie6- */
				
					.mainNav ul li li a:link, .mainNav ul li li a:visited,
					.mainNav ul li li a:hover, .mainNav ul li li a:active {
						padding: 0; margin: 0;
						width: auto; height: auto;
						background: none;
						display: inline;
						font-weight: normal;
						color: #6a5d57 !important;
						line-height:115%;
					}
					.mainNav ul li li a:hover, .mainNav ul li li a:active,
					.mainNav ul li li.active a:link, .mainNav ul li li.active a:visited,
					.mainNav ul li li.active a:hover, .mainNav ul li li.active a:active {
						color: #157deb !important;
					}
					.mainNav ul li li.active a:link, .mainNav ul li li.active a:visited,
					.mainNav ul li li.active a:hover, .mainNav ul li li.active a:active {
						font-weight: bold;
					}
			.mainNav ul ul ul { display: none !important; }
	
	
/*~~ Tertiär Menü  ~~*/

#tertNav {
	float:right;
	min-width:150px;
	padding:5px;
	border: 4px solid #fbe99f; 
	margin: 0 0 10px 10px;
}

#tertNav ul { padding-left: 5px; margin-bottom:0; }

#tertNav ul li {
	padding-left: 15px;
	background: transparent url(../images/chrome/li_tertnav.gif) left no-repeat;
	list-style: none;
	list-style-image: none;
}

#tertNav ul li:hover, #tertNav ul li.hover { background:transparent url(../images/chrome/arrow_link_hover.gif) left no-repeat; }

#tertNav a:link, #tertNav a:visited,
#tertNav a:hover,#tertNav a:active {
	color: #6a5d57; text-decoration: none; 
}
#tertNav a:hover,#tertNav a:active {
	color: #E98800; text-decoration: underline; 
} 

#tertNav ul li.active a:link, #tertNav ul li.active a:visited,
#tertNav ul li.active a:hover,#tertNav ul li.active a:active {
	color: #E98800; text-decoration: underline;
}

#tertNav ul li.active { background:transparent url(../images/chrome/arrow_link_hover.gif) left no-repeat; }

/* ####################################################################################################### */

/*~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#breadcrumb { color: #6a5d57; font-size: 0.8em; margin-bottom:12px; }

#breadcrumb ul { display:inline; padding-left:0; }

#breadcrumb ul li { display:inline; padding-left:7px; background:transparent url(../images/chrome/breadcrumb.gif) left no-repeat; }

#breadcrumb ul li a:link, #breadcrumb ul li a:visited,
#breadcrumb ul li a:hover, #breadcrumb ul li a:active { color: #6a5d57; text-decoration: none; }

#breadcrumb ul li a:hover { text-decoration: underline; }



table#contentArea td.mainNavColContent { /*||hide:true*/ color: #000; padding: 16px 50px 53px 35px; vertical-align: top; width: 622px; w\idth:537px;  }
	table#contentArea td.mainNavColContent h2 { /*||hide:true*/ color: #675b59; }
	table#contentArea td.mainNavColContent img { /*||hide:true*/ border: 2px solid #feab05; }
	img.noBorder { /*||title-de:Ohne Rahmen||title-en:Without Border*/ border: none !important; }

/*~~ TEMPLATES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/*~~ PORTALSEITE ~~*/

table#portal { /*||hide:true*/ width: 540px; table-layout: fixed; }
	table#portal td.leftCol { /*||hide:true*/ width: 260px; vertical-align:top; }
	table#portal td.rightCol { /*||hide:true*/ width: 260px; padding-left:20px; vertical-align:top; }


	
	
/*~~ HOMEPAGE STYLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table#home_contentTable { table-layout: fixed; margin: 0 0 0 -19px; z-index: 50;}

	table#home_contentTable td.home_leftCol { /*||hide:true*/ width: 364px; padding: 52px 20px 20px; background: url(../images/chrome/home_bordertable.gif) 0 32px no-repeat; vertical-align: top; }
		table#home_contentTable td.home_leftCol .content { background: url(../images/chrome/home_bordertable_inner.gif) bottom center no-repeat; padding: 0 20px 20px 20px; margin: 0 -20px; }

	table#home_contentTable td.home_rightCol { /*||hide:true*/ width: 131px; padding: 0 0 0 19px; vertical-align: top; }
		table#home_contentTable td.home_rightCol h2 { color: #f3bf05; font-size: 1.3em; font-weight: bold; margin: 0 0 10px 2px; }
		table#home_contentTable td.home_rightCol h3 { color: #675b59; font-size: 1.0em; font-weight: bold; margin: 3px 0 0 0; }

		table#home_contentTable td.home_rightCol .newsBox { /*||hide:true*/ padding: 9px 9px 0 9px; line-height: 140%; background: url(../images/chrome/home_borderbox.gif) top center no-repeat; margin-bottom: 15px; }
			table#home_contentTable td.home_rightCol .newsBox .content { background: url(../images/chrome/home_borderbox_inner.gif) bottom center no-repeat; padding: 0 9px 9px 9px; margin: 0 -9px; width: 113px;overflow:hidden;}
			table#home_contentTable td.home_rightCol .newsBox .content img { border: none; }
			
		.teasers img { border:none !important;	}

/*======================= 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: #fff;
	height:24px;
	background: #649bf5 url(../images/chrome/bg_btn.gif) repeat-x scroll 50% !important;
	border: 1px solid #002b9b !important; /*A5ACB2 ist WinXP Style*/
} 

* html input.button, .button { /*||hide:true*/ height:22px; } /* ie6- */
*:first-child+html input.button, .button { /*||hide:true*/ height:22px; } /* ie7 */
			
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */