@charset "utf-8";
/**
 **************************************************
 CSS RESET
 **************************************************
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

h1,h2,h3,h4,h5,h6,strong,b,th,dt {
	font-size:100%;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th { 
	text-align:left; 
}

img,abbr,acronym {
	border:0; 
}

em,i,dfn,cite,var,address {
	font-style:normal;
}

pre,code {
	font-family:'courier new',courier,mono;
	font-size:1.0em;
}

q:before,q:after { 
	content:''; 
}

:focus {
	outline:0;
}



/**
 **************************************************
 HELPER CLASSES 
 **************************************************
 */
.clearOnly {
	clear:both;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.noPadding {
	padding:0 !important;
}

.noMargin {
	margin:0 !important;
}

.none {
	display:none !important;
}

.hidden {
	visibility:hidden !important;
}

.error {
	color:red;
	font-weight:bold;
}

.sprite,
.sprite a {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */




/**
 **************************************************
 GENERAL DEFINITIONS
 **************************************************
 */
html {
	height:100%;
	/*Defaults to ~16px across browsers*/
	/*font-size:100.01%;*/
	/*Defaults to ~12px across browsers*/
	font-size:75.01%;
}

body {
	height:100%;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:1.1em;
	/*line-height calculates to 18px (~12px * 1.5 = ~18px)*/
	line-height:1.6em;
	color:#888;
	/*Testing the text-rythm at ~18px*/
	background:#fff;
}

h1 {
	font-size:2.0em; /*~24px*/
	line-height:1.3em; /*~31,2px*/
	letter-spacing:-0.01em;
	margin-bottom:0.5em;
}

h2 {
	font-size:1.6em; /*~18px*/
	line-height:1.3em; /*~23,4px*/
	margin-bottom:0.5em;
}

h3 {
	font-size:1.2em; 
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.5em;
}

h4,h5,h6 {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0.5em;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	display:none;
}

p,ol,ul,dl {
	margin-bottom:1.6em;
}

dt {
	font-weight:bold;
}

a {
	color:#799f1e;
	text-decoration:none;
}

#footer a  {
	color:#fff;
	text-decoration:underline;
}

a:hover {
}

strong,b {
	font-weight:bold;
}

em,i {
	font-style:italic;
}

hr {
	clear:both;
	/*Only chance to get the standard visuals away*/
	border-width:0;
	border-bottom:1px dotted #eee;
}

table {
	margin-bottom:1.6em;
}

table caption {
	font-size:1.10em;
	font-weight:bold;
	padding:0 0 3px 3px;
}

table tr {

}

table th,
table td {
	padding:1px 4px 1px 4px;
	vertical-align:top;
}

table th {
	font-weight:bold;
}

table p {
	margin-bottom:0;
}

form {
	margin-bottom:1.6em;	
}

form div {
	clear:left;
	!margin-bottom:5px;
}

form legend {
	display:none;
}

form label {
	width:135px;
	clear:left;
	float:left;
}

form input.text,
form input.checkbox,
form input.radio,
form select,
form textarea {
	float:left;
	width:194px;
	height:16px;
	padding:2px 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0 0 5px 0;
	color:#666;
}

form textarea {
	height:64px;
}

form input.w1 {
	width:44px;
}

form input.w2 {
	width:94px;
}

form input.w3 {
	width:144px;
}

form input.checkbox,
form input.radio {
	width:auto;
	height:auto;
	margin:3px 0 5px 1px;
}

form select {
	/* Selects have wrong box model. Add all paddings/margins/borders from above */
	width:200px;
	height:21px;
	padding:0;
}

/* Selects with this class aren't dropdowns. Height has to be reset */
form select.listbox {
	height:auto;
}

form select option {
	padding:2px 2px 1px 3px;
}

form input.submit,
form input.reset {
	float:left;
	padding:1px 2px 0 18px;
	border:1px solid #cacaca;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin-bottom:5px;
	font-weight:bold;
	color:#888;
	background:#f3f3f3 url(../img/ico-submit.png) 2px 2px no-repeat;	
}

form p {
	clear:left;
}

*+html form input.checkbox {
	border:0;
}



/**
 **************************************************
 LAYOUT
 **************************************************
 */
#page {
	position:relative;
	width:900px;
	min-height:100%;
	margin:15px auto;
}

