/* Lade Klassen zu tt_news*/
@import url(screen/tt_news_v2.css);

ul#ebene2{ margin-left: -30px;}
ul#ebene3{ margin-left: -30px;}

/*shop*/
.product_image{float: left; margin-right: 16px; border: 1px solid grey; padding 2px;}
.listitem{
	background-color: #eee;
	margin-bottom:10px;
	padding:3px;
	border: 1px solid grey;}

.product_note ul{
	list-style-position: inside;
}





html,body{margin:0;padding:0}
body {
	font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/bgpattern.gif) repeat-x;
	}
	
p {
	margin:12px 0 12px 0; 
	line-height:17px;
	}
	
img {
	border:none;
	border:1px solid;
	color:silver;
	padding:2px;
}

fieldset {
border:0pt none;
}

div#header {
	text-align:right;
	height:257px;
	padding:19px 35px 0 0;
	margin:3px 0 0 0;
	background:url(../images/layout/header_img_default.jpg) no-repeat;
	color:#4e484a;
	}
	
div#header {
	text-align:right;
	height:259px;	
*height:275;
	padding:16px 14px 0 0;
	margin:3px 0 0 0;
	color:#4e484a;
	}

div#header a:link,
div#header a:active,
div#header a:visited {
	color:#4e484a;
	}
div#header a:hover {
	color:#c76c15;
	}
	
/*Linkleiste rechts*/
.utilities {
	width:auto; 
	text-align:right; 
	float:right;
	background:transparent url(../images/layout/png8_50prozent.png) repeat scroll 0% 50%;
	margin-top:-3px;
	*margin-top:0px;
	padding-right: 10px;
	padding-left:8px;
	padding-bottom:5px;
	padding-top: 5px;
}

	
	
	
a:link,
a:active,
a:visited {
	color:#c76c15;
	}
a:hover {
	color:#4e484a;
	}
div#container {
	width:969px;
	/*text-align:left;*/
	margin:0 auto;
	}
div#wrapper {
	float:left;
	width:957px;
	margin-left:6px;
	background:#FFF;
	display:inline;
	}


div#content {
	margin:2px 167px 0 263px;
	*margin:2px 167px 0 0px;
	border-top:4px solid #c6c8ca;
	padding:0 15px 20px 15px;
	min-height:410px;
	*width:525px !important;
	*margin-left:263px;

	}

* html div#content {height:410px;}
div#content h1 {	
	color:#c76c15;
	font-size:22px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:5px 0 5px 0;
	background:url(../images/h1_bg.gif) no-repeat left bottom;
	}
div#navigation {
	border-top:9px solid #c6c8ca;
	float:left;
	width:237px;
	margin:2px 0 0 -931px;
	display:inline;
	}

div#address {
	border:1px solid #e5e8eb;
	background:url(../images/address_bg.gif) repeat-x;
	padding:5px 35px 5px 35px;
	margin:10px 0 0 0;
	text-align: left;
	}
div#extra {
	float:left;
	width:153px;
	text-align:left;
	margin-left:-161px;
	display:inline;
	border-top:4px solid #C6C8CA;
	margin-top:2px;
	}
div#extra h1 {
	text-align:left;
	margin:2px 0 5px 0;
	background:#c6c8ca;
	padding:5px;
	font-size:12px;
	color:#fff;
	}
div#extra img {
	float:right;
	margin:0pt 0pt 1px -2px;
	}
div#footer {
	clear:left;
	width:100%;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
/* NAVIGATION CSS*/	
#navlist {
	padding:0 0 1px 0;
	margin:2px 0 0 0;
	border-bottom:4px solid #c6c8ca;
	text-align: left;

	}
#navlist li {
	list-style: none;
	margin:0;
	}
#navlist a {
	display: block;
	text-decoration: none;
	margin-bottom: 1px;
	color:#231f20;
	background:url(../images/navi_no.jpg) no-repeat;
	height:22px;
	padding:7px 0 0 35px;
	}
#navlist a#current { background:url(../images/navi_ro.jpg) no-repeat; font-weight:bold; }
#navlist a:hover, #navlist a#current:hover {
	background:url(../images/navi_ro.jpg) no-repeat;
	}
#navlist a:active, #navlist a#current:active {
	background:url(../images/navi_ro.jpg) no-repeat;
	}
