@charset "utf-8";
/**
 **************************************************
 * Welle ADDITIONAL / welle.hdlab2.de
 * ah.css - merge this content later into main.css
 *
 * @author: HDNET GmbH & Co. KG
 * @version: 1.1
 * @updated: 2009-02-11 (AH)
 **************************************************
**/
h1.t2 {
	margin-top:25px;
	margin-bottom:2px;
}

h2 {
	margin-bottom:8px;
}

h2.t2 {
	font-size:13px;
	line-height:15px;
	color:#898883;
	font-weight:bold;
	margin-bottom:7px;
}

a.arrow {
	display:block;
	padding-left:12px;
	text-decoration:underline;
	background:url(../img/ico-arrow-redonwhite-small.png) 0 4px no-repeat;
}




/**
 **************************************************
 LAYOUT
 *
 * @description: definitions for content layout
 **************************************************
**/
#contentArea {
}

#pageImage {
	position:relative;
	width:970px;
	height:130px;
	overflow:hidden;
}

.contentWrapper {
	position:relative;
	width:908px;
	padding:40px 30px 30px 30px;
	height:auto;
	border:1px solid #B4B4B4;
}

#primaryContent {
	float:left;
	position:relative;
	width:414px;
	min-height:450px;
	height:auto !important;
	height:450px;
	margin-right:59px;
}

#secondaryContent {
	float:left;
	position:relative;
	width:435px;
	min-height:450px;
	height:auto !important;
	height:450px;
}

#contentArea .full #primaryContent {
	float:none;
	width:908px;
	margin:0;
}

#primaryContent .inner {
	height:450px;
	padding-right:60px;
}

#primaryContent .innerNoScroll {
	height:auto;
	padding-right:60px;
}




/**
 **************************************************
 FCE: IMAGE SLIDER
 *
 * @description: definitions for the image slider
 **************************************************
**/
.imageSlider,
.decorate .slider {
	position:relative;
	width:435px;
	height:450px;
	overflow:hidden;
}

.imageSlider a.prev,
.imageSlider a.next,
.decorate .slider a.prev,
.decorate .slider a.next {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:30px;
	height:52px;
	margin-left:-5px;
	cursor:pointer;
	text-decoration:none;
	background:url(../img/image-slider-prevnext.jpg) 0 -5px no-repeat;
	z-index:2;
}

.imageSlider a.next,
.decorate .slider a.next {
	left:auto;
	right:0;
	margin-left:0;
	margin-right:-5px;
	background:url(../img/image-slider-prevnext.jpg) -30px -5px no-repeat;
}

.imageSlider a.disabled,
.decorate .slider a.disabled {
}


.imageSlider h3,
.decorate .slider h3 {
	position:absolute;
	width:430px;
	bottom:66px;
	padding:10px 0 0 5px;
	border-top:1px solid #d0d0d0;
	color:#6a6a6a;
	font-size:11px;
	line-height:1em;
}

.imageSlider .nav,
.decorate .slider .nav {
	position:absolute;
	width:380px;	
	height:52px;
	bottom:0;
	left:30px;
	overflow:hidden;
}

.imageSlider .nav ul,
.decorate .slider .nav ul{
	clear:both;
	position:absolute;
	width:20000em;
	height:52px;
	padding:0;
	margin:0;
}

.imageSlider .nav ul li,
.decorate .slider .nav ul li {
	position:relative;
	float:left;
	width:auto;
	height:52px;
	margin:0 5px 0 0;
	cursor:pointer;
	text-align:center;
}

.imageSlider .nav ul li a,
.decorate .slider .nav ul li a {
	display:block;
	width:91px;
	height:52px;
}

.imageSlider .nav ul li div,
.decorate .slider .nav ul li div {
	display:none;
	position:absolute;
	width:85px;
	height:46px;
	top:0;
	left:0;
	border:3px solid #d6d6d6;
}

.imageSlider .nav ul li img.boxImage,
.decorate .slider .nav ul li img.boxImage {
	width:0;
	height:0;
}

.imageSlider .detail,
.imageSlider .detail .item {
	position:relative;
	width:435px;
	height:320px;
}

.imageSlider .detail,
.decorate .slider .detail {
	overflow:hidden;
}

.imageSlider .detail .item,
.decorate .textDetail .item {
	display:none;
}

.imageSlider .detail .item p,
.decorate .slider .detail .item p {
	padding:3px 0 0 3px;
}


/* *** SCROLL-FUNCTION DEACTIVATE **** */
.sliderNoScroll a.prev,
.sliderNoScroll a.next {
	display:none;
}

.sliderNoScroll .nav {
	width:435px;	
	left:0;
}




/**
 **************************************************
 FCE: DECORATE AND SETUP
 *
 * @description: definitions for the content fce for
 * the decorate pages
 **************************************************
**/
.decorate #primaryContent {
	width:258px;
	min-height:627px !important;
	height:auto !important;
	height:627px;
	margin-right:30px;
}

.decorate #primaryContent .scroll {
	height:627px;
	padding-right:60px;
}

