/*~~ 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: 11px;} 

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

body.ba7 { background: #002865 url(../images/ba7/body_bg.gif) top left repeat-y;}
body.ba6 { background: #daf2c0 url(../images/ba7/body_bg.gif) top left repeat-y;}
body.ba5 { background: #efefef url(../images/ba5/body_bg.gif) top left repeat-y;}
body.ba4, body.ba3, body.ba2, body.ba1 { background: #efefef url(../images/ba7/body_bg.gif) top left repeat-y;}

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

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
.nomargin{ /*||title-de:kein Abstand||title-en:no margin||desc-de:kein Abstand nach oben||desc-en:no margin top*/ margin-top: -15px;}

p.thumb {margin-top:15px}
	p.thumb img{ vertical-align:top}

table { empty-cells: show; }
	td { empty-cells: show; }


.cmsColor01 { /*||title-de:Grün||title-en:Green*/ color: #8cc143; }
.cmsColor02 { /*||title-de:Orange||title-en:Orange*/ color: #ff8a0a; }

/* Nur für den Druck */
img.logo{
	display: none;
}


h1{height:170px; margin: 0; padding:0 }
.ba7 h1 {/*||hide:true*/  background: transparent url(../images/ba7/ba7_logo_de.jpg) no-repeat; }
.ba6 h1 {/*||hide:true*/  background: transparent url(../images/ba6/ba6_logo_de.jpg) no-repeat; }
.ba5 h1 {/*||hide:true*/  background: transparent url(../images/ba5/ba5_logo_de.jpg) no-repeat; }
.ba4 h1 {/*||hide:true*/  background: transparent url(../images/ba4/ba4_logo_de.jpg) no-repeat; }
.ba3 h1 {/*||hide:true*/  background: transparent url(../images/ba3/ba3_logo_de.jpg) no-repeat; }
.ba2 h1 {/*||hide:true*/  background: transparent url(../images/ba2/ba2_logo_de.jpg) no-repeat; }
.ba1 h1 {/*||hide:true*/  background: transparent url(../images/ba1/ba1_logo_de.jpg) no-repeat; }

h2 {margin: 15px 0; font-size: 1.7em; color: #514F39; font-weight: bold;}
.ba7 h2 {color: #ff8a0a; }
	h2.small{font-size: 1.4em;}
h3 {font-size: 1.1em; color: #8cc143; margin: 15px 0; text-transform: uppercase;  padding: 0; font-weight: bold; }
.ba7 h3{color: #5d5d5d}
h4 {font-size: 1.1em; font-weight: bold; color: #847970; margin: 15px 0; padding: 0; line-height: 110%; }
.ba7 h4{color: #002865; margin: auto; padding: inherit;}

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

.sponsor{/*||hide:true*/
	margin-bottom: 10px;
	clear: right;
}

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

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

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


a.pdf{
	background: transparent url(../images/chrome/pdf-icon1.gif) 0 -1px no-repeat;
	padding-left: 18px
}

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

.ba7 a.normal:link, .ba7 a.normal:visited, .ba7 a.normal:hover, .ba7 a.normal:active  {/*||title-de:Textlink||title-en:Black Link||desc-de:Link wie Schriftfarbe||desc-en:Normal colored Link*/ color : #000; text-decoration: underline; }
.ba7 a.normal:hover, .ba7 a.normal:active { text-decoration: none; text-decoration: none }

.ba7 a:link, .ba7 a:visited, .ba7 a:hover, .ba7 a:active  { color : #FF8A0A; text-decoration: none; outline: none; text-decoration: underline; }
.ba7 a:hover, .ba7 a:active { text-decoration: none; }
.ba7 a.active:link, .ba7 a.active:visited, .ba7 a.active:hover, .ba7 a.active:active  {/*||hide:true*/ font-weight: bold;}

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

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: 0.8em;}
.big { /*||title-de:groß||title-en:big||desc-de:Größere Schriftdarstellung||desc-en:Bigger Fontsize*/ font-size: 1.1em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #cbcbcb;}

.bordered{ border-bottom: #FFFFFF 0px solid; border-left: #CECDCD 1px solid; border-right: #CECDCD 1px solid; border-top: #CECDCD 1px solid; }

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 {display: none;}
	
dl{ border: 1px solid #cbcbcb; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

/*~~ 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 { 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: #cbcbcb; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}

table.details{
	padding-top: 10px;
}

/* CMS-BACKEND WORKAROUND gegen Nichtanzeige der Modulfunktionen im CMS im IE6 dank der eingebundenen hover.htc */
div.cmsTextModule div.moduleHead div.moduleButtonBar,
div.cmsImageModule div.moduleHead div.moduleButtonBar,
div.cmsGalleryModule div.moduleHead div.moduleButtonBar,
div.cmsTextModule div.moduleHeadContainer div.moduleButtonBar,
div.cmsGlobalSelectModule div.moduleHead div.moduleButtonBar {
	visibility: visible;
}

.print{
	padding-left: 20px;
	margin:0 10px 5px;
	background: transparent url(../images/chrome/print.gif) left center no-repeat;
}

.back{
	padding-left: 10px;
	margin: 0 10px;
	background: transparent url(../images/chrome/back.gif) left center no-repeat;	
}

.top{
	padding-left: 10px;
	margin: 0 10px 5px;
	background: transparent url(../images/chrome/top.gif) left center no-repeat;	
}

.number{
	font-weight: bold;
	color:#DD0000;
}

.allArtists div{/*||hide:true*/
	font-size: 22px; 	
	font-weight: bold;
	color: #b0b1ae;
	
}

.kuenstler{
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
/*	background-color: #f1f1ec;*/
}

.exponate{
	background: #efefef;
	padding: 10px 15px 2px 10px;
	margin-bottom: 10px;
}

/* Layout */

#minWidth{
	min-height: 100%;
	_height: 100%;
	
}

#head{
	position: absolute;
	width: 100%;
	height: 170px;
}

/*#innerHead{
	width: 951px;
	margin: 0 auto;
	position: relative;
}*/

.ba7 #head{background: #cbcbcb url(../images/ba7/top_right_bg.gif) 0px 0px repeat-x; }
.ba6 #head{background: #cbcbcb url(../images/ba6/top_right_bg.gif) 0px 0px repeat-x;}
.ba5 #head{background: #cbcbcb url(../images/ba5/top_right_bg.gif) 0px 0px repeat-x;}
.ba4 #head, .ba3 #head, .ba2 #head, .ba1 #head{background: #cbcbcb url(../images/ba4/top_right_bg.gif) 0px 0px repeat-x;}
	
#leftCol{
	top: 200px;
	width:210px;
	position: absolute;
	left: 0;
	z-index: 50;
}

#content{
	position: absolute;
	top: 165px;
	min-height: 400px;
	left: 230px;
	z-index: 40;
	width: 700px;
	padding-bottom:30px;
	padding-top:30px;
}
	table.content{
		width: 100%;
	}
	
	table.oneCol{
		width: 495px;
		}
		table.wide{
		width: 100%;
		}
		table.content td{
			vertical-align: top;
			wwidth: 495px;
		}
		table.content td#leftContent{width: 495px;}
		table.content td#rightContent{width: 180px; padding:40px 0 0 25px; }
			#rightContent a.pic img{border:1px solid #FF8A0A; opacity: 0.8;  filter: alpha(opacity = 80);	}
				#rightContent a.pic:hover img{border:1px solid #5d5d5d; opacity: 1; filter: alpha(opacity = 100);}
#footer{
	position: absolute;
	height: 20px;
	bottom:0;
	width: 700px;
	padding-top: 20px;

}
		
		
#funcNav{ position: absolute;	top: 0px; width: 951px; text-align: right;}
	.ba4 #funcNav, .ba3 #funcNav, .ba2 #funcNav, .ba1 #funcNav{
		top: 10px;
	}
#funcNav ul{ margin: 0; height: 14px; padding: 8px 0; 	 }	
	#funcNav li { display: inline; padding: 0 30px 0 0; }
		#funcNav a:link, #funcNav a:visited,
		#funcNav a:hover, #funcNav a:active { color: #000; text-decoration: none; font-size:1em;} 
		#funcNav a:hover, #funcNav a:active { color: #5d5d5d; text-decoration: underline }
	
	

	
#mainNav{padding:20px 0 0 15px; margin:0;width: 180px }
	#mainNav ul {padding:0; margin: 0; position: absolute; width: 180px; display: none; top: 0; left: 180px;}
		#mainNav li {  padding: 0; margin:0; list-style: none; width: 100%; float: left; line-height: 13px}

			
			#mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active { 
				color: #5d5d5d; 
				border-bottom: 1px dotted #cbcbcb;
				background-color: #efefef; 
				display: block; 
				font-weight: bold; 
				text-decoration: none; 
				padding: 6px 0 6px 7px;
				margin:0;
			} 
			

			
			/*.ba7 #mainNav li#ID111 a, .ba7 #mainNav li#ID167 a{
				background-image: url(../images/chrome/b7-menu-top.gif) ;
				background-position: top left;
				background-repeat: no-repeat;
			}
			
				
			.ba7 #mainNav li a:link, .ba7 #mainNav li a:visited, .ba7 #mainNav li a:hover, .ba7 #mainNav li a:active {color: #002865; padding-right: 7px; background-color: #a9cbff}
			*/	


		*html #mainNav li{behavior:expression( this.onmouseover = new Function("this.className+= ' hover';"),this.onmouseout = new Function("this.className = this.className.replace(' hover','');"),this.style.behavior = null);}

			#mainNav li:hover, 
			#mainNav li.hover{
				position:relative;
				}
				
				#mainNav li:hover ul li ul, 
				#mainNav li.hover ul li ul,
				#mainNav li:hover li:hover ul li ul, /* 2. Hover 3. Ebene ausblenden */
				#mainNav li.hover li.hover ul li ul,
				#mainNav li.active ul li:hover ul li ul, 
				#mainNav li.activeBA7 ul li:hover ul li ul,
				#mainNav li.active ul li.hover ul li ul,
				#mainNav li.activeBA7 ul li.hover ul li ul,				
				#mainNav li.active ul li ul, 
				#mainNav li.activeBA7 ul li ul, 				
				#mainNav li.active ul li.active ul li ul,
				#mainNav li.activeBA7 ul li.active ul li ul{
					display: none;
				}
				
				#mainNav li:hover ul, 
				#mainNav li.hover ul, 
				#mainNav li:hover li:hover ul,
				#mainNav li.hover li.hover ul,
				#mainNav li:hover li:hover li:hover ul,
				#mainNav li.hover li.hover li.hover ul,
				#mainNav li.active ul li:hover ul, 
				#mainNav li.active ul li.hover ul, 
				#mainNav li.active ul li.active ul li:hover ul, 
				#mainNav li.active ul li.active ul li.hover ul{
					display: block;
					position: absolute;	
				}
		
				#mainNav li.active ul, #mainNav li.activeBA7 ul,
				#mainNav li.active ul li.active ul, 
				#mainNav li.active ul li.active ul li.active ul {
					position: static;	
					display: block;	
				}
				
					#mainNav li li a:link, #mainNav li li a:visited, #mainNav li li a:hover, #mainNav li li a:active {
							wbackground: #e7e7e7 url(../images/chrome/nav1st.gif) 15px 7px no-repeat; 
							padding-left: 18px;
							
						}
																
							#mainNav li li li a:link, #mainNav li li li a:visited, #mainNav li li li a:hover, #mainNav li li li a:active {
									wbackground:  #e7e7e7 url(../images/chrome/nav2nd.gif) 27px 7px no-repeat; 
									padding-left: 31px;
								}
								
									#mainNav li li li li a:link, #mainNav li li li li a:visited, #mainNav li li li li a:hover, #mainNav li li li li a:active {
										wbackground:  #e7e7e7 url(../images/chrome/nav3rd.gif) 36px 7px no-repeat; 
										padding-left: 40px;										
									}
				/*					
				.ba7 #mainNav li a:hover, .ba7 #mainNav li a.active,
				.ba7 #mainNav li li a:hover, .ba7 #mainNav li li a:active,
				.ba7 #mainNav li li li a:hover, .ba7 #mainNav li li li a:active,
				.ba7 #mainNav li li li li a:hover, .ba7 #mainNav li li li li a:active
				 {background-color: #ffe4c7;  text-decoration: underline }	
				*/
		
						
				#mainNav li a:hover, #mainNav li a:active,
				#mainNav li li a:hover, #mainNav li li a:active,
				#mainNav li li li a:hover, #mainNav li li li  a:active
				 {background-color: #dfdfd9; text-decoration: underline }	
				 			 
						
				#mainNav li.active a, #mainNav li.active li.active a, #mainNav li.active li.active li.active a
				 {background-color: #dfdfd9; wtext-decoration: underline; }	

				#mainNav li.active li a, #mainNav li.active li.active li a, #mainNav li.active li.active li.active li a
				 {background-color: #e7e7e7; wtext-decoration: none; }	
				
				#mainNav li.active a:hover, #mainNav li.active a:active, 
				#mainNav li.active li.active a:hover, #mainNav li.active li.active a:active,
				#mainNav li.active li.active li.active a:hover, #mainNav li.active li.active li.active a:active
				 {background-color: #dfdfd9; wtext-decoration: underline;}	
				 

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

.cssForm fieldset{/*||hide:true*/width: 455px; padding: 5px 15px; margin:0} /* 'A' */
.cssForm label { /*||hide:true*/width: 80px;} /* 'B' */
.cssForm .rightCol {/*||hide:true*/padding-left:85px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea {/*||hide:true*/ width: 185px; /* 'A'-'B'-10px='C' */ }

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

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

.cssForm legend{/*||hide:true*/
	margin-left:-15px
}

.cssForm fieldset img{/*||hide:true*/
	vertical-align: middle;
}
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*/
}