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

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

html * { font-size: 100.01% }
html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.8em;} 
input, textarea, select, button, blockquote {font-size: 100%;}

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

body.large {font-size: 1em;} 
body.big {font-size: 1.2em;} 

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

p { margin-top: 15px; margin-bottom: 0px; line-height: 160%; }
ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 160%; }
ul { margin-left: 20px; padding-left: 0px; }
table { table-layout: fixed; }


h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h1#logo{ display: block;  padding: 35px 0 0 20px; vertical-align: bottom;}
h2 {font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.7em; color: #515757; }
h3 {font-size: 1.3em; color: #2192CE; padding: 0; margin-top: 20px; font-weight: normal; border-bottom: 1px solid #CFD2D2;  }
h4 {font-size: 1.1em; font-weight: bold; color: #003772; padding: 0; line-height: 110%; }

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

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

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #C0B9A7; padding: 0px 2px; } 
input.textInput { border: 1px solid #C0B9A7 !important; } 
select { border: 1px solid #C0B9A7; padding: 0; }
input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {	border: 1px solid #157DEB;}

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

a:link, a:visited, a:hover, a:active  { color : #157deb; text-decoration: none;}
a:hover, a:active { text-decoration: underline }
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: #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; }

.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 #e5dfd0; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #e5dfd0; padding: 2px 8px; margin: 0; }
	dt { color: #736c5a; 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: #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: 0 auto; 
	width: 960px; 
	background: #f4f4f4 url(../images/chrome/bg-minwidth.gif) repeat-y ;
	position: relative;
}

#head{
	position: relative;
	background: #fff url(../images/chrome/head-teaser.gif) no-repeat;
	height: 239px;
	padding: 0 8px;
}
body#formulas #head{ background-image: url(../images/chrome/head-formulas.jpg); }
body#running #head{ background-image: url(../images/chrome/head-running.jpg); }
body#writing #head{ background-image: url(../images/chrome/head-writing.jpg); }
body#molecule #head{ background-image: url(../images/chrome/head-molecule.jpg); }


#headline{
	margin: 40px 30px 0px 180px;
}

#content{
	padding: 0px 20px 0px 180px;
	width: 531px;
	min-height: 300px;
	_height: 300px;
	position: relative;
	border-right: 1px solid #cfd2d2;
}

#func{
	font-size:0.9em;
	height:12px;
   position: absolute;
	top: 7px;
	right: 25px;	
}

#menu{
	position: absolute;
	background: transparent;
	width: 836px;
	+width: 798px;
	height: 42px;
	bottom: 5px !important;
	bottom: 4px;
	right: 28px; 
}

* html #menu{
	width: 796px;
}


#ticker {
		position: absolute;
		overflow: hidden;
		left: 180px;
		padding: 5px 0;
		width: 531px;
		height: 20px;
		z-index: 10;
	}


#footer{

	bottom: 0;
	color:#818989;
	background: transparent url(../images/chrome/bg-bottom.gif) bottom right no-repeat ;
	padding:0 92px 17px 10px;
	height: 17px;
   text-align: right;
	font-size: 0.75em;
}

#contentWrap{
	position: relative;
	width: 950px;
}

#rightCol{ float: right; padding-top: 69px; width: 206px;}

.contact { background: #dedede; padding: 10px; margin-right: 30px}

/*======================= MENU ================================*/

#menu ul {
	font-weight: bold;
	font-size: 13px; 
	text-align: center;
	margin: 0;
	padding: 0;
}

#menu li{
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline; 
	white-space: nowrap;
}

#menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:active {
	float: left;
	padding-top: 10px;
	width: 127px; height: 32px;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/chrome/menu/topnav2.png) no-repeat;
	background-position: 0 -42px;
}

#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover, #menu li.active a:active {
		/*||hide:true*/	background-position: 0 -84px;	color: #8b8472;		
}

#menu li#first.active a:link, #menu li#first.active a:visited, #menu li#first.active a:hover, #menu li#first.active a:active {
		/*||hide:true*/	background-position: 0 -84px;	color: #8b8472;		
}

#menu li#last.active a:link, #menu li#last.active a:visited, #menu li#last.active a:hover, #menu li#last.active a:active {
		/*||hide:true*/	background-position: 0 -84px;	color: #8b8472;		
}

#menu li#first a:link, #menu li#first a:visited, #menu li#first a:hover, #menu li#first a:active {
		background: transparent url(../images/chrome/menu/topnav1.png) 0 -42px no-repeat; width:165px;
}
		
#menu li#last a:link, #menu li#last a:visited, #menu li#last a:hover, #menu li#last a:active {
		background: transparent url(../images/chrome/menu/topnav5.png) 0 -42px no-repeat; width:123px;
}

#menu li a:hover, #menu li a:active {background-position: 0 0px;}
#menu li#first a:hover, #menu li#first a:active {background-position: 0 0px;}	
#menu li#last a:hover, #menu li#last a:active {background-position: 0 0px;}	
		
#secondLevel {
		background: transparent;
		border: none;
		list-style: disc;
		margin-top:70px;
		width:150px;
		
	}
		#rightCol #secondLevel li{
			display: list-item;
			list-style-image: url(../images/chrome/secNavdot.gif);
		}
				#rightCol #secondLevel a:link, #rightCol #secondLevel a:visited,
				#rightCol #secondLevel a:hover, #rightCol #secondLevel a:active {
					background: none;
					display: inline;
					border: none;
					text-transform: none;
					color: #d13830;
					font-weight: bold;
					text-decoration: none;
					padding: 0;
				}
				
				#rightCol #secondLevel a.active:link, #rightCol #secondLevel a.active:visited,
				#rightCol #secondLevel a.active:hover, #rightCol #secondLevel a.active:active, 
				#rightCol #secondLevel a:hover, #rightCol #secondLevel a:active {
					color: #635e52;
					}
				
#func li{
	display:inline;
	border-right:1px solid #71B33B;
	padding:0 4px;
}

#func a:link, #func a:visited,
	#func a:hover, #func a:active {
		background: none;
		display: inline;
		border: none;
		text-transform: none;
		color: #b0b1ae;
		font-weight: bold;
		text-decoration: none;
		padding: 0;
	}
	#func a.active:link, #func a.active:visited,
	#func a.active:hover, #func a.active:active, 
	#func a:hover, #func a:active {
		color: #d13830;
		}
				
#func li.lastElement{
	border: none;
}

#large{font-size: 1.1em;}
#big{font-size: 1.2em;}

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

.cssForm fieldset{width: 435px; margin: 0; padding: 0 17px} /* 'A' */
.cssForm label { width: 90px;} /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 321px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 105px; /* ('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: normal;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
} 

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

input.button, .button {
	font-weight: normal;
	color: #000;
	background: #DFDFD9 url(../images/chrome/cssf_btnbg.gif) !important;
	border: 1px solid #B0B1AE !important; /*A5ACB2 ist WinXP Style*/
} 
		
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */