/***** FARBEN **************************************************/

/*

basic:			#717c8d;
60%				#a7aeb9;

feyco:			#3e918b;
60%				#89bbb7;

belbette:		#892336;
60%				#b67984;

terravita:		#244c32;
60%				#799182;

*/




html {
	background: #e4e6e9;
}

body {
	background: transparent;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:11px;
	/*line-height: 150%;*/
}

/*img { behavior: url(../iepngfix.htc) }*/


/***** AUFBAU **************************************************/

#wrapindex {
	width: 980px;
	border: 1px solid #8a2236;
	margin: auto;
	background:#ffffff;
	background-image: url(../images/hg-index.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#wrap, #wrapprodukte, #wrapfeyco, #wrapbelbette, #wrapterravita, #wrapfascina {
	width: 980px;
	border: 1px solid #8a2236;
	margin: auto;
	background:#ffffff;
	background-image: url(../images/hg-basic.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#header {
 position:relative; 
 width:980px; 
 height:62px;
}

#content {
	float: left;
	width: 413px;
	margin: 0px auto;
	padding: 35px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

html>body #content {
	float: left;
	width: 413px;
	margin: 0px auto;
	padding: 25px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

#contentindex {
	float: left;
	width: 333px;
	margin: 0px auto;
	padding: 35px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

html>body #contentindex {
	float: left;
	width: 333px;
	margin: 0px auto;
	padding: 25px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

#contentprodukt {
	float: left;
	width: 680px;
	margin: 0px auto;
	padding: 35px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

html>body #contentprodukt {
	float: left;
	width: 680px;
	margin: 0px auto;
	padding: 25px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

#contentspot {
	float: left;
	width: 413px;
	margin: 0px auto;
	padding: 35px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

html>body #contentspot {
	float: left;
	text-align: left;
	width: 413px;
	margin: 0px auto;
	padding: 25px 20px 35px 44px;
	background: transparent;
	/*line-height: 150%;*/
}

.left {
	float:left;
	background:transparent;
	width:760px;
	/*min-height:450px;*/
	padding: 0px;
	margin: 13px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-basic.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

html>body .left {
	float:left;
	background:transparent;
	/*width:745px;*/
	width:760px;
	padding: 0px;
	margin: 1px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-basic.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


#wrapindex .left{
	float:left;
	background:transparent;
	width:300px;
	padding: 0px;
	margin: 201px 0 0 15px;
	text-align: left;
	/*background-image: url(../images/navi-feyco.jpg);
	background-position: top left;
	background-repeat: no-repeat;*/
}

html>body #wrapindex .left{
	float:left;
	background:transparent;
	/*width:745px;*/
	width:300px;
	padding: 0px;
	margin: 201px 0 0 30px;
	text-align: left;
	/*background-image: url(../images/navi-feyco.jpg);
	background-position: top left;
	background-repeat: no-repeat;*/
}

#wrapprodukte .left{
	float:left;
	background:transparent;
	width:760px;
	padding: 0px;
	margin: 13px 0 0 0px;
	text-align: left;
	/*background-image: url(../images/navi-feyco.jpg);
	background-position: top left;
	background-repeat: no-repeat;*/
}

html>body #wrapprodukte .left{
	float:left;
	background:transparent;
	/*width:745px;*/
	width:760px;
	padding: 0px;
	margin: 1px 0 0 0px;
	text-align: left;
	/*background-image: url(../images/navi-feyco.jpg);
	background-position: top left;
	background-repeat: no-repeat;*/
}


#wrapfeyco .left{
	float:left;
	background:transparent;
	width:760px;
	padding: 0px;
	margin: 13px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-feyco.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

html>body #wrapfeyco .left{
	float:left;
	background:transparent;
	/*width:745px;*/
	width:760px;
	padding: 0px;
	margin: 1px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-feyco.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#wrapbelbette .left{
	float:left;
	background:transparent;
	width:760px;
	padding: 0px;
	margin: 13px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-belbette.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

