/**
 * Wertform Main Stylesheet
 * 
 * @author Tilman Koeneke
 * @since 07/12/2009
*/

@charset utf-8;
@import url(reset.css);

/** 
 * General 
*/
html {
text-align:center;
height:100%;
}

body {
position:relative;
font:75%/1.5 'Gill Sans', Arial, Helvetica, sans-serif;
height:100%;
background:#000;
color:#000;
padding-top:10px;
}

body.home,
body.home-en {
color:#fff;
}

em {
	font-style:normal;
}

strong {
	font-weight:bold;
}

#wrapper {
position:relative;
width:975px;
/*
padding-top:50px;
padding-bottom:50px;
*/
text-align:left;
margin:10px auto 2em;
min-height:100%;
background:#000 url(/tl_files/wertform/images/site-design/container-dummy.jpg) no-repeat 0 120px; 
border:2px solid #bbb2ac;
}

body.home #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-home.jpg);
}

body.unternehmen #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-geschichte.jpg);
}

body.karriere #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-karriere.jpg);
}

body.news #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-news.jpg);
}

body.produkte #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-produkte.jpg);
}

body.private-label #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-private-label.jpg);
}

body.mount-hagen #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-mount-hagen.jpg);
}

body.gruppe #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-produktionsverfahren.jpg);
}

body.zertifizierung #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-zertifizierung.jpg);
}

body.philosophie #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-philosophie.jpg);
}

body.handel #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-handel.jpg);
}

body.kontakt #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-kontakt.jpg);
}

body.anfahrt #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-anfahrt.jpg);
}

body.presse #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-presse.jpg);
}

body.impressum #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-impressum.jpg);
}

body.datenschutz #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-datenschutz.jpg);
}

body.nutzungsbedingungen #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-nutzungsbedingungen.jpg);
}

/* english version */
body.home-en #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-home-en.jpg);
}

body.unternehmen-en #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-geschichte-en.jpg);
}

body.karriere #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-karriere.jpg);
}

body.news #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-news.jpg);
}

body.gruppe-en #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-produktionsverfahren-en.jpg);
}

body.zertifizierung-en #wrapper {
background-image:url(/tl_files/wertform/images/site-design/container-zertifizierung-en.jpg);
}

body.philosophie-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-philosophie-en.jpg);
}

body.handel-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-handel-en.jpg);
}

body.kontakt-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-kontakt-en.jpg);
}

body.anfahrt-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-anfahrt-en.jpg);
}

body.presse-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-presse-en.jpg);
}

body.impressum-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-impressum-en.jpg);
}

body.datenschutz-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-datenschutz-en.jpg);
}

body.nutzungsbedingungen-en #wrapper {
 background-image:url(/tl_files/wertform/images/site-design/container-nutzungsbedingungen-en.jpg);
}

/* english version end*/

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

.home p.back {
	display:none;
	}

/**
 * Header 
*/
#header {
position:relative;
}

#header .mod_navigation {
background:transparent url(/tl_files/wertform/images/site-design/nav-main.png) repeat-x 0 bottom;
float:left;
height:65px;
width:771px;
border-left:2px solid #bbb2ac;
border-bottom:2px solid #bbb2ac;
}

.mod_navigation h2,.mod_navigation h2,.mod_navigation li ul {
left:-999em;
position:absolute;
}

#branding {
text-indent:-999em;
float:left;
}

#branding a {
display:block;
width:202px;
height:147px;
background:url(/tl_files/wertform/images/site-design/logo.png) no-repeat;
}

.lang-en #branding a {
background:url(/tl_files/wertform/images/site-design/logo-en.png) no-repeat;
}

#branding .claim {
display:block;
}

ul.level_1 {
background:url(/tl_files/wertform/images/site-design/ul.png) repeat-x 0 bottom;
float:left;
width:100%;
position:relative
}

#footer ul.level_1,
#footer ul.level_1 li {
	background:0;
}

.mod_changelanguage {
	background:transparent url(/tl_files/wertform/images/site-design/nav-main.png) repeat-x 0 top;
	float:left;
	text-align:right;
	height:55px;
	width:771px;
	border-left:2px solid #bbb2ac;
}

.mod_changelanguage li {
display:inline;
padding-right:1em;
/* background:url(/tl_files/wertform/images/site-design/li-lang.png) no-repeat 0 2px; */
}

.mod_changelanguage a {
color:#fff;
font-size:1.3em;
text-decoration:none;
}

.mod_changelanguage a:hover {
text-decoration:none;
}

.mod_navigation a,
.mod_navigation span.active,
.mod_navigation a.trail {
text-decoration:none;
display:block;
color:#fff;
font-size:1.3em;
padding:0.5em 0 0.8em;
/*
padding:.5em 16px .8em 0;
width:112px;
*/
}

