@charset "utf-8";
/**
 **************************************************
 * Schiebetür 24 / schiebetuer24.de
 * main.css
 *
 * @author: HDNET GmbH & Co. KG
 * @version: 1.7
 * @updated: 2009-08-07 (AH)
 **************************************************
**/



/**
 **************************************************
 * 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;
}

a.anchor {
	width:0;
	height:0;
	text-indent:-9999px;
}



/**
 **************************************************
 HELPER CLASSES 
 *
 * @description: helper classes for common problems or quick fixes
 **************************************************
**/
.printOnly {
	display: none;
}
.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;
}





/**
 **************************************************
 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 {
	min-height:100%;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:1.0em;
	/*line-height calculates to 18px (~12px * 1.5 = ~18px)*/
	line-height:1.5em;
	color:#333;
	/*Testing the text-rythm at ~18px*/
	background:#f5f6f7;
}
body.konfigurator {
	background: #f5f6f7;
}
h1 {
	font-size:2.0em; /*~24px*/
	line-height:1.3em; /*~31,2px*/
	letter-spacing:-0.01em;
	margin-bottom:0.25em;
}

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

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

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

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

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

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

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

dt {
	font-weight:bold;
}

a {
	color:#ea661b;
	text-decoration:none;
	/*border-bottom:1px solid #ea661b;*/
}

a:hover {
	border-style:none;
}

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

table {
	border:1px solid #d1d1d1;
	margin-bottom:1.5em;
	background:#f5f5f5;
}

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;
	border:1px solid #d1d1d1;
	vertical-align:top;
}

table th {
	color:#fff;
	font-weight:bold;
	background:#cecece;
}

table p {
	margin-bottom:0;
}

form {
	
}

form legend {
	display:none;
}

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

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:#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;
	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 2px 0 18px;
	border:1px solid #cacaca;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#888;
	/*background:#f3f3f3 url(../img/ico-submit.png) 2px 2px no-repeat;*/
	background:#f3f3f3 url(../img/ico-tick.png) 2px 2px no-repeat;
}

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

.wrapper {
	margin-bottom:10px;
}

div.w1,
div.w2,
div.w12 {
	float:left;
	margin-right:15px;
}

div.w1 {
	width:255px;
}

body.start div.w1 {
	width:251px;
	margin-right:0;
}

div.w2 {
	width:525px;
}

body.start div.w2 {
	width:584px;
}

div.w12 {
	width:390px;
}

.wrapper div.last {
	margin-right:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description: building the design
 **************************************************
**/
#page {
	position:relative;
	width:970px;
	min-height:100%;
	margin:0 auto;
}
.konfigurator #page{
	width: 870px;
	position: relative;
}
#header {
	position:relative;
	/* BEN:
	z-index:60;
	*/
	width:970px;
	height:170px;
	background:url(../img/header-bg.jpg) top right no-repeat;
}

h1#logo {
	position:absolute;
	width:130px;
	height:150px;
	top:4px;
}

ul#navMain {
	position:absolute;
	width:835px;
	height:54px;
	bottom:15px;
	left:135px;
	/* BEN:
	z-index: 50;
	*/
}

form#searchbox {
	position:absolute;
	top:65px;
	right:10px;
	width:195px;
	padding:0;
	margin:0;
}

#contentArea {
	position:relative;
	z-index:15;
	width:970px;
	background:transparent url(../img/contentarea-bg.png) repeat-y;
}

#primaryContent {
	float:left;
	width:795px;
	padding:20px;
	background:transparent url(../img/primarycontent-bg.png) no-repeat;
	position: relative;
	z-index: 10;
}

#secondaryContent {
	float:left;
	width:135px;
	/*background:#e1e1e1;*/
	padding-bottom: 130px;
}
.start #secondaryContent{
	padding-bottom:0px;
	margin-bottom: 130px;
}

#footer {
	position:relative;
	bottom:0;
	width:970px;
	height:55px;
	background:transparent url(../img/footer-bg.png) no-repeat;
}

ul#navMisc {
	position:absolute;
	top:20px;
	right:0;
}

a#partner-werden{
	display:block;
	width:127px;
	height:242px;
	background:transparent url(../img/partner-werden.jpg) 0 -4px no-repeat;
	border: none;
}

#partners{
	background:transparent url(../img/partners-main.gif) 0 0 repeat-y;	
