
/******** TemplaVoila - CONTENTTEMPLATES **************************************/
/******** Differential coloration for area "STEINOFEN" & "BIO CORNER" *********/

/******************************************************************************/
/* 2 column - contentframe */

.info-area-layout_2 .two-column_full {
	background: transparent url(../images/2col_full_content_steinofen.gif) no-repeat;
}	

.info-area-layout_2 .bg_2col_bottom { 
	background: url(../images/2col_full_bottom_steinofen.jpg) no-repeat 0 0;
}

.info-area-layout_3 .two-column_full {
	background: transparent url(../images/2col_full_content_biocorner.gif) no-repeat 0 0;
}	

.info-area-layout_3 .bg_2col_bottom { 
	background: url(../images/biocorner_2col_full_bottom.jpg) no-repeat 0 0;
}


.info-area-layout_4 .two-column_full { background: transparent url(../images/2col_full_content_banner.gif) no-repeat 0 0; }
.info-area-layout_4 .bg_2col_bottom { background: url(../images/2col_full_bottom_banner.jpg) no-repeat 0 0; }
.info-area-layout_4 .two-column_full .side-column { width:204px; margin: 0px 15px 0px 0px;  }
/*.info-area-layout_4 .two-column_full .headline_content_2 { padding-left: 15px;}*/
.info-area-layout_4 .two-column_full .main-column { width: 438px; }

.info-area-layout_4 .two-column_full .side-column .side-column div.csc-textpic { width: 234px; }



/******************************************************************************/
/******************************************************************************/
/* 1 column - contentframe */

.info-area-layout_2 .info-area-content {
	background:#F5F1EA url(../images/info-area-top_steinofen.gif) no-repeat;
}

.info-area-layout_2 .info-area-bottom {
	background:url(../images/info-area-bottom_steinofen.gif) no-repeat;
}


.info-area-layout_3 .info-area-content {
	background:#E8EEC6 url(../images/info-area-top_biocorner.gif) no-repeat;
}

.info-area-layout_3 .info-area-bottom {
	background:url(../images/info-area-bottom_biocorner.gif) no-repeat;
}

.one-column_full .main-column div.csc-textpic { width: 690px; }



/******************************************************************************/
/******************************************************************************/
/* 2 topimages */

.two-column_images {
  width: 716px;
  height: 236px;
  overflow: hidden;
  margin: 0px;
  padding: 0px 0px 1px 0px;

}
.two-column_images .left {
	width: 470px;
	margin: 0px;
	padding: 0px 1px 0px 0px;
	overflow: hidden;
  float: left;
}

.two-column_images .right_bg,
.two-column_images .right {
	width: 234px;	
	margin: 0px;
	overflow: hidden;
}

.two-column_images .right_bg {
	background:url(../images/2col_karriere_right.jpg) no-repeat;
	height: 236px;
}

.two-column_images .right_bg .right_inner_headline {  padding-left: 5px; }
.two-column_images .right_bg .right_inner_content {  
  width: 190px;
  overflow: hidden;
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
}

.two-column_images .right_bg .right_inner_content .bodytext a{ 
	font-weight: bold;
	background:transparent url(../images/arrow-downloadbox.jpg) no-repeat scroll 0 50%;
	margin:10px 0;
	padding-left:20px;
	text-decoration: none;
}


/******************************************************************************/
/******************************************************************************/
/* 2 columns + top-image -> "Menüplan" */
/* 2 column + image - contentframe */

.two-column_topimage { 
	background:url(../images/2col_topimage_bg_all.jpg ) no-repeat;
	min-height: 480px;
}

/* ie 7 hacks 
*+html .two-column_topimage {  background-position:0px 30px; }
*/
*html .two-column_topimage {  background-position:0px 30px; }

.two-column_topimage .left { 
  float: left; 
  width: 470px; 
  /*height: 470px;*/
}

.two-column_topimage .right { 
  float: left; 
  width: 230px;
  margin: 0px 0px 0px 0px; 
  min-height: 270px;
  overflow: hidden;
}



.two-column_topimage .right .headline_content_1 {  padding: 1px 0px 0px 15px;}
.two-column_topimage .right .right-column-content {  padding: 0px 0px 0px 16px;}
.two-column_bottom {background: url(../images/2col_topimage_bottom_bg.gif) repeat-y; height: 20px; }
.two-column_bottom div.bottom-lnk {  width: 469px; }
.two-column_end { background: url(../images/2col_topimage_end.png) no-repeat; height: 7px; }
.two-column_topimage .left .main-content { padding-left: 14px; }
.two-column_topimage .left .main-content .csc-textpic { width: 450px; }



