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

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

html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.72em; } td {_font-size: 0.72em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}

html, body { margin: 0; padding: 0; }
body { background: #fabb00; min-width: 998px;  wborder-bottom: 0.1px solid #fabb00; overflow:-moz-scrollbars-vertical;}


form {margin:0px; display: inline}
th {text-align: left; font-weight: bold; }
img {border:none;}

p { margin: 0 0 15px 0; line-height: 150%; }
li { line-height: 150%; }

h1 {display: none; } /*Verwendung unsichtbar im Head*/
h2 {font-size: 1.4em; font-weight: bold; color: #333; text-transform: uppercase; font-style: italic; margin: 0; line-height: 60px;  }
h3 {font-size: 1.2em; color: #333; margin: 0 0 15px; padding: 0; font-weight: bold; font-style: italic; }
h4 {font-size: 1.1em; font-weight: bold; color: #5c5c5c; margin: 0; display: inline; }

hr, .cssForm hr { height:2px; color: #F9A700; background: #F9A700; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}

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

a:link, a:visited, a:hover, a:active  { color : #333; text-decoration: underline;}
a:hover, a:active { font-style: italic; color: #efb707; }

/*~~ STANDARD CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small, .bildText{font-size: .8em; color: #b77300;} /* bezieht sich immer auf Elternelement */
.bildText{ color: #aaa;} /* bezieht sich immer auf Elternelement */

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


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

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}
	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								


#flexForm { background: transparent url(../images/chrome/flexform-bg.png) center top repeat-x; }
	#flashReplacer {  text-align: center; background: transparent url(../images/chrome/staticmenu-bg.jpg) center top no-repeat;  }
		#flashReplacer img { margin: 153px 0 0 0; }

#header{ width: 998px; text-align: right; position: absolute; left: 50%; margin-left: -499px; }
#flashHint { position: absolute; left: 0; top: 0; padding: 15px 0 0;}
	#flashHint a:link, #flashHint a:visited, #flashHint a:hover, #flashHint a:active  { font-weight: bold; text-decoration: none; }
	#flashHint a:hover, #flashHint a:active  { font-style: normal; color: #fff; }
		
#ifr {
	width: 100%;
	height: 900px;
	border: 0px solid #fff;
}		
		
#minWidth { width: 998px; margin: 0 auto; position: relative; }	

#nav {
	background: #333 url(../images/chrome/nav-head.gif) 0 0 no-repeat;
	padding: 40px 0 0;
	width: 193px;
	position: absolute;
	top: 30px;
	left: 0;
}

/*~~ 1te Navebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav ul {
	list-style: none;
	margin: 0; 	padding: 0 8px 60px;
	background: transparent url(../images/chrome/nav-bg.gif) left bottom no-repeat; 
}		
	#nav ul li {
		list-style: none;
		margin: 0; 	padding: 0;
		display: none;
	}
	#nav ul li.active, #nav ul li.active li  { display: list-item; }
	body.noLeftNav #nav ul li.active { display: none; }
	body.noLeftNav #nav ul li.filler { display: list-item !important; }
	

		#nav ul a:link, #nav ul a:visited, #nav ul a:hover, #nav ul a:active {
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}
		#nav ul a:hover, #nav ul a:active {
			color: #fabb00;
		}

/*~~ 2te Navebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#nav ul ul{ padding: 0; background: none;}				
		#nav ul li li { background: transparent url(../images/chrome/nav-dot.gif) 0 4px no-repeat; padding: 0 0 0 15px; }				
			#nav ul li li a:link, #nav ul li li a:visited, #nav ul li li a:hover, #nav ul li li a:active {
				text-transform: none;
			}
			#nav ul li li a:hover, #nav ul li li a:active {}
			#nav ul li li.active a:link, #nav ul li li.active a:visited, #nav ul li li.active a:hover, #nav ul li li.active a:active {
				color: #fabb00;
			}


/*~~ mittlerer Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
				
#content {
	margin: 0 0 0 214px;
	width: 495px;
	background: transparent url(../images/chrome/data-topframe.gif) 0 60px no-repeat;
}
.gallery#content {
	width: 754px;
	background: none;
}
	#data {
		padding: 22px 22px 7px;
		background: transparent url(../images/chrome/data-bottomframe.gif) left bottom no-repeat;
		min-height: 170px;
	}
	.gallery #data {	
		background: none;
		padding: 0 0 7px;
	}
	* html #data {height: 160px;} /* ie6- */
	 *:first-child+html #data { } /* ie7 */ /* ie6- */

	#data a:link, #data a:visited, #data a:hover, #data a:active  { }
	#data a:hover, #data a:active { color: #fff; }

.galleryFrame, .galleryFrameDetails{
	position:absolute;
	background: transparent url(../images/chrome/gallery-frame.png) no-repeat; 
	width: 250px; height: 187px;
	display: block;
	cursor: hand;
	text-decoration: none !important; 
}
.galleryFrameDetails{ background-image: url(../images/chrome/gallery-frame-details.png); 	width: 612px; height: 459px; }

.galleryTd { text-align: center; position: relative; } 
.galerieText { color: #B77300; padding:1px 0 2px 10px; line-height: 100%;}
.galleryDetailsTd {
	background: transparent url(../images/chrome/gallerydetailsbg.jpg); width: 612px; text-align: center; position: relative;
}

* html .galleryFrame {background-image: url(../images/chrome/gallery-frame.gif); left: 0;	top:0;}	 /* ie6- */
* html .galleryFrameDetails {background-image: url(../images/chrome/gallery-frame-details.gif); left: 0;	top:0;}	 /* ie6- */
*:first-child+html .galleryFrame  {	left: 0;	top:0;}/* ie7 */

#rightCol {
	position: absolute;
	left: 727px;
	top:0;
	width: 69px; 
	margin: 60px 0 0;
}
#rightCol .imgFrame { width: 251px; height: 181px; padding: 10px; background: transparent url(../images/rightcol/rightcol-empty.gif) no-repeat; }

#guestbook h3 { font-size: 1em; font-style: normal; margin: 0; font-weight: normal; }
	#guestbook h3 em{ font-weight: bold; font-style: normal; }


/*~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#innerFooter { display: none }

#footer {
   position: absolute;
	top: expression(parseInt(document.body.clientHeight + document.body.scrollTop - 48+"px")); /* ie5 needs that */
   t\op: expression(parseInt(document.documentElement.clientHeight + document.documentElement.scrollTop - 48+"px")); /* ie6 needs that */
	height: 18px;
	width: 998px;
	margin-left: -499px;
	left: 50%;
	padding: 30px 0 0; 
	background: transparent url(../images/chrome/footer-bg.png) top right no-repeat;
	text-align: right;
}

#footer[id] { position: fixed; top: auto; bottom: 0;  }  /* moz */
*:first-child+html #footer { position: fixed; top: auto; bottom: 0;} /* ie7 */

	#footer ul {
		list-style: none;
		margin: 0 25px 0 0;
		padding: 0;
		width: 440px;
		text-align: center;
		float: right;
	}
		#footer li {
			list-style: none;
			margin: 0;
			padding: 0;
			display: inline; 
			padding: 0 0 0 5px;
			border-left: 1px solid #3d75b0;
			line-height: 100%;
		}
		#footer li.first { border:none; }
		#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active {
			color: #3d75b0;
			text-decoration: none;
			font-weight: bold;
		}
		#footer li a:hover, #footer li a:active,
		#footer li.active a:link, #footer li.active a:visited, #footer li.active a:hover, #footer li.active a:active {
			color: #000; font-style: normal;
		}
	

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

.cssForm fieldset{width: 447px;} /* 'A' */
.cssForm label { width: 110px;} /* 'B' */
.cssForm .rightCol {padding-left:115px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 327px; /* 'A'-'B'-10px='C' */ }

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

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

div.buttonGroup { margin: 20px 0 0 !important; padding: 10px 0 10px 0; border-top: 2px solid #F9A700;  }
label { border-bottom-color: #F9A700 !important; }

input.button, .button {
	font-weight: bold;
	color: #fff;
	background: #323232;
	border: none !important;
} 		


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