﻿/* default styles for extension "tx_indexedsearch" */
.tx-indexedsearch .tx-indexedsearch-browsebox LI{
	display:inline;
	margin-right:5px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{
	width:100px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{
	width:150px;
}
.tx-indexedsearch .tx-indexedsearch-whatis{
	margin-top:10px;
	margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw{
	font-weight:bold;
	font-style:italic;
}
.tx-indexedsearch .tx-indexedsearch-noresults{
	text-align:center;
	font-weight:bold;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr{
	font-style:italic;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup{
	color:red;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info{
	background:#eee;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead{
	margin-top:20px;
	margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2{
	margin-top:0px;
	margin-bottom:0px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD{
	background:#ccc;
	vertical-align:middle;
}
.tx-indexedsearch .tx-indexedsearch-res .noResume{
	color:#666;
}
.tx-indexedsearch .tx-indexedsearch-category{
	background:#ccc;
	font-size:16px;
	font-weight:bold;
}
/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css{
	clear:both;
	margin-bottom:1em;
}
.tx-indexedsearch .searchbox-tmpl-css LABEL{
	margin-right:1em;
	width:10em;
	float:left;
}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css{
	letter-spacing:0;
	font-weight:normal;
	margin-top:-1.2em;
	float:right;
}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd{
	float:left;
}
.tx-indexedsearch .info-tmpl-css dd.item-mtime{
	float:none;
}
.tx-indexedsearch .info-tmpl-css dd.item-path{
	float:none;
}



/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label{
	display:block;
}



/* default styles for extension "tx_fileupload_pi1" */
/* default styles for extension "tx_damfrontend_pi1" */
/*---------------------------------- category tree */
.cattree td{
	font-size:80%;
}
.cattree img{
	padding:0px;
	background:none;
	margin:0px;
	border-width:0px;
}
.cattree td a img{
	border-width:0px;
	border-color:white;
	padding:0px;
	margin:0px;
}
.cattree td a{
	border-width:0px;
	border-color:white;
	padding:0px;
	margin:0px;
}
.cattree div.control{
	width:100px;
}
td.typo3-browsetree-control{
	width:5%;
}
table.typo3-browsetree{
	border:0;
	border-collapse:collapse;
}
/*---------------------------------- filelist */
table.filelist{
	font-size:90%;
	border-collapse:collapse;
	border:1px solid #B5B3CB;
	width:100%;
}
table.filelist td img{
	border-width:0px;
	border-color:#fff;
	padding:0px;
	margin:0px;
}
table.filelist td{
	padding:5px;
}
table.filelist th{
	color:white;
	background:#B5B3CB;
	padding-bottom:9px;
}
table.filelist td a img{
	border-width:0px;
	border-color:#fff;
	padding:0px;
	margin:0px;
}
/*------------------------------- single view */
table.file_singleView{
	width:100%;
	border-collapse:collapse;
	border:1px solid #B5B3CB;
	font-size:90%;
}
table.file_singleView th{
	text-align:left;
	padding:5px;
	color:#fff;
	background:#B5B3CB;
}
table.file_singleView td{
	padding:3px;
}
table.file_singleView td.title{
	font-weight:bold;
	color:#B5B3CB;
	width:50%;
}
.tree_selectedCats{
	background:#B5B3CB;
	font-weight:bold;
}
.tree_unselectedCats{}
/*-------------------------------- category list */
.delete_button a:link,.delete_button a:visited{
	border:1px solid #B5B3CB;
	font-size:130%;
	font-weight:bold;
	color:#B5B3CB;
	width:20px;
	height:20px;
	padding-right:5px;
	padding-left:5px;
}
.delete_button a:hover{
	background:#B5B3CB;
	color:#fff;
}
/*------------------------------ Menu */
ul.foldout{
	list-style:none;
	position:absolute;
	top:1px;
	border:1px solid #B5B3CB;
	margin:0px;
	padding:0px;
	border-bottom-width:0px;
	border-top-width:0px;
	background:white;
}
ul.foldout li{
	padding:10px;
	border-bottom:1px solid #B5B3CB;
	font-size:90%;
	min-width:300px;
}
/******************************** Resultlist */
ul#browseresultlist{
	padding:0px;
	margin:0px;
	list-style:none;
}
ul#browseresultlist li{
	float:left;
	padding-right:10px;
}
/******************************** Advanced category tree */
.cattree{
	width:400px;
}
.treeBgWhite{}
.treeBgGrey{
	background:lightgrey;
}
.checkbox_green a{
	display:block;
	float:left;
	padding-left:20px;
	background:url(typo3conf/ext/dam_frontend/res/images/checkbox_green.gif) no-repeat left top;
}
.checkbox a{
	display:block;
	float:left;
	padding-left:20px;
	background:url(typo3conf/ext/dam_frontend/res/images/checkbox.gif) no-repeat left top;
}
.checkbox_grey a{
	display:block;
	float:left;
	padding-left:20px;
	background:url(typo3conf/ext/dam_frontend/res/images/checkbox_grey.gif) no-repeat left top;
}
.no_access{
	background:url(typo3conf/ext/dam_frontend/res/images/no_access.gif) no-repeat left top;
	padding-left:17px;
}
.tree_close{
	padding-left:17px;
	background:url(typo3conf/ext/dam_frontend/res/images/tree_close.gif) no-repeat left top;
}
.tree_open{
	padding-left:17px;
	background:url(typo3conf/ext/dam_frontend/res/images/tree_open.gif) no-repeat left top;
}
.tree_noControll{
	padding-left:17px;
}



/* default styles for extension "tt_news" */
.news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, .news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, .news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu{
	font-size:10px;
}
/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */
.news-latest-container HR.clearer, .news-list-container HR.clearer, .news-list2-container HR.clearer, .news-list3-container HR.clearer, .news-single-item HR.cl-left, .news-single-item HR.cl-right{
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer, .news-list3-container HR.clearer{
	clear:both;
}
.news-single-item HR.cl-left{
	clear:left;
}
/*-----------------------------------  tt_news LATEST view  -----------------------------------*/
.news-latest-container{
	padding:10px;
}
.news-latest-gotoarchive{
	padding:3px;
	margin:3px;
	background-color:#f3f3f3;
}
.news-latest-container H2{
	padding:0 0 2px 0;
	margin:0;
}
.news-latest-item{
	padding:3px;
	margin:0;
}
.news-latest-item IMG{
	margin:0 5px 5px 0;
	float:left;
	border:none;
}
.news-latest-category IMG{
	float:none;
	border:none;
	margin:0px;
}
.news-latest-item > p{
	margin:0;
	padding:0;
}
/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container{
	padding:10px 0;
}
.news-list-item{
	padding:0 0 10px 0;
}
.news-list-container H2{
	margin:0px;
}
.news-list-date{
	float:right;
	display:block;
	padding-left:10px;
}
.news-list-imgcaption{
	padding:3px 3px 0 0;
}
.news-list-container IMG{
	float:right;
	margin:0 2px 5px 5px;
	border:none;
}
.news-list-category IMG{
	float:none;
	border:none;
	margin:0px;
}
.news-list-morelink{
	padding-left:5px;
}
/*---------------------------------  LIST2 / 3 ---------------------------------*/
.news-list2-container, .news-list3-container{
	padding:0 0 10px 0;
}
.news-list2-container, .news-list3-container{
	background:#e5e5e5;
}
.news-list3-item, .list2-subdiv-hdr{
	background:#f1f1f1;
}
.news-list2-container .hdr-left, .news-list2-container .hdr-right, .news-list3-container .list3-left, .news-list3-container .list3-right{
	width:48%;
	float:left;
	padding:5px;
}
.news-list2-container .sub-left, .news-list2-container .sub-middle, .news-list2-container .sub-right{
	width:31%;
	float:left;
	padding:5px;
}
.news-list3-item{
	padding:5px;
}
.news-list3-item, .list3-subdiv, .list2-subdiv{
	border-top:5px solid #fff;
}
.news-list2-container IMG{
	float:right;
	margin:0 2px 5px 5px;
	border:none;
}
.news-list3-container IMG{
	float:left;
	margin:0 5px 5px 2px;
	border:none;
}
/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.news-list-browse{
	text-align:center;
	margin-bottom:20px;
}
.activeLinkWrap{
	font-weight:bold;
}
.disabledLinkWrap{
	color:#999;
}
.disabledLinkWrap, .browseLinksWrap a, .activeLinkWrap{
	padding:0 1px;
}
/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item{
	padding:5px;
	margin-bottom:5px;
	}
.news-single-img{
	float:right;
	margin:10px 0 0 10px;
	padding:0;
}
.news-single-img img{
	border:none;
}
.news-single-imgcaption{
	padding:1px 0 3px 0;
	margin:0;
}
.news-single-rightbox{
	float:right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink{
	padding:10px;
}
.news-single-additional-info{
	margin-top:15px;
	padding:3px;
	clear:both;
}
.news-single-related, .news-single-files, .news-single-links{
	margin:0;
	margin-bottom:3px;
	padding:3px;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD{
	margin-left:20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT{
	font-weight:bold;
	margin-left:5px;
}
.news-single-files DD A{
	padding:0 3px;
}
/*--------------------------------- SINGLE2  ---------------------------------*/
.sv-img-big img, .sv-img-small img{
	border:none;
}
.sv-img-big{
	float:right;
	padding:10px 0 2px 10px;
}
.sv-img-small-wrapper{
	padding:15px 0;
}
.sv-img-small{
	float:left;
	padding:0 10px 10px 0;
}
/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container{
	width:165px;
	padding:0;
	margin-left:10px;
}
.news-amenu-container LI{
	padding-bottom:1px;
}
.news-amenu-container LI:hover{
	background-color:#f3f3f3;
}
.news-amenu-container UL{
	padding:0;
	margin:0;
	margin-top:5px;
	list-style-type:none;
}
.news-amenu-item-year{
	font-weight:bold;
	margin-top:10px;
	padding:2px;
	background-color:#f3f3f3;
}
.amenu-act{
	background:#fff;
	font-weight:bold;
}
/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */
.news-catmenu{
	padding:10px;
}
ul.tree{
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
}
ul.tree A{
	text-decoration:none;
}
ul.tree A.pm{
	cursor:pointer;
}
ul.tree img{
	vertical-align:middle;
}
ul.tree ul{
	list-style:none;
	margin:0;
	padding:0;
	padding-left:17px;
}
ul.tree ul li{
	list-style:none;
	margin:0;
	padding:0;
	line-height:10px;
	white-space:nowrap;
}
ul.tree ul li.expanded ul{
	background:transparent url('../typo3/gfx/ol/line.gif') repeat-y top left;
}
ul.tree ul li.last > ul{
	background:none;
}
ul.tree li.active, ul.tree ul li.active{
	background-color:#ebebeb !important;
}
ul.tree li.active ul, ul.tree ul li.active ul{
	background-color:#f7f3ef;
}
/*  Styles for catmenu mode "nestedWraps" */
.level1{
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level2{
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px solid #666;
}
.level3{
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level4{
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px solid #666;
}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* end reset */



html {
	background: #121112 url(../img/layout/bg-gradient.jpg) top left repeat-x;
}
body {
	background: url(../img/layout/bg-wave.jpg) center 192px no-repeat;
	color: #f0f0f0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	
	font-size: 12px;
}




a {
	color: #f0f0f0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
sup {font-size:.6em; line-height:0;vertical-align:0.5em;}





/*
 * Seite allgemein zentrieren
 */
#content, #footer {
	width: 920px;
	margin: 0 auto;
	position: relative;
}






/*
 * Logo und umgebender Schweif
 */
/* Schweif #logo-bg überragt den eigentlichen Link und liegt unterhalb des Flash-Elements */
#logo-bg {
	position: absolute;
	top: 11px;
	left: -100px;
	height: 210px;
	width: 310px;
	background: url(../img/xenofit.jpg) 0 0 no-repeat;
}
/* der Link auf dem Logo (überhalb des Flash-Elements) */
#xenofit {
	/* Link liegt über Flash-Element */
	position: absolute;
	top: 51px;
	left: 10px;
	width: 200px;
	z-index: 3;
	
	overflow: hidden;
}
#xenofit a {
	display: block;
	height: 80px;
	
	/* hide text */
	white-space: nowrap;
	text-indent: 210px;
	overflow: hidden;
}




/*
 * Service-Navigation oben rechts
 */
#service-nav {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	
	z-index: 4;
	font-size: 11px;
}
#service-nav li {
	line-height: 1;
	float: left;
	padding: 0 4px;
	border-bottom: 1px solid #191919;
	background: #1e1e1e;
	padding: 4px 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#service-nav a {
	display: block;
	color: #8b8d8b;
	padding: 6px 12px;
	border-left: 1px dotted #333;
}
#service-nav li:first-child a {
	border-left: none;
}



/*
 * Hauptnavigation. Dropdown wird über ein allgemeines .has-dropdown gesteuert, da wiederverwendet bei filtern, etc.
 */
#nav {
	position: absolute;
	top: 85px;
	right: 0;
	font-size: 14px;
	
	/* überlagert den Flashbereich um 10px */
	z-index: 1;
}
#nav li {
	position: relative;
	float: left;
	border: 1px solid #696969;
	border-left-color: #88898a;
	border-right-color: #3b3c3d;
	background: #4e4f50 url(../img/layout/bg-nav-gradient.gif) 0 0 repeat-x;
}
#nav li.active {
	background: #9c9da0 url(../img/layout/bg-nav-gradient-active.gif) 0 0 repeat-x;
}
#nav li:first-child, #nav #nav-home {
	border: none;
	background: none;
}
#nav li a {
	display: block;
	padding: 8px 16px;
	white-space: nowrap; /* verhindert Zeilenumbruch falls gewünscht */
}
#nav li a:hover {
	text-decoration: none;
}
#nav li:first-child a, #nav #nav-home a {
	color: #939293;
}
#nav li.has-dropdown a {
	padding-right: 25px;
	background: url(../img/layout/nav-down.gif) center right no-repeat;
}
#nav ul, #nav ul li {
	/*display: none;*/
	float: none;
}
#nav ul {
	display: none;
}
#nav ul li:first-child a {
	color: #fff;
}



