/*(c) OP 2011 */

/* --------------------------------------------------------------------
							HTML TAGS
 --------------------------------------------------------------------*/
*{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
  
html{
	font-size: 62.5%;
	overflow-y: scroll;
}
html, body, textarea, input {font-family: Calibri, Arial, Helvetica, sans-serif; color: #5c5c5c; }
body {font-size: 14px; font-size: 1.4rem;  }


html, body { margin: 0; padding: 0; }
body { background: #fff;}

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 {font-size: 20px; font-size: 2rem; margin: 0 0 15px 0; padding: 0 0 6px 0; color: #000; font-weight: normal;}
h1 span{
	display: none;
}
h2 {font-family:'FrutigerLTW01-57Condens'; width:240px; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; float: left; font-weight: normal; color: #333b74; padding-top: 50px;   }
#data h2{float: none; background: transparent url(../images/chrome/h2-bg.gif) 0 65px repeat-x; margin: 0 10px 40px -10px; padding: 50px 0 0 10px;}
h3 {font-size: 16px; font-size: 1.6rem; color: #5c5c5c; margin: 0 0 5px 0; padding: 0; }
h4 {font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #5c5c5c; margin: 0; display: inline; }

hr, .cssForm hr { height:1px; color: #ccc; background: #c0c0c0; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}

.right{ float: right; margin: 0 0 5px 5px; }
.left{ float: left; margin: 0 5px 5px 0; }
img.right, img.left { border: 1px solid #ccc; }


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

.small, .bildText{font-size: 8px; font-size: .8rem;;} /* bezieht sich immer auf Elternelement */

a:link, a:visited, a:hover, a:active  { color : #333b74; text-decoration: underline;}
a:hover, a:active { text-decoration: underline;}

a.back:link, a.back:visited, a.back:hover, a.back:active {
	font-weight: bold;
	text-decoration: none;
}
a.back:hover, a.back:active {
	text-decoration: underline;
}


/*-------------------- TeamSeite ------------------*/

.teamList {width: 102%}
	.teamList a { text-decoration: none !important; color: #5c5c5c !important; }
	.teamList tr{ vertical-align: top;}
	.teamList th{ font-weight: normal; padding: 16px 1px 1px 4px;}
	.teamList td { padding: 2px 3px;   }
	.teamList tr.invisible td, .teamList td.invisible  {font-size: 0.4; padding: 0; border: none;}
	
.teamList img {
	border: 1px solid #6f6f72;
	margin: 0 0 3px 3px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}

.imageCols img {
	border: 1px solid #6f6f72;
	margin: 0 0 0 5px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
}
	.imageCols p {	margin: 0 0 5px 0;}

	
th.over { /*js-hover*/
	background: #fff url(../images/chrome/go.gif) right no-repeat;
	border: 1px solid #b4b2b2;	
	cursor: hand; cursor: pointer;
	padding: 15px 0px 0px 3px;
}
th.over a { color: #333b74 !important; }

a.over img {  /*js-hover*/
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

/*-------------------------- Pressemeldungen -------------------------------*/

p.pressDate {
	color: #7c7c7c; margin: 10px 0 25px 0; font-weight: bold; 
}
table.pressContacts {
	font-size: 8px; font-size: .8rem;;
	border: 2px solid #EEEEEE;
	padding: 5px;
}
table.pressContacts  td{ vertical-align: top; padding: 5px;}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* OPTIC1 standard - nur abst?nde und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th {
	padding: 3px;
	vertical-align: top;
}

/* OPTIC2 */
table.optic2 { border: 1px solid #eaeaea; }
	table.optic2 tr.alternate td { background: #FCFCFC; }
	table.optic2 tr:hover td { background: #fff; }
	table.optic2 tr:hover td.highlighted { color: #333b74; }
		table.optic2 th {	
			border-bottom: 1px solid #eaeaea;
			font-weight: bold;
			background: #FCFCFC;
			white-space: nowrap;
			color: #333b74;
		}
		table.optic2 td, table.optic2 th {
			padding: 5px 5px;
			vertical-align: top;
		}
		table.optic2 td { border-bottom: 1px solid #fff; }
		table.optic2 td.highlighted { font-size: 12px; font-size: 1.2rem;; color: #949494; font-weight: bold; }
			table.optic2 td img { margin-bottom: 5px; filter:gray alpha(opacity=50);  }
			table.optic2 tr:hover img { filter:none;  }
			table.optic2 tr:hover strong { color: #333b74; }

 
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								

#head {  height: 100px; position: relative; width: 1207px; margin: 0 auto; }
	.home #head{ width: 1020px;	}
#headRow { border-bottom: 9px solid #333b74; background-color: #fff;}
	.home #headRow { background: #fff url(../images/chrome/scribbles/quandt-haus.jpg) no-repeat right top; height: 341px;  }
	#logo img{ margin: 32px 54px 0 0px; }
		.home #logo img{ margin-top: 280px;}

/*--------- top nav ----------*/
	#head ul{ margin: 0; padding: 0; position: absolute; top: 20px; left: 244px; list-style: none; }
	.home #head ul{ top: 261px; background: transparent url(../images/chrome/bg-menu.png) left top repeat-x;}
			#head li{ margin: 0; float: left; list-style: none; margin-right: -2px; }
			#head li a:link, #head li a:visited, #head li a:hover, #head li a:active {
				font-size: 17px; font-size: 1.7rem;
				font-family:'FrutigerLTW01-57Condens';
				text-transform: uppercase;
				display: block;
				height: 52px;
    			padding: 37px 17px 0;
				background: transparent url(../images/chrome/menuseparator.png) left 1px no-repeat;
				text-decoration: none;
				position:relative;
			}
			#head li a:hover, #head li a:active {color: #5C5C5C }
		
			#head li.active a:link, #head li.active a:visited, #head li.active a:hover, #head li.active a:active,
			#head li:hover.active a:link, #head li:hover.active a:visited, #head li:hover.active a:hover, #head li:hover.active a:active {
				/*dieser marker soll ausgehen, wenn man ul hovert - rule ist deshalb nicht stärker als ul:hover-rule
   				er soll aber anbleiben, wenn man in der Sekundärnav hovert - daher die 2te Zeile
				*/
				background: transparent url(../images/chrome/menuseparator_active.png) left 8px no-repeat;
				margin-right: 2px;
			}
				#head li.active{
					background: #fff url(../images/chrome/menuseparator_active-right.png) right 8px no-repeat;
				}

			#head li.last{
					background: url(../images/chrome/menuseparator.png) right 1px no-repeat;
				}
				
			#head ul ul{ position: absolute; top: 100px; left: 40PX; display: none; width: 415px; top:100px; }
			.home #head ul ul{ top: 100px;}
			#head li.active ul{ display: block; }
				#head li li { float: none; display: inline; border-left: 1px solid #7c7c7c; }
				#head li li:first-child, #head li.first { border-left: none; }
					#head li li a:link, #head li li a:visited, #head li li a:hover, #head li li a:active {
						overflow: hidden;
						display: inline;
						width: auto;
						height: auto;
						background: none !important;
						text-decoration: none;
						position:static;
						padding: 0 3px;
						color: #7c7c7c;
						font-size: 14px; font-size: 1.4rem;
						text-transform: none;
					}
					#head li li.active a:link, #head li li.active a:visited, #head li li a:hover, #head li li a:active,
					#head li li a:hover, #head li li a:active {
						color: #333B74;
					} 
					#head li li.active { background: none;}
					

#contentRow { background: #ececec url(../images/chrome/contentrow-bg.gif) left bottom; overflow-x: hidden; min-width: 960px; width: 100%}
	#content { margin: 0 auto; width: 1207px;    }
		.home #content { width: 1020px;}
		#content #data { min-height: 355px; background: #f9f9f9 url(../images/chrome/content-bg.gif) left bottom; margin: 0 auto; width: 637px;}
		 .home #content #data { width: 453px; min-height: 0;}
		#content div.standard { padding: 50px 40px 25px 40px;  }
				#content div.full { padding: 0 0 25px 40px;  }
		
		#news { padding: 24px 17px; margin: 0; color: #676769; font-size: 12px; font-size: 1.2rem;;  }
			#news dl { padding: 0; margin: 0; }
				#news dt { padding: 0; margin: 0; font-weight: bold; cursor: hand; cursor: pointer; }
				#news dd { padding: 0; margin: 0 0 14px 0; cursor: hand; cursor: pointer; }
		
	
	div.scribbles{
		background: transparent url(../images/chrome/scribbles/sextant.png) no-repeat 0 0;
		width: 450px;
		height: 380px;
		float: right;
		margin: 50px -210px 0 0px;;
	}
		.pflanze div.scribbles{background-image: url(../images/chrome/scribbles/pflanze.png); height: 435px;}
		.gesicht div.scribbles{background-image: url(../images/chrome/scribbles/gesicht.png);}
		.treppe div.scribbles{background-image: url(../images/chrome/scribbles/treppe.png);}
		.home div.scribbles{ background: none;}
	
#func { list-style: none; padding: 0; margin: 5px; max-width: 1207px; min-width: 960px; overflow: hidden; margin:0 auto; font-size: 12px; font-size: 1.2rem; }		
	.home #func{width: 1020px;	}
	#func li { list-style: none; padding: 0 1px 0 3px; margin: 0; display: inline; border-left: 1px solid #b4b2b2; }
	#func li:first-child, #func li.first { border-left: none; }
		#func a:link, #func a:visited, #func a:hover, #func a:active {	
			color: #949494;
			text-decoration: none;
		}
		#func a:hover, #func a:active { color: #333b74; }