#header {
	position:relative;
	width:900px;
	height:156px;
	margin-bottom:6px;
	background:url(../img/header-bg.png) top left no-repeat;
}

h1#logo {
	position:absolute;
	top:0;
	right:48px;
}

ul#navMain {
	position:absolute;
	bottom:5px;
}

#content {
	position:relative;
	width:900px;
	z-index:5;
	/*Has to be footer-height + desired "margin"*/
	/* padding-bottom:110px; */
}

#footer {
	position:relative;
	width:860px;
	height:275px;
	padding:0 20px;
	margin-bottom:50px;
	background:url(../img/footer-bg.png) top left no-repeat;
	z-index:1;
}



/**
 **************************************************
 LOGO
 **************************************************
 */
#logo a {
	border:0;
}




/**
 **************************************************
 NAV MAIN
 **************************************************
 */
#navMain {
	margin-bottom:0;
}

#navMain li {
	float:left;
	margin-right:5px;
}

#navMain li.first {
	margin-left:15px;
}

#navMain a {
	display:block;
	border:0;
}




/**
 **************************************************
 FOOTER
 **************************************************
 */
#footer {
	color:#fff;
} 

/* ### infobox ### */
#infobox {
	float:left;
	height:175px;
	margin:5px 3px 0 0;
	padding:15px 15px 15px 0;
	width:263px;
	background:url(../img/footer-boxes-bg.gif) top right repeat-y;
}

/* ### searchbox ### 
form#searchbox {
	float:left;
	height:175px;
	margin:5px 2px 0 0;
	padding:15px;
	width:265px;
	background:url(../img/footer-boxes-bg.gif) top right repeat-y;
}

form#searchbox input.text {
	border:0 none;
	float:left;
	height:16px;
	margin:0;
	padding:6px 8px 5px 5px;
	width:170px;
	background:url(../img/search-bg.gif) top left no-repeat;
}

form#searchbox input.image {
	float:left;
	margin:0 0 0 5px;
}

form#searchbox a {
	font-size:0.95em;
}
*/
/* ### contactbox ### */
#contactbox {
	float:left;
	height:175px;
	padding:15px 0 15px 15px;
	margin-top:5px;
	width:260px;
}
#contactbox a {
	border:none;
	color:white;
}
#contactbox h6,
	#searchbox h6 {
	font-size:180%;
	font-weight:normal;
	margin-top:-14px;
}

#searchbox  {
	float:left;
	height:175px;
	padding:15px 0 15px 15px;
	margin-top:5px;
	width:260px;
		background:url(../img/footer-boxes-bg.gif) top right repeat-y;
	
}

/* ### INFO Box ### */
#pageinfo {
	background:url(../img/footer-boxes-horz-bg.gif) top right repeat-x;
	font-size:78%;
	padding-top:3px;
	
}



/**
 **************************************************
 NAV MISC
 **************************************************
 */
#navMisc {
	clear:both;
	padding:6px 10px 5px 0;
	margin-bottom:0;
	font-size:0.95em;
	background:url(../img/footer-boxes-horz-bg.gif) top right repeat-x;
}

#navMisc li {
	float:left;
	margin-right:8px;	
	background:url(../img/footer-boxes-horz-bg.gif) center left no-repeat;
	padding-left:10px;
}

#navMisc li.last {
	margin-right:0;
}

#navMisc li.first {
	background:none;
	padding-left:0px;
}

#navMisc a {
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	border:none;
}

#navMisc li.act a,
#navMisc li a:hover {
	border-bottom:1px solid white;
}




/**
 **************************************************
 CSS STYLED CONTENT
 **************************************************
 */
div.csc-textpic-caption-c .csc-textpic-caption {
	text-align:center;
}
div.csc-textpic-caption-r .csc-textpic-caption {
	text-align:right;
}
div.csc-textpic-caption-l .csc-textpic-caption {
	text-align:left;
}
/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
	float:left;
	display:inline;
}
/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border:2px solid black;
	padding:0px 0px;
}
div.csc-textpic-imagewrap {
	padding:0;
}
div.csc-textpic img {
	border:none;
}
/* DIV:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}
/* ul:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.csc-textpic div.csc-textpic-imagewrap ul li {
	float:left;
	margin:0;
	padding:0;
}
/* DL:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
	float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
	float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
	border:none;
}
/* FE-Editing Icons */
dl.csc-textpic-image {
	margin:0;
}
dl.csc-textpic-image dt {
	margin:0;
	display:inline;
}
dl.csc-textpic-image dd {
	margin:0;
}
/* Clearer */
div.csc-textpic-clear {
	clear:both;
}
/* Margins around images:*/