/*
 * Filter sind auch Listen mit .has-dropdown
 * kommen aber eigentlich nur im Inhaltsbereich vor
 * CSS hier, da das kombiniert mit .has-dropdown und dem Hauptmenü ist
 */
.filter {
	float: right;
}
.filter li {
	float: left;
	position: relative;
	zzz-index: 2;
	margin-left: 20px;
}
.filter li ul {
	display: none;
}
.filter li ul, .filter li li {
	float: none;
	white-space: nowrap;
	margin-left: 0;
}
.filter a {
	display: block;
	padding: 3px 25px 4px 0;
	background: url(../img/layout/pointer-filter-down.gif) right center no-repeat;
}
.filter a:hover {
	text-decoration: none;
}




/*
 * Dropdowns
 */
.has-dropdown ul {
	float: none;
	font-size: 12px;
	position: absolute;
	top: 90%;
	right: 0;
	min-width: 92%;
	border: 1px solid #000;
	background: #787b7a url(../img/layout/bg-nav-dropdown.jpg) top right repeat-y;
}
#nav .has-dropdown ul {
	top: 80%;
	right: 4px;
}
.has-dropdown li, #nav .has-dropdown li {
	background: none;
	border: none;
	border-top: 1px dotted #919191;
}
.has-dropdown li:first-child, #nav .has-dropdown li:first-child {
	border-top: none;
}
.has-dropdown li.first-child, #nav .has-dropdown li.first-child {
	border-top: none;
}
.has-dropdown li:hover, #nav .has-dropdown li:hover,
.has-dropdown li.active, #nav .has-dropdown li.active {
	background: #4d5b73 url(../img/layout/bg-nav-dropdown-hover.jpg) top right repeat-y;
}
.has-dropdown ul a, #nav li.has-dropdown ul a {
	background: none;
	padding: 5px 5px 5px 19px;
	background: url(../img/layout/nav-pointer.gif) 0 .8em no-repeat;
	display: block;
}
.dropdown-highlight, #nav li.dropdown-highlight,
.has-dropdown li.dropdown-highlight:hover, #nav li.dropdown-highlight:hover,
.filter .dropdown-highlight {
	position: absolute;
	top: -19px;
	right: -1px;
	width: 18px;
	height: 18px;
	border: 1px solid #000;
	border-bottom: none;
	
	background: url(../img/layout/nav-up.gif) center right no-repeat;
}