html>body #wrapbelbette .left{
	float:left;
	background:transparent;
	/*width:745px;*/
	width:760px;
	padding: 0px;
	margin: 1px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-belbette.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#wrapfascina .left{
	float:left;
	background:transparent;
	width:760px;
	padding: 0px;
	margin: 13px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-fascina.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

html>body #wrapfascina .left{
	float:left;
	background:transparent;
	/*width:745px;*/
	width:760px;
	padding: 0px;
	margin: 1px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-fascina.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#wrapterravita .left{
	float:left;
	background:transparent;
	width:700px;
	padding: 0px;
	margin: 13px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-terravita.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

html>body #wrapterravita .left{
	float:left;
	background:transparent;
	/*width:745px;*/
	width:700px;
	padding: 0px;
	margin: 1px 0 0 0;
	text-align: left;
	background-image: url(../images/navi-terravita.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#clearer {
	clear:both;
	background:transparent;
	height:0px;
}

.clearer {
	clear:both;
	background:transparent;
	height:0px;
}

#wrap .footer {
	clear:both;
	padding:0;
	margin:0;
	height:76px;
	/*background:transparent;*/
	background-image: url(../images/footer_basic.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#wrapprodukte .footer {
	clear:both;
	padding:0;
	margin:0;
	height:76px;
	/*background:transparent;*/
	background-image: url(../images/footer_basic.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#wrapindex .footer {
	clear:both;
	margin:0;
	padding:0 0 0 53px;
	height:120px;
	text-align: left;
	/*background:transparent;*/
	background-image: url(../images/footer_index.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#wrapfeyco .footer {
	clear:both;
	padding:0;
	margin:0;
	height:76px;
	/*background:transparent;*/
	background-image: url(../images/footer_feyco.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#wrapbelbette .footer {
	clear:both;
	padding:0;
	margin:0;
	height:76px;
	/*background:transparent;*/
	background-image: url(../images/footer_belbette.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#wrapfascina .footer {
	clear:both;
	padding:0;
	margin:0;
	height:76px;
	/*background:transparent;*/
	background-image: url(../images/footer_fascina.png);
	background-repeat: repeat-x;
	background-position: top left;
}

#wrapterravita .footer {
	clear:both;
	padding:0;
	margin:0;
	height:76px;
	/*background:transparent;*/
	background-image: url(../images/footer_terravita.png);
	background-repeat: repeat-x;
	background-position: top left;
}

/***** TOPNAVI **************************************************/




#topnavi {
height:16px;
width:980px; 
background:transparent; 
/*margin-top:57px;*/ 
margin-top:57px; 
padding:0px; 
color: #7b8695;
position:relative;
}

#topnavi #flaggen {
	position:absolute; 
	right:10px; 
	top:5px;
}
html>body #topnavi #flaggen {
	top:1px;
}
html>/**/body #topnavi #flaggen {
	top:-8px;
}
#topnavi #flaggen a {
	margin:0px;
	padding:0px;
	display:inline;
}


html>body  #topnavi {
height:16px;
width:980px; 
background:transparent; 
margin-top:60px; 
margin-bottom:9px; 
padding:0px; 
color: #7b8695;
}

html>/**/body  #topnavi {
height:16px;
width:980px; 
background:transparent; 
margin-top:69px; 
margin-bottom:0px; 
padding:0px; 
color: #7b8695;
}

#topnavi ul {
	margin: 0px 0px 0px 10px;
	list-style:none;
   text-decoration: none;
}

html>body #topnavi ul {
	/*margin-left: -25px;*/
	margin: 10px 0px 0px -35px;
	list-style:none;
   text-decoration: none;
}

#topnavi li {
	float:left;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding:0;
}

#topnavi a {
	float:left;
	display:block;
	color: #7b8695;
	margin: 0px 0px 0px 0px;
	padding: 2px 14px 0px 15px;
	text-decoration: none;
	list-style:none;
	border-bottom:0px solid #ffffff;
}

