@charset "utf-8";
/**
 **************************************************
 * Ottensmeyer
 * main.css
 *
 * @author: HDNET GmbH & Co. KG
 * @version: 1.3
 * @updated: 2010-05-15 (BN)
 **************************************************
**/



/**
 **************************************************
 * CSS RESET
 *
 * @description: general reset for all browsers
 **************************************************
**/
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 
 *
 * @description: helper classes for common problems or quick fixes
 **************************************************
**/
.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
 *
 * @description: define the basic appearance of the site
 **************************************************
**/
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:times,georgia,serif;
	font-size:1.1em;
	/*line-height calculates to 18px (~12px * 1.5 = ~18px)*/
	line-height:1.4em;
	color:#777;
	/*Testing the text-rythm at ~18px*/
	background:#e3e4e5 url(../img/body-bg.png) top center repeat-y;
}

h1 {
	font-size:1.5em;
	line-height:1.3em;
	margin-bottom:0.7em;
	color:#666;
}

h2 {
	font-size:1.3em;
	line-height:1.3em;	
	margin-bottom:0.3em;
	text-transform:uppercase;
}

h3 {
	font-size:1.1em; 
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:0.7em;
	text-transform:uppercase;
}

h4,h5,h6 {
	font-size:1.0em;
	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 {
	font-size:1.1em;
	margin-bottom:0.7em;
}

ul {
	padding-left:13px;
	list-style:disc outside;
}

ol {
	padding-left:26px;
	list-style:decimal-leading-zero outside; 
}

dt {
	font-weight:bold;
}

a {
	color:#9a9a9a;
	text-decoration:none;
	border-bottom:1px solid #9a9a9a;
}

a:hover {
	border-style:solid;
}

strong,b {
	font-weight:bold;
}

em,i {
	font-style:italic;
}

/* BEN: Zeilenabstand bei hoch- oder tiefgestelltem Text beibehalten (Danke DAN) */
sub, sup {
	line-height:0;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}
/* :NEB */

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

table {
	width:100%;
	margin-bottom:1.5em;
}

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

table tr {

}

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

table th {
	font-weight:bold;
}

table p {
	font-size:1.0em;
	line-height:1.2em;
}

form {
	
}

form legend {
	display:none;
}

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

form input {
	font-family:inherit;
	color:#666;
}

form label em {
	font-style:normal;
	color:red;
}

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;
	font:inherit;
	color:#777;
}

/* BEN: FF 3.6X seems to have std-bg-color now. Overriding */
form select {
	background-color:#fff;
}

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;
	border:0 none;
	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 a defined size (listboxes) */
form select.listbox {
	height:auto;
}

form select option {

}

form input.submit,
form input.reset,
form input.button {
	float:left;
	padding:1px 4px 0 4px;
	border:1px solid #cacaca;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#777;
	/* BEN: Who was this? */
	background:url("../img/callback-submit-bg.png") repeat-x scroll 0 0 #9C9C9C;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 0;
	padding:2px 4px 5px;
	width:149px;
	/* :NEB */
}

form p {
	clear:left;
	margin-bottom:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description: building the design
 **************************************************
**/
#page {
	position:relative;
	width:915px;
	min-height:100%;
	margin:0 auto;
	/* BEN: To fix a Safari-"bug"... */
	background:#fff url(../img/contentarea-bg.png) repeat-y;
}

#header {
	position:relative;
	width:915px;
	height:155px;
	background:transparent url(../img/header-bg.jpg) 0 0 no-repeat;
}

ul#navMeta {
	position:absolute;
	top:15px;
	left:15px;
}

h1#logo {
	position:absolute;
	top:65px;
	left:25px;
}

/* BEN: navScrollable is only available on SOME pages */
#navScrollable {
	position:relative;
	width:915px;
	height:75px;
	padding:6px 0;
	border-bottom:6px solid #fff;
	background:#ededee;
	overflow:hidden;
}

#contentArea {
	position:relative;
	width:915px;
	/*Has to be footer-height + desired "margin"*/
	padding-bottom:125px;
	background:#fff url(../img/contentarea-bg.png) repeat-y;
}

#tertiaryContent {
	position:relative;
	float:left;
	width:215px;
	margin-right:6px;
	/*background:#e3e4e5;*/
}

ul.navMain {

}

#primaryContent {
	position:relative;
	float:left;
	width:515px;
	min-height:515px;
	margin-right:6px;
	/*background:#e3e4e5;*/
}

#secondaryContent {
	position:relative;
	float:left;
	width:173px;
	min-height:173px;
	/*background:#e3e4e5;*/
}