/*
 * Seitenleiste mit 
 * - Suche
 * - auf der Startseite mit News
 * - auf der Startseite mit Sponsoring-Hinweis
 * - Hinweisen auf andere Produkte
 */
#sidebar {
	position: absolute;
	top: 330px;
	right: 0;
	width: 190px;
	z-index: 2;
	
	font-family: Arial, Helvetica, sans-serif;
}

/*
 * Suche (in der Seitenleiste)
 */
#sidebar-search {
	width: 168px;
	border: 1px solid #fff;
	margin-left: 5px;
	margin-bottom: 18px;
	background: #262526;
	overflow: hidden;
}
.ie #sidebar-search {
	width: 172px;
}
#sidebar-search legend {
	display: none;
}

#sidebar-search input[type=hidden]  {
 
 display: none;
  
}


#sidebar-search input {
	border: 1px solid #bbb;
	border-bottom-color: #f4f4f4;
	border-right: none;
	width: 148px;
	color: #696969;
	font-size: 11px;
	height: 18px;
	display: block;
	float: left;
	text-indent: 4px;
}
#sidebar-search button {
	width: 19px;
	height: 18px;
	text-indent: 20px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	background: #262526 url(../img/layout/pointer-search.gif) center center no-repeat;
	border: none;
}


/*
 * News auf der Startseite (in der Seitenleiste)
 */
#sidebar .news {
	background: url(../img/layout/news-bg.png) top left no-repeat;
	text-align: right;
	padding-top: 25px;
}
#sidebar .news dt {
	position: relative;
	margin: 10px 45px 5px 10px;
	font-size: 13px;
	font-weight: bold;
}
#sidebar .news dd {
	position: relative;
	margin: 5px 45px 24px 10px;
	font-size: 11px;
}
#sidebar .news .date {
	display: block;
	position: absolute;
	top: -.52em;
	right: -45px;
	line-height: .9;
	font-weight: normal;
}
.ie6 #sidebar .news .date {
	right: 0;
}
#sidebar .news .day {
	display: block;
	font-size: 28px;
}
#sidebar .news .day span {
	/* den Trenn-Punkt verstecken für semantisch korrektes Markup */
	display: none;
}
/* ältere News dunkler darstellen */
#sidebar .news dt.news-2, #sidebar .news dt.news-2 a, #sidebar .news dd.news-2 {
	color: #aaa6a5;
}
#sidebar .news dt.news-3, #sidebar .news dt.news-3 a, #sidebar .news dd.news-3 {
	color: #686768;
}

.news-list-morelink {
  display: none;
}


/*
 * Sponsoring-Hinweis auf der Startseite (in der Seitenleiste)
 */
#sidebar-sponsoring {
	font-size: 11px;
	margin-top: 10px;
}
#sidebar-sponsoring h2 {
	font-size: 12px;
	font-weight: bold;
	background: #171617 url(../img/layout/pointer-list-d.gif) 13px 14px no-repeat;
	padding: 12px 29px;
	margin: 0;
	position: relative;
}
#sidebar-sponsoring h2 img {
	position: absolute;
	top: 0;
	right: 0;
}
#sidebar-sponsoring p {
	margin-bottom: 3px;
	margin-left: 5px;
}
#sidebar-sponsoring p.image {
	margin-left: 0;
}






/*
 * allgemeine Seitenleiste mit Produktinfos
 */
#sidebar-general {
	margin-top: 123px;
	margin-left: 10px;
	color: #ffc600;
}
#sidebar-general h2 {
	font-size: 15px;
	margin-top: 35px;
	margin-bottom: 8px;
}
#sidebar-general ul.pointer-links, #sidebar-general ul.pointer-links li {
	border-color: #7d6517;
}
#sidebar-general ul.pointer-links a {
	background-image: url(../img/layout/pointer-list-y.gif);
	color: #ffc600;
}
#sidebar-general ul.image-left img {
	margin-right: 6px;
}


























/*
 * Flash-Element
 */
#content-header {
	position: relative;
	z-index: 0;
	height: 385px;
	/*margin: 0 60px;*/
	padding-top: 120px;
	display:block;
}
#flash-header {
	width: 920px;
	height: 390px;
	display: block;
	position: absolute;
	top: 120px;
	left: 0;
}

#flash_header_img	{
	display: none;
	/* ausgeblendet und nur in Print-Ansicht verwendet	*/
}
#flash-header p {
	width: 920px;
	height: 390px;
	background: url(../img/layout/flash-header.jpg) bottom left no-repeat;
}
#flash-header a {
	display: block;
	float: left;
	width: 422px;
	height: 390px;
	
	margin-right: 10px;
	
	text-indent: 422px;
	overflow: hidden;
}















/*
 * Haupt-Inhaltsbereich
 */

/* Hintergrundfarben */
.bg-dark {
	background-color: #282728;
}
.bg-medium {
	background-color: #464546;
}
.bg-light {
	background-color: #fff;
	color: #111;
}
.bg-light a {
	color: #111;
}










/* Spaltenlayout */
.columns-4 {
	overflow:auto; /* contain floats */
	zoom:1;
}
.columns-4 .column-1 {
	margin-left: 14px;
	width: 165px;
	float: left;
	/*padding: 6px 0 8px;*/
}
.ie6 .columns-4 .column-1 {
	padding-left: 14px;
	margin-left: 0;
}
/*
.columns-4 .column-1:first-child {
	margin-left: 12px;
}
/*/
.clear-left {
	clear: left;
}

.column-1 .more	{
	margin: 0.5em 0 !important;
}