html>body #topnavi a {
	margin: -10px 0px 0px 0px;
	padding: 0px 14px 0px 15px;
}

#topnavi a:hover {
	float:left;
	display:block;
	color: #45556a;
	margin: 0px 0px 0px 0px;
	padding: 2px 14px 0px 15px;
	text-decoration: none;
	border-bottom:0px solid #ffffff;
}

html>body #topnavi a:hover {
	margin: -10px 0px 0px 0px;
	padding: 0px 14px 0px 15px;
}

#topnavi .topnaviaktiv {
	float:left;
	display:block;
	/*color: #45556a;*/
	color: #892336;
	margin: 0px 0px 0px 0px;
	padding: 2px 14px 0px 15px;
	text-decoration: none;
	border-bottom:0px solid #ffffff;
}

html>body #topnavi .topnaviaktiv {
	margin: -10px 0px 0px 0px;
	padding: 0px 14px 0px 15px;
}

/***** BASICS **************************************************/

p {
	font-size:100%;
	line-height: 150%;
	margin: 0px 0px 8px 0px;
	/*border-bottom: 1px solid #ff0000; */
}



h1{
	color: #8a2236; 
	font-size: 145%;
	line-height: 135%;
	padding-bottom:5px;
	border-bottom: 1px solid #8a2236; 
}

#headlineterravita h1 {
	display:none;
}


#wrapfeyco h1{
	color: #3e918b; 
	font-size: 145%;
	line-height: 125%;
	padding-bottom:5px;
	border-bottom: 1px solid #3e918b; 
}

#wrapbelbette h1{
	color: #892336; 
	font-size: 145%;
	line-height: 125%;
	padding-bottom:5px;
	border-bottom: 1px solid #892336; 
}

#wrapterravita h1{
	color: #244c32; 
	font-size: 145%;
	line-height: 125%;
	padding-bottom:5px;
	border-bottom: 1px solid #244c32; 
}

h2{
	margin: 18px 0px 14px 0px;
	line-height: 135%;
	color: #000000; 
	font-size: 115%;
	font-weight: bold;
}

h3{
	margin: -8px 0px 14px 0px;
	color: #45556a; 
	font-size: 110%;
	font-weight: bold;
	line-height: 135%;
}

#content ul{
	margin: 0px 0px 0px 0px;
}

#content li{
	margin: 0px 0 5px 15px;
	list-style: square;
}

html>body #content li{
	margin: 0px 0 5px 20px;
	list-style: square;
}

html>/**/body #content li{
	margin: 0px 0 5px -25px;
	list-style: square;
}

.schonerright{
	float:right;
	width:160px;
	padding: 0px 0 10px 0;
}
.schonerleft{
	float:left;
	width:240px;
	padding: 5px 0 10px 0;
}
.schonerclear{
	clear:both;
	border-bottom: 1px solid #45556a;
}

.icon {
 	margin-top:10px;
	float:left;
	padding-right: 3px;
	display:block;
	width:38px;
}

#icontext {
	clear:both;
	line-height: 125%;
	padding-top:10px;
	width:453px;
	height:30px;
}

.fussnote {
	line-height: 125%;
	height:15px;
	padding-top:10px;
}

.iconzwei {
 	margin-top:10px;
	float:left;
	padding-right: 3px;
	display:block;
	width:38px;
}

#icontextzwei {
	clear:both;
	line-height: 125%;
	padding-top:10px;
	width:453px;
	height:30px;
}

.fussnotezwei {
	line-height: 125%;
	height:15px;
	padding-top:10px;
}


.tm{
	font-size:80%;
	padding-bottom: 3px;
}



/***** NAVI **************************************************/

#navicol {
	float:left;
	background:transparent;
	width:200px;
	padding: 0;
	margin-top: 34px;
	margin-left: 10px;
	text-align: left;
}

