/******************************************
*
* common.css
*
* Common CSS definitions for CMS
*
* Copyright 2005 by  Gerhard Sinnhuber
*
* Author(s):  http://www.transform.at
*
******************************************/

/* ------------------
Farbwelt:
orange: #ef9800;
orange neu: #c97a00;
orange alte website: ff9900; dc9b00
orange  final: #ff9900;



grau: #6e6d6c;
linkfarbe: #000;
  ---------------------*/
	
body{
	font-family		:   Helvetica,  Arial, Verdana,Tahoma,   sans-serif;
	font-size		: 12px;
	font-weight		: 400; 
	line-height: 17px;
	color: #3a3930;
	margin:0px;
	padding:0px;
}

td{
	font-family		:  Helvetica,  Arial, Verdana,Tahoma,   sans-serif;
	font-size		: 12px;
	font-weight		: 400; 
	line-height: 17px;
	color:#3a3930;
}

table{
	border: 0px;
}

#frontend{
	background-color: #fff;
	background-image: url("images/bioferm_bg.png");
	background-repeat: repeat-y;
	color: #3a3930;
}

p {
	padding: 0px;
	margin:0px;
}

a,  a:active,  a:visited {  
	color: #000;
	text-decoration: none;
	font-weight:normal;
}
 a:hover	{
	text-decoration: none;
	color:#ff9900; 
	}
	
h1 {
	font-weight: normal; 
	font-size: 20Px;
	line-height: 26px;
	text-decoration: none;
	padding-left: 15px;
	margin: 0 0 6px -15px;
	color: #3a3930;
	background-color: #d3d3d3;
}
h2 {
	font-weight: normal; 
	font-size: 16Px;
	line-height: 22px;
	text-decoration: none;
	color: #6e6d6c; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 0px;
}
h3 {
	font-weight: normal; 
	font-size: 16Px;
	line-height: 16px;
	text-decoration: none;
	color: #6e6d6c; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;
}

h4,h5,h6 {
	font-weight: 700; 
	font-size: 12Px;
	text-decoration: none;
	color: #6e6d6c; 
	padding: 0px;
	margin: 0px;
}


hr{
	border:solid #6e6d6c 1px;
	height: 1px;
}


/* --------------------------------------
    Grundbereiche Header
   -------------------------------------*/

#header{
	position: absolute;
	left: 56px;
	top: 24px;
	width: 934px;
	height: 81px;
	padding:0px;
	margin: 0px;
	border-bottom: 1px dotted #6e6d6c;
}

#header img{
	margin: 29px 0px 0px 14px;
}

#logo{
	position: absolute;
	top: 24px;
	left: 0px;
	text-align:right;
}

#topline{
	position: absolute;
	top: 10px;
	left: 56px;
	width: 934px;
	height: 20px;
	color: #6e6d6c;
	text-align:right;
	border-bottom: 1px dotted #6e6d6c;
	font-size: 11px;
	letter-spacing:0.3px;
	line-height: 14px;
}
#topline form{
	display: inline;
	line-height: 14px;
}
#topline input{
	font-size: 11px;
	line-height: 11px;
}
#adress{
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 15px;
	color: #6e6d6c;
	float: left;
	display: inline;
}
#searchform{
	position: absolute;
	top: -4px;
	left: 600px;
	margin-left: 10px;
	color: #6e6d6c;
	float: left;
	display: inline;
}
#country{
	position: absolute;
	top: 0px;
	left: 760px;
	margin-left: 5px;
	color: #6e6d6c;
	float: left;
	display: inline;
}
#fontswitch{
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: 20px;
	color: #000;
	float: left;
	display: inline;
}



/* --------------------------------------
    Grundbereiche Content
   -------------------------------------*/



#content{
	position: absolute;
	top: 197px;
	left: 56px;
	width: 934px;
	min-height: 200px;
	border-bottom: 1px dotted #999;
}


#content-media{
	width: 540px;
	height: 240px;
	margin:28px 20px 0px 20px;
	color: #eee;
}

#content-video{
	width: 540px;
	height: 120px;
	margin:28px 20px 0px 20px;
	color: #eee;
}



/* -------------------------------------
    Haupt-Navigations Definitionen
   -------------------------------------*/



#mainmenu{
	position: absolute;
	top: 105px;
	left: 56px;
	width: 934px;
	height: 36px;
	color: #000;
	border-bottom: 1px dotted #999;
	font-size: 13px;
	line-height: 18px;
}

.menubutton{
	position: relative;
	top: 8px;
	left:0px;
	height: 20px;
	min-width: 30px;
	color: #000;
	float:left;
	border:0px;
	margin: 0 33px 0 12px;
}
.menubutton a, .menubutton a:active, .menubutton a:visited { 
	display: block;
	color:#000;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	border-bottom: none;
}
.menubutton a:hover {
	text-decoration: none;
	color:#ff9900;
}