.column-1 .csc-textpic	{
	margin: 0px !important;
}

.csc-textpic-clear  {
  clear: both;
}












/* linke Leiste Inhaltsbereich  */
#content-sidebar {
	width: 175px;
	float: left;
}

/* Subnavigation in der Seitenleiste immer dunkel mit Kreuzen */
#content-sidebar ul.cross-links {
	background: #131213;
	margin: 0;
}
#content-sidebar ul.cross-links li {
	border-top: 1px solid #3f3f3f;
	padding-left: 9px;
}
#content-sidebar ul.cross-links ul li {
	border-top: none;
}
.ie6 #content-sidebar ul.cross-links ul li {display:inline;}
.ie6 ul.cross-links ul a {display:block;}

ul.cross-links a {
	display: block;
	background: url(../img/layout/subnav-cross.gif) 0 13px no-repeat;
	padding: 12px 20px;
	color: #f0f0f0;
}
ul.cross-links .active a {
	background-position: -175px 13px;
}
ul.cross-links ul {
	padding-left: 11px;
	padding-bottom: 6px;
	display: none;
}
ul.cross-links .active ul {
	display: block;
}
ul.cross-links ul a {
	font-size: 11px;
	background: none;
	padding: 0;
	margin: 0 0 10px;
}
















#content-body {
	position: relative;
	margin-right: 190px;
	padding-bottom: 15px;
	/*background: #131213;*/
	overflow: hidden;
	zoom: 1;
}





/*
 * Meldungen mit Bildern ohne Datum
 * Bild links, Text mit Überschrift, etc. rechts
 * alles ein großer Link
 */
.portal-with-images li {
	margin-bottom: 20px;
	
	font-size: 11px;
	color: #bababa;
}
.portal-with-images img {
	float: left;
	display: block;
	margin-right: 15px;
}
.portal-with-images li span {
	display: block;
}
.portal-with-images .section {
	color: #fff;
	margin-top: 10px;
}
.portal-with-images .headline {
	font-size: 18px;
	color: #ffde00;
	margin: 4px 0;
}
.portal-with-images a {
	display: block;
	width: 100%;
	overflow: hidden;
	
	background: #4f4e50 url(../img/layout/pointer-news-big.gif) bottom right no-repeat;
	margin-top: 8px;
}
.portal-with-images a:hover {
	text-decoration: none;
}










/* News im dreispatligen Layout mit Bild im Haupt-Inhaltsbereich */

#breadcrumb+.news-with-images {
	
  margin-right: 12px;
}
.news-with-images {
	overflow: hidden; /* contain floats */
	zoom: 1;
	float: left;
	font-size: 11px;
	margin-bottom: 20px;
}
.news-with-images li {
	float: left;
	width: 160px;
	margin-left: 9px;
}
.news-with-images li:first-child, .news-with-images li .news-4 {
	margin-left: 0;
}
.news-with-images a {
	display: block;
	padding-bottom: 8px;
	background: #4f4e50 url(../img/layout/pointer-news-big.gif) bottom right no-repeat;
	margin-top: 8px;
	height: 175px;
}
.news-with-images a:hover {
	text-decoration: none;
}
.news-with-images a img {
	border: 1px solid #454345;
	display: block;
}
.news-with-images a span {
	display: block;
	padding: 4px;
}

dl.news	{
	clear:both;
	
}










/* News Detailseite
	dkoehl
	28.06.2010	*/
.tt_forward a,
.tt_backward a{
	background-image:url(../img/tt_forward.png);
	background-position:right;
	background-repeat:no-repeat;	
	float:right;
	width:220px;
	padding-right:27px;
	overflow:hidden;
	display:block;
	text-align:right;
	margin-bottom:50px;
}
.tt_backward a{
	float:left;
	background-image:url(../img/tt_backward.png);
	background-position:left;
	padding-right:0px;
	padding-left:27px;
	text-align:left;
}

.news-single-item h1{
	float:left;	
	padding-bottom:20px;
	margin-top:120px;
	width:100%;
	margin-top:40px;
}
.news-single-rightbox{
	margin-bottom:30px;
}
.news-single-item p{
	float:left;	
	
	text-align:left;
}

.news-single-item p a{
	float:right;
	margin-top:40px;
}


.news-single-rightbox{
	float:right;	
}

.news-single-related, .news-single-files, .news-single-links{
	display:none;	
}




















/* Start -> Anpassung der Sponsoring Seite */
.event-item{
	float:left;
	width:510px;
	padding-top:15px;
}
.event-item .news-single-rightbox{
	margin:0px;
}
.event-item h1{
	float:left;
	width:100%;
}
.tt_subheader h2{
	height:20px;
	float:left;
}
.news-single-img{
	/*float:right;*/
	width:250px;
}
p.news-single-imgcaption{
	margin-top:-10px;
	float:left;
}
/* Ende -> Anpassung der Sponsoring Seite */


















/* FCE News Teaser 
	dkoehl
	28.06.2010		*/
.news_teaser_content{
	border-bottom:1px solid #7D6517;
	color:#FFC600;
	background-image:url(../img/bg_newsteaser.png);
	width:190px;
	margin-top:25px;
	margin-bottom:-25px;
	min-height:150px;
	overflow:hidden;
}
.news_teaser_content .csc-textpic-imagewrap{
	float:left;
	margin:5px;
	margin:5px;
	margin-top:56px;
	overlfow;hidden;
}
.news_teaser_content h1,
.news_teaser_content h2{
	border-bottom:1px solid #7D6517;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:95%;
	position:absolute;
	padding:5px;
}
.news_teaser_content p{
	padding:7px;
	padding-top:40px;
}
.news_teaser_content a{
	color:#FFC600;
}
.news_teaser_content a:hover{
	text-decoration:underline;	
}




/* News (mit Datum links) im Haupt-Inhaltsbereich */
#content-body .news dt, #content-body .news dd {
	padding-left: 42px;
	position: relative;
	padding-top: 15px;
}
#content-body .news dt {
	border-top: 1px solid #fff;
}
#content-body .news dt a {
	color: #0099d8;
}
#content-body .news dd {
	font-size: 11px;
	padding-top: 8px;
	padding-bottom: 17px;
}
#content-body .news .date {
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	line-height: .9;
	font-weight: normal;
	color: #949394;
}
.ie6 #content-body .news .date {
	left: -45px;
}
#content-body .news .day {
	display: block;
	font-size: 28px;
}
#content-body .news .day span {
	/* den Trenn-Punkt verstecken */
	display: none;
}
#content-body .news .more, #content-body .news p+a {
	display: inline;
	background: none;
	padding: 0;
}
#content-body .news p+a img {
	vertical-align: bottom;
	float: none;
	margin: 0px 0px 0px 3px;
}

#content-body .news p {
  margin: 0;
  line-height: normal;
  display: inline;
}















#content-main p {
	line-height: 20px;
}

#content-main p.tipp {
	border: 1px solid #ea1a00;
	border-width: 1px 0;
	margin: 25px 0;
	padding: 10px 0;
}

/* große Überschrift mit schwarzem Hintergrund */
#content-body h1 {
	padding: 15px 0 15px 175px;
	margin: 0;
	background: #131213;
	font-size: 24px;
	color: #ccc;
}
#content-main h1 {
	padding: 0;
	background: none;
	margin-top: 15px;
	color: #fff;
}
.bg-light #content-main h1 {
	color: #111;
}


