/*(c)2009 com2 Gmbh, TN, www.com-com.com v1.1 */

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

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

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


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%;  overflow-y: scroll; } /*v-scrollbar für moz einschalten*/
body { background: #d4cdc5; }

th {text-align: left; font-weight: bold; }
img {border:none;}li
em.highlighted {/*||hide:true*/  color: #b42c33; }
label { color: #8a8b8d; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
	ul{ padding-left: 10px; margin-left: 0; }
		#rightCol ul{
			padding-left: 0;
		}
	li { list-style: none; padding-left: 8px; background: transparent url(../images/chrome/moreicon.gif) left 2px no-repeat; }
		ul.triangle li{ /*||title-de:Dreieckige Bullets||title-en:Triangle Bullets*/ background-image: url(../images/chrome/moreiconfull.gif); }
		ul.square li{ /*||title-de:Viereckige Bullets||title-en:Square Bullets*/ background-image: url(../images/chrome/square.gif); }
	
table {  empty-cells: show; }
	td { empty-cells: show; }

.cmsColor01 { /*||title-de:Rot||title-en:Red*/ color: #b42c33; }
.cmsColor02 { /*||title-de:Grau||title-en:Grey*/ color: #847970; }

h1 { margin: 0; padding: 0;  }
h2 {margin: 0 0 15px; font-size: 1.6em; color: #000; font-weight: bold;}
h3 {font-size: 1.2em; color: #000; margin: 0 0 15px; padding: 0; font-weight: bold; }
h4 {font-size: 1em; font-weight: bold; color: #8a8b8d; margin: 0 0 15px; padding: 0; wline-height: 110%; }
	h2 span, h3 span, h4 span { font-weight: normal; } 

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

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

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #8a8b8d; padding: 0px 2px; } 
input.textInput {/*||hide:true*/  border: 1px solid #8a8b8d !important; } 
select { border: 1px solid #8a8b8d; padding: 0; }
.textInput:active {/*||hide:true*/ 	border: 1px solid #b42c33 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color: #b42c33; text-decoration: none; outline: 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.more:link, a.more:visited, a.more:hover, a.more:active  {/*||title-de:Link "mehr"||title-en:link "more"*/ color: #b42c33; background: transparent url(../images/chrome/moreicon.gif) right center no-repeat; padding-right: 4px; }
a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active  {/*||title-de:PDF Download||title-en:PDF download*/ color: #b42c33; background: transparent url(../images/chrome/pdflink.gif) left center no-repeat; line-height:145%; padding-left:16px;}
a.doc:link, a.doc:visited, a.doc:hover, a.doc:active  {/*||title-de:Dokumentendownload||title-en:link document download*/ color: #b42c33; background: transparent url(../images/chrome/docicon.gif) left center no-repeat; line-height:145%; padding-left: 16px; }

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

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #8a8b8d;}

img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 5px 5px; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  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 {/*||hide:true*/ display: none;}
	
dl{ border: none;border-top: 1px dotted #8a8b8d; }
	dt, dd { padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px;border-bottom: 1px dotted #8a8b8d; }
	
dl.historie{/*||hide:true*/ 
	border: none;
}
	dl.historie dt, dl.historie dd{/*||hide:true*/ 
		border: none;
	}
	dl.historie dt{/*||hide:true*/ 
	    font-size: 1.5em;
		 padding-top: 10px;
	}
	
	dl.historie dd{/*||hide:true*/ 
		border-bottom: 1px dotted #d4cdc5;
	}
	

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

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
	/*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 
}
table.optic01 tr.alternate { /*||title-de:Alternative Zeile||title-en:Alternate Col||desc-de:Alternative Zeilenfarbe.||desc-en:Alternate Col Color */  background-color: #efefef; }
table.optic01 td, table.optic01 th { 
	padding: 3px;
	vertical-align: top;
}
/* OPTIC2*/
table.optic02 {
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
table.optic02 th { background-color: #8a8b8d; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}

/* OPTIC3*/
table.optic03 {
	/*||title-de:Tabellenoptik 3||title-en:Tablestyle 3||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
	
table.optic03 td, table.optic03 th { 
	padding: 3px;
	vertical-align: top;
}
	table.optic03 th { background-color: #9A8C7E; border-top: 10px solid #fff; border-bottom: #847970; font-size: 1.1em; color: #fff; height: 20px; padding:6px 3px }
	table.optic03 th.subType {/*||hide:true*/  background-color: #D4CDC5; border-bottom: #847970; border: 0; color: #9A8C7E; font-size: 1em }


	/* OPTIC3*/
table.optic04 {
	margin: 10px 0;
	/*||title-de:Tabellenoptik 4||title-en:Tablestyle 4||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
	table.optic04 tr:hover{ background-color: #efefef; cursor: pointer;}
	
	
table.optic04 td, table.optic04 th { 
	padding: 5px 3px;
	vertical-align: top;
}
	table.optic04 th { background-color: #9A8C7E; border-top: 10px solid #fff; border-bottom: #847970; font-size: 1.1em; color: #fff; height: 20px; padding:6px 3px }
	table.optic04 th.subType {/*||hide:true*/  background-color: #D4CDC5; border-bottom: #847970; border: 0; color: #9A8C7E; font-size: 1em }



	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

#minWidth { background: #fff; width:990px; min-height: 100%; _height:100%; margin: 0 auto; position: relative  }


	#func { background: #d4cdc5; padding: 20px 0 0 27px; height: 30px; =height: 29px; line-height: 100%; position: relative; }
		#search { position:absolute; right: 42px; top: 20px; }
			#search input { border: none; height: 23px; line-height: 23px; padding: 0 3px; float:left; width: 150px; color:#847970; }
			#search input.button { /*||hide:true*/ background: #b42c33 url(../images/chrome/searchButton.gif) 0 0 no-repeat !important; width: 19px; overflow: hidden; text-indent: -5000px;  }
			#search input, x:-moz-any-link, x:default { padding-top: 4px; height: 19px; =padding-top: 0;  =height:23px;} /* ff3 only */
			#search input.button, x:-moz-any-link, x:default {/*||hide:true*/   height: 23px; } /* ff3 only */
			#search input.button:hover {/*||hide:true*/  background-position: 0 -23px !important; }

/*~~ Func Nav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#func ul { margin: 0; padding: 0; list-style: none; text-transform: uppercase; }
			#func li {
				margin: 0; padding: 0;
				display: inline; 
				list-style: none;
			}
			#func li a:link, #func li a:visited, #func li a:hover, #func li a:active {
				padding: 4px 12px 8px;
				color: #93908a;
				text-decoration: none;
				border-right: 2px solid #e8e5e0;
				float:left;
			}
			#func li a:hover, #func li a:active {	color: #b42c33;	}
			#func li.active a:link, #func li.active a:visited, #func li.active a:hover, #func li.active a:active {/*||hide:true*/ 
				color: #b42c33;
				background: transparent url(../images/chrome/redLine.gif) left bottom repeat-x;
			}

/*~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			div#Logo { position: absolute; z-index: 50; right: 46px; top: 70px;  +top: 69px; _top:69px   }
				h1{-moz-opacity: 0.9; -khtml-opacity: 0.9; filter:alpha(opacity=90); background: #e7dfd5; padding: 17px 0px;  height: 50px; width: 220px; text-align: center  }
				div#Logo div{ 	-moz-opacity: 0.9; -khtml-opacity: 0.9; filter:alpha(opacity=90); background: #e7dfd5; margin-top: 7px; padding:8px; text-align: center; font-size: 1.1em; font-weight: bold	}
				
		#printKontakt{
			display: none;
		}

		#header { padding: 20px 20px 0; z-index: 40; position: relative; width: 950px; height:236px  }
			
/*~~ Cite-Area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			#phrase {
				position: absolute;
				right: 46px; 
				top: 169px;
				width: 140px;
				background: #b42c33;
				padding: 20px 50px 20px 30px;
				color: #fff;
				-moz-opacity: 0.9;
				-khtml-opacity: 0.9;
				filter:alpha(opacity=90);
				height: 46px;
				overflow: hidden;
			}
			#phrase cite { font-size: 1.25em; font-style: normal; }

			
/*~~ TopNav First Level ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			
		#topNav { margin: 0 20px; padding: 0; background: #9a8c7e url(../images/chrome/topNavBg.gif) top left repeat-x; height: 58px;  position:relative; }
			#topNav ul { margin: 0; padding: 0; list-style: none; }
				#topNav li {
					margin: 0; padding: 0;
					display: inline; 
					list-style: none;
				}
				#topNav li a:link, #topNav li a:visited, #topNav li a:hover, #topNav li a:active {
					padding: 0 12px 0;
					
					color: #fff;
					text-decoration: none;
					border-right: 1px solid #fff;
					float:left;
					width: 165px; _width: 164px; height: 32px;
					line-height: 32px;
					text-align: center;
					text-transform: uppercase; 
				}
				#topNav li.last a:link, #topNav li.last a:visited, #topNav li.last a:hover, #topNav li.last a:active {/*||hide:true*/  border-right: none; }
				#topNav li a:hover, #topNav li a:active { background-color: #afa498; }
				#topNav li.active a:link, #topNav li.active a:visited, #topNav li.active a:hover, #topNav li.active a:active {/*||hide:true*/ 
					color: #b42c33; background: #d4cdc5;
				}
				
				#topNav li.last a:link, #topNav li.last a:visited, #topNav li.last a:hover, #topNav li.last a:active {/*||hide:true*/ 
					width:166px;
				}
/*~~ Second Level ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			#topNav ul ul { position: absolute; top: 34px; left:0; margin: 0 0 0 23px;}
				#topNav li.active li a:link, #topNav li.active li a:visited,
				#topNav li.active li a:hover, #topNav li.active li a:active {/*||hide:true*/ line-height: 25px; height: 25px; background: none; text-transform: none; width: auto; border:none; margin: 0; color: #9a8c7e; }

				#topNav li.active li a:hover, #topNav li.active li a:active { /*||hide:true*/color: #b42c33; }
				#topNav li.active li.active a:link, #topNav li.active li.active a:visited,
				#topNav li.active li.active a:hover, #topNav li.active li.active a:active { /*||hide:true*/color: #b42c33; background: transparent url(../images/chrome/redLine.gif) left bottom repeat-x; }

/*~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#content { padding: 30px 20px; }
		#mainTable td { vertical-align: top;  }
			#mainTable #leftCol { width: 190px; }
			
			.listItemContent{
				width: 380px;
			}
			
			
			
/*~~ Suche ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
			
#suche {
	background:#D4CDC5;
	padding: 10px;
}

.listItem em{
	font-weight:bold;
	color: #b42c33;
} 

.listItemContent, .smallTeaserBox  { /*||hide:true*/
	
	border-bottom: 1px dotted #D4CDC5;	
	padding: 5px;
}

.listItemContent{ /*||hide:true*/
	border-right: 1px dotted #D4CDC5;		
}

.smallTeaserBox{ /*||hide:true*/
	width:100px;
}
			
/*~~ Leftnav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
				#leftCol ul { margin: 0 0 20px 0; padding: 0; list-style: none; }
					#leftCol li { margin: 0; padding: 0; list-style: none; display: inline; }
						#leftCol ul a:link, #leftCol ul a:visited, #leftCol ul a:hover, #leftCol ul a:active { padding: 0 0 0 22px; text-decoration: none; color: #9a8c7e; float: left; clear: left; background: #e9e6e2; width: 168px; line-height: 23px; height: 23px; border-bottom: 1px solid #fff; }
						#leftCol ul a:hover, #leftCol ul a:active { color: #666; background-color: #e1ddd9; }
						#leftCol ul li.active a:link, #leftCol ul li.active a:visited, 
						#leftCol ul li.active a:hover, #leftCol ul li.active a:active {/*||hide:true*/ color: #b42c33; background: #d4cdc5; border-bottom: none; height: auto; }
							#leftCol ul li.active a:hover, #leftCol ul li.active a:active {/*||hide:true*/ background: #c4bcb2; }
							#leftCol ul ul { margin: 0; }
								#leftCol ul ul a:link, #leftCol ul ul a:visited, 
								#leftCol ul ul a:hover, #leftCol ul ul a:active {/*||hide:true*/ padding-left:30px; width: 160px; background: #d4cdc5 url(../images/chrome/square_active.gif) 22px 6px no-repeat !important;}
							 	#leftCol ul ul li.last a:link, #leftCol ul ul li.last a:visited, 
								#leftCol ul ul li.last a:hover, #leftCol ul ul li.last a:active {/*||hide:true*/border-bottom: 1px solid #fff !important; }
									#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 {/*||hide:true*/ color: #655; background: #d4cdc5; border-bottom: none; height: auto; }
										#leftCol ul li.active li.active a:link, #leftCol ul li.active li.active a:visited, 
										#leftCol ul li.active li.active a:hover, #leftCol ul li.active li.active a:active,
										#leftCol ul li.active li a:hover, #leftCol ul li.active li a:active {/*||hide:true*/ color: #b42c33; background: #d4cdc5 url(../images/chrome/square.gif) 22px 6px no-repeat !important; }	
											#leftCol ul li.active li a:hover, #leftCol ul li.active li a:active,
											#leftCol ul li.active li.active a:hover, #leftCol ul li.active li.active a:active {/*||hide:true*/ background-color: #c4bcb2 !important; }
			#leftCol img{ 
				margin-top: 15px;
				
			}
			
			#mainTable #centerCol { width: 480px; border: 40px solid #fff; border-top: none; border-bottom: none; }
			#mainTable #rightCol { width: 175px;}
      
        li.pdfRight{ min-height:113px; _height:113px;}
			
/*~~ Veranstaltungen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			

 #rightCol h3{
 	clear: right;
	padding-top: 10px;
	margin: 0;
	padding-left: 9px;
	border-top: 1px dotted #9A8C7E;
 }
 
  #rightCol div img{padding-bottom:12px}

dl.events{
	border: none;
}

dl.events dt{ border:none;}
dl.events dd {
	border-bottom: 1px dotted #9A8C7E;
}
										
/*~~ Popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#popup{
		padding: 15px;
		width: 400px;
		background-color: #fff;
		margin: 20px auto 0;
		border: 20px solid #9A8C7E;
	}
	
		#popup a{
			text-align: right;
			display:block;
		}

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

.cssForm fieldset { width: 475px; margin: 0 } /* '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 .selectorGroup label { /*||hide:true*/max-width: 450px !important}
.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 */
.cssForm hr { /*||hide:true*/margin: 21px 0 3px !important; +margin:25px 0 !important;}

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

input.button, .button {/*||hide:true*/ } 
.cssForm fieldset.error {/*||hide:true*/ border-top-color: #f7931; }
.cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ }
.cssForm legend { /*||hide:true*/color: #9a8c7e;} 

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