/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px !important;
}
/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:0;
}
/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0;
}
div.csc-textpic-equalheight div.csc-textpic-imagerow {
	margin-bottom:0px;
	display:block;
}
div.csc-textpic div.csc-textpic-imagerow {
	clear:both;
}

div.csc-textpic div.csc-textpic-imagerow div.csc-textpic-image {
	margin-bottom:10px;
}
/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-left:0px !important;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:10px !important;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:10px !important;
}
/* Positioning of images:*/

/* Above */
div.csc-textpic-above div.csc-textpic-text {
	clear:both;
}
/* Center (above or below) */
div.csc-textpic-center {
	text-align:center; /* IE-hack */
}
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	text-align:left; /* Remove IE-hack */
}
div.csc-textpic-center div.csc-textpic-text {
	text-align:left; /* Remove IE-hack */
}
/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}
div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}
/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
	float:left;
}
div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}
/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float:left;
}
/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float:right;
}
/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	float:right;
	clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	height:1%;
}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	float:left;
	clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
	height:1%;
}
/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
	margin-bottom:0;
}

div.csc-textpic div.csc-textpic-imagerow-last div.csc-textpic-image {
	margin-bottom:0;
}



/**
 **************************************************
 CSS STYLED CONTENT SPECIALS
 **************************************************
 */
div.csc-header {
	clear:both;
} 
 
div.csc-textpic-image a {
	border:0;
}

p.csc-textpic-caption {
	font-size:0.95em;
	color:#666;
}

div.csc-textpic-imagewrap {
	margin-top:3px;
}

/*
 * This is for the general border with rounded corners around CEs
 */
div.border {
	position:relative;
	border:1px solid #ccc;
	margin-bottom:6px;
}
 
div.border .content {
	position:relative;
	padding:15px 15px 0 15px;
}

div.borderImageOnly .content {
	padding:2px !important;
}

div.borderImageOnly .content .csc-textpic-imagewrap {
	margin:0 !important;
}

div.borderNoPad .content .csc-textpic-intext-left .csc-textpic-imagewrap,
div.borderNoPad .content .csc-textpic-left .csc-textpic-imagewrap {
	/* This is used to force images next to the border */
	margin-left:-15px;
}

div.borderNoPad .content .csc-textpic-intext-right .csc-textpic-imagewrap,
div.borderNoPad .content .csc-textpic-right .csc-textpic-imagewrap {
	/* This is used to force images next to the border */
	margin-right:-15px;
}

div.border img.corner, div.border span.corner {
	display:block !important;
	position:absolute;
	width:5px;
	height:5px;
	line-height:0;
	font-size:0;
/*	background:red;*/
}

div.border img.tl, div.border span.tl {
	top:0;
	left:0;
	margin:-1px 0 0 -1px;
}

div.border img.tr, div.border span.tr {
	top:0;
	right:0;
	margin:-1px -1px 0 0;
}

div.border img.bl, div.border span.bl {
	bottom:0;
	left:0;
	margin:0 0 -1px -1px;
}

div.border img.br, div.border span.br  {
	bottom:0;
	right:0;
	margin:0 -1px -1px 0;
}
/*
 * End
 */
 
p.btnGreen, p.btnYellow {
	float:left;
	height:35px;
	background:url(../img/btn-bg-green.png) no-repeat;
	margin-bottom:0;
}

p.btnGreen a, p.btnGreen input, p.btnYellow a, p.btnYellow input {
	display:block;
	display:inline-block;
	height:32px;
	padding:3px 45px 0 10px;
	border:0;
	color:#fff;
	background:url(../img/btn-arrow-green.png) top right no-repeat;
} 

form p.btnGreen, form p.btnYellow   {
	margin-left:135px;
} 

p.btnGreen input, p.btnYellow input {
	height:33px;
	padding:3px 45px 6px 10px;
}

p.btnYellow {
	background:url(../img/btn-bg-yellow.png) no-repeat;
}