#content-body h2 {
	font-size: 15px;
	margin: 8px 0;
}
.bg-medium h2 {
	color: #b3b2b3;
}

#content-body p, #content-body ul.csc-bulletlist, #content-body ol {
	margin: 1.5em 0;
}
#content-body li ul.csc-bulletlist, #content-body li ol {
	margin-top: 0;
	margin-bottom: 0;
}

#content-main {
	float: right;
	margin-right: 10px;
	width: 510px;
}
#content-main #breadcrumb {
	width: 490px;
	display: block;
	margin-left: -35px;
	padding-left: 35px;
	margin-bottom: 20px;
	margin-top: 0;
	background: url(../img/layout/squares/neutral.jpg) 0 0 no-repeat;
	min-height: 30px;
	font-size: 10px;
}
.ie6 #content-main #breadcrumb {height: 30px;}
#content-main #breadcrumb.cat-mineral {
	background-image: url(../img/layout/squares/cat-mineral.jpg);
}
#content-main #breadcrumb.cat-protein {
	background-image: url(../img/layout/squares/cat-protein.jpg);
}
#content-main #breadcrumb.cat-hydrocarbon {
	background-image: url(../img/layout/squares/cat-hydrocarbon.jpg);
}
#content-main #breadcrumb.cat-firstaid {
	background-image: url(../img/layout/squares/cat-firstaid.jpg);
}
#content-main #breadcrumb li {
	margin-top: 8px;
	float: left;
	list-style: none;
}
#breadcrumb, #breadcrumb a {
	color: #919191;
}









p.more {
	text-align: right;
}
p.more a, a.more {
	padding-left: 9px;
	background-image: url(../img/layout/pointer-more.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	font-size: 11px;
}




ul.pointer-links, ul.pointer-links li {
	list-style: none;
}
ul.pointer-links {
	border: 1px solid #c4c3c4;
	border-width: 1px 0;
}
ul.pointer-links li {
	border-top: 1px solid #626162;
	padding: 8px 0 10px;
	clear: both;
	min-height: 42px;
}
ul.pointer-links li:first-child {
	border-top: none;
}
ul.pointer-links li.emph {
	border-color: #c4c3c4;
}
ul.pointer-links a {
	display: block;
	padding: 0 0 0 19px;
	background-image: url(../img/layout/pointer-list-m.gif);
	background-repeat: no-repeat;
	background-position: 1px 0.3em;
	wwwwidth: 103px;
	float: left;
}

ul.pointer-links li:first-child {
ddddisplay: none;	
}

ul.pointer-links img{
  float: right;
}

ul.image-left li {
	zoom: 1;
	overflow: hidden;
}
ul.image-left a {

	background-position: 0px 0.3em;
	overflow: hidden;
	float: left;
	width: 88px;
}
ul.image-left li img {
	float: left;
	margin-right: 16px;
}

ul.image-below {
	border-bottom: none;
}
ul.image-below li img {
	display: block;
	margin-left: -19px;
}







ul.products {
	overflow: auto;
	margin: 0 0 10px 0;
	width: 600px;
}
ul.products li {
	float: left;
	width: 165px;
	font-size: 11px;
	padding: 15px 0;
	list-style: none;
	height:180px;
}
ul.products a {
	display: block;
	margin: 0 15px;
}

ul.products span.image a+a {
  display: none !important;
}

ul.products span.image {
	display: block;
	height: 117px;
	margin-bottom: 13px;
}
ul.products img {
	display: block;
	max-width: 110px;
}
ul.products strong {
	display: block;
	position: relative;
	font-size: 12px;
	margin-bottom: 8px;
}
ul.products strong span {
	display: block;
	position: absolute;
	top: .25em;
	lllleft: -15px;
	width: 10px;
	height: 10px;
	background: #999;
}



ul.product-categories {
	float: right;
	font-size: 10px;
}
ul.product-categories li {
	float: left;
	margin-right: 20px;
	margin-left: 3px;
	position: relative;
}
ul.product-categories li, ul.product-categories a {
	color: #6a676a;
}
ul.product-categories li span {
	display: block;
	position: absolute;
	top: .5em;
	left: -10px;
	width: 5px;
	height: 5px;
	background: #999;
}


ul.products .cat-protein strong span,
ul.product-categories .cat-protein span {
	background: #0099d8;
}
ul.products .cat-carbonhydrate strong span,
ul.product-categories .cat-carbonhydrate span {
	background: #2d579b;
}
ul.products .cat-mineral strong span,
ul.product-categories .cat-mineral span {
	background: #e90000;
}
ul.products .cat-firstaid strong span,
ul.product-categories .cat-firstaid span {
	background: #fff;
}













#main-col {
	width: 335px;
	float: left;
}
#side-col {
	float: left;
	width: 160px;
	margin-left: 15px;
	
	padding-bottom: 200px;
}










/* allgemeine Inhaltsformate / Text */
#content-main.text-content {
	margin-right: 20px;
	width: 500px;
}
.ie6 #content-main.text-content {
	margin-right: 15px;
}

#content-main .subline {
	color: #ea1a00;
	font-weight: bold;
	font-size: 13px;
	margin-top: 0;
}
#content-main .lead {
	font-style: italic;
}
#content-main .caption {
	font-size: 11px;
	line-height: 15px;
	color: #717071;
}
#content-main p.caption {
	margin-bottom: 3em;
	font-size: 11px;
}

table.contenttable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 0;
	margin: .5em -10px 0;
	font-size: 11px;
}
.ie table.contenttable {
	margin-left: 0;
}
table.contenttable th {
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
table.contenttable th, table.contenttable td {
	padding-right: 10px;
	border-bottom: 1px solid #c7c7c7;
	padding: 2px 0;
}


#content-main ul.csc-bulletlist, #content-main ol {
	margin-left: 20px;
}
#content-main ul.csc-bulletlist>li {
	list-style: disc;
	margin-left: 0;
}
#content-main ol>li {
	list-style: decimal;
	margin-left: 0;
}


#content-main h2 {
	margin-top: 2.5em;
	margin-bottom: 1em;
}
#content-main h3 {
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: -1.5em;
}




.csc-textpic {
	margin: 1.5em 0;
}
.csc-textpic-imagerow {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 10px;
}
.csc-textpic-image img {
	display: block;
}
.csc-textpic-caption {
	background: #e5e5e5 url(../img/layout/caption-square.gif) top left no-repeat;
	padding: 4px 20px 6px;
	color: #4d5e7b;
	font-size: 11px;
}
.csc-textpic-firstcol, .csc-textpic-lastcol {
	float: left;
}
.csc-textpic-firstcol {
	margin-right: 10px;
}


.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	float: left;
	margin-right: 10px;
}



#content-main form {
	background: #f7f7f7;
	border: 1px solid #999;
	border-width: 1px 0;
	padding: 0 10px;
}

.csc-mailform-radio input {
	margin-left: 90px;
}
.csc-mailform-radio label {
	float: none !important;
	width: auto;
	margin-left: 5px;
}

.csc-mailform-field {
	margin: 1.35em 0;
}
.csc-mailform-field label {
	float: left;
	width: 90px;
}
.csc-mailform-field input[type=text], .csc-mailform-field input[type="password"], .csc-mailform-field textarea {
	border: 1px solid #9c9c9c;
	width: 371px;
	padding: 2px;
}
.csc-mailform-field input[type=submit] {
	background: #e5e5e5 url(../img/layout/pointer-submit.gif) 4px .6em no-repeat;
	padding: 2px 2px 2px 8px;
	border: 1px solid #999;
}