html>body #navicol {
	float:left;
	background:transparent;
	width:200px;
	padding: 0;
	margin-top: 34px;
	margin-left: 21px;
	text-align: left;
}

.navicolhead {
	color: #8a2236; 
	font-size: 110%;
	font-weight: bold;
	padding: 4px 0px 8px 0px;
	}
	
	
/***** NAVI EBENE 1 **************************************************/

.navlink {
	font-weight:bold;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	background:transparent;
	border-bottom: 1px solid #ffffff;
	color: #45556a;
  /* color: #717c8d;*/
}

.navlink:hover {
  	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	background:transparent;
	color: #7b8695;
	/*color: #a7aeb9;*/
}

.navlinkaktiv {
	font-weight:bold;
	display:block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
	background:transparent;
	/*color: #9f1438;*/
	color: #000000;
}	


/***** NAVI EBENE 2 **************************************************/

.navlink1 {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 4px 9px;
  	font-weight:bold;
	line-height: 135%;	
	color:#45556a;
}

.navlink1:hover {
   color:#7b8695;
}

.navlink1aktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 9px;
	font-weight:bold;
	line-height: 135%;
	/*color:#45556a;*/
	color: #000000;
}

/***** NAVI EBENE 3 **************************************************/

.navlink2 {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0 2px 18px;
	font-weight:normal;
	line-height: 115%;
	color:#45556a;
}

.navlink2:hover {
	background-color:#b3bac2;
	color:#ffffff;
}

.navlink2aktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0px 2px 18px;
	font-weight:normal;
	line-height: 115%;
	background-color:#7b8695;
	color:#ffffff;
}


/***** NAVIFEYCO EBENE 2 **************************************************/


.navlink1feyco {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 4px 9px;
  	font-weight:bold;
	line-height: 135%;	
	color:#45556a;
}

.navlink1feyco:hover {
   color:#3e918b;
}

.navlink1feycoaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 9px;
	font-weight:bold;
	line-height: 135%;
	/*color:#45556a;*/
	color: #3e918b;

}

/***** NAVIFEYCO EBENE 3 **************************************************/

.navlink2feyco {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0 2px 18px;
	font-weight:normal;
	line-height: 115%;
	color:#45556a;
}

.navlink2feyco:hover {
	background-color:#89bbb7;
	color:#ffffff;
}

.navlink2feycoaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0px 2px 18px;
	font-weight:normal;
	line-height: 115%;
	background-color:#3e918b;
	color:#ffffff;
}

/***** NAVIBELBETTE EBENE 2 **************************************************/


.navlink1belbette {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 4px 9px;
  	font-weight:bold;
	line-height: 135%;	
	color:#45556a;
}

.navlink1belbette:hover {
   color:#892336;
}

.navlink1belbetteaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 9px;
	font-weight:bold;
	line-height: 135%;
	/*color:#45556a;*/
	color: #892336;
}

/***** NAVIBELBETTE EBENE 3 **************************************************/

.navlink2belbette {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0 2px 18px;
	font-weight:normal;
	line-height: 115%;
	color:#45556a;
}

.navlink2belbette:hover {
	background-color:#b67984;
	color:#ffffff;
}

.navlink2belbetteaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0px 2px 18px;
	font-weight:normal;
	line-height: 115%;
	background-color:#892336;
	color:#ffffff;
}

/***** NAVIfascina EBENE 2 **************************************************/


.navlink1fascina {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 4px 9px;
  	font-weight:bold;
	line-height: 135%;	
	color:#45556a;
}

.navlink1fascina:hover {
   color:#892336;
}

.navlink1fascinaaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 9px;
	font-weight:bold;
	line-height: 135%;
	/*color:#45556a;*/
	color: #892336;
}

/***** NAVIfascina EBENE 3 **************************************************/

.navlink2fascina {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0 2px 18px;
	font-weight:normal;
	line-height: 115%;
	color:#45556a;
}

.navlink2fascina:hover {
	background-color:#b67984;
	color:#ffffff;
}