p.btnYellow a, p.btnYellow input {
	background:url(../img/btn-arrow-yellow.png) top right no-repeat;
}

div.trays div.csc-textpic-image {
	margin-bottom:20px !important;
}

div.trays div.csc-textpic-image a {
	display:block;
	min-height:128px;
	height:auto !important;
	height:128px;
}

div.traysBig div.csc-textpic-image a {
	min-height:170px;
	height:auto !important;
	height:170px;
}

div.newsTeaser div.border {
	min-height:122px;
	height:auto !important;
	height:122px;
}



/**
 **************************************************
 GENERAL CONTENT
 **************************************************
 */
#content ul {
	padding-left:13px;
	list-style:disc outside;
}

#content ol {
	padding-left:26px;
	list-style:decimal outside; 
}



/**
 **************************************************
 FCEs
 **************************************************
 */
.layout-33 {
	width:296px;
	float:left;
	margin-right:6px;
}

.layout-33 .border .content {
	padding-top:5px;
}

.layout-33 p, .layout-25 p  {
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:0.8em;
}

.layout-33 p.btnGreen, .layout-25 p.btnGreen {
	height:25px;
	background:url(../img/btn-small-bg-green.png) no-repeat;
}

.layout-33 p.btnGreen a, .layout-25 p.btnGreen a {
	height:23px;
	padding:2px 35px 0 10px;
	background:url(../img/btn-small-arrow-green.png) top right no-repeat;
}

.layout-33 p.btnYellow, .layout-25 p.btnYellow {
	height:28px;
	background:url(../img/btn-small-bg-yellow.png) no-repeat;
}

.layout-33 p.btnYellow a, .layout-25 p.btnYellow a  {
	height:24px;
	padding:4px 35px 0 10px;
	background:url(../img/btn-small-arrow-yellow.png) top right no-repeat;
}

.layout-25 p.btnGreen, .layout-25 p.btnYellow {
	margin-bottom:25px;
}

.layout-50 {
	width:447px;
	float:left;
	margin-right:6px;
}

.last {
	margin-right:0;
}

.layout-25 {
	float:left;
	width:195px;
	padding-left:10px;
	border-left:1px solid #cccccc;
	margin-left:15px;
}

.wrapper .first {
	padding-left:0;
	border-left:0;
	margin-left:0;
}



/* jQuery Loginbox */
.fceLogin,
.fceLogin50 {
	position:relative;
	margin-bottom:5px;
}

.fceLogin .button,
.fceLogin50 .button {
	width:290px;
	height:52px;
	padding:3px;
	background:url(../img/button-login-bg.png) no-repeat;
}

.fceLogin50 .button {
	width:440px;
	background:url(../img/button-login-bg50.png) no-repeat;
}

.fceLogin a,
.fceLogin50 a {
	border:0;
	cursor:pointer;
}

.fceLogin .loginbox,
.fceLogin50 .loginbox {
	position:absolute;
	top:54px;
	width:270px;
	padding:13px;
	background:transparent url(../img/loginbox-bg.png) bottom left no-repeat;
	z-index:5000;
}


.fceLogin50 .loginbox {
	width:420px;
	background:transparent url(../img/loginbox-bg50.png) bottom left no-repeat;
}

.fceLogin .loginbox h3,
.fceLogin .loginbox p,
.fceLogin50 .loginbox h3,
.fceLogin50 .loginbox p {
	display:none;
}

.fceLogin .loginbox span,
.fceLogin50 .loginbox span {
	display:block;
	float:left;
	clear:left;
	color:#fff;
}

.fceLogin .loginbox form,
.fceLogin50 .loginbox form	 {
	margin-bottom:0;
}

.fceLogin .loginbox form label,
.fceLogin50 .loginbox form label	 {
	width:70px;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
}

.fceLogin .loginbox form input.text,
.fceLogin50 .loginbox form input.text	 {
	width:142px;
	height:16px;
	padding:4px 8px 5px 5px;
	border:0;
	font-size:0.9em;
	background:#b89231 url(../img/loginbox-input-bg.png) no-repeat;
}

.fceLogin .loginbox form input.submit,
.fceLogin50 .loginbox form input.submit	 {
	width:35px;
	height:25px;
	padding:0;
	border:0;
	margin-left:5px;
	/* As usual:this doesn't work in IE (so i emptied the value of this submit completely) */
	text-indent:-9999px;
	background:url(../img/loginbox-submit-bg.png) no-repeat;
}