DIV.text-content a {
	
	text-decoration: none;
}

DIV.text-content a:hover {
 text-decoration: underline; 
}


#content-main .product-shot {
	position: relative;
	padding-bottom: 8px;
	margin-top: -10px;
}
.product-shot span {
	background-color: #e40613;
	color: #fff;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	line-height: 1.25;
	font-size: 11px;
	font-weight: bold;
	
	padding: 6px 8px;
}

#content-main .article-shot {
	position: relative;
	padding-bottom: 8px;
	margin-top: 0px;
}

#content-main .article-shot img {

	margin-right: 30px;
}

#content-main .product-contents {
	line-height: 1.5;
	margin-top: 60px;
	margin-left: 20px;
	color: #7f7f7f;
	font-size: 10px;
}

#content-main .scrollable .product-contents {
  margin: 0px;
}



#similar-products {
	width: 160px;
	position: absolute;
	bottom: 25px;
	right: 10px;
	background: url(../img/layout/bg-similar-products.png) top left repeat-y;
}
#similar-products h2 {
	font-size: 12px;
	border-bottom: 1px solid #fff;
	padding: 6px 10px;
	margin: 0;
}
#similar-products ul {
	padding: 0 0 0 10px;
	margin: 0;
}
#similar-products li {
	width: 100%;
	float:left;
	padding: 6px 0;
}
#similar-products li img {
	float: left;
	margin-right: 6px;
}
 
#similar-products a {
	font-size: 10px;
	color: #a5ba4d;
}
#similar-products a strong {
	font-size: 12px;
	display: block;
}


.short-news {
	width: 100%;
	overflow: hidden;
	color: #bababa;
	font-size: 11px;
}
.short-news ul {
	width: 250px;
	float: left;
	border-top: 1px solid #535252;
}
.short-news-1 {
	margin-right: 10px;
}
.short-news li {
	padding: 8px 0;
	border-bottom: 1px solid #535252;
}

.short-news strong {
	font-weight: normal;
	color: #ffde00;
}
.short-news .more {
	background: none;
	padding: 0;
}
.short-news .more img {
	vertical-align: bottom;
}

.event-news .short-news ul {
  width: 100%;
}




#product-slider {
	position: relative;
	overflow: hidden;
	height: 60px;
	background: #131213; /*url(../img/dummy/product-slider.jpg) 0 0 no-repeat;*/
	width: 100%;
}
#product-slider.open {
	height: 200px;
}
#product-slider ul {
	padding: 0 25px;
}
#product-slider li {
	float: left;
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	background-position: top left;
	background-repeat: none;
	height: 200px;
}
#product-slider li a {
	display: block;
	width: 100px;
	top: -89px;
	position: relative;
	color: #fff;
}

#product-slider .scrollbar {
	position: absolute;
	top: 167px;
	left: 39px;
	width: 647px;
	height: 12px;
	background: url(../img/layout/bg-product-scrollbar.png) bottom left no-repeat;
}
#product-slider .scrollhandle {
	position: absolute;
	top: 1px;
	left: 0;
	width: 100px;
	height: 10px;
	cursor: pointer;
}
#product-slider .scrollhandle-middle {
	margin: 0 5px;
	height: 10px;
	background: url(../img/layout/bg-product-scrollbar.png) top center no-repeat;
}
#product-slider .scrollhandle-left, #product-slider .scrollhandle-right {
	width: 5px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/layout/bg-product-scrollbar.png) top left no-repeat;
}
#product-slider .scrollhandle-right {
	left: auto;
	right: 0;
	background-position: top right;
}

/*
*
* Artikel Scroller in Produktübersicht
*
*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 319px;
	padding-top: 10px;
	min-height: 820px;
	padding-bottom: 20px;
}

.scrollable .items DIV H2 {
  margin-top: 0px !important;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	margin-left: 0px;
	width: 319px;

}

.browse img	{
	 width: 13px;
	 height:13px;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:inline;
	wwwidth:20px;
	hhhheight:20px;
	ffffloat:left;
	mmmmargin:10px 10px;
	cursor:pointer;
	vertical-align: middle;
	ffffont-size:13px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

DIV.nav {
  mmmmargin: 0px auto;
  wwwwidth: 120px;
  ooooverflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #bbbbbb;
}






/*
 * Footer
 */
#footer {
	overflow: hidden; /* contain floats */
	margin-top: 10px;
	padding-bottom: 50px;
}
#footer, #footer a {
	color: #a0a0a0;
}

#footer li {
	float: left;
	width: 175px;
	margin-left: 10px;
}
#footer>ul>li:first-child {
	margin-left: 0;
}
#footer li.first-child {
	margin-left: 0;
}
#footer li ul {
	font-size: 11px; /* TODO: %-Angabe siehe yahoo-Website */
	border-top: 1px solid #636263;
	margin-top: 3px;
	width: auto;
}
#footer li li {
	float: none;
	width: auto;
	margin-left:0;
	
	padding: 5px 4px 3px;
	border-bottom: 1px dotted #636263;
}
#footer li a {
	padding-left: 8px;
}
#footer li li a {
	padding-left: 17px;
	background: url(../img/layout/pointer.png) left center no-repeat;
}

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
	background-color: #FF5555;
	color: white;
}

input.validation-passed, textarea.validation-passed {
  background-color: #7CEFD4;
}

div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 30px 0 10px 190px;
	font-size: 80%;
	width: 290px;
	overflow: hidden;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */

}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */

}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	float: left;
	width: 190px;

}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select,
input.powermail_captcha {
	/* Input and textarea */
	width: 280px;
	float: left;
	padding: 3px;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
	overflow: hidden;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a,
div.tx_powermail_pi1_fieldwrap_html p a {
	/* Description */
	cursor: help;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn,
div.tx_powermail_pi1_fieldwrap_html p a dfn {
	/* Description */
	display: none;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn,
div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
	text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}

div.tx_powermail_pi1_fieldwrap_html_captcha img	{
	float: right;
	margin-right: 19px;
}

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

/* Produktsuche AJAX */
.tx-commerceattrsearch-pi1  {
  overflow: show;
  margin-bottom: 60px;
}

.scrollable .items .article_info {
  
  margin-top: 0px;
  margin-bottom: -5px;
  color: #333333;
  font-size: 80%;
}

/* Loginbox */

.tx-felogin-pi1 {
  display: block;
  overflow: hidden;
  margin: 15px 0px 15px 0px;
  ppppadding-left: 10px;
}

.tx-felogin-pi1 .felogin_logout label {
	display: inline;	
}

.tx-felogin-pi1 .felogin_logout	div {
	margin: 5px 0px;
}

.logout_username label	{
	margin-right: 6px;
}

.logout_submit input {
	position: relative;
	left: 44%;
}

/* Sponsor news */
.news-single-rightbox,
#content-body .event-item img,
.tt_image{
	/*float:right;*/
	mmmmax-width:160px;
	mmmmin-height:160px;
	padding:5px;
}
#content-body .event-item p{
	ffffloat:left;
	margin-bottom:15px;
	wwwwidth:65%;
}
#content-body .event-item .tt_content  {
	/*margin-top:20px;*/
	width: 47%;
	float: left;
	padding-top: 10px;

}
#content-body .event-item p a{ 
	float:left;
}

