html, body, textarea, input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #735b56; background: #fcfcfc;}
body {font-size: 0.75em; } td {_font-size: 0.8em; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%;}


html, body {
   height: 100%;
	margin: 0;
   padding: 0;
	
}
html {overflow: -moz-scrollbars-vertical !important;}

body { 
	padding: 0;
	margin:5px;}

::-moz-selection { background: #735b56; color: #000; }
::selection { background: #ee3355; color: #000; }

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

p { margin: 0 0 13px 0; }

/*  allgemeine HEADliNE-Styles -  Größe bezieht sich immer auf Elternelement */
h1 {margin: 0px; padding: 20px 0 0 40px;}
h2 {font-size: 1.6em; font-weight: bold; font-variant: small-caps; color: #735b56; margin: 0 0 10px 0; padding: 0, }
h3 {font-size: 1.2em; color: #735b56; margin:0 0 12px 0; padding: 0px; }
h4 {font-size: 1em; font-weight: bold; color: #c1902d; margin: 0;  }

hr { height:1px; color: #c1902d; background: #e1edf5; border: none; margin: 5px 0 15px 0;}
acronym{ border-bottom: 1px solid #735b56; }




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

.small, .bildText{font-size: .8em;} /* bezieht sich immer auf Elternelement */
.bildText{ color: #c1902d; margin:0; }
.formWrap{float:left; width: 169px; min-width: 169px;}
.formWrap img{
	margin-bottom: -3px;
}

.formWrap input{
	margin-top:16px;
}



a:link, a:visited, a:hover, a:active  {color: #c1902d; text-decoration: underline;}
a:hover, a:active { color: #735b56; text-decoration: none;}
	
/*img.thumb	{ border: 1px solid #8B8472; }	*/

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

table.optic1 td, table.optic1 th {
   color: #969696;
	vertical-align: top;
   border-bottom: 1px solid #c1902d;
}

table.optic1 td{
	text-align: right;
}

table.optic1 thead th{
	 border-bottom: 1px solid #08844AF;
	 text-align: right;
	 color: #5A5A5A;
}

table.optic1 thead td{
	color: #c1902d;
}

table.optic1 tr:hover{
	background-color: #c1902d;
}

caption{
	font-weight: bold; 
	color: #c1902d; 
	padding-bottom: 3px;
   padding-top: 10px;
	text-align: left;
}

table.optic02{
	margin: 20px 0;	
	border-bottom: 1px dotted #969696;
	border-top: 1px dotted #969696;
	border-left: 1px dotted #969696;
	width: 100%;
}

table.optic02 td{
	border-right: 1px dotted  #969696;
	text-align: center;
	background-color: #fcfcfc;	
	padding: 8px;
	
}

table.optic02 td.red		{ background-color: red; font-weight: bold; color:#fcfcfc }
table.optic02 td.yellow	{ background-color: yellow; font-weight: bold;}
table.optic02 td.orange	{ background-color: orange; font-weight: bold;}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mainWidth{
	width: 910px;
	margin: 0 auto;
}

div.logos{
	float: right;
	padding-right: 12px;
}

div.logos img{
	margin-right: 29px;
}

div.logos img:hover {
opacity:1;
}
div.logos img {
opacity:0.6;
}


#mainWidth img#lastimg{
	margin-right: 0px;
}

#firstCol{ 
	float: left;
	width: 163px;
	margin-top: 14px; 
	
	}
	
div.picBG{
 	border: 1px dotted #735b56;
	text-align: center;
	width: 104px;
	height: 104px;
	margin:0pt 5px 5px 0pt;
	background:#f4f4f4; 
	padding: 2px;
		overflow: hidden;
		
}



div.imgWrap{

	float: left;
	margin-bottom: 10px;
}

div.picTitle{
	width:104px;
}

div.keywords{
	float: right;
	margin-right: 20px;
}

div#searchResults div.picBG{
	float: left;
	overflow: hidden;
}
	
#secondCol{ 
	background: transparent  url(../images/chrome/bg_content.gif) repeat-y;
	float: left;
	width: 719px; 
	margin: 14px 0 14px 16px;
	}
	
#secondCol div.borderBottom{

	bottom:0;
	margin-left: -8px;
	height: 17px;
	width: 719px;
	clear: right;
	background: transparent url(../images/chrome/bg_content_bottom.gif) bottom right no-repeat;
}

#secondCol div.borderTop{
	height: 15px;
	width: 719px;
	background: transparent url(../images/chrome/bg_content_top.gif) top right no-repeat;
}
	
#head{
	background: transparent  url(../images/chrome/headbg.jpg) no-repeat;
	width: 910px;
	height: 116px;
	/*border: 1px solid #c1902d;*/
	clear: both;
}

#contentHome{	
	min-height: 230px;
	padding-left: 8px;
	line-height: 1.2em;

	}
	
#content{	
	padding: 0px 12px 0 8px;
	line-height: 1.2em;
	}
	
div#popHead{
	border: 1px solid grey;
	
}

div#firstCol div.boxes{
	padding: 8px 0px 0px 8px;
	margin-bottom: 12px;
	background: transparent url(../images/chrome/bg_menu_top.gif) no-repeat;
}