.menuactive{
	position: relative;
	top: 8px;
	left:0px;
	height: 20px;
	min-width: 40px;
	color: #000;
	float:left;
	margin: 0 30px 0 12px;
	/*background-color: #ff9900;*/
}
.menuactive a, .menuactive a:active, .menuactive a:visited {  
	display: block;
	color:#f90; 
	text-decoration: none;
	border-bottom: none;
	font-weight: normal;
	padding: 2px;
}
.menuactive a:hover	{
	text-decoration: none;
}

/* -------------------------------------
    Sub-Navigations Definitionen
   -------------------------------------*/



#submenu{
	position: absolute;
	top: 143px;
	left: 56px;
	width: 934px;
	height: 36px;
	color: #000;
	border-bottom: 1px dotted #999;
	font-size: 13px;
	line-height: 18px;
}

.submenubutton{
	position: relative;
	top: 8px;
	left:0px;
	height: 20px;
	min-width: 40px;
	color: #990;
	float:left;
	margin: 0 30px 0 12px;
}
.submenubutton a, .submenubutton a:active, .submenubutton a:visited { 
	display:block;
	color:#000;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
}
.submenubutton a:hover {
	text-decoration: none;
	color:#ff9900;
}


.submenubuttonactive{
	position: relative;
	top: 8px;
	left: 0px;
	height: 20px;
	min-width: 40px;
	color: #f90;
	float:left;
	margin: 0 30px 0 12px;
	/*background-color: #ff9900;*/
	
}
.submenubuttonactive a, .submenubuttonactive a:active, .submenubuttonactive a:visited {  
	display:block;
	color:#f90; 
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
}
.submenubuttonactive a:hover	{
	text-decoration: none;
	
}




/* --------------------------------------
    Content Definitionen
   -------------------------------------*/

.headline{
	padding: 0px 15px 20px 15px;
	font-weight: bold;
}

.teaser{
	padding: 0px 15px 0px 15px;
}

#fliesstext{
	position: relative;
	width: 558px;
	padding: 0px 15px 0px 15px;
	line-height: 17px;
}

#fliesstext a, #fliesstext a:active, #fliesstext a:visited, #fliesstext a:hover{
	border-bottom: 1px dotted #000;
}
#pictleiste{
	position: absolute;
	top: 0px;
	left: 620px;
	width: 312px;
	height: 200px;

}


#infotext, #flv-player{
	margin:20px 0 0 20px;
	width: 448px;
	color:#ff0;
}

/* --------------------------------------
    spezielle Definitionen
   -------------------------------------*/

#infozeile{
	position: relative;
	width: 936px;
	height: 180px;
	border-top: 1px dotted #6e6d6c;
	border-bottom: 1px dotted #6e6d6c;
}


.infoA {
	position: relative;
	width:311px;
	min-height: 180px;
	display: inline;
	float: left;
	border-right: 1px dotted #6e6d6c;
	
}

.infoA .headline{
	position:relative;
	top: 0px;
	left:0px;
	height: 27px;
	width: 267px;
	padding:5px 0 5px 15px;
	margin: 8px 15px 5px 15px;
	background-color: #d3d3d3;
	font-size: 16px;
	line-height: 33px;
	font-weight: normal;
	
}

.infoA .detail{
	position:relative;
	top: 0px;
	left:0px;
	height: 27px;
	width: 260px;
	padding:5px 0 5px 15px;
	margin: 8px 15px 5px 15px;
}
.infoA a, .infoA a:active, .infoA a:visited, .infoA a:hover{
	border-bottom: 1px dotted #000;
}
.videopreview {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 160px;
}

.videopreviewtext {
	font-size:10px;
	line-height: 12px;
	width: 160px;
	margin-top: 5px;
}

.pdflink{
	color: #990;
}

.bu{
	margin-bottom: 10px;
	color: #000;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
}

#aktuell{
	position: relative;
	top: 0px;
	left: 0px;
	width: 914px;
	height: 58px;
	padding: 15px;
	color: #000;
	font-size:12px;
	border-top: dotted 1px #6e6d6c;
	background-repeat: no-repeat;
}

#aktuell img{
	margin: 0 0 8px 0px;
}

#video{
	position: absolute;
	top: 0px;
	left: 639px;
	width: 270px;
	height: 58px;
	padding: 15px;
	color: #000;
	font-size:12px;

}

#aktuelloverlay{
	position: absolute;
	top: 150px;
	left: 56px;
	width: 250px;
	height: 450px;
	padding: 10px;
	color: #000;
	font-size:12px;
	background-color: #fff;
	FILTER: alpha(opacity='95'); 
	moz-opacity: 0.95; 
	opacity: 0.95; 
	khtml-opacity: 0.95;
}

.galeriepict{
	width: 290px;
	margin: 0px 15px 15px 0px;
	float: left;
	
}

.presselist{
	margin-bottom: 20px;
}

.pressedownload{
	width:290px; 
	margin-bottom:15px;
}
.pressecopy{
	margin-top: 20px;
}

.personal img {
	margin: 0 5px 5px 0;
	color: #3a3930;
}

.grauerbalken{
	color: #3a3930;
	background-color: #d3d3d3;
	padding: 3px;
}