#footer {
	position:absolute;
	bottom:0px;
	width:915px;
	height:50px;
	background:#fff;
}



/**
 **************************************************
 LAYOUT SPECIFIC (LOGO,NAVIGATION,SEARCHBOX...)
 *
 * @description: detailed formatting of the basic elements
 **************************************************
**/
ul#navMeta {
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

ul#navMeta li {
	float:left;
	height:12px;
	padding-right:15px;
	border-right:1px solid #777;
	margin-right:14px;
	font-size:12px;
	line-height:12px;
}

ul#navMeta li.first {

}

ul#navMeta li.last {
	padding-right:0;
	border-right:0;	
	margin-right:0;
}

ul#navMeta a {
	display:block;
	height:15px;
	border:0;
	text-indent:-9999em;
	overflow:hidden;
}

ul#navMeta a:hover,
ul#navMeta li.act a {
	background-position:0 -15px;
}

h1#logo a {
	border:0;
}

#scrollable {
	position:relative;
	/* 121x6 */
	width:726px;
	margin:0 92px 0 97px;
}

#scrollable ul {
	position:absolute;
	width:9999px;
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

#scrollable li {
	position:relative;
	float:left;
	margin-right:6px;
}

#navScrollable a {
	border-bottom:0;
	color:#555;
}

#navScrollable a.prev,
#navScrollable a.next {
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:91px;
	height:87px;
	cursor:pointer;
	background:transparent url(../img/nav-scrollable-prev.png) no-repeat;
}

#navScrollable a.next {
	right:0;
	left:auto;
	width:92px;
	background:transparent url(../img/nav-scrollable-next.png) no-repeat;
}
 
ul.navMain {
	padding:13px 0;
	border-bottom:6px solid #fff;
	margin-bottom:0;
	list-style:none;
}

ul.ausstellungsstuecke {
	background:#e3e4e6 url(../img/nav-main-percent.png) top right no-repeat;
}

ul.ausstellungsstuecke ul li {
	background:transparent url(../img/nav-main-percent-small.png) 5px 7px no-repeat;
}

ul.ausstellungsstuecke ul li.last {
	background:transparent url(../img/nav-main-percent-small.png) 5px 7px no-repeat;
}

ul.Bestellbereiche {
/*	border-bottom-width:0px !important;*/
}

ul.navMain ul {
	padding:13px 0 0 0;
	border-bottom:0;
	margin-bottom:0;
	list-style:none;	
}

ul.navMain li {

}

ul.navMain li.first {

}

ul.navMain li.last {
	
}

ul.navMain a {
	display:block;
	height:25px;
	border:0;
	text-indent:-9999em;
	overflow:hidden;
}

ul.navMain a:hover,
ul.navMain li.act a {
	background-position:0 -25px;
}

ul.navMain ul a {
	background-position:0 0 !important;
}

ul.navMain ul a:hover,
ul.navMain ul li.act a {
	background-position:0 -25px !important;
}

#footer p {
	padding-top:13px;
	margin-bottom:0;
	font-size:0.95em;
	line-height:13px;
	color:#999;
	text-align:center;
}

#footer a {
	border-bottom:0;
	color:#555;
}


/**
 **************************************************
 CSS STYLED CONTENT
 *
 * @description: just a copy from the extension output
 * @beware: margins to text that are set here have to be changed in TS constants too
 **************************************************
**/
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:0 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:0 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:10px;
}
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;
	margin-top:2px;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:10px !important;
	margin-top:2px;
}
/* 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
 *
 * @description: formatting of more specific csc-output
 **************************************************
**/
div.csc-header {
	clear:both;
} 
 
div.csc-textpic-image a {
	border:0;
}

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

div.indent {
	margin-left:50px;
}

td.csc-uploads-icon {
	padding:4px;
}

td.csc-uploads-icon a {
	border:0 none;
}

/* Tables */
.contenttable {
	margin-bottom:1.0em;
	/*background:#efefef;*/
}

.contenttable-2 th {
	background:#b50027;
	font-weight:bold;
	text-transform:uppercase;
}

.contenttable-2 td {
	background:#9abb87;
}

.contenttable-3 {
	width:100%;
	color:#fff;
}

.contenttable-3 caption {
	text-align:right;
	color:#222;
}

.contenttable-3 th,
.contenttable-3 td {
	border:2px solid #222;
}

.contenttable-3 th {
	font-weight:bold;
	text-transform:uppercase;
	background:#333;
}

.contenttable-3 th.td-0,
.contenttable-3 td.td-0  {
	width:10%;
}