.navlink2fascinaaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0px 2px 18px;
	font-weight:normal;
	line-height: 115%;
	background-color:#892336;
	color:#ffffff;
}

/***** NAVITERRAVITA EBENE 2 **************************************************/


.navlink1terravita {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 4px 9px;
  	font-weight:bold;
	line-height: 135%;	
	color:#45556a;
}

.navlink1terravita:hover {
   color:#244c32;
}

.navlink1terravitaaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 9px;
	font-weight:bold;
	line-height: 135%;
	/*color:#45556a;*/
	color: #244c32;
}

/***** NAVITERRAVITA EBENE 3 **************************************************/

.navlink2terravita {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0 2px 18px;
	font-weight:normal;
	line-height: 115%;
	color:#45556a;
}

.navlink2terravita:hover {
	background-color:#799182;
	color:#ffffff;
}

.navlink2terravitaaktiv {
	display:block;
	text-decoration:none;
	margin: 0px 0 0px 0px;
	padding: 2px 0px 2px 18px;
	font-weight:normal;
	line-height: 115%;
	background-color:#244c32;
	color:#ffffff;
}

.chronik{
	float:left;
	padding: 2px 0 3px 0;
}

html>body .chronik{
	float:left;
	padding: 5px 0 8px 0;
}
.jahr{
	float:left;
	width:35px;
	font-weight:bold;
	}

.waswar{
	float:left;
	width:370px;
}

a{
	color: #8a2236;
	font-weight: bold;
	text-decoration:none;
}	

a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}


.ansprechpartnerhead {
	font-size: 110%;
	font-weight:bold;
   border-bottom: 1px solid #7d818f;
}	



#ansprechpartner {
	float:left;
	width:320px;
	padding:0;
	margin: 10px 0 5px 0px;
}	

html>body #ansprechpartner {
	float:left;
	width:320px;
	padding:0px 0;
	margin: 10px 0 10px 0px;
}	

#ansprechpartner dl {
	float:left;
	width:300px;
	margin:0;
	padding:0;
	display: inline;
}	

#ansprechpartner dt {
	float:right;
	width:185px;
	margin:0;
	line-height: 1.5em;
	padding:0;
}

#ansprechpartner dd {
	margin: 0;
	padding:0;
}

#ansprechpartner dd.img img {
	margin: 0 8px 0 0;
	padding: 4px;
	background: #ffffff;
}

.map{
	visibility:hidden;
}

.mapshow{
	visibility:visible;
}

/************ NEWS ********************/


#newsteaser {
	margin:25px 0 15px 0;
	padding-bottom: 15px;
	border-bottom:1px solid #8a2236;
}

.newsteaserhead {
	font-weight: bold;
}

.newsteasertext {
	float:left;
	width:300px;
	font-weight: normal;
}

.newsteaserbild {
	float:left;
	margin-left:20px;
	width:90px;
}

#news {
	margin:25px 0 15px 0;
	padding-bottom: 15px;
	border-bottom:0px solid #000;
}

.newshead {
	font-weight: bold;
}

.newstextteaser {
	font-size:95%;
	float:left;
	width:250px;
	font-weight: normal;
}

#newstext {
	float:left;
	width:250px;
	font-weight: normal;
}

.newsbild {
	float:left;
	margin-left:20px;
	width:140px;
}


.image_box {
	float: left;
	background: #E3E4E8;
	margin: 5px 10px 0 0;
	text-align: center;
}

.image_box span {
	font-size: 80%;
	display: block;
	margin: 3px 0;
}



.image_box a img {
	border: none;
}

.zertifikat_popup {
	position: absolute; top:40px; left: 240px; display: none; width: 400px; height: 566px; overflow: hidden; 	
}

.zertifikat_popup {
	font-weight: bold; border: 2px solid #fff;
}

.zertifikat_popup .close {
	position: absolute; bottom:0; right: 0; background: #fff; padding: 5px 10px;
}


/*******************************************************************************************/