@charset "UTF-8";
/* CSS Document */

#content-text {
	margin:0px 0px 20px 0px;
	padding:20px;
	float:left;
	background-color:#FFF;
	display:none
}

#linkeSpalte {
	width:580px;
	min-height:200px;
	margin:0px 0px 20px 0px;
	padding:0px 30px 20px 0px;
	float:left;
	border-right:1px solid #999;
}

#rechteSpalte {
	width:253px;
	min-height:200px;
	margin:0px;
	padding:0px 0px 0px 30px;
	float:left;
}

.leftcol {
	width:270px;
	margin:0px;
	padding:0px;
	float:left;
}

.rightcol {
	width:270px;
	margin:0px 0px 0px 40px;
	padding:0px;
	float:left;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
}

ol {
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 10px;
}

ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold
}

#linkeSpalte ul {
	margin:10px 0px 10px 15px;
	padding:0px;
}

#linkeSpalte ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:1px 0px;
	line-height:1.4em;
}

.infotext { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* Formular */
label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
}

.form-double-left {
	width:120px;
	margin:5px 10px 5px 0px;
	padding:0px;
	float:left
}

.form-double-left input { width:115px; }

.form-double-right {
	width:120px;
	margin:5px 0px;
	padding:0px;
	float:left
}

.form-double-right input { width:115px; }

.form-single {
	width:250px;
	margin:5px 0px;
	padding:0px;
	float:left
}

.form-single input {
	width:245px;
	font-size:14px;
}

.form-single select {
	width:250px;
	font-size:14px;
}

.form-single input.checkbox {
	width:15px !important;
}

/* Applikation */
#intro {
	position:relative;
	width:934px;
	height:566px;
	margin:0px;
	padding:0px;
}

#app {
	width:934px;
	height:566px;
	padding:0px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
	position:relative
}

#intro {
	position:relative;
	width:934px;
	height:566px;
	margin:0px;
	padding:0px;
}

#slideshow {
	position:absolute;
	top:20px;
	left:20px;
	z-index:1
}

#introtext {
	position:absolute;
	top:30px;
	left:55px;
	z-index:2;
	width:440px;
}

#introtext h1 {
	font-size:29px;
	font-weight:normal;
}

#introtext p {
	font-size:14px;
	line-height:1.4em;
}

#introtext span {
	font-size:14px;
}

#link-product-finder {
	background-image:url(common/arrow_red.png);
	background-position:5px center;
	background-repeat:no-repeat;
	background-color:#000;
	padding:5px 15px 5px 20px;
	color:white;
}

#product-finder {
	position:relative;
	width:934px;
	height:566px;
	margin:0px;
	padding:0px;
	display:none;
}

#product-finder h2 {
	font-size:18px;
	font-weight:normal;	
	position:absolute;
	top:20px;
	left:20px;
	margin:0px;
	padding:0px;
}

/* Wizard */
#wizard {
	position:absolute;
	top:50px;
	left:20px;
	width:895px;
	height:500px;
	overflow:hidden;
}

#tabs {
	/*
	position:absolute;
	top:0px;
	left:20px;
	*/
	list-style:none outside none;
	margin:10px 0px;
	padding:0px;
	display:inline-block;
}

#tabs li {
	list-style:none outside none;
	float:left;
	margin: 0px 1px 0px 1px;
	padding:0px;
	font-size:12px;
	background-color:#D9E5EE;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*cursor:pointer;*/
}

#tabs li.current .tab-val {
	position:relative;
	color:#FFF !important;
	background:transparent url(common/icon-tab-active.png) repeat-y right center !important;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#tabs li .tab-val {
	position:relative;
	display:inline-block;
	padding:4px 9px 4px 7px;
	background:transparent url(common/icon-tab-inactive-border2.png) repeat-y right center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#tabs li .tab-title {
	position:relative;
	display:inline-block;
	padding:4px 27px 4px 7px;
}

.items {
	position:absolute;
	width:6000px;
	height:300px;
	clear:both;
	top:50px;
	left:0px;
}

#wizard .page {
	width:895px;
	height:300px;
	float:left;
	position:relative;
	z-index:4;
}

#item-border {
	position:absolute;
	top:50px;
	left:0px;
	border:1px solid #ccc;
	width:893px;
	height:445px;
	z-index:3;
}

#recommendation {
	position:absolute;
	top:350px;
	left:0px;
	width:895px;
	height:145px;
}