.mod_navigation ul.level_2 a, .mod_navigation ul.level_2 span.active {
background:0;
}

.mod_navigation a:hover{
		text-decoration:underline;
}

.mod_navigation a.first,.mod_navigation span.first {
}

.mod_navigation .level_2 a.first,.mod_navigation .level_2 span.first {
}

.mod_navigation li:hover ul {
top:38px;
/* left:auto; */
z-index:1;
}

.mod_navigation li {
background:url(/tl_files/wertform/images/site-design/li.png) no-repeat right bottom;
float:left;
width:127px;
text-align:center;
}

/*
.mod_navigation li.first {
	padding-left:36px;
}
*/

.mod_navigation li li {
background:0;
float:left;
}

.mod_navigation li li a {
color:#8f8076;
border:0;
background:none;
padding:0;
}

.mod_navigation li li a:hover {
color:#fff;
}

.mod_navigation li a.trail,
.mod_navigation li span.active {
font-weight:bold;
}

.mod_navigation li li .active,
.mod_navigation li li .trail {
font-weight:bold;
padding:0
}

.mod_breadcrumb {
margin-top:1em;
display:none;
}

.mod_breadcrumb h3 {
display:inline;
}

/**
 * Container
*/
#container {
clear:both;
padding-top:343px;
/* height:489px; */
/* padding:55px 165px 50px 225px; */
}

body.home #container {
	background:#36281D url(/tl_files/wertform/images/site-design/container-home-bg.png) repeat-y scroll 0 bottom;
	margin-top:630px;
	padding-top:0;
}

body.home-en #container {
	background:#36281D url(/tl_files/wertform/images/site-design/container-home-bg.png) repeat-y scroll 0 bottom;
	margin-top:630px;
	padding-top:0;
}

body.produkte #container,
body.philosophie #container {
}

#container h1 {
	/*
	font-size: 1.6em;
	*/
}

#container h2,
#container h3 {
	font-size: 1em;
}

#container .layout_full h2 {
	clear:both;
}

#container .layout_short {
	margin:0 0 1em 0;
}

#container p {
line-height:1.5em;
margin:0 0 1.33em;
}

#container p.back {
line-height:1.5em;
margin:0 0 1.33em 65px;
}


.news #container p {
line-height:1.3em;
margin:0;
}

.home #container p.teaser,
.news #container p.teaser {
padding-right: 150px;
}

#news-detail .ce_text {
    clear:both;
}

.home #container p {
	/*
	margin-bottom:2em;
	*/
}

#container a {
color:#eb8620;
text-decoration:underline;
}

.home #container a,
.produkte #container a,
.home-en #container a,
.produkte-en #container a {
color:#eb8620;
text-decoration:underline;
}

#container p.more a {
	color:#eb8620;
	}

#container a:hover {
text-decoration:none;
}

.home #container p.more a,
.home-en #container p.more a {
	color:#fff;
	}

p.info {
	color:#666;
	}

/** 
 * Main
*/
#main {
background:#36281d url(/tl_files/wertform/images/site-design/container-bg.png) repeat-y 0 390px;
/*
padding:20px 20px 60px 210px; 
*/
padding:20px 35px 60px 235px;
font-size:1.4em;
border-top:2px solid #fff;
min-height:300px;
}

.home #main,
.home-en #main {
background:transparent url(/tl_files/wertform/images/site-design/home-bg.jpg) no-repeat 0 bottom;
}

.gruppe #main,
.produkte #main,
.kontakt #main,
.gruppe-en #main,
.produkte-en #main,
.kontakt-en #main {
background:#fff url(/tl_files/wertform/images/site-design/container-bg.png) repeat-y 0 390px;
color:#000;
padding:20px 0 40px 155px;
}

.unternehmen #main,
.unternehmen-en #main {
background:#fff url(/tl_files/wertform/images/site-design/container-bg.png) repeat-y 0 390px;
color:#000;
}

.gruppe .mod_article h1 ,
.zertifizierung .mod_article h1,
.gruppe-en .mod_article h1 ,
.zertifizierung-en .mod_article h1{
	padding:0;
}

.kontakt .mod_article .ce_text,
.produkte .mod_article .ce_text,
.gruppe .mod_article .ce_text,
.zertifizierung .mod_article .ce_text,
.kontakt-en .mod_article .ce_text,
.produkte-en .mod_article .ce_text,
.gruppe-en .mod_article .ce_text,
.zertifizierung-en .mod_article .ce_text {
background:transparent url(/tl_files/wertform/images/site-design/border-grad.png) no-repeat;
padding:20px 20px 20px 65px;
}