#menu ul{
	list-style: none;
	padding: 0px;
	margin-left:8px;
}


#firstCol div.borderBottom{
	height: 15px;
	width: 163px;
	margin-left: -8px;
	background: transparent url(../images/chrome/bg_menu_bottom.gif) bottom right no-repeat;
}


#menu a:link, #menu a:visited, #menu a:hover, #menu a:active  { text-decoration: none; color : #c1902d;}
#menu a:hover, #menu a:active { text-decoration: underline; color: #735b56;}

#homeLink{
	float: left;
	margin-left: 10px;
	font-size: 0.8em;
	font-family: "Trebuchet MS";
	color: #5a5a5a;
		
}

#homeLink a:link, #homeLink a:visited, #homeLink a:hover, #homeLink a:active  { text-decoration: none; color : #c1902d;}
#homeLink a:hover, #homeLink a:active { text-decoration: underline; color: #735b56;}


#funcMenu{
   font-size: 0.8em;
	font-family: "Trebuchet MS";
	color: #5a5a5a;
	float: right;	
	padding-right: 20px;
	padding-bottom: 2px;
	}

	#funcMenu ul { margin: 0; padding: 0;}
		#funcMenu li { display: inline;  padding: 0 5px 0 5px;  border-right: 1px solid #c1902d;  }
		#funcMenu li.last { display: inline; padding: 0 0 0 5px; border: none;  }

#funcMenu a:link, #funcMenu a:visited, #funcMenu a:hover, #funcMenu a:active  { text-decoration: none; color : #c1902d;}
#funcMenu a:hover, #funcMenu a:active { text-decoration: underline; color: #735b56;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Boxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
div#contentBoxes{
	float: right;
	color: #c1902d;
	float: right;
	padding: 0px 14px 10px 10px;
	margin:0;
}	

div#contentBoxes div.boxes{
	background: transparent url(../images/chrome/bg_box_top.gif) no-repeat;
	width: 180px;
	padding: 10px;
	margin-bottom: 12px;
}

div#contentBoxes div.randomPic{
   padding: 0px;
   position: relative;
	overflow: hidden;
	width: 200px;
	padding-bottom:10px;
	height: 110px;
 	margin-bottom: 10px;
}

div#contentBoxes div.borderBottom{
	position: relative;
	height: 15px;
	width: 200px;
	margin: -10px;					/* Negativmargin um Padding bei Elternelement aufzuheben*/
	background: transparent url(../images/chrome/bg_box_bottom.gif) bottom right no-repeat;
}

div#firstCol h4{
	padding-bottom: 5px;
}

span.random{
	cursor: hand; cursor: pointer;
	background: transparent url(../images/chrome/bg_randompic.gif) no-repeat;
	position: absolute;
   width: 200px;
	height: 120px;
}

div.randomPic a:link, div.randomPic a:visited, div.randomPic a:hover, div.randomPic a:active  { text-decoration: none; }
div.randomPic a:hover, div.randomPic a:active { text-decoration: none; }

.foldable {
	position: static;
	cursor: pointer; 
	cursor: hand;
   padding: 0 0 3px 13px;
	background: transparent url(../images/chrome/collapse.gif) no-repeat scroll 0px 2px;
	font-size: 1em;
	font-weight: bold; 
	color: #c1902d;
}

.foldable .innerContent{ 
	cursor: auto;
	border: 1px dotted #735b56;
	padding-left: 5px;
	
	color: #735b56;
	font-weight: normal;	
	}
	
.foldable.collapsed { 
	background: transparent url(../images/chrome/expand.gif) no-repeat scroll 0px 2px; 
	border-bottom: 1px dotted #735b56;
	padding: 0 0 3px 13px;
	margin-bottom: 3px;
	
	}
	
div.picBG img{
	border: 1px solid #5a5a5a; 
	margin: 3px;
	float: left;
	
}


#multiSelectFamilie{
	margin: 0 0 15px 15px;  
	
}

#multiSelectGattung{
	margin: 0 0 15px 15px;
}

#multiSelectArt{
	margin: 0 0 15px 15px;
}

div#searchForm table{
	padding-top: 15px;
}

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

table.optic1 td, table.optic1 th {
	vertical-align: top;
	text-align: left;
   border-bottom: 1px solid #CFCFCF;
	color: #3c3c3c;
}

table.optic1 th thead{
	 border-bottom: 1px solid #CFCFCF;	
	 color: #FFF;
}

table.optic1 tfoot td{
	color: #969696;
	font-size: 0.75em;
	background: #fcfcfc;
}

table.optic1 tr.alternate{
   background-color: #f4f4f4;
	}

table.optic1 tr:hover td{
	background-color: #e1e1e1;
}

table.optic1 tr:hover th{
	background-color: #e1e1e1;
}

table.optic1 th.indent{
   padding-left: 15px;
   font-weight: normal;
	}

table.optic1 .highlighted{
	background-color: #f4f4f4;
}

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

.cssForm fieldset{width: 650px;} /* '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: 500px; /* 'A'-'B'-10px='C' */ }

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

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