/******************************************************************************/
/******************************************************************************/
/* 3 images */

.three-column_images {
  height: 236px;
  overflow: hidden;
}

.three-column_images .left,
.three-column_images .middle,
.three-column_images .right {
  width: 219px;
  height: 25px;
  padding-left: 15px;
  padding-top: 211px;
  float: left;  
}

.three-column_images .left {
  padding-right: 1px;
}

.three-column_images .right {  float: right;}



.three-column_images .layout_1,
.three-column_images .layout_2,
.three-column_images .layout_3,
.bannerlink {
  background: url(../images/arrow-3.gif) no-repeat;
  padding-left: 18px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  background-position:0px 2px;
}

.three-column_images .layout_2 {  
/*  background: url(../images/arrow-4.gif) no-repeat; */
background: url(../images/arrow-3.gif) no-repeat;
  background-position:0px 2px;
}

.three-column_images .layout_3 { color: #000000; }

.bannerlink { color: #000000; margin-left: 10px; }

div.side-column div.three-column_images_root { margin-left: -15px; }


/******************************************************************************/
/******************************************************************************/
/* 2 column - Einstieg Wunderwelt */

.info-area-content_5 .two-column_full {
	background: none;
}

*html .info-area-content_5 .two-column_full {
	 position:relative; top:-5px;
}

.info-area-content_5 .two-column_full .bg_table {
	background: transparent url(../images/2col_full_content_ww.gif) no-repeat 0 0;
	width: 470px;
}


.info-area-content_5 .two-column_full .main-column {
  padding: 0px;
	width: 470px;
}

.info-area-content_5 .two-column_full .side-column {
  margin-right: 28px;
}

.info-area-content_5 .two-column_full .bottom-lnk .line{ 
	height: 1px;
	width: 100%;
	background: transparent url(../images/line_439.gif) no-repeat 15px 0;
}

.info-area-content_5 .two-column_full .main-column .bottom-lnk .line a { font-weight: normal !important; } 

.info-area-content_5 .two-column_full .bottom-lnk { 
	width: 100%;
	background: transparent url(../images/2col_bottom_content_ww.gif) no-repeat 0 0;
}

.info-area-content_5 .two-column_full .bg_2col_bottom {
  width: 470px;
}

.info-area-content_5 .two-column_full .side-column .side-column-content a.info-link {
  background: url(../images/arrow-4.gif) no-repeat;
  padding-left: 18px;
  color: #3E1204;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  background-position:0px 2px;
}

.info-area-content_5 .two-column_full .side-column div { padding-bottom: 2px; }
.info-area-content_5 .two-column_full .side-column .side-content1,
.info-area-content_5 .two-column_full .side-column .side-content2,
.info-area-content_5 .two-column_full .side-column .side-content3 {
  padding-left: 14px;
  padding-right: 12px;
}

/******************************************************************************/
/******** TemplaVoila - SITETEMPLATES *****************************************/
/******** Differential coloration for area "STEINOFEN" & "BIO CORNER" *********/

#content-steinofen { background:url(../images/content-bg_steinofen.gif) repeat-x; }
#footer-steinofen { background-color: #67370F;}
.body-steinofen {  background-color: #67370F; }

#content-biocorner {	background:url(../images/content-bg_biocorner.gif) repeat-x; }
#footer-biocorner { background-color: #193B1B; }
.body-biocorner { background-color: #193B1B; }

#content-wunderwelt {	background:url(../images/content-bg_wunderwelt.gif) repeat-x; }
#footer-wunderwelt { background-color: #471607; }
.body-wunderwelt { background-color: #471607; }

.header_bg { background-color: #4c1805; }


#content-biocorner .side-nav ul li a:hover,
#content-biocorner .side-nav ul li a.active,
#content-steinofen .side-nav ul li a:hover,
#content-steinofen .side-nav ul li a.active,
#content-wunderwelt .side-nav ul li a:hover,
#content-wunderwelt .side-nav ul li a.active
{
	color: #fff;
}

#content-biocorner .info-block .side-column p a {
	color: #193B1B;
	font-weight: bold;
	background:transparent url(../images/arrow-3_bio.gif) no-repeat scroll 0 50%;
	margin:10px 0;
	padding-left:20px;
	text-decoration: none;
}

#content-biocorner div.bottom-lnk a {
	color: #193B1B;
}

#content-biocorner .info-block .side-column p a:hover {
	text-decoration: underline;
}

#content-biocorner strong {
	color: #193B1B;
}

#content-steinofen strong {
	color: #8D5301;
}

#content-biocorner .side-nav ul li {
	border-bottom:1px solid #43670f;
}