.event-item .news-single-img, .event-item .news-single-img img {
  margin:0;
  padding:0;
  width: auto;
  overflow: hidden;
  
}

.event-item .news-single-imgcaption {
  display: none;
}


/* Händlersuche */
.tx-locator-pi1 {
  overflow: hidden;
  height: 100%;
  display: block;
  width: 490px;
  margin-top: 10px;
}

.tx-locator-pi1 #map  {
  width: 490px !important;
}

.bg-dark .tx-locator-pi1 form {
  color: #111111;
}

.tx-locator-pi1 .contenttable td {
  border: 0px none;
  margin: 5px 0px;
}

#new_search {
 overflow: hidden;
 display: block;
 margin-top: 38px; 
 clear: both;
 font-size: 120%;
 font-weight: bold;
 
  
}

.tx-locator-pi1 .infoWindow {
  color: #111111;
}

.tx-locator-pi1 .infoWindow a {
  text-decoration: underline;
  color: #111111;
  font-weight: bold;
}

.tx-locator-pi1 .mapHeader  {
  
 overflow: hidden;
 margin: 10px 0px;  
  
}

#fb_widget {

position: absolute;
right: 0px;
top: 44px;
z-index: 5;
width: auto;
height: 35px;
color: #F0F0F0f0;

}

/* popup fuer haendlersuche auf Produkt-Detailseite */

div#haendler-popup {
	background-image: url(../img/haendler-hg-transp.png);
	position: absolute;
	z-index: 9999;
	top: 50%;
	margin: 0px auto;
	left: 25%;
	width:590px;
	height:350px;
	display: none;
}
#haendler-linke-spalte {
	background-image: url(../img/haendler-hg-verlauf-links-bild_2.jpg);
	position: absolute;
	z-index:2;
	width:230px;
	height:330px;
	left:10px;
	top:10px;

}
#haendler-linke-spalte-inner {
	margin-left:20px;
	margin-top:20px;
	width:210px;
	line-height:1.2em;
	display: block;
}

#haendler-linke-spalte h2, #haendler-rechte-spalte h2{
	margin-bottom:12px;
	color:#121212;
	font-size:1.5em;
}
#haendler-linke-spalte p, #haendler-rechte-spalte p{
	color:#4c4c4c;
	font-size:0.8em;
}
#haendler-linke-spalte #zum-online-shop{
	margin-top:166px;
	margin-bottom:12px;
	margin-left:30px;
	display: block;
}
#haendler-linke-spalte a{
	text-decoration:none;
}
#haendler-linke-spalte #partner-shops{
	border-bottom: 1px dotted #4c4c4c;
	color:#4c4c4c;
}

#haendler-rechte-spalte {
	background-image: url(../img/haendler-hg-verlauf-rechts.jpg);
	position: absolute;
	z-index:2;
	width:340px;
	height:330px;
	right:10px;
	top:10px;
}

#haendler-rechte-spalte-inner {
	margin-left:20px;
	margin-top:20px;
	width:310px;
	line-height:1.2em;
}

#haendler-popup form fieldset {
	margin-top: 10px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}


form fieldset #land, form fieldset #bundesland {
	/*background-image: url(form-hg-land-bundesland.gif);*/
	width: 200px;
}
form fieldset #ort {
	/*background-image: url(form-hg-ort.gif);*/
	width: 195px;
}
form fieldset #plz {
	/*background-image: url(form-hg-plz.gif);*/
	width: 90px;
}
form fieldset label { 
	color:#4c4c4c;
	font-size:1em;
}

form #loeschen {
	float: left;
	margin-left: 170px;
	margin-right: 1em;
}
.csc-mailform-field input[type=reset] {
	background: #e5e5e5 url(../img/layout/pointer-submit.gif) 4px .6em no-repeat;
	padding: 2px 2px 2px 8px;
	border: 1px solid #999;
}


#haendler-rechte-spalte  #bezugsquellen-legende {
	color: #848484;
}

#haendler-popup #close {
  position: absolute;
  color: #111111;
  font-size: 75%;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

p.shopsucher  {
  margin: 5px auto !important;
  font-weight: bold;
  width: 120px;
  text-decoration: underline;
  font-size: 14px !important;
  cursor: pointer;
}

span#variations	{

	font-size: 13px !important;
	font-weight: bold;

}





















/* anpassung der sponsoring detailseite dkoehl */
.event-item .tt_subheader{
	float:left;
	width:500px;
	clear:both;
}
#content-main .event-item h2{
	margin-top:0px;
	padding:0px;
}

.event-item .news-single-imgcaption{
	display:inherit;
	float:none;
}

.event-item .tt_image{
	padding:10px;
	float: right;
}


#content-body .event-item .tt_content{
	/*margin-top:0px;*/
}

.tx-commerce-pi1 #filter_scope {
   	margin-bottom: 2.5em;
   	margin-top: 0;
   	padding: 0;
   	display: block;
}

.tx-commerce-pi1 #filter_scope h2 {
   	margin: 0;
   	padding: 0;
}

#printBtn	{
	position: absolute;
	top: 6px;
	left: 385px;
	z-index: 9999;
}
#printBtn{
	left:398px \0/;
}



















/** ÄNDERUNGEN **/
/** SIDEBAR **/
#sidebar #sidebar-search{
	margin-bottom:0;
	width:188px;
	margin-left:0;
}
#sidebar #sidebar-search-term{
	width:164px;
}
#sidebar .news_teaser_content{
	margin:0;
	width:190px;
}
#sidebar .news_teaser_content .csc-textpic-imagewrap{
	margin:0;
}
#sidebar .csc-textpic{
	margin:0;
}
#sidebar{
	background-color:#131213;
	min-height:192px;
	top:371px;
}
#sidebar .news_teaser_content h1,
#sidebar .news_teaser_content h2{
	margin-top:0px;
	border-bottom:none;
	position:relative;
}
/** CONTENT **/
#content-main form {
	background: transparent;
}
#content-main p.caption {
	padding-top:7px;
	font-family:arial;
}
p.shopsucher  {
  font-size: 11px !important;
}
#main-col {
	width: 315px;
}
#main-col h1{
	margin-top:-10px;
}
#side-col{
	text-align:center;
}
/** SIMILAR **/
.tx-commerce-pi1 DIV.nav{
	margin-bottom:5px;
}
.tx-commerce-pi1 #side-col{
	float:right;
}
#similar-products {
	float:left;
	width:100%;
	font-family:arial;
	position: relative;
	background-image: none;
}
#similar-products h2 {
	font-size: 14px;
	font-weight:700;
	color:#111;
	margin: 0 0 8px 0;
	padding: 0px 0 2px 0;
	border-bottom: 1px solid #C6C6C6;
}
#similar-products li {
	width:140px;
	margin-right:8px;
	padding: 0;
}
#similar-products b,#similar-products strong{
	width: 90px;
	position:relative;
	top:10px;
}
#similar-products span{
	display:table-cell;
	vertical-align:middle;
	height:65px;
}
#similar-products b a,#similar-products strong a{
	font-weight:500;
	font-size: 12px;
	color:#111;
}
/** ARTICLE **/
#article-images{
	margin-bottom:15px;
}
#article-images  ul{
	width:315px;
}
#article-images  li{
	border-top:2px solid #fff;
	width:105px;
	margin:0 0 5px 0;
	padding:5px 0;
	text-align:center;
	float:left;
}
#article-images  .image_list_hover{
	background-image:url("produkt-bg.png");
	background-position: bottom center;
	background-repeat:no-repeat;
	border-top:2px solid #898989;
}
/** HISTORY **/
#history-items{
	padding: 0;
	width: 190px;
	border-top:1px solid #3F3F3F;
}
#history-items .first-cell, #history-items .second-cell{
	text-align:center;
	float:left;
	display:block;
	height:70px;
}
#history-items .first-cell{
	width:60px;
}
#history-items span{
	width:60px;
	height:70px;
	display:table-cell;
	vertical-align:middle;
}
#history-items b{
	position:relative;
	top:-50px;
	left:55px;
	width:133px;
	float:left;
	text-align:left;
}
#history-items .second-cell{
	width:135px;
}
#history-items strong{
	text-align:center;
	font-weight:700;
	margin:5px;
	display:block;
}
.history-item{
	width:190px;
	height: 75px;
	padding-top:5px;
	float:left;
	display:block;
	border-top:1px solid #3F3F3F;
}
.history-item a, .history-item p{
	color:#F0F0F0;
	text-align:left;
}
.tx-commerce-pi1 #shoplink{
	text-transform:uppercase;
	width:127px;
	height:30px;
	padding-top:6px;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	color:#fff;
	background-image:url("buchen-bg.png");
	background-repeat:no-repeat;
	background-position:top center;
}
.scrollable .items {
	width:315px;
	position:relative;
}
.width100{
	width:100%;
	float:left;
	clear:both;
	margin-top:20px;
	margin-left:-12px;
}
.width50{
	width:49%;
	float:left;
}
.width50 dt{
	margin:0;
	padding:0;
}
.leftimg{
	padding-right:1%;
}
.rightimg{
	padding-left:1%;
}
.rightimg dd, .leftimg dd{
	background:url("../img/layout/caption-square.gif") no-repeat scroll 0px 4px;
	color: #ccc;
	font-weight:700;
	font-size:11px;
	padding:4px 20px 6px;
	text-align:left;
}


