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

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

html, body, textarea, input {font-family:Helvetica, Arial, sans-serif; color: #000000;}
body {font-size: 0.7em; } /* * html td { font-size: 1.0em; }  ie6- */
input, textarea, select {font-size: 100%;}

html, body { margin:0; padding: 0; }
body {background: #4B493D url(../images/chrome/mainbg.jpg) center top repeat-y scroll  }
body.popup { background: #eee !important; } /*erscheint im Seitenoptionen Dropdown*/

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

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

/*Verwendung unsichtbar im Head*/
h1 { margin: 0; padding: 0; display: inline; text-align:left !important  } 
/*Verwendung Claimüberschrift*/
h2 { margin: 15px 0 15px; padding: 0; font-size: 1.3em; text-transform:uppercase; text-align:left !important  }
/*Verwendung Claimunterüberschrift*/
h3 { margin: 10px 0 2px; padding: 0; font-size: 1.0em; font-weight: bold; text-align:left !important  }
/*Verwendung im Contentbereich unten, Textüberschrift */
h4 { margin: 0; padding: 0; font-size: 1.0em; font-weight: bold; text-align:left !important }

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

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

a:link, a:visited, a:hover, a:active  { color : #8a141a; text-decoration: none;}
a:hover, a:active { color: #f39900; }

/*~~ STANDARD CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.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: #aaa;}

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:Orange||title-en:Orange*/ color: #f93; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #00f; }

tr.alternate { background-color: #eee; }

/*~~ 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: #eee; }
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: #aaa; border-bottom: #5c5c5c; }
table.optic02 td, table.optic02 th { 
	padding: 3px;
	vertical-align: top;
}



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

#minWidth { margin: 40px auto 40px auto;
			padding:0pt;
			width:830px;
			background-color:#fff;
}

#header { position:relative;
		  width:830px;
		  height:200px;
}

#topNav { height:15px;
		  left:14px;
		  bottom:0pt;
		  list-style-image:none;
		  list-style-position:outside;
		  list-style-type:none;
		  margin:0pt; 
		  padding: 0;
		  position:absolute;
}

#topNav li { float:left;
			 position:relative;
			 list-style-image:none;
			 list-style-position:outside;
			 list-style-type:none;
			 margin:0 0 0 26px;
			 padding:0pt;
			 white-space:nowrap;
			 height: 18px;
			 =behavior: expression( this.onmouseover = new Function("this.className += ' hover';"), this.onmouseout = new Function("this.className = this.className.replace(' hover', '');"),this.style.behavior = null);
}

#topNav li a { color:#535353; font-size: 1.3em;  }

#topNav li#id7 a:link, #topNav li#id7 a:visited,
#topNav li#id7 a:hover, #topNav li#id7 a:active,
#topNav li#id17 a:link, #topNav li#id17 a:visited,
#topNav li#id17 a:hover, #topNav li#id17 a:active  { cursor:default; color:#535353; }

#topNav li#id7 li a:link, #topNav li#id7 li a:visited,
#topNav li#id7 li a:hover, #topNav li#id7 li a:active,
#topNav li#id17 li a:link, #topNav li#id17 li a:visited,
#topNav li#id17 li a:hover, #topNav li#id17 li a:active { cursor:pointer; color:#665540; }

#topNav li#id7 li a:hover, #topNav li#id7 li a:active,
#topNav li#id17 li a:hover, #topNav li#id17 li a:active { color:#000; }

#topNav li a:hover, #topNav li a:active { color: #000000; }

#topNav li.active a { color: #000000; }

#topNav li ul { position:absolute; display:none; }

#topNav li.active ul, #topNav li:hover ul, #topNav li.hover ul { display: block; margin: 0; padding: 0; left:0; top:18px; }

#topNav li ul li {  float:none; margin: 0; padding: 0; behavior: none; }

#topNav li ul li a, #topNav li.active ul li a{ color:#665540; font-size: 1.1em; }

#topNav li ul li a:hover, #topNav li ul li a:active{ color: #000000; }

#topNav li ul li.active a { color: #000000; }

/* Logo */

h1#logo{ position: absolute;
         right: 0px;
         bottom: 0px;
         z-index: 95;
         margin: 0;
}

h1#logo a { cursor: pointer;
            display: block;
            _width: 229px;
}

h1#logo a span { display: none; }

ul li { margin-top: 7px; }

#langLink { position:absolute;
			left: 40px;
			top: 20px;
}

#langLink a { color: #96989a; font-size: 0.9em;}

/*~~ CONTENT-BOX ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/




#content { width:830px; text-align:justify; }

table.twoCols { margin: 65px 0 40px 0; width: 830px; }

	table.twoCols .leftCol { width: 500px; padding: 0 40px; }

	table.twoCols .rightCol { width: 250px; text-align:right; padding: 55px 0px 0 0; vertical-align: top; }



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