.decorate #primaryContent .scroll .textDetail {
	position:relative;
	width:220px;
}

.decorate #primaryContent .scroll .textDetail .item {
	position:relative;
	top:0;
	left:0;
	width:220px;
}

.decorate #secondaryContent {
	width:620px;
	min-height:0 !important;
	height:auto !important;
}

.decorate ul.hotspots {
	padding-left:0;
	margin-bottom:0;
}

.decorate ul.hotspots li {
	width:220px;
	margin-bottom:15px;
}

.decorate ul.hotspots li div.number {
	width:19px;
	margin-right:6px;
	float:left;
}

.decorate ul.hotspots li div.text {
	width:195px;
	float:left;
}


/* *** IMAGE SLIDER overrides *** */
.decorate .slider {
	position:relative;
	width:620px;
	height:600px !important;
	overflow:visible;
}

.decorate .slider .detail,
.decorate .slider .detail .item {
	width:620px;
	height:490px;
}

.decorate .slider h3 {
	width:615px;
	bottom:80px;
}

.decorate .slider .nav {
	width:560px;
	height:65px;
}

.decorate .slider a.prev, 
.decorate .slider a.next {
	bottom:8px;
}

.decorate .slider .nav ul li {
	height:61px;
	margin-right:6px;
}

.decorate .slider .nav ul li a {
	width:88px;
	height:61px;
}

.decorate .slider .nav ul li div {
	width:82px;
	height:55px;
}



/**
 **************************************************
 AUTO CONTENT SCROLL
 *
 * @description: definitions for the automatic scrollbar
 * for the content boxes
 **************************************************
**/
.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	z-index:1;
	background:url(../img/scroll-content-panel-bg.gif) 405px 0 repeat-y;
}

.full .jScrollPaneContainer {
	background:url(../img/scroll-content-panel-bg.gif) 899px 0 repeat-y;
}


.decorate .jScrollPaneContainer {
	background:url(../img/scroll-content-panel-bg.gif) 249px 0 repeat-y;
}

.noTrack,
.full .noTrack,
.decorate .noTrack {
	background:none;
}

.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
/*	background:url(../img/scroll-content-panel-bg.gif) top center repeat-y;*/
}

.jScrollPaneDrag {
	position:absolute;
	background:url(../img/scroll-content-drag-bg.gif) top center repeat-y;
	cursor:pointer;
	overflow:hidden;
}

.jScrollPaneDragTop {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.jScrollPaneDragBottom {
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
}

.jScrollArrowUpWrap,
.jScrollArrowDownWrap {
	position:absolute;
	z-index:3;
	top:0;
	right:0;
	width:8px;
	height:10px;
	background:url(../img/scroll-content-arrows.gif) top center no-repeat;
}

.jScrollArrowDownWrap {
	top:auto;
	bottom:0;
	background:url(../img/scroll-content-arrows.gif) bottom center no-repeat;
}

.noTrack .jScrollArrowUpWrap,
.noTrack .jScrollArrowDownWrap {
	display:none;
}

a.jScrollArrowUp,
a.jScrollArrowDown {
	display:block;
	/*position:absolute;
	z-index:3;
	top:0;
	right:0;*/
	width:8px;
	height:10px;
	text-indent:-2000px;
	overflow:hidden;
/*	background:url(../img/scroll-content-arrows.gif) top center no-repeat;*/
}

a.jScrollArrowDown {
	/*top:auto;
	bottom:0;
	background:url(../img/scroll-content-arrows.gif) bottom center no-repeat;*/
}




/**
 **************************************************
 BINNEN NAVIGATION
 *
 * @description: navigation of subpages if any
 **************************************************
**/
ul#navBinnen {
	padding:0;
	margin-bottom:15px;
	list-style:none;
}

ul#navBinnen li {
	display:inline-block;
	width:auto;
	float:left;
	margin-right:1px;
	margin-bottom:1px;
}

ul#navBinnen li a {
	display:block;
	height:14px;
	padding:0 7px 0 14px;
	border:1px solid #fff;
	font-size:.9em;
	line-height:14px;
	background:url(../img/nav-binnen-item-bg.gif) top left no-repeat;
}

ul#navBinnen li a:hover,
ul#navBinnen li.act a {
	border:1px solid #d0d0d0;
	color:#707070;
	background:url(../img/nav-binnen-item-act-bg.gif) top left no-repeat;
}




/**
 **************************************************
 CONTACT FORM
 *
 * @description: navigation of subpages if any
 **************************************************
**/
form.contact {
	width:380px;
}

form.contact label {
	color:#666;
}

form.contact label a {
	color:#666;
	text-decoration:underline;
}

form.contact label.error,
form.contact label.error a {
 	color:red;
}

form.contact label,
form.contact input.text,
form.contact select {
	clear:none;
	float:none;
}

form.contact input.hidden {
	display:none;
}

form.contact label.checkLabel {
	float:left;
	margin-left:5px;
	width:auto;
}

form .c1,
form .c2 {
	float:left;
	width:175px;
}

form .c2 {
	width:205px;
}

