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

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


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

html, body, textarea, input, select, option, optgroup {font-family: Calibri, Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.8em;} 


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, body.gallery .contentBox h2 { /*||hide:true*/ font-size: 1.6em; font-weight: bold; color: #fff; text-transform: uppercase; background: #282828; padding: 0 18px; margin: 40px -17px 15px -19px; =margin-top: 59px; line-height: 120%; }
	body.gallery h2 { /*||hide:true*/ margin: 0 0 18px 0; padding-top: 40px; background: transparent url(../images/chrome/megaHeadlineBg.jpg) 0 40px no-repeat; line-height: 85px; }
	.contentBox h2 { /*||hide:true*/ margin-top: 0 !important; }
h3 {font-size: 1.2em; color: #333; margin: 0 -17px 15px -19px; padding: 0 18px; font-weight: bold; text-transform: uppercase; background-color: #fff; }
h4 {font-size: 1.1em; font-weight: bold; color: #5c5c5c; margin: 0; padding: 0; wdisplay: inline; }

hr, .cssForm hr { /*||hide:true*/ 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 { color: #efb707; }

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

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

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; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #f79200; font-weight: bold; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #3d75b0; font-weight: bold;}
.cmsColor03 { /*||title-de:Fire Red||title-en:Fire Red*/ color: #e01221; font-weight: bold; background: #fff;}
.cmsColor04 { /*||title-de:Hot Pink||title-en:Hot Pink*/ color: #ed219e; font-weight: bold; background: #fff;}


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

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



#ie6RIP, #pageHint {
	/*page infolayer v1 - 19.04.2010 tn*/
	background: InfoBackground url("../../www.com-com.com/images/chrome/ie6Error.html") 10px 50% no-repeat;
	color: InfoText;
	border-bottom: 1px solid ThreedShadow;
	border-top: 1px solid #fff;
	padding: 8px 8px 8px 38px;
	font-size: 11px;	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#ie6RIP a, #pageHint a { color: #000 !important; text-decoration: underline !important; }




	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								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: 1500px;
	border: 0px solid #fff;
}		
		
#minWidth, .moreContent { /*||hide:true*/ width: 998px; margin: 0 auto; position: relative; }	

#facebookCol {
	position: absolute; left: 765px; width: 237px;
}


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

body.home #nav { /*||hide:true*/ background: none; padding-top: 31px; }

a.imageLink:link, a.imageLink:visited, a.imageLink:hover, a.imageLink:active { /*||hide:false||title-de:Bildlink||title-en:Imagelink||desc-de:Verwendung, wenn Bilder zur Verlinkung benutzt werden (Teaser)||desc-en:Use it, when images are used for linking (Teaser)*/ text-decoration: none !important; border: none !important; background: none !important; }

/*~~ 1te Navebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav ul {
	list-style: none;
	margin: 0; 	padding: 0 8px 60px;
	background: transparent url(../images/chrome/navBg.png) 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  { /*||hide:true*/ display: list-item; }
	body.noLeftNav #nav ul li.active { /*||hide:true*/ display: none; }
	body.noLeftNav #nav ul li.filler { /*||hide:true*/ 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: #b0b0b0;
			text-decoration: none;
			font-size: 1.2em;
			 border-bottom: none;
			 background: none;

		}
		#nav ul a:hover, #nav ul a:active {
			color: #fabb00;  background: none;
		}

/*~~ 2te Navebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#nav ul ul{ padding: 0; background: none; margin-top: 5px;}				
		#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 { color: #fff; }
			#nav ul li li a:hover, #nav ul li li a:active { color: #f9a700; }
			#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 { /*||hide:true*/
				color: #fabb00;
			}


/*~~ mittlerer Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
				
#content, .contentBox {
	/*||hide:true*/
	margin: 0 0 0 215px;
	width: 495px;
	background: transparent url(../images/chrome/dataframe.png) 0 40px no-repeat;
}
	body.home #content, body.home .contentBox { margin: 0 0 0 252px;  }

	body.gallery #content {
		/*||hide:true*/
		width: 754px;
		background: none;
		margin: 0 0 0 215px;
	}

	#data, .dataBox {
		/*||hide:true*/
		padding: 22px 22px 7px;
		background: transparent url(../images/chrome/dataframeBottom.png) left bottom no-repeat;
		min-height: 250px;
	}
	.contentBox { background-position: 0 0; }
	
	body.home #data { /*||hide:true*/ min-height: 0; height: 175px; overflow: hidden; }
	body.gallery #data { /*||hide:true*/ min-height: 0; background: none; }


	body.gallery #data {	
		/*||hide:true*/
		background: none;
		padding: 0 0 7px;
	}
	* html #data {height: 160px;} /* ie6- */
	 *:first-child+html #data { } /* ie7 */ /* ie6- */

	a:link, a:visited, a:hover, a:active { text-decoration: none; border-bottom: 1px solid #f9a600; padding: 0 1px; }
	a:hover, a:active, a:hover, a:active { color: #fff; background-color: #f9a700; border-bottom-color: #fff; }
	
	a.mainLink:link, a.mainLink:visited, a.mainLink:hover, a.mainLink:active  {
	/*||hide:false||title-de:Hauptlink||title-en:Mainlink||desc-de:Verwendet für freistehende Hauptlinks unter dem Content||desc-en:Used for single Mainlinks below Content*/
		background: #f9a807 url(../images/chrome/mainLinkBg.png) 4px 5px no-repeat;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-bottom: 1px solid #fff;
		text-decoration: none;
		padding: 0 5px 0 12px;
		color: #fff;
		font-weight: bold;
	}
	a.mainLink:hover, a.mainLink:active { background-color: #f79200; }

ul.linkList { 
	margin:0; padding: 0;  list-style: none; /*||hide:false||title-de:Linkliste||title-en:Linklist||desc-de:Liste die nur aus Links besteht||desc-en:List of Links*/
}	
	ul.linkList li { padding: 0; margin:0; list-style: none; display: inline; }

	ul.linkList li a:link, ul.linkList li a:visited, ul.linkList li a:hover, ul.linkList li a:active{
		 border: none;
		 background: none;
		 color: #333;
		 display: block;
		 background: transparent url(../images/chrome/linkListBullet.gif) 2px 50% no-repeat;
		 padding: 0 0 0 12px;
		 border-bottom: none;
	}
	ul.linkList li a:hover, ul.linkList li a:active { background-color: #fabb00; }
	ul.linkList li a span { float: right; background: #fff; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; 	border-radius: 5px; padding: 0 3px; line-height: 110%; margin-top: 2px} 

ul.rowStyle { /*||hide:false||title-de:Zeilen-Look||title-en:Row-Style||desc-de:Geeignet für ein- bis zweizeilige Inhalte ||desc-en:Use it for singele or double-rows*/ margin: 0 -15px 15px -17px; padding: 0; list-style: none; }
	ul.rowStyle li { margin: 0; padding: 7px 17px; list-style: none; background: transparent url(../images/chrome/rowShade.gif) 0 100% repeat-x; min-height: 18px; line-height: 120%; border-bottom: 1px solid #fcd169; }
	ul.rowStyle li span { float: right; background: #fff; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; 	border-radius: 5px; padding: 0 3px; line-height: 110%; margin-top: 2px} 
	ul.rowStyle a { overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; border-bottom: none !important;  }

dl {  }
	dt{ margin-top: 5px;  }
	dt:first-child { margin-top: 0; }
	dt span { float: right; background: #fff; 	-moz-border-radius: 5px; -webkit-border-radius: 5px; 	border-radius: 5px; padding: 0 3px; line-height: 110%; margin: 2px 0 0 5px; }
	dd { margin-left: 10px }

p.newsImage { /*||hide:true*/ width: 450px; overflow: hidden; }	
	
	
.galleryFrame, .galleryFrameDetails{
	/*||hide:true*/
	position:absolute;
	background: transparent url(../images/chrome/gallery-frame.png) no-repeat; 
	width: 250px; height: 187px;
	display: block;
	cursor: hand;
	text-decoration: none !important; 
}
.galleryVideoFrame { /*||hide:true*/ background-image: url(../images/chrome/gallery-frameVideo.png);  }
.galleryFrameDetails{ /*||hide:true*/ background-image: url(../images/chrome/gallery-frame-details.png); 	width: 612px; height: 459px; }
.galerieTable a:link, .galerieTable a:visited, .galerieTable a:hover, .galerieTable a:active { /*||hide:true*/ padding: 0 !important; border-bottom: none !important;}

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

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

#rightCol {
	position: absolute;
	left: 728px;
	top:0;
	width: 69px; 
	margin: 60px 0 0;
}
	body.home #rightCol { left: 765px; /*||hide:true*/ }

#rightCol .imgFrame { /*||hide:true*/ 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; }
	
	
a.homeTeaser:link, a.homeTeaser:visited, a.homeTeaser:hover, a.homeTeaser:active	{
	/*||hide:true*/
	display: block;
	width: 233px; 	height: 71px;
	text-indent: -5000em;
	overflow: hidden;
	background: transparent url(../images/chrome/homeTeaser.png) 0 0 no-repeat;
	padding: 0 !important;
	border: none;
}
a.homeTeaser:hover, a.homeTeaser:active	{ /*||hide:true*/ background-position: -233px 0;  padding: 0; }

a.teaser2:link, a.teaser2:visited, a.teaser2:hover, a.teaser2:active 	{ /*||hide:true*/ background-position: 0 -71px; }
	a.teaser2:hover, a.teaser2:active { /*||hide:true*/ background-position: -233px -71px; }
a.teaser3:link, a.teaser3:visited, a.teaser3:hover, a.teaser3:active	{ /*||hide:true*/ background-position: 0 -142px; }
	a.teaser3:hover, a.teaser3:active { /*||hide:true*/ background-position: -233px -142px; }
a.teaser4:link, a.teaser4:visited, a.teaser4:hover, a.teaser4:active	{ /*||hide:true*/ background-position: 0 -213px; }
	a.teaser4:hover, a.teaser4:active { /*||hide:true*/ background-position: -233px -213px; }

a.teaser5:link, a.teaser5:visited, a.teaser5:hover, a.teaser5:active	{ /*||hide:true*/ background-position: 0 -284px; }
	a.teaser5:hover, a.teaser5:active { /*||hide:true*/ background-position: -233px -284px; }
a.teaser6:link, a.teaser6:visited, a.teaser6:hover, a.teaser6:active	{ /*||hide:true*/ background-position: 0 -355px; }
	a.teaser6:hover, a.teaser6:active { /*||hide:true*/ background-position: -233px -355px; }
	
	
/*~~ Home Stripe ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#zipflStripe { position: relative; margin-top: 19px; height: 200px; }
	#zipflStripe .stripeImages { /*||hide:true*/ position: absolute; top: 3px; width: 1200px; margin: 0 0 0 -575px; left: 50%; }
		#zipflStripe .stripeImages a {
			/*||hide:true*/
			text-align: center;	text-transform: uppercase;
			font-weight: bold;
			color: #000;	font-size: 1.2em;
			text-decoration: none;
			float: left;
			padding:0;
			border-bottom:	none;
			-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;
		}
		#zipflStripe .stripeImages a:hover, #zipflStripe .stripeImages a:active	{ /*||hide:true*/ background: #333; color: #fff;}
	#zipflStripe .stripeBg { /*||hide:true*/ background: #f8f7fb url(../images/chrome/stripeBg.jpg) 0 0 repeat-x; border-top: 3px solid #f9a600; border-bottom: 3px solid #f9a600;  height: 138px; }



/*~~ 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 { /*||hide:true*/ 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;
			border: none;
			background: none;
		}
		#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 {
			/*||hide:true*/
			color: #000; font-style: normal;
		}
	

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

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

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { /*||hide:true*/ width: 97px; /* ('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 ================================*/

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

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


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