display:none;
}
#partners div{
	background:transparent url(../img/partners-top.gif) 0 top no-repeat;		
}
#partners div div{
	background:transparent url(../img/partners-bottom.gif) 0 bottom no-repeat;
	padding:7px 20px 12px 7px;
}
#partners div div div{
	background:none;
	padding:0px;
}

#tuev-cert{
	position:absolute;
	bottom:0px;
	width:92px;
	height:121px;
	margin-left:15px;
	background:transparent url(../img/tuev-cert.jpg) no-repeat;
}


/**
 **************************************************
 LAYOUT SPECIFIC (LOGO,NAVIGATION,SEARCHBOX...)
 *
 * @description: detailed formatting of the basic elements
 **************************************************
**/
/** homepage **/
body.start #contentArea,
body.start #primaryContent,
body.start #footer {
	background:none;
	position: relative;
}

body.start #primaryContent {
	width:835px;
	padding:0;
}
/** homepage **/


h1#logo a {
	border:0;
}
 
ul#navMain {
	padding:0;
	margin-bottom:0;
	list-style:none;
}

ul#navMain li {
	float:left;
	height:40px;
	position: relative;
}

ul#navMain li.first {
	
}

ul#navMain li.last {
	
}

ul#navMain li.first.act {
}

ul#navMain a {
	border:0;
}

form#searchbox label {
	display:block;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

form#searchbox input.text {
	float:left;
	width:156px;
	height:16px;
	padding:0 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0;
}

form#searchbox input.submit {
	float:left;
	width:16px;
	height:16px;
	padding:0;
	margin:2px 0 0 5px;
	border:0 none;
	cursor:pointer;
	background:transparent url(../img/submit-searchbox.png) no-repeat;
}

form#searchbox a {
	font-size:0.95em;
	color:#fff;
	border-color:#fff;
}

ul.navSub {
	position:absolute;
	top:53px;
	left:0px;
	display: none;
	width: 200px;
	z-index: 60;
	background:#7E7E7E url(../img/navsub-bg.jpg) repeat-x;
	border: 1px solid #fff;
	border-top:none;
	border-left:none;
	padding:0;
	margin-bottom:25px;
	list-style:none;	
}
ul#navMain li ul.navSub li{
	display: block;
	z-index:60;
	width: 200px;	
	height: auto;
	border-top:1px solid #d4d4d4;
	line-height:1.2em;	
}
ul#navMain li ul.navSub li.first{
	border-top:none;
}
.hover ul.navSub{
	display:block;
}
ul#navMain li ul.navSub li a{
	display: block;
	width: 160px;		
	padding: 5px 20px;
	color:#fff;
	border:0 none;	
}
ul#navMain li ul.navSub li a.active,
ul#navMain li ul.navSub li a:hover{
	background:#e27113 url(../img/navsub-act.jpg) repeat-x -3px 0px;
}	

ul.navSub ul {
	padding:0;
	margin-bottom:0;
	list-style:none;
}

ul.navSub li.spc {
	background:none;
}

ul.navSub li.last {
	border-bottom:1px solid #d4d4d4;
}

ul.navSub ul li {
	padding-left:10px;
}

ul.second li.last,
ul.navSub ul li.last {
	border-bottom:0 none;
}

div#navMisc {
	padding:30px 0 0 0;
	margin-bottom:0;
	list-style:none;
	font-size:0.95em;
	text-align: center;
}

div#navMisc span {
	padding-right:15px;
	margin-right:15px;
	background:url(../img/navmisc-item.gif) right no-repeat;
}

div#navMisc span.last {
	padding-right:0;
	margin-right:0;
	background:none;
}

div#navMisc a {
	color:#333;
	border:0;
}

ul#navBreadcrumb {
	padding:22px 0 0 215px;
	margin-bottom:0;
	list-style:none;
	font-size:0.95em;
	color:#b4b4b4;
}

ul#navBreadcrumb li {
	float:left;
	margin-right:3px;
}

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

ul#navBreadcrumb a {
	color:#b4b4b4;
	border-color:#b4b4b4;
}