.contenttable-3 th.td-1,
.contenttable-3 td.td-1,
.contenttable-3 th.td-2,
.contenttable-3 td.td-2,
.contenttable-3 th.td-3,
.contenttable-3 td.td-3  {
	width:30%;
}

.contenttable-3 tr.tr-even {
	background:#444;
}

.contenttable-3 tr.tr-odd {
	background:#555;
}

/* CSC-Uploads */
table.csc-uploads {
	background:none;
	border:0 none;
}

table.csc-uploads th,
table.csc-uploads td {
	border:0 none;
}

table.csc-uploads td.csc-uploads-fileSize {
	padding-left:10px;
}

/* Standard frames */
div.csc-frame {
}

div.csc-frame-frame1 {
	padding:5px;
	border:10px solid #999;
	margin-bottom:1.5em;
}

div.csc-frame-frame2 {
	padding:5px;
	border:10px solid #B50027;
	margin-bottom:1.5em;
}

div.csc-frame-rulerBefore {
	border-top:1px solid #999;
}

div.csc-frame-rulerAfter {
	border-bottom:1px solid #999;
	margin-top:-1.5em;
	margin-bottom:1.5em;
}

div.csc-frame-indent {
	margin-left:50px;
}

div.csc-frame-indent3366 {
	margin-left:33%;
}

div.csc-frame-indent6633 {
	margin-left:66%;
}

/* Sitemap */
div.csc-sitemap {
	margin-bottom:1.2em;
}

div.csc-sitemap ul {
	margin-bottom:0.3em;
}

div.csc-sitemap ul ul {
	font-size:0.95em;
}

/* Mailform */
fieldset.csc-mailform label {
	display:none;
}

fieldset.csc-mailform input {
	width:145px;
	margin-bottom:5px;
	padding:2px 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0 0 5px 0;
	font:inherit;
	color:#777;
}

fieldset.csc-mailform input.csc-mailform-submit {
	width:149px;
	padding:2px 4px 5px 4px;
	border:1px solid #fff;
	margin:10px 0 0 0;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	background:#9c9c9c url(../img/callback-submit-bg.png) 0 0 repeat-x;
}



/**
 **************************************************
 LAYOUT SPECIFIC CHANGES OF BASE FORMATS
 *
 * @description: overwrite base formats depending on layout
 * @example: make text smaller in secondary content area
 **************************************************
**/
#primaryContent .innerPadding {
	padding:17px 12px 0 30px;
}

#primaryContent .csc-textpic-center .csc-textpic-single-image {
	position:relative;
	width:515px;
	border-bottom:6px solid #fff;
	/*margin:-12px -12px 0 -30px;*/
	/*left:-30px;
	right:-12px;
	top:-12px;*/
}

#secondaryContent .innerPadding {
	padding:12px;
	border-bottom:6px solid #fff;
	background:#e3e4e5 url(../img/csc-default-bg.png) no-repeat;
}

#secondaryContent .csc-textpic-imagewrap {
	margin-bottom:0.7em;
}

#secondaryContent .innerPadding h3 {
	color:#555;
	text-transform:none;
}

#secondaryContent .innerPadding p {
	margin-bottom:0;	
}


/********************************************
 * Appointment form link button styles
 * CJ: 2011-07-20
 * BN: Crossbrowser fixing (2011-08-16)
 ********************************************/

#appointment_button {
	padding:3px;
	color:#000;
	border:1px solid #fff;
	cursor:pointer;
}

a#appointment_button {
	display:block;
	padding:3px;
	color:#000;
	border:1px solid #fff;
	cursor:pointer;
	width:141px;
	padding:2px 4px 5px 4px;
	border:1px solid #fff;
	margin:10px 0 0 0;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#222;
	background:#9c9c9c url(../img/callback-submit-bg.png) 0 0 repeat-x;
}



/**
 **************************************************
 FCES
 *
 * @description: formatting of flexible content elements
 * @example: a grid with 2 columns
 **************************************************
**/
/* FCE - Grid: 2columns */
div.grid2cols {
	padding:17px 12px 0 30px;
}

div.grid2cols .col {
	position:relative;
	float:left;	
}

div.grid2cols .col1 {
	width:66%;
}

div.grid2cols .col2 {
	width:33%;
	float:right;
}

/* FCE - Modellbeispiel */
div.modellbeispiel {
	
}

div.modellbeispiel img {
	position:relative;
	float:right;
	margin-bottom:30px;
}

