/*(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: #000;  }

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

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

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {font-size: 1em; font-weight: bold; color: #FE0000; margin: 0 0 15px; }
h3 {font-size: 1.2em; color: #000; margin: 0 0 15px; padding: 0; font-weight: bold; font-style: italic; }
h4 {font-size: 1.1em; font-weight: bold; color: #FE0000; margin: 0; display: inline; }

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

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

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

a.more:link, a.more:visited, a.more:hover, a.more:active  { color : #fe0000; text-decoration: underline;}
a.more:hover, a.more:active  { font-weight: bold;}



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

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

			
.galleryTd {
	background: #595959;
	border-right: 3px solid #fff;
	vertical-align: middle; text-align: center;
	width: 51px;
}
.galerieText {
	font-size: 1px;
	height: 3px; overflow: hidden;
}

/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#wrapper {
	margin: 5px auto;
	padding-bottom: 30px;
	background: #000 url(../images/chrome/bg-wrapper.gif) left bottom no-repeat;
	width: 1000px;
	min-height: 590px;
}
* html #wrapper {	height: 590px; } /* ie6- */
*:first-child+html #wrapper {	wheight: 590px; } /* ie7 */


	#header { position: relative; background: transparent url(../images/chrome/bg-header.jpg) 0 0 no-repeat; height: 237px; }
		#logo { position: absolute; right: 10px; top: 76px; }
		#counter { position: absolute; left: 47px; top:48px; }


	body.waitForIntro #content { visibility: hidden;}

	#content { position: relative; background: transparent url(../images/chrome/bg-content.jpg) left top no-repeat; padding: 0 0 2px 0; min-height: 500px; }

		#dataWrapper {
			background: #fff url(../images/chrome/bg-datawrapper.gif) left bottom no-repeat; left: 316px; width: 418px; position:relative; 
		}
			#data {
				min-height: 265px;
				padding: 25px 18px 10px; wmargin-bottom: 50px;
				background: transparent url(../images/chrome/bg-data.gif)  no-repeat;
			}
			* html #data { height: 265px; } /* ie6- */

			#dataWrapper .twoColsInside { /* #data überschrieben */
				min-height: auto !important;
				height: auto !important;
				padding: 0;
			}
			
			#twoCols {
				margin: 0 -25px 0 0;
				width: 100%;
			}
				#twoCols td{ vertical-align: top;}
				#twoCols #colOne { padding: 25px 0 10px 18px;  }
				#twoCols #colTwo { text-align: right }
	
		ul#leftNav { margin: 0; padding: 0; list-style: none; position: absolute; left: 48px; top: 70px; }
			#leftNav li { margin: 0 0 15px 0; padding: 0; list-style: none; position: relative;}
				#leftNav a:link, #leftNav a:visited,
				#leftNav a:hover, #leftNav a:active, #leftNav a:focus { 
					text-decoration: none; color: #fff; 
				}
				#leftNav a:hover, #leftNav a:active, #leftNav a:focus,
				#leftNav .active a:link, #leftNav .active a:visited, 
				#leftNav .active a:hover, #leftNav .active a:active, #leftNav .active a:focus { font-weight: bold; color: #FE0000; }
		#leftNav ul { margin: 15px 0 0 15px; padding: 0; position: absolute; left: 125px; top: 0; }
			#leftNav ul li { margin: 0 0 10px 0; padding: 0; }
	



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




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

.cssForm fieldset{width: 375px;} /* 'A' */
.cssForm label { width: 120px;} /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 245px; /* 'A'-'B'-10px='C' */ }

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

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

input.button, .button {
	font-weight: normal;
	color: #000;
	width: auto;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
}