button.prev {
	position:absolute;
	top:270px;
	left:20px;
	background-image:url(common/arrow_red_back.png);
	background-position:5px center;
	background-repeat:no-repeat;
	background-color:#808080;
	padding:5px 5px 5px 20px;
	color:white;
	border:0px;
	cursor:pointer;
	font-size:12px;
	width:70px;
}

button.next {
	position:absolute;
	top:270px;
	left:105px;
	background-image:url(common/arrow_red_right.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#000;
	padding:5px 20px 5px 5px;
	color:white;
	border:0px;
	cursor:pointer;
	font-size:12px;
	width:70px;
}

button.first {
	position:absolute;
	top:270px;
	left:105px;
	background-image:url(common/arrow_red_back.png);
	background-position:5px center;
	background-repeat:no-repeat;
	background-color:#808080;
	padding:5px 5px 5px 20px;
	color:white;
	border:0px;
	cursor:pointer;
	font-size:12px;
	width:140px;
}

.page h3 {
	font-size:18px;
	font-weight:normal;
	margin:10px 0px 20px 20px;
	padding:0px;
	position:relative;
	z-index:2;
}

.question-image {
	position:absolute;
	top:1px;
	right:1px;
}

.form-radio-box {
	margin:0px 0px 0px 20px;
	float:left
}

#wizard input {
	margin-top:7px !important;
	margin-right:6px !important;
	float:left;
	line-height:18px;
}

#wizard label {
	color:#808080;
	font-size:16px;
	font-weight:normal;
	margin-top:5px !important;
	float:left;
	line-height:20px;
}

.load { display:none }

#rec-items {
	height:120px;
	margin:0px;
	padding:0px;
	float:left;
}

#rec-items .item {
	height:120px;
	margin:15px;
	padding:0px;
	width:65px;
	float:left;
	display:block
}

#rec-items .item img { float:left }
#rec-items .item span {
	display:block;
	float:left;
	font-size:14px;
	width:55px;
	text-align:center
}

.recItemDesc {
	display:none;
	position:relative;
}

.recItemDesc img {
	position:absolute;
	top:1px;
	right:1px;
	z-index:1
}

.recItemDesc h3 {
	position:absolute;
	top:5px;
	left:0px;
	z-index:2
}

.recItemDesc ul {
	position:absolute;
	top:50px;
	left:25px;
	z-index:2;
	width:500px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.recItemDesc ul li {
	color:#808080;	
	background-image:url(common/checked.jpg);
	padding:0px 0px 5px 25px;
	background-repeat:no-repeat;
}

.recItemBox-more {
	position:absolute;
	top:180px;
	left:20px;
	width:490px;
	border:2px solid #E2001A;
	background-color:#D9E5EE;
	padding:10px 15px;
	z-index:2
}

.recItemBox-more p {
	float:left;
	display:block;
	width:250px;
	margin:0px;
	padding:0px;
	font-size:16px
}

.recItemBox-more a {
	float:left;
	display:block;
	margin:4px 0px 4px 0px;
	padding:10px 25px;
	background-color:#E2001A;
	font-size:13px;
	background-image:url(common/arrow_white_next.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	width:190px;
}

.recItemBox-more a:link { text-decoration:none; color:#FFF; }
.recItemBox-more a:visited { text-decoration:none; color:#FFF; }
.recItemBox-more a:hover { text-decoration:none; color:#FFF; }
.recItemBox-more a:active { text-decoration:none; color:#FFF; }
.recItemBox-more a:focus { text-decoration:none; color:#FFF; }

.red { color:#E2001A }

.haendlerOverlay {
    display:none;
    z-index:10000;
    background-color:#EEE;
    /*width:450px;*/
	width:750px; 
    /*
	min-height:500px;
    height:500px;
	*/
	min-height:600px;
    height:600px;
    border:1px solid #666;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
.haendlerOverlay .close {
    background-image:url(common/close.png);
    position:absolute;
    right:-16px;
    top:-19px;
    cursor:pointer;
    height:35px;
    width:35px;
}

.kontaktOverlay {
    display:none;
    z-index:10000;
    background-color:#EEE;
    /*width:450px;*/
	width:750px; 
    /*
	min-height:500px;
    height:500px;
	*/
	min-height:580px;
    height:580px;
    border:1px solid #666;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
.kontaktOverlay .close {
    background-image:url(common/close.png);
    position:absolute;
    right:-16px;
    top:-19px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#infoSelect {
	display:none;
	position:absolute;
	top:319px;
	left:110px;
	padding:14px 0px 0px 15px;
	width:235px;
	height:37px;
	background-image:url(common/info.png);
	background-repeat:no-repeat;
	z-index:500;
	font-size:13px;
	color:#FFF;
}