/*(c) www.com-com.com - TN 2006-2011 */

.cssForm { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .secondary { /*||hide:true*/ } .primary { /*||hide:true*/ }
.cssfError { /*||hide:true*/ } .mand { /*||hide:true*/ } .active { /*||hide:true*/ } 
.assignment { /*||hide:true*/} .autoClickable{ /*||hide:true*/} .button{ /*||hide:true*/} .printonly{ /*||hide:true*/} .rightCol{ /*||hide:true*/} .textonly{ /*||hide:true*/}
.ie6 { /*||hide:true*/ } .ie7 { /*||hide:true*/ } .ie8 { /*||hide:true*/ }



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


html, body {
   height: 100%;
	margin: 0;
   padding: 0;
	text-align: center; /* gesamtpositionierung für IE<6 */
}
html {overflow: -moz-scrollbars-vertical !important;}

body { background: #71b33b url(../images/chrome/pagebg.gif) repeat-x; }

::-moz-selection { background: #FFFEBF; color: #000; }
::selection { background: #FFFEBF; color: #000; }

form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: bold; }
img {border:none;}

p, ol, ul { margin: 0 0 13px 0; line-height: 145%;  }

/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {display: inline; margin: 0; padding: 0;}
h2 {font-size: 1.2em; font-weight: bold; color: #000; margin: 0 0 15px 0; border-bottom: 2px solid #71B33B; text-transform: uppercase; }
h3 {font-size: 1em; color: #71B33B ; margin:0; }
h4 {font-size: 1em; font-weight: bold; color: #000; margin: 0; display: inline; }

hr { height:1px; color: #e1edf5; background: #e1edf5; border: none; margin: 5px 0 15px 0;}
acronym{ border-bottom: 1px dotted #63AAD0; }

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:Grün||title-en:Green*/ color: #71b33b; }
.cmsColor02 { /*||title-de:Orange||title-en:Orange*/ color: #c96942; }
.cmsColor03 { /*||title-de:Dunkelgrün||title-en:Darkgreen*/ color: #3f7413; }

/* -------------------------------------------------------------------------------
							STANDARD CLASSES
 -------------------------------------------------------------------------------------*/

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




a:link, a:visited, a:hover, a:active  { color : #5d9728; text-decoration: underline;}
a:hover, a:active { color: #000;}
a, a:link, a:visited, .autoClickable, td, th, p {  
	-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	-o-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
	transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
}

/*======================= ie6 hint ================================*/

#ie6RIP, #pageHint {
	/*page infolayer v1 - 19.04.2010 tn*/
	background: InfoBackground url("http://www.com-com.com/images/chrome/ie6Error.png") 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; }
	
		

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

/* OPTIC1 standard - nur abst?nde und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th { /*||title-de:Tabellenoptik 1||title-en:Tablestyle 1*/ 
	padding: 3px;
	vertical-align: top;
	
}
table.twoCols{ width: 720px; /*||title-de:Tabelle mit 2 Spalten ||title-en:Table with 2 Cols*/  }
	table.twoCols .firstCol{ width: 415px; vertical-align: top; /*||title-de:Tabelle Spalte 1||title-en:Table col 1*/  }
	table.twoCols .secondCol{ width: 290px; padding-left: 15px; vertical-align: top; /*||title-de:Tabelle Spalte 2||title-en:Table col 2*/  }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Listen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	
UL.ring{ /* soll pfeil als grafik bekommen */
	/*||title-de:Pfeil-Liste||title-en:Arrow List*/ 
	list-style-image: url(../images/chrome/secondnav-dot.gif);
}

 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
#mainContainer {
	background: #fff url(../images/chrome/mainbg.gif) repeat-y;
	width: 994px;
	margin: 0 auto;
   position:relative;
	text-align: left;
}
	#footerBg {
		background: transparent url(../images/chrome/footerbg.gif) no-repeat left bottom;
	}
	#footer {
		position: absolute;
		bottom: 7px;
		right: 20px;
		color: #fff;
		font-size: smaller;
	}

		#content {
			padding: 25px 25px 48px 245px;
			_height: 430px;
			min-height: 430px;
		}
	
#head{
	 background: #fff url(../images/chrome/headbg.gif) no-repeat;
	 height: 170px;
	 text-align: left;
}
	#head img { margin-left: 223px; }
	#head ul { margin: 0; padding: 0; position: absolute; right: 20px; top: 30px;}
		#head li { display: inline; padding: 0 3px 0 3px; font-size: smaller; border-right: 1px solid #000;  }
			#head a:link, #head a:visited, #head a:hover, #head a:hover { color: #000; text-decoration: none;}
			#head a:hover, #head a:hover { color: #52822B; }
	

#leftCol {
	position: absolute;
	background: #eee url(../images/chrome/leftcolbg.gif) repeat-y;
	width:200px;
	left: 21px;
	top: 108px;
}
	#leftCol ul {
		background: #fff;
		border: 1px solid #71b33b;
		margin: 22px 0 0 0;
		padding: 0;
		list-style: none;
	}
		#leftCol li {
			display: inline;
		}
		#leftCol li a:link, #leftCol li a:visited,  #leftCol li a:hover, #leftCol li a:active {
			display: block;
			border: 1px solid #71b33b;
			text-transform: uppercase;
			color: #000;
			font-weight: bold;
			text-decoration: none;
			padding: 4px 0 2px 12px;
		}
		#leftCol li a.active:link, #leftCol li a.active:visited,  #leftCol li a.active:hover, #leftCol li a.active:active, 
		#leftCol li a:hover, #leftCol li a:active {
			color: #fff;
			background: #71b33b;
			border-bottom-color: #68a536; 
		}
		#leftCol li a.active:link, #leftCol li a.active:visited,  #leftCol li a.active:hover, #leftCol li a.active:active {
			background-image:url(../images/chrome/nav1-active.gif);
			border-top-color: #83bd54; 
			border-bottom-color: #52822b; 
			padding-left: 21px;
		}
		#leftCol #secondLevel {
			background: transparent;
			border: none;
			list-style: disc;
			margin: 17px 0 0 25px;
		}
			#leftCol #secondLevel li{
				display: list-item;
				list-style-image: url(../images/chrome/secondnav-dot.gif);
				padding: 0 0 0 2px;
				margin-bottom: 4px;
			}
				#leftCol #secondLevel a:link, #leftCol #secondLevel a:visited,
				#leftCol #secondLevel a:hover, #leftCol #secondLevel a:active {
					background: none;
					display: inline;
					border: none;
					text-transform: none;
					color: #000;
					font-weight: bold;
					text-decoration: none;
					padding: 0;
				}
				#leftCol #secondLevel a.active:link, #leftCol #secondLevel a.active:visited,
				#leftCol #secondLevel a.active:hover, #leftCol #secondLevel a.active:active, 
				#leftCol #secondLevel a:hover, #leftCol #secondLevel a:active {
					color: #52822B;
				}
				
				
/*======================= CSSFORMS: Breiten der spalten ================================*/



.cssForm fieldset{width: 110px;} /* [A]+[B]+10px*/
.cssForm label { width: 65px;} /* [A] */
.cssForm .rightCol {padding-left:70px; /* [A]+5px */ width: 50px; /* [B] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput
.cssForm .exTextarea { width: 250px; /* [B] */ }

 /* TWINROW: eine zeile beinhaltet label>input>label>input */

.cssForm .twinRow input, .cssForm .twinRow select,
.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 181px; /* ([B]-[A]-12)/2 */ margin-right: 10px; _margin-right: 9px;  }

.cssForm .assignment select {width: 200px;}

/*======================= CSSFORMS: Optik der Buttons ================================*/

input.button, .button {

	font-weight: normal;
	-moz-border-radius: 3px;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
}
			
			
/*#####################################################################################################
                                    SPECIAL F?R TEXTBROWSER
------------------------------------------------------------------------------------------------------*/	

.printonly{	display:none;}
.textonly{	visibility: hidden; position:absolute; top: -500px;} /* Element erscheint nur, wenn im Textbrowser.. */