/**
 **************************************************
 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;
}

a.external-link-new-window {	
}

a.internal-link {
}

a.mail{
}

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

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

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

.contenttable-3 {
	width:100%;
	border-collapse:collapse;
	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;
}

.wrapper div.csc-textpic-left div.csc-textpic-imagewrap {
	float:none !important;
}



/**
 **************************************************
 LAYOUT SPECIFIC CHANGES OF BASE FORMATS
 *
 * @description: overwrite base formats depending on layout
 * @example: make text smaller in secondary content area
 **************************************************
**/
#secondaryContent p,
#secondaryContent ol,
#secondaryContent ul {
	font-size:0.9em;
	line-height:1.3em;
}



/**
 **************************************************
 NEWS
 *
 * @description: css definitons for EXT: tt_news
 * @beware: is dependent on the modified template
 **************************************************
**/
.news {

}

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

.news p.more {
	white-space:nowrap;
	/*text-align:right;*/
}

.news p.back {
	clear:both;
	border-top:1px dotted #c4c4c4;
	margin-top:20px;
}

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

.news.list .text {
	float:left;
	width:450px;
	font-size:11px;
}

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

.news.single h4.subheader {
	max-width:600px;	
	margin-bottom:1.0em;	
}

.news.single .images {
	width:180px;	
}

.news.single p {
	max-width:600px;	
}

.news.single p.back {
	max-width:none;	
}


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

/* News: Latest (Home) */
.news.latest {
	width:835px;
	margin-top:15px;	
}

.news.latest .item {
	position:relative;
	float:left;
	width:410px;
	height:auto;
	margin-right:15px;
	background:transparent url(../img/news-latest-item-bg.png) no-repeat top left;
}

.news.latest .item .bottom {
	width:410px;
	height:10px;
	margin-bottom:-10px;
	background:transparent url(../img/news-latest-item-bottom-bg.png) no-repeat top left;
}

.news.latest .item.br {
	margin-right:0;
}

.news.latest .item .content {
	padding:15px 15px 2px 15px;
}

.news.latest .images {
	margin-bottom:0;
}

.news.latest p {
	margin-bottom:0;
}



/**
 **************************************************
 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;
}



/**
 **************************************************
 IMAGE SLIDER
 *
 * @description: css definitons for FCE: imageSlider
 **************************************************
**/
.start #page .imageSlider {
	position:relative;
	width:835px;
	height:218px;
	margin:0;
}


#page .imageSlider {
	position:relative;
	width:835px;
	height:218px;
	margin-left:-20px;
}
#page .smallImageSlider {
	height:130px;
	width:795px;
	margin-left: 0px;
}


.imageSlider .top,
.imageSlider .bottom {
	position:relative;
	width:835px;
	height:24px;
	background:url(../img/imageslider-top.png) top left no-repeat;
}

.imageSlider .bottom { 
	height:23px;
	background:url(../img/imageslider-bottom.png) top left no-repeat;
}

.imageSlider .bg {
	position:relative;
	height:171px;
	background:url(../img/imageslider-bg.jpg) top left no-repeat;
}


.smallImageSlider .top {
	height:15px;
	width:795px;
	background:url(../img/smallimageslider-top.png) top left no-repeat;
}

.smallImageSlider .bottom { 
	height:15px;
	width:795px;
	background:url(../img/smallimageslider-bottom.png) top left no-repeat;
}

.smallImageSlider .bg {
	height:100px;
	background:url(../img/smallimageslider-bg.jpg) top left no-repeat;
}


.imageSlider .images {
	width:661px;
	margin-left:87px;
}
.smallImageSlider .images {
	width:675px;
	margin-left:60px;
}

.imageSlider li {
	margin-right:25px;
}

.imageSlider li a {
	border-bottom:0;
}

.imageSlider a.prev,
.imageSlider a.next {
	display:block;
	position:absolute;
	width:87px;
	height:171px;
	top:0;
	left:0;
	border-bottom:0;
	text-indent:-9999px;
}

.smallImageSlider a.prev,
.smallImageSlider a.next {
	width:60px;
	height:100px;
}

.imageSlider a.next {
	left:748px;
}
.smallImageSlider a.next {
	left:735px;
}




/**
 **************************************************
 CONTENT SLIDER
 *
 * @description: css definitons for FCE: contentSlider
 **************************************************
**/
.contentSlider {
	position:relative;
	width:583px;
	height:238px;
}

.contentSlider .top,
.contentSlider .bottom {
	position:absolute;
	width:583px;
	height:16px;
	top:0;
	left:0;
	background:url(../img/contentslider-top.png) top left no-repeat;
}