#content-biocorner .side-nav ul .last { border: none; }

#content-biocorner .side-nav ul li ul {
	border-top:1px solid #43670f;
}

#content-biocorner .side-nav ul li a {
	color: #bdc8b7;
}

#content-wunderwelt .side-nav ul li {
	border-bottom:1px solid #842f34;
}

#content-wunderwelt .side-nav ul .last { border: none; }

#content-wunderwelt .side-nav ul li ul {
	border-top:1px solid #842f34;
}

#content-wunderwelt .side-nav ul li a {
	color: #c8b9b4;
}

#content-wunderwelt .side-nav ul li.active a {
	color: #fff;
}

#content-steinofen .side-nav ul li {
	border-bottom:1px solid #6a390e;
}

#content-steinofen .side-nav ul .last { border: none; }

#content-steinofen .side-nav ul li ul {
	border-top:1px solid #6a390e;
}

#content-steinofen .side-nav ul li a {
	color: #c8b9b4;
}

#footer-steinofen p,
#footer-steinofen strong,
#footer-steinofen a { color:#865f3e; }

#footer-biocorner p,
#footer-biocorner strong,
#footer-biocorner a { color:#476148; }

#footer-wunderwelt p,
#footer-wunderwelt strong,
#footer-wunderwelt a { color:#6c4438; }


#content-biocorner .one-column_full div.bottom-lnk .line, 
#content-biocorner .two-column_full div.bottom-lnk .line, 
#content-biocorner .two-column_bottom div.bottom-lnk .line {
	background:transparent url(../images/line_439_bio.gif) repeat-x scroll 15px 0;
	height:1px;
	width:100%;
}

#content-biocorner .two-column_bottom div.bottom-lnk a, 
#content-biocorner .two-column_full div.bottom-lnk a, 
#content-biocorner .one-column_full div.bottom-lnk a {
	background:transparent url(../images/arrow-2_bio.gif) no-repeat scroll 100% 2px;
	
}

/******************************************************************************/
/******************************************************************************/
/******** "Mitarbeiter" - Contentelement  *************************************/ 

div.mitarbeiter_links,
div.mitarbeiter_rechts { 
	float: left; 
	width : 328px; 
        height : 126px;
        background-color: #fae5ba; 
        margin: 0px 0px 15px 0px; 
} 

div.mitarbeiter_rechts { 
	float: right;
} 

div.mitarbeiter_links .img,
div.mitarbeiter_rechts .img { 
        width: 100px; 
        height: 122px; 
        margin: 1px; 
        float : left; 
        background-color : #fff; 
        border: 1px solid #fff; 
} 

div.mitarbeiter_links .header, 
div.mitarbeiter_rechts .header { 
        height: 35px; 
        float: right; 
        width: 215px; 
        text-align: left; 
        padding : 8px 0px 0px; 
} 


#content div.mitarbeiter_links div.infos a,
#content div.mitarbeiter_rechts div.infos a { 
        font-weight: normal; 
} 

#content div.mitarbeiter_links div.infos a:hover,
#content div.mitarbeiter_rechts div.infos a:hover { 
        text-decoration: underline; 
} 

div.mitarbeiter_links div.infos,
div.mitarbeiter_rechts div.infos { 
        float: right; 
        width: 215px; 
        height: 30px;
        margin-top: 30px; 
} 
div.mitarbeiter_links p,
div.mitarbeiter_rechts p { 
        margin : 0 0; 
        display : inline; 

} 
div.mitarbeiter_links p.plinks,
div.mitarbeiter_rechts p.plinks { 
        width: 50px; 
        float: left; 
} 



/******************************************************************************/ 
/******************************************************************************/
div.product div.headline_header_1,
div.info div.headline_header_2 { 
        margin-bottom: 10px;  
        width: 204px;
        overflow: hidden;
} 

div.product div.headline_header_1 {   
        width: 250px;
}

div.product #selectbox_links { 
        float: left;
        width: 185px; 
	margin: 0px;
	padding: 0px;
}

