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

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

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

html{ min-height: 100%; border-bottom: 0.1px solid #fff; _border-bottom: none; /*h-scrollbar im mozilla einschalten*//*h-scrollbar im mozilla einschalten*/ }
html, body { margin: 0; padding: 0; }
body { background: #fff;  }

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

p, ul, ol { margin: 0 0 15px 0; line-height: 160%; }

h1 { margin: 0; padding: 0; } /*Verwendung unsichtbar im Head*/
h2 {font-size: 1.3em; font-weight: bold; color: #6f554c; margin: 0 0 15px 0; }
h3 {font-size: 1.2em; color: #467391; margin: 0 0 15px; padding: 0; }
h4 {font-size: 1.1em; font-weight: bold; color: #6f554c; margin: 0; display: inline; }

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

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

a:link, a:visited, a:hover, a:active  { color : #6f554c; text-decoration: underline;}
a:hover, a:active { color: #6f554c; }

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

.small, .bildText{font-size: .8em;} /* bezieht sich immer auf Elternelement */
.bildText{ color: #6f554c;} /* 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 {  }

table.optic1 td, table.optic1 th {
	padding: 4px;
	vertical-align: top;
	border-left: 1px solid #b19a94;
	border-bottom: 1px solid #b19a94; 
}
table.optic1 th { border-bottom: 1px solid #b19a94; color: #695648;  }

	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
#maxWidth { width: 953px; margin: 0 auto; border: 5px solid #fff; border-top: none; border-bottom: none; }
	#maxWidth td { vertical-align: top; }

#head { height: 83px; position: relative; }
	#head h1 { position: absolute; left: 16px; top: 0; }
	#head ul {
		position: absolute;
		right: 0; top: 28px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#head ul input { margin-left: 39px; width: 137px; border: none; border-left: 1px solid #b19a94; border-bottom: 1px solid #b19a94;  }
	#head ul input.button { width: 60px; margin:0; border:none; border-bottom: 1px solid #b19a94; background: transparent url(../images/chrome/searchbutton-bg.gif) no-repeat; padding: 0 0 0 15px; color: #6f554c; font-weight: normal;}
			#head li {
				list-style: none;
				margin: 0;
				padding: 0;
				display: inline; 
				padding: 0;
			}
			#head li a:link, #head li a:visited, #head li a:hover, #head li a:active {
				text-decoration: none;
				padding: 0 0 0 50px;
				background: transparent url(../images/roadshow2007/chrome/arrow-func.jpg) left center no-repeat;
			}
			#head li a:hover, #head li a:active { color: #654D45; }
			#head li.active a:link, #head li.active a:visited, #head li.active a:hover, #head li.active a:active {
				font-weight: bold;
			}
	#head ul#langList { top: 60px; margin: 0 10px 0 0; }
		#head ul#langList li a:link, #head ul#langList li a:visited, #head ul#langList li a:hover, #head ul#langList li a:active {
			padding: 0 0 0 15px; color: #b8a9a2; font-weight: normal;
		}
		#head ul#langList li a:hover, #head ul#langList li a:active, 
		#head ul#langList li.active a:link, #head ul#langList li.active a:visited, 
		#head ul#langList li.active a:hover, #head ul#langList li.active a:active {
			color: #6f554c;
		}
	
		
#introText { padding: 48px 40px 5px 16px; border-bottom: 8px solid #fff; width: 716px; color: #695648; text-align: justify; font-size: 1.1em; }
	#introText h2 { color: #467391; text-align: right; margin-top: 0; font-size: 1.5em;}

#content { width: 716px; position: relative; padding: 0 40px 0 0; border: 1px solid #fff; /*ohne border im firefox anzeige-probleme*/ }
	#content #leftNav { position: absolute; top: 0; left: 0; padding: 12px 0 0; width: 190px; }
		#content #leftNav h2 { margin-left: 15px; } 
		#content #leftNav ul { 
			list-style: none;
			margin: 0; padding: 0;
		}	
			#content #leftNav li {
				wheight: 17px;
				line-height: 17px;
				padding: 0 0 0 15px; margin: 0 0 2px 0;
			}
			#content #leftNav li.active { background: transparent url(../images/chrome/nav1-bg.gif) no-repeat; font-weight: bold;}
			#content #leftNav li a:link, #content #leftNav li a:visited,
			#content #leftNav li a:hover, #content #leftNav li a:active { text-decoration: none; }
			#content #leftNav li a:hover, #content #leftNav li a:active { color: #654D45; font-weight: bold; }

				#content #leftNav ul ul { }
					#content #leftNav li li { font-weight: normal; }
					#content #leftNav li li.active { background: none; font-weight: bold; }
						#content #leftNav li li a:link, #content #leftNav li li a:visited,
						#content #leftNav li li a:hover, #content #leftNav li li a:active { background: transparent url(../images/chrome/nav2-bg.gif) left center no-repeat; padding-left: 5px; }

					
	body.home #content #data { padding-top: 0; }
	#content #data { margin: 0 0 0 201px; padding: 40px 0 0; width: 515px; }
		 #data ul { margin:0 0 15px; padding: 0;}
			#data ul li {  list-style-image: url(../images/chrome/li-dot.gif); padding: 0; margin: 0 0 0 15px; }


table.twoCols { width: 515px; }
	table.twoCols td { width: 255px; }

	td#teaserO1 h2, td#teaserU1 h2, td#teaserU2 h2, td#teaserU3 h2 { color: #fff; margin: 12px 5px 15px 14px; }
	td#teaserO1 p, td#teaserU1 p, td#teaserU2 p, td#teaserU3 p { color: #fff; margin: 12px 14px 15px 14px;  }
	#teaserU3 a:link, #teaserU3 a:visited, #teaserU3 a:hover, #teaserU3 a:active {
		color: #fff;
	}
	
	p.teaserImage { margin: 0 0 15px !important; }
	div.teaserLink { cursor: hand; cursor: pointer; }

	td#teaserO1 { background: #acc0cd; width: 197px; border-bottom: 8px solid #fff; }

	td#teaserU1 { border-right: 5px solid #fff; background-color: #467391; }
	td#teaserU2 { background-color: #8f8778;}
	td#teaserU3 { background-color: #acc0cd;}
	
	body.home td#teaserU3 { background-color: #c1baa4;}
	
	.teaserNav { font-weight: bold; text-align: right; margin: 0; position:relative; top: -15px; font-size: .94em; margin-bottom: 0 !important;}
	.teaserNav a:link, .teaserNav a:visited, .teaserNav a:hover, .teaserNav a:active { color: #fff; text-decoration: none; }
	.teaserNav a:hover, .teaserNav a:active { text-decoration: underline; }


/* This goes in the stylesheet to hide the browser text before it is replaced */

.sIFR-hasFlash .home h2 { visibility: hidden; }
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

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

.cssForm fieldset{width: 515px;   } /* 'A' */
.cssForm label { width: 120px; color: #6F554C; border-bottom: 1px solid #b8a9a2; } /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 385px; /* 'A'-'B'-10px='C' */ }

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

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

input.button, .button {
	color: #fff;
	background: #ACC0CD;
	border: none;
	margin: 0 5px 0 0;
} 
fieldset {
	border: 1px solid #B19A94; 
	-moz-border-radius: 0;
	padding: 10px;
}
legend { color: #6695A5; }

.buttonGroup { padding: 15px 0 0; margin:0 !important; }
.hint { color: #467391; }




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