#active {
	background:transparent url(../images/navi_cur.jpg) no-repeat scroll 0%;
	display: block;
	text-decoration: none;
	margin-bottom: 1px;
	color:#231f20;
	height:22px;
	padding:7px 0 0 35px;
}
	
	
	
/* Bestellformularset */

#formular {
	display:inline;
	float:left;
	padding-bottom:7px;
	width:550px;
}

#zweispaltig{
	display:inline;
/*	float:left;*/
	padding-bottom:7px;

}
label.leftagb {
	float:left;
	width:400px;
}
label.left {
	float:left;
	font-weight:bold;
	margin-right:10px;
	text-align:left;
	width:58px;
}
.leftempty {
	float:left;
	width: 190px;
	height: 24px;
	text-align:left;
}
label.top {
	font-weight:bold;
}

label.right {
display: inline;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	width:58px;
}

.form_left{
	float: left;
	width: 250px;
}

.form_right{
	float: left;
	width: 250px;
}

.form_textarea{
	width: 200px;
}

.anmerkungen {
	font-size: 10px;
}
.marginalien {float:left}
.ordersubmit{
	width:500px;
	text-align: center;
	}
.FEHLAMARKER {
	font-weight: bold;
	color:red;
}


/*Gesundheits*/
/* Tipps aktuell*/
.artikel{
	margin-top: 8px;
	line-height:17px;
}



.magazinhead{
	background:transparent url(../images/h1_bg.gif) no-repeat scroll left bottom;
	color:#C76C15;
	font-size:22px;
	font-weight:normal;
	padding:5px 0pt;
}

.vorspann{
	font-weight: bold;
	margin-top: 8px;
}

.bildbox {
	background-image:none;
	float:right;
	padding: 25px 0 2px 2px;
	width:160px;
	margin: 8px 0 0 8px;
}
.picture{
	float: right;
	border: 1px solid lightgrey;
	width: 150px;
}

.artikel img{
  	width: 150px;
  	border:1px solid #C76C15;
  	padding: 3px;
  	float: right;
}

.picdescript {
	font-size:0.8em;
	text-align: right;
	
}
.credits {
	font-size: 0.8em;
	text-align: right;
}




/*Mailformular einfach*/
.csc-mailform-field label{
	display: block;

}


/*############################################################
######################################################*/


html,body{margin:0;padding:0}
body {
	font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/bgpattern.gif) repeat-x;
	}
p {
	margin:12px 0 12px 0; 
	line-height:17px;
	}
img {border:none;}

a:link, a:active, a:visited {
	color:#c76c15;
	}
a:hover {
	color:#4e484a;
	}

/*
.utilities {width:100%; text-align:right;}		
.utilities a:link,
.utilities a:active,
.utilities a:visited {
	color:#4e484a;
	display:block;
	padding:5px 8px 5px 8px;
	margin:0 0 0 1px;
	float:right;
	cursor:pointer;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg_opac.png');
	}
.utilities a:hover {
	color:#c76c15;
	}
/* IE ignores styles with [attributes], so it will skip the following. */
.utilities[class] a:link,
.utilities[class] a:active,
.utilities[class] a:visited  {
	background:url(../images/bg_opac.png) repeat;
	}
.utilities[class] a:hover {
		color:#c76c15;
		}*/
	
/* CSS Klassen für die Header Hintergrundbilder*/	
.headerimage_default {background:url(../images/header_img_default.jpg) no-repeat;}
.headerimage_notdienst {background:url(../images/header_img_notdienst.jpg) no-repeat;}
.headerimage_team {background:url(../images/header_img_team.jpg) no-repeat;}
.headerimage_leistungen {background:url(../images/header_img_leistungen.jpg) no-repeat;}
.headerimage_bestellen {background:url(../images/header_img_bestellen.jpg) no-repeat;}
.headerimage_kontakt {background:url(../images/header_img_kontakt.jpg) no-repeat;}
.headerimage_impressum {background:url(../images/header_img_impressum.jpg) no-repeat;}



div#container {
	width:969px;
	text-align:left;
	margin:0 auto;
	}
div#wrapper {
	float:left;
	width:957px;
	margin-left:6px;
	/*margin-left: -113px;*/
	background:#FFF;
	display:inline;
	}