div.product #selectbox_links p {
	margin: 0px 0px 5px 21px;
	padding: 0px;
} 
div.product #selectbox_rechts p{
	margin: 0px 0px 5px 5px;
	padding: 0px;
} 

div.product #selectbox_rechts { 
        display: none;
        float: right; 
        width: 230px;
        margin: 0px 15px 0px 0px;
        padding: 0px;
        height: 40px;
} 

div.product select {
	display:block;
	margin:1px 0 0;
	padding:0;
	border:1px solid #a56e54;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}



/******************************************************************************/
/******************************************************************************/


/******** "Gallery" - Contentelement  ****************************************/ 

.tx-lzgallery-pi1 {
	width:678px; 
	overflow:hidden;
}

#tx-lzgallery-pi1-fotos {
	width: 678px;
	text-align: center;
	border: none;
	background-color: transparent;
	padding: 0px;
}

*+html #tx-lzgallery-pi1-fotos {
	width: 681px;
}

*html #tx-lzgallery-pi1-fotos {
	width: 681px;
}

.tx-lzgallery-pi1 .header-info-hidden {
	display: none;
}

.tx-lzgallery-pi1 .page_nav {
	clear: both;
	height: 25px;
	padding: 8px 8px 0px 8px;
	background: transparent url(../images/gallery_nav_bg.gif) repeat-x;
	margin:0; #margin:10px 0 0 0;
}

.tx-lzgallery-pi1 .page_nav .left {
	float: left;
	width: 150px;
	height: 25px;
	text-align: left;
}

.tx-lzgallery-pi1 .page_nav .middle {
	float: left;
	width: 350px;
	height: 25px;
	text-align: center;
	
}

.tx-lzgallery-pi1 .page_nav .right {
	float: right;
	width: 150px;
	height: 25px;
	text-align: right;
}

#content .tx-lzgallery-pi1 .page_nav a {
	font-weight: normal;
}

#tx-lzgallery-pi1-fotos div.row {
	width: 690px;
	text-align: center;
	overflow: hidden;
}

#tx-lzgallery-pi1-fotos div.cell {
	float: left;
	border: none;
	border-right: 1px solid #efcc92;
	padding: 0px 6px 0px 0px;
	margin-right: 6px;
	margin-bottom: 10px;
	width: 125px;
	height: 95px;
}

#tx-lzgallery-pi1-fotos td {
	background-color: #FFFFFF;
	border: 1px solid #EFCC92;
	padding: 0px;
	height:95px;
	width:125px;
}

#tx-lzgallery-pi1-fotos div.cell a {
	line-height: 1px;
	font-weight: normal;
	padding: 0px; 
}

#tx-lzgallery-pi1-fotos img {
	border: 0pt solid #efcc92;

}

#tx-lzgallery-pi1-title {
	border:none;
	font-size:18px;
	margin-bottom:0px;
	text-align: left;
}

#tx-lzgallery-pi1-descr-long {
	margin:5px 0 15px 0;
	text-align:justify;
}

.tx-lzgallery-pi1 .header-info {
	background:transparent url(../images/line_439.gif) repeat-x scroll 100% 18px;
	height:19px;
	width:100%;
	margin-bottom: 15px;
	clear: both;
	text-align: right;
}


#content-wunderwelt .tx-lzgallery-pi1 .header-info a {
	font-weight: normal;
	background:transparent url(../images/arrow-2_1.gif) no-repeat scroll 100% 60%;
	color:#3E1204;
	display:inline;
	font-weight:normal;
	padding-right:18px;
	text-decoration:none;
}

#content-wunderwelt .tx-lzgallery-pi1 .page_nav a {
	font-weight: normal;
	}

/******************************************************************************/
/******************************************************************************/

div.main-column + div { height: 2px; width: 100%; }

/* Galerie Liste */
.tx-lzgallerylist-pi1 h1 { padding: 0 0 10px 0;}
.galleryListItem { float:left; padding: 0 10px 20px 0; width:162px; height:155px; overflow:hidden;}
.galleryListItemLast { float:left; padding: 0 0 20px 0; width:158px; height:155px; overflow:hidden;}
.galleryListImage {width:158px; height:115px; overflow:hidden; background-color:#FFFFFF;}
.galleryListImage img{ width:158px; border:none;}
#content-wunderwelt .info-block .main-column .galleryListTitle a{ font-weight:normal;}
.galleryListTitle { background-color:#FFFFFF; height:30px; width:148px; padding:5px; }