form input.text {
	padding:3px 4px 1px 4px;
	font-size:11px;
}

form .c1 input.text {
	width:150px;
}

form .c3 input.text {
	width:369px;
}

form select {
	padding:0;
}

form .c1 select {
	width:160px;
}

form .c2 select {
	width:205px;
}

form div.w1,
form div.w2 {
	float:left;
	width:64px;
}

form div.w2 {
	width:89px;
}

form .c1 div.w1 input.w1,
form .c1 div.w1 input.text,
form .c2 div.w1 input.w1,
form .c2 div.w1 input.text {
	width:44px;
}

form .c1 div.w2 input.text,
form .c1 div.w2 input.w2,
form .c2 div.w2 input.text,
form .c2 div.w2 input.w2 {
	width:86px;
}

form.contact textarea {
	height:85px;
	width:373px;
}

form.contact div.row {
	margin-top:5px;
}

form.contact div.row .floatLeft label {
	margin-right:10px;
}


/* *** BUTTONS *** */
/*
div.btn,
p.btn {
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	width:auto;
	height:22px;
	padding-right:10px;
	margin-top:15px;
	background:url(../img/btn-bg.png) top right no-repeat;
}

p.btn {
	float:none;
	margin-top:0;
}


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

p.btn {
	display:inline-block;
}

div.btn input.submit,
p.btn a {
	width:auto;
	height:22px;
	line-height:22px;
	padding:0 2px 3px 15px;
	border:0;
	margin:0;
	font-size:11px;
	font-weight:bold;
	outline:none;
	text-align:left;
	color:#FFFFFF;
	cursor:pointer;
	background:url(../img/btn-bg.png) top left no-repeat;
}

p.btn a {
	display:block;
	padding:0 2px 0 15px;
}


div.btn:hover,
p.btn:hover {
	background:url(../img/btn-bg.png) bottom right no-repeat;
}

div.btn input.submit:hover,
p.btn a:hover {
	background:url(../img/btn-bg.png) bottom left no-repeat;
}
*/




/**
 **************************************************
 BROCHURES
 *
 * @description: order brochures, list of items
 **************************************************
**/
.brochures {
	height:380px;
}

.brochures ul.itemArray {
	padding-left:0;
	margin-bottom:10px;
	list-style:none;
}

.brochures li {
	float:left;
	width:120px;
	height:145px;
	margin-right:33px;
	margin-bottom:20px;
}

.brochures li.last {
	margin-right:0;
}

.brochures li img {
	border:1px solid #d4d4d4;
}

.brochures li a.pdf {
	display:block;
	height:20px;
	padding-left:25px;
	line-height:20px;
	margin-bottom:5px;
	background:url(../img/ico-pdf-download.gif) center left no-repeat;
}

.brochures li input.checkbox {
	float:left;
	width:auto;
	margin:0;
	margin-right:5px;
}

.brochures li label {
	clear:none;
	float:left;
	display:block;
	width:60px;
	color:#666666;
}




/**
 **************************************************
 ORDER SOFTWARE
 *
 * @description: order software, list of items
 **************************************************
**/
form#orderSoftware {
	margin-bottom:35px;
}

.box .img {
	float:left;
	width:150px;
}

.box .text {
	position:relative;
	float:left;
	width:200px;
	padding-top:64px;
}

form#orderSoftware .box .text {
	padding-top:45px;
}

.box {
	margin-bottom:10px;
}

.box a {
	color:#666;
	text-decoration:none;
}

form#orderSoftware div.row input.checkbox {
	margin-bottom:0;
}




/**
 **************************************************
 EXT: TIP A FRIEND
 *
 * @description: tip a friend form overrides
 **************************************************
**/
form#tipAFriend p {
	margin-bottom:16px;
}




/**
 **************************************************
 EXT: LUMOGOOGLEMAPS
 *
 * @description: special definitions for the google maps
 * extension
 **************************************************
**/
.tx_lumogooglemaps_pi1_infobox p {
	margin-bottom:10px;
}

.tx_lumogooglemaps_pi1_infobox p.web {
	margin-bottom:0;
}

.tx_lumogooglemaps_pi1_infobox h2.t2 {
	margin-bottom:2px;
}

.tx_lumogooglemaps_pi1_infobox form p.gmapDirItem {
	clear:none;
}

form.gmapDir label.gmapDirLabel {
	width:auto;
	margin-right:10px;
}

form.gmapDir input.gmapTextBox {
	width:130px;
}

form.gmapDir,
form.gmapDir p.gmapDirBtns,
form.gmapDir p.gmapDirItem {
	margin-top:5px;
}

form.gmapDir input.gmapDirButton {
	padding:0;
	width:auto;
	margin:0
}




/**
 **************************************************
 EXT: WELLE DEALER SEARCH
 *
 * @description: special definitions for the dealer search
 **************************************************
**/

form#dealerSearch input.text {
	padding:2px 2px 1px 2px;
}

.resultRow {
	padding:10px 0 12px 0;
	border-top:1px solid #d0d0d0;
}

.resultRow p {
	padding-bottom:0;
	margin-bottom:0;
}