.kontakt-en .mod_article div.teaser,
.kontakt .mod_article div.teaser
/* .mod_article div.teaser */ {
	padding:0 25px 20px 65px;
	background:0;
}

.private-label .mod_article .ce_text,
.produkte-en .mod_article .teaser,
.produkte .mod_article .teaser {
background:none;
padding:0 20px 20px 65px;
}


.kontakt .mod_article .ce_text .image_container ,
.produkte .mod_article .ce_text .image_container,
.kontakt-en .mod_article .ce_text .image_container ,
.produkte-en .mod_article .ce_text .image_container {
float:left;
width:185px;
min-height:190px;
height:190px;
text-align:center;
}

.gruppe .mod_article .ce_text .image_container,
.gruppe-en .mod_article .ce_text .image_container {
float:left;
width:185px;
}

.home .mod_newslist .image_container,
.news .mod_newslist .image_container,
.news .mod_article .ce_text .image_container,
.home-en .mod_newslist .image_container,
.news-en .mod_newslist .image_container,
.news-en .mod_article .ce_text .image_container {
float:left;
width:200px;
margin-right:20px;
padding-top:6px;
}

.home .mod_newslist .image_container img,
.news .mod_newslist .image_container img,
.news .mod_article .ce_text .image_container img,
.home-en .mod_newslist .image_container img,
.news-en .mod_newslist .image_container img,
.news-en .mod_article .ce_text .image_container img {
border:1px solid #666;
}

.produkte .mod_article .ce_text p,
.produkte-en .mod_article .ce_text p{
	/* padding:0 1em 1em 0; */
}

.produkte .mod_navigation li.produkte ul,
.produkte-en .mod_navigation li.produkte-en ul {
	left:127px;
	top:39px;
}

.news .mod_navigation li.home ul, 
.home .mod_navigation li.home ul,
.philosophie .mod_navigation li.unternehmen ul,
.unternehmen .mod_navigation li.unternehmen ul,
.news-en .mod_navigation li.home ul, 
.home-en .mod_navigation li.home ul,
.philosophie-en .mod_navigation li.unternehmen-en ul,
.unternehmen-en .mod_navigation li.unternehmen-en ul {
	left:0;
	top:39px;
}

#container h1{
margin-right:1em;
font-weight:normal;
float:left;
font-size:1.1em;
line-height:1.3em;
text-transform:uppercase;
/*
	margin-bottom:.4em;
*/
	}

#container .mod_newsreader h1{
text-transform:none;
	}

#container h1.ce_headline{
	float:none;
margin:0 0 1em;	
}

 .produkte #container h1.ce_headline,
 .produkte-en #container h1.ce_headline{
	float:none;
margin:0 0 1em 65px;	
}

#home, #philosphie {
	}

#home .ce_teaser, #home .mod_newslist {
/* float:left; */
}

#home .ce_teaser,
#home-en .ce_teaser {
width:349px;
margin-right:10px;
}

#home .mod_newslist {
/*
border-left:5px solid #fff;
padding-left:5px;
width:221px;
*/
}

.teaser p.more {
	display:none;
	}

/** 
 * Footer
*/
.layout_latest {
		margin:0 0 2em;
	}

p.info {
	float:right;
	}

/** 
 * Footer
*/
#footer {
background:#533c2e url(/tl_files/wertform/images/site-design/footer-bg.png) repeat-y;
width:100%;
position:absolute;
bottom:0;
}

.home #footer {
background:#533c2e url(/tl_files/wertform/images/site-design/container-home-bg.png) repeat-y;
}

#footer .mod_navigation {
	margin-left:198px;
	border-left:2px solid #fff;
	border-top:2px solid #c6b6a9;
}

.home #footer .mod_navigation {
	border-left:0;
}

#footer .mod_navigation li {
	padding-top:15px;
}

#footer .mod_navigation a,#footer .mod_navigation span.active {
background:url(/tl_files/wertform/images/site-design/footer-li.png) no-repeat right 0;
padding:0 1em .5em;
width:auto;
}

#footer .mod_navigation .last a,#footer .mod_navigation .last span.active {
background:0;
}

/** 
 * Form elements
*/
label, input[type="button"], input[type="submit"], button {
	margin:15px 30px 0 0;
}

input.text {
	width:200px;
	border:1px solid #BBB2AC;
}

/** 
 * Logo Gallery
*/

.ce_gallery {
/*margin:0 0 20px 0;*/
margin:0 0 20px 65px;
}

/** 
 * back link
*/
.mod_backlink,
#container p.back {
    display:block;
    float:right;
margin-right:20px;
}

#biohotels {
margin-top:20px;
}

#biohotels strong {
display:block;
}