div.modellbeispiel p.label {
	position:relative;
	clear:right;
	float:right;
	width:110px;
	height:40px;
	padding-left:40px;
	font-size:1.5em;
	/*font-weight:bold;*/
	text-align:right;
	background:transparent url(../img/product-list-percent.png) 0 3px no-repeat;
}

div.modellbeispiel p.label span {
	font-size:0.55em;
	line-height:1.4em;
	font-weight:normal;
}

/* FCE - Image */
div.image {

}

div.image a {
	border:0;	
}

/* FCE - Mitarbeiter */
div.mitarbeiter {
	position:relative;
	width:515px;
	border-bottom:6px solid #fff;
	/*margin:-12px -12px 0 -30px;*/
	/*left:-30px;
	right:-12px;
	top:-12px;*/
}

div.mitarbeiter .image {
	position:relative;
	float:left;
	width:225px;
	/*height:145px;*/
	margin-right:25px;
}

div.mitarbeiter .info {
	position:relative;
	float:left;
	/*width:355px;*/
	width:250px;
	/*height:113px;*/
	padding:20px 15px 12px 0;
}

div.mitarbeiter .info table {
	width:260px;
	font-size:1.1em;
}

div.mitarbeiter .info img {
	margin-bottom:5px;
}

div.mitarbeiter .info a {
	/*position:absolute;
	bottom:12px;*/
	border-bottom:0;
}

/* FCE - Marken */
div.marken {
	position:relative;
	width:455px;
	padding-top:20px;
	margin:17px 30px 0 30px;
	border-top:1px solid #fff;
}

div.marken .item {
	position:relative;
	float:left;
	width:33%;
	height:135px;
	text-align:center;
}

div.marken .item span.img {
	display:block;
	width:100%;
	height:115px;
	margin:0 auto;
}

div.marken .item span.img a {
	border:0;
}


/* FCE - Tagcloud */
div.tagCloud {
	position:relative;
	width:149px;
}

div.tagCloud a.verySmall {
	font-size:1em;
	color:#adadad;
}

div.tagCloud a.small {
	font-size:1.3em;
	color:#969696;
}

div.tagCloud a.normal {
	font-size:1.6em;
	color:#969696;
}

div.tagCloud a.big {
	font-size:2em;
	color:#7f7f81;
}

div.tagCloud a.veryBig {
	font-size:2.4em;
	color:#626262;
}

div.tagCloud a {
	line-height:0.8em;
	border-bottom:0;
	text-decoration:none;
}

div.tagCloud a:hover {
	text-decoration:underline;
}




/**
 **************************************************
 NEWS
 *
 * @description: css definitons for EXT: tt_news
 * @beware: is dependent on the modified template
 **************************************************
**/
.news {
	position:relative;
	width:515px;
	/*margin:-12px -12px 0 -30px;*/
	/*left:-30px;
	right:-12px;
	top:-12px;*/
}

.news h2 {
	font-size:1.4em;
	font-weight:bold;	
}

.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 {
	position:absolute;
	right:12px;
	bottom:12px;
	white-space:nowrap;
}

.news p.back {
	clear:both;
	margin-top:20px;
	font-size:0.95em;
	font-weight:bold;
	text-align:right;
}

.news p.back a {
	color:#fff;
	border:0;
}

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

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

.list .item {
	border-bottom:6px solid #fff;
}

.list .media {
	position:relative;
	float:left;
	width:215px;
	height:145px;
	margin-right:30px;
}

.list .text {
	position:relative;
	float:left;
	width:260px;
	height:133px;
	padding:12px 10px 0 0;
}

.list .text p {
	margin-bottom:0;
	line-height:1.2em;
}

.single .images {
	border-bottom:6px solid #fff;
}

.single .content {
	padding:12px 12px 0 30px;
}



/**
 **************************************************
 INDEXED SEARCH
 *
 * @description: css definitons for EXT: indexed_search
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-indexedsearch {

}

.tx-indexedsearch .tx-indexedsearch-res {

}

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

.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:#c4c4c4;
}

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

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

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	background:#e2d91c;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	padding-left:0;
	font-size:0.9em;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
	margin-right:10px;
	display:inline;
}

.tx-indexedsearch .tx-indexedsearch-browsebox a {
	border-color:#b4b4b4;
	color:#b4b4b4;
}



/**
 **************************************************
 TMailform
 *
 * @description: css definitons for EXT: pil_mailform
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-pilmailform-pi1 {

}

.tx-pilmailform-pi1 fieldset {
	padding:5px 10px 10px 10px;
	border:1px solid #dadada;
	margin:0 0 25px 0;
}

.tx-pilmailform-pi1 legend {
	display:inline;
	font-weight:bold;
}

.tx-pilmailform-pi1 p.formNotice {
	font-size:0.9em;
}

/**
 **************************************************
 EXT: lumogooglemaps
 *
 * @description: css definitons for EXT: lumogooglemaps
 * @beware: is dependent on the modified template
 **************************************************
**/
.tx-lumogooglemaps-pi1 {
	position:relative;
	width:515px;
	border-bottom:6px solid #fff;
	/*margin:-12px -12px 0 -30px;*/
	/*left:-30px;
	right:-12px;
	top:-12px;*/
	background:#fff;
}