#content-main .width50{
	float:none;
	display: table-cell;
	vertical-align: middle;
	width: 255px;
}
#content-main .rightimg, #content-main .leftimg{
	float:none;
	text-align:center;
}
#content-main .rightimg dd,#content-main .leftimg dd{
	color:##CCCCCC;
}


.tx-locator-pi1 .contenttable td{
	color:#f0f0f0;
}

#content-main .tx-felogin-pi1 h3{
	margin-bottom:10px;
}







#content-main ul.news_block{
	float:left;
	display:block;
	clear:both;
	margin-bottom:15px;
}
#content-main .news_block li.news_item{
	float:left;
	display:block;
	width:100%;
	background:url("../img/layout/pointer-news-big.gif") no-repeat scroll right bottom #4F4E50;
	margin-bottom:15px;
}
#content-main li.news_item a.news_link{
	float:left;
	display:block;
	width:100%;
	background:#4F4E50;
}
#content-main li.news_item div.news_image{
	float:left;
	display:block;
	width:170px;
}
#content-main li.news_item div.news_content{
	float:left;
	display:block;
	width:340px;
}
#content-main li.news_item .news_content h3{
	color: #FFDE00;
	font-size: 18px;
	margin: 4px 0;
}
#content-main li.news_item p.news_date{
	color: #FFFFFF;
	margin: 2px 0;
	font-size: 11px;
}
#content-main .news_content p{
	margin:4px 0;
}
#content-main .portal-with-images{
	clear:both;
}
#content-main .news_block a:hover{
	text-decoration:none;
}



/** PRODUKTE **/
.products{
	width:510px;
}
.products .produkt_images, .products .produkt_description{
	display:none;
}
.products-list .produkt_image{
	float:left;
	width:125px;
	margin-bottom:10px;
}

.products-list .produkt_info{
	margin-bottom:10px;
}
#content-body .products-list .produkt_info p{
	margin: 0 0 8px 0;
	display: block;
	float: left;
	width: 382px;
}
.products-list li{
	clear:both;
	display:block;
	margin-bottom:5px;
}

#content-body .products-list h3{
	margin-bottom:6px;
	font-size: 13px; 
}

.products-table{
	background:#fff;
	margin:0;
	margin-top:10px;
	float:left;
}
.products-table .produkt_title a{
	color:#282828;
}
.products-table .produkt_title, .products-table .produkt_images{
	border-bottom:5px solid #282728;
}
.products-table .produkt_title{
	width:auto;
	vertical-align:top;
	color:#000;
	border-right:5px solid #282728;
}
#content-main .products-table .produkt_title ul li ul{
	margin-left:10px;
}
#content-main .products-table h3{
	margin:0 0 4px 0;
}
.products-table .produkt_images{
	width:152px;
	text-align:right;
	vertical-align:middle;
}
.products-table .produkt_images img{
	margin:2px 8px 2px 0;
	text-align:right;
	vertical-align:middle;
}
.products-table td{
	padding:8px;
}
/** **/
h3.produkt_title{
	display: block;
	font-size: 12px;
	margin: 2px 0 8px 0;
	position: relative;
}
h3.produkt_title span{
	background: none repeat scroll 0 0 #0099D8;
	display: block;
	height: 10px;
	position: absolute;
	top: 0.25em;
	width: 10px;
}
span.produkt_image{
	height:117px;
	margin-bottom:13px;
	display:block;
}
/** **/
#produkt-view-list{
	position:relative;
	left:374px;
	overflow:hidden;
	top:-37px;
	display:block;
	float:left;
}
#grid-list, #grid-view, #grid-table{
	background-repeat:no-repeat;
	background-image:url("sort-icons.gif");
	display:block;
	float:left;
	width:37px;
	height:37px;
	cursor:pointer;
}
#grid-view{
	background-position:0 -38px;
}
#grid-view.aktiv{
	background-position:0 0;
}
#grid-list{
	margin-left:10px;
	background-position:-41px -38px;
}
#grid-list.aktiv{
	background-position:-41px 0;
}
#grid-table{
	margin-left:10px;
	background-position:-82px -38px;
}
#grid-table.aktiv{
	background-position:-82px 0;
}
/** **/
ul.products{
	width:495px;
	float:left;
}
ul.products li.cat-protein_aktiv{
	height:auto;
}
ul.products li.cat-protein_aktiv, .cat-protein_aktiv{
	width: 495px;
	float:left;
	display:block;
	margin-bottom: 13px;
}
.cat-protein_aktiv .image{
	float:left;
	width:150px;
}
.cat-protein_aktiv strong{
	display:block;
}
.cat-protein_aktiv .detail{
	display:block;
	width:495px;
}
.cat-protein_aktiv strong a{
	position:relative;
	left:15px;
}
ul.products a{
	padding-left:15px;
	margin-left:0;
}
ul.products .cat-protein_aktiv  strong span{
	left:150px;
}
.cat-protein .detail{
	display:none;
}
ul.products .cat-protein_aktiv .detail img{
	display:inline;
	margin:0 10px 0 0;
}
.cat-protein_aktiv .detail{
	display:block;
}
#content-main .cat-protein .detail p, #content-main .cat-protein_aktiv .detail p{
	line-height:14px;
	margin: 5px 0;
}
ul.prodducts .cat-protein_aktiv strong span{
	background:none;
}


#printButton{
    padding:0!important;
}
#printButton a{
    padding:5px 0 0 0 !important;
}