.fceLogin .loginbox form input.logout,
.fceLogin50 .loginbox form input.logout	{
	width:66px;
	height:26px;
	margin-left:15px;
	background:url(../img/logoutbox-submit-bg.png) no-repeat;
}


/**
 **************************************************
 HDPRIMA - PRODUCTS
 **************************************************
 */
.tx-hdprima-pi1 div.border .content {
	position:relative;
	padding-bottom:25px;
}

.tx-hdprima-pi1 h2 span {
	display:inline;
}

.tx-hdprima-pi1 .text {
	width:410px;
} 

.tx-hdprima-pi1 .text .infos {
	width:400px;
}

.tx-hdprima-pi1 .text .infos .imgPack {
	float:left;
	width:230px;
}

.tx-hdprima-pi1 .text .infos p {
	float:left;
	width:170px;
}

.tx-hdprima-pi1 .image {
	/*float:right;*/
	min-height:290px;
	height:auto !important;
	height:290px;
	/*margin:-15px -15px 0 0;*/
	background-repeat: no-repeat;
	background-position: right 0;
}

.tx-hdprima-pi1 .teaser {
	background:#efefef url(../img/produkt-teaser-bg.gif) top left repeat-x;
}

.tx-hdprima-pi1 .teaser .inner {
	background:transparent url(../img/produkt-teaser-inner-bg.gif) top left repeat-y;
}

.tx-hdprima-pi1 .layout-33 {
	width:301px;
	float:left;
	margin-right:0;
}

.tx-hdprima-pi1 .first {
	width:283px;
	padding-left:15px;
	background:none;
}

.tx-hdprima-pi1 .last {
	width:299px;
}

.layout-33 .border .content {
	padding-top:5px;
}

.layout-33 p {
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:0.8em;
}

.tx-hdprima-pi1 .teaser h2 {
	float:left;
	height:26px;
	padding:0 0 0 7px;
	margin-bottom:0;
	font-size:1.1em;
	line-height:1.7em;
	color:#FFFFFF;
	background:url(../img/produkt-head-begin.gif) top left no-repeat;
}

.tx-hdprima-pi1 .teaser h2 span {
	display:inline-block;
	height:18px;
	padding:3px 12px 5px 5px;
/*	line-height:1.3em;*/
	background:url(../img/produkt-head-end.gif) top right no-repeat;
}

.tx-hdprima-pi1 .teaserInner {
	padding:10px;
	font-size:0.9em;
	line-height:1.1em;
}

.tx-hdprima-pi1 .first .teaserInner {
	padding-left:0;
}

.tx-hdprima-pi1 .teaserInner p {
	font-size:0.9em;
	line-height:1.2em;
}

.tx-hdprima-pi1 table {
	border:0;
	font-size:0.9em;
	line-height:1.2em;
	background:none;
}

.tx-hdprima-pi1 table th, .tx-hdprima-pi1 table td {
	border:0;
}

.tx-hdprima-pi1 table th {
	font-weight:normal;
	color:#88b421;
	background:none;
}

.tx-hdprima-pi1 table td {
	padding-right:10px;
}

.tx-hdprima-pi1 .preperation  {
	position:relative;
	margin:0 0 5px 0;
}

.tx-hdprima-pi1 .preperation div.icon {
	position:absolute;
	width:25px;
	height:25px;
	top:0;
	left:0;
	margin:0 10px 0 0;
}

.tx-hdprima-pi1 .preperation div.pan {
	background:url(../img/icon_pan.png) no-repeat;
}

.tx-hdprima-pi1 .preperation div.microwave {
	background:url(../img/icon_microwave.png) no-repeat;
}

.tx-hdprima-pi1 .preperation div.convection_oven {
	background:url(../img/icon_convection_oven.png) no-repeat;
}

.tx-hdprima-pi1 .preperation h5 {
	color:#88b421;
	font-weight:normal;
	font-size:12px;
	margin-left:35px; 
}

.tx-hdprima-pi1 .preperation p {
	margin-left:35px;
}

.tx-hdprima-pi1,
.tx-hdprima-pi1-carousel {
	margin-bottom:6px;
}