.tx-lumogooglemaps-pi1 .map {
	position:relative;
	float:left;
	width:325px;
	margin-right:15px;
}

.tx-lumogooglemaps-pi1 .sidebar {
	position:relative;
	float:left;
	width:145px;
	padding:30px 30px 0 0;
}

.tx-lumogooglemaps-pi1 .sidebar p.note{
	font-size:0.9em;
	line-height:1.3em;
}

.tx_lumogooglemaps_pi1_infobox p,
.tx-lumogooglemaps-pi1 div.gmapDir,
.tx-lumogooglemaps-pi1 p.gmapDirHead,
.tx-lumogooglemaps-pi1 p.gmapDirItem,
.tx-lumogooglemaps-pi1 p.gmapDirBtns {
	font-size:0.95em;	
}

.tx-lumogooglemaps-pi1 label {
	width:90px;	
}

.tx-lumogooglemaps-pi1 input.gmapTextBox {
	width:135px;	
	height:15px;
	margin:2px 0 5px 0;
}

.tx-lumogooglemaps-pi1 input.gmapDirButton {
	width:230px;
}



/**
 **************************************************
 EXT: media_center
 *
 * @description: css definitons for EXT: media_center
 **************************************************
**/
.mediaCenter {
	position:relative;
	width:515px;
	border-bottom:6px solid #fff;
	/*margin:-12px -12px 0 -30px;*/
	/*left:-30px;
	right:-12px;
	top:-12px;*/
}



/**
 **************************************************
 EXT: tt_products
 *
 * @description: css definitons for EXT: tt_products
 **************************************************
**/
.tt-products {
	position:relative;
	width:515px;
	/*margin:-12px -12px 0 -30px;*/
	/*left:-30px;
	right:-12px;
	top:-12px;*/
}

.tt-products .list .item {
	border-bottom:6px solid #fff;
}

.tt-products h2 {
	font-size:1.35em;
	font-weight:normal;
}

.tt-products .list .item a {
	border:0;	
}

.tt-products .list .image {
	position:relative;
	float:left;
	width:215px;
	height:145px;
	margin-right:30px;
}

.tt-products .list .desc {
	position:relative;
	float:left;
	width:260px;
	height:133px;
	padding:12px 10px 0 0;
}

.tt-products .list .desc p {
	margin-bottom:0;
	line-height:1.2em;
}

.tt-products .list .desc p.oldPrice {
	position:absolute;
	bottom:20px;
	left:0;
	margin-bottom:0;
	font-weight:bold;
	text-decoration:line-through;
}

.tt-products .list .desc p.newPrice {
	position:absolute;
	right:15px;
	bottom:17px;
	width:110px;
	height:40px;
	padding-left:40px;
	font-size:1.5em;
	/*font-weight:bold;*/
	text-align:right;
	background:transparent url(../img/product-list-percent.png) 0 3px no-repeat;
}

.tt-products .desc p.newPrice span {
	font-size:0.55em;
	line-height:1.4em;
	font-weight:normal;
}

.tt-products .single .image {
	border-bottom:6px solid #fff;	
}

.tt-products .single .desc {
	position:relative;
	height:70px;
	padding:12px 12px 0 30px;	
}

.tt-products .single .desc p {
	margin-bottom:0;	
}

.tt-products .single .desc p.oldPrice {
	/*font-weight:bold;*/
	text-decoration:line-through;
}

.tt-products .single .desc p.newPrice {
	position:relative;
	float:right;
	width:110px;
	height:40px;
	padding-left:40px;
	font-size:1.5em;
	/*font-weight:bold;*/
	text-align:right;
	background:transparent url(../img/product-list-percent.png) 0 3px no-repeat;
}

.tt-products .single p.back {
	clear:both;
	margin-top:20px;
	font-size:0.95em;
	font-weight:bold;
	text-align:right;
}
.tt-products .single p.back a {
	color:#fff;
	border:0;
}

.tt-products #tx-ttproducts-pi1-listcat {
	padding:12px 12px 0 30px;	
}