* html div#content {height:410px;}
div#content h1 {	
	color:#c76c15;
	font-size:22px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:5px 0 5px 0;
	background:url(../images/h1_bg.gif) no-repeat left bottom;
	}
div#navigation {
	border-top:9px solid #c6c8ca;
	float:left;
	width:237px;
	margin:2px 0 0 -931px;
	display:inline;
	}
div#address {
	border:1px solid #e5e8eb;
	background:url(../images/address_bg.gif) repeat-x;
	padding:5px 35px 5px 35px;
	margin:10px 0 0 0;
	}

div#extra h2 {
	text-align:left;
	margin:2px 0 5px 0;
	background:#c6c8ca;
	padding:5px;
	font-size:12px;
	color:#fff;
	}
div#extra img {
	float:right;
	margin:0 0 5px 0;
	}
div#footer {
	clear:left;
	width:100%;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* BOX für zweispaltige Darstellung z.B. Team Page*/
.boxitem {
	width:240px;
	float:left;
	margin:15px 0 0 0;
	}
.boxleft {margin-right:15px; clear:left;}
.boxitem h3 {
	color:#c76c15;
	font-size:16px;
	font-weight:normal;
	margin:0 0 5px 0;
	}
.boxitem span {
	color:#909090;
	font-style:italic;
	}	
.boxitem p {
	margin:5px 0 5px 0;
	}
.boxitem img {
	float:left;
	padding:4px;
	margin:0 10px 0 0;
	border:1px solid #e4e7ea;
	}		
/* CSS für Typo3 NEWS Extension tt_news*/
.news-list-item h3 {
	color:#c76c15;
	font-size:18px;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding:5px 0 5px 0;
	background:url(../images/h1_bg.gif) no-repeat left bottom;
	}
.news-list-item img {
	float:left;
	padding:4px;
	margin:0 10px 0 0;
	border:1px solid #e4e7ea;
	}
.news-list-date {
	color:#909090;
	font-size:9px;
	display:block;
	margin:10px 0 0 0;
	float:right;
	}
.news-single-item {
	border:none;
	}
.news-single-item h2 {
	color:#c76c15;
	font-size:22px;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding:5px 0 5px 0;
	background:url(../images/h1_bg.gif) no-repeat left bottom;
	}
.news-single-timedata {
	color:#909090;
	font-size:9px;
	display:block;
	margin:18px 0 0 0;
	float:right;
	}
.news-single-img {
	float:right;
	padding:4px;
	margin:0 0 0 10px;
	border:1px solid #e4e7ea;
	}
.news-single-author {
	color:#909090;
	margin:0;
	font-style:italic;
	}
.bodytext {line-height:17px;}
.clearer {
	clear:both;
	visibility:hidden;
	}
	
	
	
/* NAVIGATION CSS*/	
#navlist {
	padding:0 0 1px 0;
	margin:2px 0 0 0;
	border-bottom:4px solid #c6c8ca;	
	}
#navlist li {
	list-style: none;
	margin:0;
	}
#navlist a {
	display: block;
	text-decoration: none;
	margin-bottom: 1px;
	color:#231f20;
	background:url(../images/navi_no.jpg) no-repeat;
	height:22px;
	padding:7px 0 0 35px;
	}
#navlist a#current { background:url(../images/navi_ro.jpg) no-repeat; font-weight:bold; }
#navlist a:hover, #navlist a#current:hover {
	background:url(../images/navi_ro.jpg) no-repeat;
	}
#navlist a:active, #navlist a#current:active {
	background:url(../images/navi_ro.jpg) no-repeat;
	}
	
/* ploffers - Angebote */
.ploffers_image_off{
 	background-color: white;
 	border: 1px solid grey;
}
.ploffers_image_container{
	width: 150px;
	background-color: #white;
	text-align: center;
}
.ploffers_name{
	width: 190px;
}
.ploffers_size{
	width: 70px;
	text-align:. center;
}
.ploffers_price{
	width: 70px;
	text-align: right;
}
.ploffers_uvp{
	width: 70px;
	text-align: right;
}
.ploffers_order{
	width: 100px;
}
.ploffers_saving{
	color: red;
	width: 80px;
	text-align: center;
}
#form_angebot tr{
	vertical-align: top;
	background-color: #eeeeee;
}
#form_angebot th {
	background-color: #fffeee;
}