.tx-hdprima-pi1 a,
.tx-hdprima-pi1-carousel a {
	border:0;
}

.tx-hdprima-pi1 .p-left {
	float:left;
	width:33%;
}
.tx-hdprima-pi1 .p-center {
	float:left;
	width:33%;
}
.tx-hdprima-pi1 .p-right {
	float:left;
	width:33%;
}


/* ###### HEADLINE COLORS ####### */
/* ### BLUE ### */
.tx-hdprima-pi1 .menu9 .teaser h2 {
	background:url(../img/product-head-blue-begin.gif) top left no-repeat;
}

.tx-hdprima-pi1 .menu9 .teaser h2 span {
	background:url(../img/product-head-blue-end.gif) top right no-repeat;
}

.tx-hdprima-pi1 .menu9 .preperation h5 {
	color:#FFFFFF;
}

.tx-hdprima-pi1 .menu9 .teaser {
	color:#FFFFFF;
	background:#2464ab url(../img/produkt-teaser-blue-bg.gif) top left repeat-x;
}

.tx-hdprima-pi1 .menu9 .preperation div.pan {
	background:url(../img/icon_pan_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu9 .preperation div.microwave {
	background:url(../img/icon_microwave_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu9 .preperation div.convection_oven {
	background:url(../img/icon_convection_oven_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu9 table th {
	color:#FFF;
}


/* ### GREEN ### */
.tx-hdprima-pi1 .menu10 .teaser h2 {
	background:url(../img/product-head-green-begin.gif) top left no-repeat;
}

.tx-hdprima-pi1 .menu10 .teaser h2 span {
	background:url(../img/product-head-green-end.gif) top right no-repeat;
}

.tx-hdprima-pi1 .menu10 .preperation h5 {
	color:#FFFFFF;
}

.tx-hdprima-pi1 .menu10 .teaser {
	color:#FFFFFF;
	background:#268104 url(../img/produkt-teaser-green-bg.gif) top left repeat-x;
}

.tx-hdprima-pi1 .menu10 .preperation div.pan {
	background:url(../img/icon_pan_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu10 .preperation div.microwave {
	background:url(../img/icon_microwave_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu10 .preperation div.convection_oven {
	background:url(../img/icon_convection_oven_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu10 table th {
	color:#FFF;
}


/* ### LIGHT ORANGE ### */
.tx-hdprima-pi1 .menu11 .teaser h2 {
	background:url(../img/product-head-lightorange-begin.gif) top left no-repeat;
}

.tx-hdprima-pi1 .menu11 .teaser h2 span {
	background:url(../img/product-head-lightorange-end.gif) top right no-repeat;
}

.tx-hdprima-pi1 .menu11 .preperation h5 {
	color:#FFFFFF;
}

.tx-hdprima-pi1 .menu11 .teaser {
	color:#FFFFFF;
	background:#BE9F62 url(../img/produkt-teaser-lightorange-bg.gif) top left repeat-x;
}

.tx-hdprima-pi1 .menu11 .preperation div.pan {
	background:url(../img/icon_pan_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu11 .preperation div.microwave {
	background:url(../img/icon_microwave_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu11 .preperation div.convection_oven {
	background:url(../img/icon_convection_oven_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu11 table th {
	color:#FFF;
}


/* ### ORANGE ### */
.tx-hdprima-pi1 .menu12 .teaser h2 {
	background:url(../img/product-head-orange-begin.gif) top left no-repeat;
}

.tx-hdprima-pi1 .menu12 .teaser h2 span {
	background:url(../img/product-head-orange-end.gif) top right no-repeat;
}

.tx-hdprima-pi1 .menu12 .preperation h5 {
	color:#FFFFFF;
}

.tx-hdprima-pi1 .menu12 .teaser {
	color:#FFFFFF;
	background:#945105 url(../img/produkt-teaser-orange-bg.gif) top left repeat-x;
}

.tx-hdprima-pi1 .menu12 .preperation div.pan {
	background:url(../img/icon_pan_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu12 .preperation div.microwave {
	background:url(../img/icon_microwave_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu12 .preperation div.convection_oven {
	background:url(../img/icon_convection_oven_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu12 table th {
	color:#FFF;
}


/* ### GOLD ### */
.tx-hdprima-pi1 .menu13 .teaser h2 {
	background:url(../img/product-head-gold-begin.gif) top left no-repeat;
}

.tx-hdprima-pi1 .menu13 .teaser h2 span {
	background:url(../img/product-head-gold-end.gif) top right no-repeat;
}

.tx-hdprima-pi1 .menu13 .preperation h5 {
	color:#af8b3d;
}
/*
.tx-hdprima-pi1 .menu13 .teaser {
	color:#FFFFFF;
	background:#945105 url(../img/produkt-teaser-orange-bg.gif) top left repeat-x;
}

.tx-hdprima-pi1 .menu13 .preperation div.pan {
	background:url(../img/icon_pan_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu13 .preperation div.microwave {
	background:url(../img/icon_microwave_white.png) no-repeat;
}

.tx-hdprima-pi1 .menu13 .preperation div.convection_oven {
	background:url(../img/icon_convection_oven_white.png) no-repeat;
}
*/

.tx-hdprima-pi1 .menu13 table th {
	color:#af8b3d;
}



/**
 **************************************************
 HDPRIMA - PRODUCTS - OVERVIEW
 **************************************************
 */
#content ul.cat9,
#content ul.cat10,
#content ul.cat11,
#content ul.cat12,
#content ul.cat13 {
	list-style:none;
	padding-left:0;
	margin:0 0 15px 0;
}
 
#content ul.cat9 a {
	color:#2464ab;
}

#content ul.cat10 a {
	color:#268104;
}
 
#content ul.cat11 a {
	color:#BE9F62;
}

#content ul.cat12 a {
	color:#eb8104;
}

#content ul.cat13 a {
	color:#888888;
}

 

/**
 **************************************************
 HDPRIMA - PRODUCTS - NAVIGATION
 **************************************************
 */
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	position:relative;
	float:left;	
	width:764px;	 
	height:104px;
	margin:0 -7px 0 -7px;
	overflow:hidden;
	z-index:10;
	background:url(../img/produkt-promen_menu1_bg.png) top left repeat-x;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	float:left;
	position:relative;
	width:75px;
	height:104px;
	margin:0;
	cursor:pointer;
	text-decoration:none;
	background:url(../img/produkt-nav-left-act.png) no-repeat;
	z-index:20;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../img/produkt-nav-right-act.png);
	clear:right;	
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
}

/* disabled navigational button */
a.disabled {
	background:transparent;
	cursor:default;
}

a.disabled .prevLink, a.disabled .nextLink {
	display:block;
	width:75px;
	height:104px;
	background:url(../img/produkt-nav-left-no.png) no-repeat;
}

a.disabled .nextLink {
	background:url(../img/produkt-nav-right-no.png) no-repeat;
}

/* *** NAVIGATOR *** */
/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px; 
	background:#CCCCCC;	
} 	

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	background:url(../img/thumbs-bg.gif) top left repeat;
}

/* custom positioning for navigational links */
a.prev, a.next {
}


/* single item */
#thumbs div {
	float:left;
	width:195px;
	height:104px;
	color:#fff;
	border-left:0px dotted #fff;
	margin-left:1px;
	cursor:pointer;
	text-align:center;
}

#thumbs div span {
	display:block;
	position:relative;
	z-index:500;
	text-align:center;
	height:16px;
	line-height:normal;
}

#thumbs div a {
	display:block;
	padding:10px;
	color:#fff;
	font-size:0.9em;
	font-weight:normal;
	line-height:1em;
	text-decoration:none;
}


#thumbs div a img {
	border:0;
	z-index:5;
}

/* style when mouse is over the item */
#thumbs div.hover {
}

/* style when element is active (clicked) */


.navi2 {
	width:900px;
	height:41px;
	margin-top:4px;
	background-image:url(../img/produkt-promen_subnav_bg.png);
}

.navi2 ul {
	padding-left:10px;
	border-top:4px solid #054d9f;
	margin-bottom:0;
}

.navi2 li {
	display:block;
	float:left;
	height:30px;
	padding-top:0;
	margin-left:0;
}

.navi2 a {
	display:block;
	float:left;
	height:22px;
	padding-top:8px;
	padding-right:10px;
	margin-left:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	outline-width:none;
}

.navi2 li.selected a {
	background:url(../img/produkt-promen_subnav_active_end.png) top right no-repeat;
}

.navi2 li.selected {
	color:#fff;
	background-image:url(../img/produkt-promen_subnav_active_begin.png);	
}

.scrollable #thumbs div {
	background:transparent url(../img/produkt-promen_menu1_bg.png) top left repeat-x;
}

.scrollable #thumbs div.menu9 {
	background:#003e77 url(../img/produkt-promen_menublau_bg.png) top left repeat-x;
}


/* ############# CATEGORY COLORS ########### */
#thumbs div.menu9 a:hover,
#thumbs div.menu9 a.act,
#thumbs div.menu9.hover a,
#thumbs div.menu9.active a {
	background:#003e77 url(../img/produkt-promen_menublau_bg_over.png) top left repeat-x;
}

.scrollable #thumbs div.menu10 {
	background:#4d7b1d url(../img/produkt-promen_menugruen_bg.png) top left repeat-x;
}

#thumbs div.menu10 a:hover,
#thumbs div.menu10 a.act,
#thumbs div.menu10.hover a,
#thumbs div.menu10.active a {
	background:#4d7b1d url(../img/produkt-promen_menugruen_bg_over.png) top left repeat-x;
}

.scrollable #thumbs div.menu11 {
	background:#d8ba75 url(../img/produkt-promen_menubeige_bg.png) top left repeat-x;
}

#thumbs div.menu11 a:hover,
#thumbs div.menu11 a.act,
#thumbs div.menu11.hover a,
#thumbs div.menu11.active a {
	background:#d8ba75 url(../img/produkt-promen_menubeige_bg_over.png) top left repeat-x;
}

.scrollable #thumbs div.menu12 {
	background:#f18800 url(../img/produkt-promen_menuorange_bg.png) top left repeat-x;
}

#thumbs div.menu12 a:hover,
#thumbs div.menu12 a.act,
#thumbs div.menu12.hover a,
#thumbs div.menu12.active a {
	background:#f18800 url(../img/produkt-promen_menuorange_bg_over.png) top left repeat-x;
}


