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

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {overflow-x:hidden;} 
html, body, textarea, input {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #555;}
body {font-size: 0.75em; } td {_font-size: 0.75em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}

html, body { margin: 0; padding: 0; height: 100%; }
body { background-color: #fff;  }

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

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

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {font-size: 1.5em; font-size: 17px; font-weight: normal; color: #940018; margin: 0 0 19px; padding: 0; }
h3 {font-size: 1em; color: #555; margin: 0 0 15px; padding: 0; font-weight: bold; }
h4 {font-size: 1.1em; font-weight: bold; color: #424242; margin: 0; display: inline; }

/*
gemessen im FF mit Trebuchet MS
font-size: 11px = font-size: 0.69em; 
font-size: 12px = font-size: 0.75em; 
font-size: 16px = font-size: 1.4em
font-size: 17px = font-size: 1.5em
font-size: 20px = font-size: 1.7em
*/

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

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

a:link, a:visited, a:hover, a:active  { color : #940018; text-decoration: none;}
a:hover, a:active, 
li.active a:link, li.active a:visited, li.active a:hover, li.active a:active { text-decoration: underline; }

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

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

#popup  { padding: 15px 15px 0; height: auto; }
#popup #header {
	text-align: right;
	background: #DFDFDF;
	color: #555;
	padding: 2px 4px;
	margin: 0 0 10px;
	border-bottom: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}

	#twoCols { margin: 0; height: 100%; }	

		#twoCols td{ vertical-align: top;}	

		
		#data { /*entweder td oder div*/
			padding: 3px 10px 10px 0;
			width: 465px;
		}
			#pos {
				font-size: .8em;
				padding: 0 0 10px 0;
			}

		#rightCol{
			font-size: .95em;
			width: 182px;
			border-left: 1px solid #b5b5b5;
			padding: 0 0 0 3px;
		}
			#rightCol h3 {
				background: #DFDFDF;
				color: #555; 
				padding: 2px 4px; margin: 20px 0 10px;
				border-bottom: 1px solid #b5b5b5; 
				border-right: 1px solid #b5b5b5; 
				font-weight: normal;
			}
			#rightCol ul {
				padding: 0; margin: 0 0 15px;
				list-style: none;
			}
				#rightCol ul li {
					padding: 0; margin: 0 0 3px;
					list-style: none;
				}
			#rightCol ul ul{ margin-left: 10px; }
			
			
		#footer {
			font-size: .95em;
			padding: 10px 0 0 0;
			text-align: center;
			border-top: 1px solid #b5b5b5;
		}

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

.cssForm fieldset{width: 450px;} /* '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: 315px; /* '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 ================================*/

input.button, .button {
	font-weight: bold;
	color: #fff;
	border: none;
	background: #000;
	width: auto;
} 
	


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