/*(c)2008 com2 Gmbh, TN, www.com-com.com v1.1 */

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

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

html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #5d5d5d;}
body {font-size: 0.76em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { min-height:100%; padding-bottom: .005em; } /*v-scrollbar für moz einschalten*/
body { background: #efeef1 url(../images/chrome/body_bg.gif) top center repeat-y; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { color: #8cc143; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
table { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; }
	
div.participants p{text-align: center;}
div.participants img{ vertical-align: middle;}



h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 {margin: 0 0 18px; font-size: 1.7em; color: #004e98; font-weight: bold; font-variant:small-caps; line-height: 150%; }
h3 {font-size: 1.4em; color: #004e98; margin: 0 0 10px; padding: 0; font-weight: bold; text-transform: uppercase; font-variant:small-caps; line-height: 150%; }
h4 {font-size: 1.2em; font-weight: bold; margin: 0 0 5px; padding: 0; line-height: 150%; }

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #cbcbcb; padding: 0px 2px; } 
input.textInput { border: 1px solid #cbcbcb !important; } 
select { border: 1px solid #cbcbcb; padding: 0; }
.textInput:active {	border: 1px solid #8cc143 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color : #004e98;  }
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

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:Grau||title-en:Grau*/ color: #847970; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #004e98; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #cbcbcb; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

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

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
	/*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 
}
table.optic01 tr.alternate { background-color: #efefef; }
table.optic01 td, table.optic01 th { 
	padding: 3px;
	vertical-align: top;
}
/* OPTIC2*/
table.optic02 {
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */ 
}
table.optic02 th { background-color: #cbcbcb; border-bottom: #847970; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}

table#eventDetails th {
	border-bottom: 1px dotted #5d5d5d; font-weight: bold;
}

	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/


div#maxWidth { position: relative; margin: 0 auto; padding: 0 40px 40px 40px; width: 840px;  min-height: 95%; }

div#header { position: relative; height: 164px; }
	#header h1 { position: absolute; top: 22px; left: 0; }
	#header span { display: none; }
	
	#flashAltContent { position: absolute; top: 22px; right: 0; width: 600px; height: 120px; } 
	
table#layoutTable { margin: 100px 0 0 0; table-layout: fixed; }	
	#layoutTable #left { width: 232px; padding: 0 22px 0 0; vertical-align: top; }
		*:first-child+html #layoutTable #left { width: 220px; }
	#layoutTable #right { width: 600px; padding: 0 22px 0 0; vertical-align: top; }
	
div#menuBar { position: absolute; top: 164px; width: 100%; height: 28px; background: transparent url(../images/chrome/menu_bg.gif) repeat-x; }	
	#menuPositioner { margin: 0 auto; width: 840px; height: 28px; }
	#menuPositioner img { margin-top: 3px; }
	#menuPositioner ul { margin: 0 0 0 234px; padding: 0; height:28px; }
		#menuPositioner li { display: inline; padding:6px 10px 7px 6px; line-height:220%; background: transparent url(../images/chrome/menu_bg_line.gif) top right no-repeat; }
			#menuPositioner li.last { background: none; }
				#menuPositioner a:link, #menuPositioner a:visited, 
				#menuPositioner a:hover, #menuPositioner a:active {
					font-size:1.1em; color: #fff; text-decoration: none; font-variant: small-caps; font-weight: bold;
				}
					*:first-child+html #menuPositioner a { padding-left: 2px; }
					#menuPositioner a:hover, #menuPositioner a:active,
					#menuPositioner li.active a:link, #menuPositioner li.active a:visited,
					#menuPositioner li.active a:hover, #menuPositioner li.active a:active { border-bottom: 2px solid #fff; }

div#footer { position: absolute; bottom: 0; width: 780px; padding: 0 30px; border-top: 1px solid #004e98; text-align: right; font-size:0.9em;  }					
	#footer p { margin-bottom: 5px; }
					
/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 475px; } /* 'A' */
.cssForm label { width: 120px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 335px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 116px; /* ('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 {} 
.cssForm fieldset.error { border-top-color: #f7931; }
.cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ }


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