.scrollable #thumbs div.menu13,
.scrollable #thumbs div.menu13 a {
	background:#ffffff;
	color:#611b10;
}

#thumbs div.menu13 a:hover,
#thumbs div.menu13 a.act,
#thumbs div.menu13.hover a,
#thumbs div.menu13.active a {
	background:#f18800 url(../img/produkt-promen_menuweiss_bg_over.png) top left repeat-x;
	color:#611b10;
}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

 
 
/**
 **************************************************
 NEWS
 **************************************************
 */
.news {

}

.news p.date,
.news p.timeData,
.news p.author,
.news p.imgCaption,
.news p.back {
	margin-bottom:0;
	font-size:0.95em;
}

.news span.more {
	white-space:nowrap;
}

.news p.back {
	border-top:1px solid #ccc;
	margin-top:20px;
	
}

.news .images {
	float:left;
	margin:3px 10px 0 0;
}

.news .images a {
	border-bottom:0;
}

.news .addInfo dl {
	padding-top:0.4em;
	border-top:1px dotted #eee;
}




/**
 **************************************************
 INDEXED SEARCH
 **************************************************
 */
.tx-indexedsearch {

}

.tx-indexedsearch .tx-indexedsearch-res {

}

.tx-indexedsearch .result {
	padding-top:0.4em;
	border-top:1px dotted #eee;
}

.tx-indexedsearch h3 {
	position:relative;
}

.tx-indexedsearch h3 span {
	display:inline;
}

.tx-indexedsearch h3 span.icon {
	vertical-align:text-bottom;
}

.tx-indexedsearch h3 span.percent {
	position:absolute;
	right:0;
	color:#eee;
}

.tx-indexedsearch dl.info dt {
	clear:left;
	float:left;
	width:65px;
}

.tx-indexedsearch dl.info dd {
	float:left;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	background:yellow;
}

#navLang { position:absolute; left:10px; top:45px; }
#navLang li { float: left; }
#navLang a { float: left;  width: 30px; height: 21px; display: block; text-indent: -9999px; margin-right: 5px; }
#navLang .de a { background:#8fbe22 url(../img/de.gif) bottom left no-repeat; }
#navLang .en a { background:#8fbe22 url(../img/en.gif) bottom left no-repeat; }
#navLang .act a { background-position: top left; }