.contentSlider .bottom { 
	height:18px;
	top:220px;
	background:url(../img/contentslider-bottom.png) top left no-repeat;
}

.contentSlider .left,
.contentSlider .right {
	position:absolute;
	width:20px;
	height:204px;
	top:16px;
	left:0;
	background:url(../img/contentslider-left.png) top left no-repeat;
}

.contentSlider .right { 
	width:15px;
	left:569px;
	background:url(../img/contentslider-right.png) top left no-repeat;
}


.contentSlider .content {
	position:absolute;
	width:549px;
	height:204px;
	top:16px;
	left:20px;
	background:#ffffff;
}

.contentSlider .content ul {
	position:relative;
	height:204px !important;
	padding:0;
	margin:0;
}

.contentSlider .content ul li {
	position:relative;
	width:549px;
	height:204px;
}

.contentSlider .content a {
	border:0;
}

.contentSlider .text {
	width:180px;
	float:left;
}

.contentSlider .image {
	width:369px;
	float:left;
	text-align:right;
}

.contentSlider a.more {
	display:block;
	position:absolute;
	height:23px;
	bottom:0;
}

.contentSlider .text  h2 {
	margin:50px 0 0 0;
}

div.csc-frame-rulerAfter{
	padding:0 0 5px 0;
	margin:0 0 25px 0;
}


/* tx-hds24config-pi1 */
.tx-hds24config-pi1 .bestellung div.zahlungsart,
.tx-hds24config-pi1 .bestellung div.abg,
.tx-hds24config-pi1 .bestellen div.rechnungsadresse{
	width: 50%;
	float: left;
}
.tx-hds24config-pi1 .bestellung div.agb,
.tx-hds24config-pi1 .bestellen div.lieferadresse{
	width: 50%;
	float: left;
}
.tx-hds24config-pi1 .bestellen div.rechnungsadresse,
.tx-hds24config-pi1 .bestellen div.lieferadresse,
.tx-hds24config-pi1 .bestellen div.bestellung{
	margin-bottom: 15px;
}

body.konfigurator #header{
	background:url(../img/konfigurator_header.jpg) top right no-repeat;
	height: 81px;
	width:auto;
	margin-bottom: 30px;
}
body.konfigurator h2{
	color: #f57b11;
}
body.konfigurator hr{
	border-color: #f57b11;
	border-style: solid;
	margin: 10px 0;
}
body.konfigurator dl{
	display: block;
	width: 50%;
	float: left;
}
body.konfigurator .bestellung label{
	clear: none;
	margin-left: 5px;
	width: 320px;
}
body.konfigurator input.error{
	border:1px solid red;
}

/*body.konfigurator label.error{
	padding: 0;
	display:none;
	position: absolute;
	left:-20000px;
}*/
body.konfigurator label.error,
body.konfigurator .bestellung label.error{
	background: #F5F6F7 url(../img/error.gif) 5px 8px no-repeat;
	padding: 5px 5px 5px 25px;
	position: absolute;
	left:20px;
	bottom:63px;
	border:1px solid red;
	width: 442px;
	height: 37px;
	margin-left:0px;
}

body.konfigurator .bestellung #vorkasse,
body.konfigurator .bestellung #nachnahme,
body.konfigurator .bestellung #agb{
	border:0 none;
	height:auto;
	margin:3px 0 2px 1px;
	width:auto;
	float: left;
}
body.konfigurator input.submit{
	background:#F3F3F3 url(../img/konfigurator_bestellen.gif) no-repeat scroll 0 0;
	text-indent:-10000px;
	border:none;
	float:left;
	width: 186px;
	height: 55px;
	margin: 30px 0 0 0;
	padding: 0px;
	float: right;
}

body.konfigurator #greywhite_tl{
	background:#fff url(../img/greywhite_tl.gif) top left no-repeat;
	margin-bottom: 30px;
}
body.konfigurator #greywhite_tr{
	background:url(../img/greywhite_tr.gif) top right no-repeat;
}
body.konfigurator #greywhite_br{
	background:url(../img/greywhite_br.gif) bottom right no-repeat;
}
body.konfigurator #greywhite_bl{
	background:url(../img/greywhite_bl.gif) bottom left no-repeat;
	padding: 40px 20px;
}