@CHARSET "ISO-8859-1";


/********************************************************************
 Overwrite Colors
********************************************************************/
body, a, .buttonSmall, #selectColor, #selectProduct{
	color:#fff;
}

html, select, option, input{
	color: #000; /*html for cornerz*/
}

body, .transparent{
	background-color:#000;
}

.otherBGcolor{
	background-color:#1B1B1B;
}

.borderColor{
	border-color: #575656;	
}

.otherBorderColor, .colorPane{
	border-color: #fff !important;	
}

.selected, #dynCategories li a:hover{
	color: #fff;
	font-weight: bold;
}

.highlightColor{
	color: #768099;
}

.unselected {
	color:#999;
}

#Productgroup li a.selected, #Collection li a.selected, #ColorObjects li a.selected{
	color: #fff;
	background-color:#768099;
	font-weight: normal;
}
/********************************************************************
 Overwrite Images
********************************************************************/
div#Logo {
	background-image:url(images/bannerfloor.jpg);
}

.showPanelDown  {
	background-image:url(images/white_down.gif);
}

#selectColor, .options, .showPanelUp{
	background-image:url(images/white_up.gif);
}

#selectProduct{
	background-image:url(images/white_up_left.gif);
}

a#fullscreen{
	background-image: url("images/icon_100.gif");
}

a#print{
	background-image: url("images/icon_print.gif");
}

a#permalink{
	background-image: url("images/icon_link.gif");
}

a#download{
	background-image: url("images/icon_downlaod.gif");
}

.ui-widget-content {
	background: #FFFFFF url(images/colorSlider.jpg) no-repeat scroll 50% 50%; 
}

.buttonSmall{
	background-image:url(images/button_add.gif);
}

.ui-scrollbar{ 
	background: url(images/bg-scrollbar.png) repeat-y center center !important;
}

.ui-scrollbar .ui-slider-range { 
	background: url(images/scrollbar_balken.gif) 50% 50% repeat-y !important;
}

/********************************************************************
 Overwrite Favorite Info
********************************************************************/
#infoFavorite{
	color: #fff;
}

#infoFavorite_background {
    background-image: url("images/infoFavorite_bg.gif");
}
/********************************************************************
 Overwrite Overlay
********************************************************************/
#ContactOverlay, .favorites a, #sendButton a{
	color: #333;	
}

.anfrageTitle{
	color: #fff;
	border-bottom-color: #fff;	
}

#ContactOverlay{
	background-image:url("images/overlay_bg.gif");
}

#ContactOverlay .close{
	background:transparent url('images/close.gif') no-repeat scroll 0 0;
}

a.buttonTiny {
	background-image:url(images/remove.gif);
}

#sendButton .buttonSmall {
	background-image:url(images/button_request.gif);
}

/********************************************************************
 GENERAL
********************************************************************/

body {
	font-family:'Arial','Verdana';
	font-size:11px;
	margin:0;
	padding:0;
	text-align:left;
}

a {
	outline: none;
	cursor: pointer;
	font-size:11px;
	text-decoration: none;
}

img{ border: 0px; }

p {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 12px;
	line-height: 1.5em;
}

#StartBox {
	visibility:hidden;
}

.txtTitle{
	font-size: 12px;
}

.buttonSmall {
	display: block;
    padding: 2px;
    text-align: center;
    width: 156px;
}

/********************************************************************
 BASIC STRUCTURE
********************************************************************/

div#MainBox {
	margin:0 auto;
	padding:0;
	width:1024px;
}

div#Logo {
	background-position: right 50%;
	background-repeat:no-repeat;
	border-bottom-style:solid;
	border-bottom-width:2px;
	float:left;
	height:96px;
	margin:0 auto;
	width:100%;
}

div#Menu {
	float:left;
	height:25px;
	margin-top:2px;
	width:1024px;
}

div#ContentBox{
	float:left;
	height:570px;
	position:relative;
	width:1011px;
	padding: 0 7px 0 6px;
}

#Content{
	height:570px;
	width:1011px;
	position: absolute;
}

#left{
	float:left;
	height:570px;
	width:359px;
}

#right{
	float:left;
	height:570px;
	margin-left:20px;
	width:632px;
	position: relative;
}

#FooterBox {
	clear: both;
	width: 1011px;
	font-size: 11px;
	text-align: left;
	border-top-style:solid;
	border-top-width:2px;
	height: 19px;
	padding: 2px 7px 2px 6px;
}

.copyright {
	float: left;
	text-align: left;
	margin-top: 1px;
	padding-top: 3px;
}

.copyright a:hover {
	text-decoration: underline;
}


.languageSelection {
	float: right;
	padding-top: 4px;
	padding-right: 10px;
}

.flags {
	float: right;
	padding-top: 4px;
}

/********************************************************************
 MENÜ
********************************************************************/
div#Menu ul{
	margin: 0;
	padding: 0;		
}

div#Menu ul li{
	list-style-type: none;
	float: left;
}

div#Menu ul li a{
	padding: 5px 0;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
}

div#Menu ul li a span{
	margin: 0 30px;
}

#ButtonContact{
	
}

/********************************************************************
 CONTENTBOX
********************************************************************/

/***************************** LEFT ********************************/

#SwitchPanel{
	padding-top:15px;
}

#ProductgroupBox, #CollectionBox{
	margin-bottom:20px;	
}

#Productgroup{
	margin-top: 10px;
	height: 18px;
}

#Collection{
	height:58px;
	margin-top:10px;	
}

#Productgroup ul, #Collection ul, #ColorObjects ul{
	margin: 0;
	padding: 0;	
}

#Productgroup li, #ColorObjects li{
	float:left;
	list-style:none;
	margin:0 2px 2px 0;
	width:100px;	
}

#Collection li{
	float:left;
	list-style:none;
	margin:0 2px 2px 0;
	width:69px;	
}

#Productgroup li a, #Collection li a, #ColorObjects li a{
	display:block;
	padding:2px;
	text-align:center;
}

#selectColor{
	background-position:right center;
	background-repeat:no-repeat;
	margin-right:5px;
	padding:2px 7px 2px 2px !important;
}

#ProductBox{
	height:180px;
}

#ProductList {
	height:180px;
	overflow:hidden;
	width:348px;
	position: absolute;
}

#ProductListScrollBar {
	height:180px;
	left:350px;
	cursor: pointer;
}

#ProductList ul{
	padding: 0px;
	margin: 0px;
	width: 348px !important;
}

#ProductList li{
	float:left;
	height:56px;
	list-style-type:none;
	margin:0 4px 4px 0;
	width:83px;
}

#ProductList li a{
	float: left;
}

#ProductList li a span.productImg{
	border-style:solid;
	border-width:1px;
	float:left;
	height:54px;
	overflow:hidden;
	width:81px;
}

#productImgNr{	
	display:block;
	font-size:10px;
	margin-top:41px;
	position:absolute;
	width:81px;
}

#productImgNr_background{
	height:13px;
	opacity:0.5;
	filter: alpha(opacity=50); /* IE's opacity*/
	position:absolute;
	width:81px;
}

#productImgNr_content{
	display:block;
	position:relative;
	text-align:center;	
}

#ColorSelectionBox{
	display: none;	
}

#ColorObjectsBox{
	margin-bottom:20px;
}

#ColorSelectorBox{
	height:405px;
	margin-bottom:10px;
}

#ColorObjects {
	height:41px;
	margin-top:10px;
}

#selectProduct{
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:5px;
	padding:2px 2px 2px 7px !important;
}

#ColorSelector{
	height:405px;
	overflow:hidden;
	position:absolute;
	width:348px !important;
}

#ColorSelectorScrollBar {
	height:405px;
	left:350px;
}

#PatternBox{
	margin-top: 20px;	
}

#Pattern{
	height:40px;
	margin-top:10px;	
}

#Pattern ul{
	margin: 0;
	padding: 0;	
}

#Pattern ul li{
	float: left;
	list-style: none;
	margin-right: 5px;	
}

/***************************** START SLIDER ********************************/

#SliderBox{
	margin-top: 20px;
	height: 45px;
}

#resetButton {
	float:left;
	margin-left:20px;
}

#resetButton a {
	padding: 0 4px;
	text-decoration:underline;
}

#resetButton a:hover{
	text-decoration: none;	
}

#slider{
	clear:both;
	cursor:pointer;
	left:4px;
	position:relative;
	top:10px;
	width:352px;
}

.handle0 {
	background-image: url("images/regler_unten.gif");
	background-position: bottom;
}

.handle1 {
	background-image: url("images/regler_oben.gif");
}

/***************************** END SLIDER ********************************/

#moreOptions{
	float:right;
	margin-top:15px;
}

#showCalc{
	float: left;
	margin-top: 15px;	
}

.options{
	background-position:right 50%;
	background-repeat:no-repeat;
	padding: 1px 15px 1px 3px;
	display: block;
}

/***************************** RIGHT ********************************/

#Rotation{
	left:235px;
	position:absolute;
	top:17px;
	width:180px;	
}

#Rotation .rotationTitle{
	float: left;
}

#Rotation ul {
	margin: 0;
	padding: 0;
}

#Rotation li {
	list-style: none;
	float: left;
}

#Rotation li a{
	display: block;
	font-size: 10px;
	padding: 1px 5px;
}

#ImageToolBox {
	float:right;
	position:relative;
	top:15px;
	width:104px;
}

#ImageToolBox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ImageToolBox li {
	float: left;
	padding: 0 0 0 10px;
	height: 16px;
	width: 16px;
}

#ImageToolBox li a {
	display: block;
	line-height: 16px;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

#ImageBox {
	border-style:solid;
	border-width:2px;
	height:471px;
	position:absolute;
	top:35px;
	width:628px;
}

#paper{
	height: 471px !important;
	width: 628px !important;
}

#CurrentBox {
	margin-top:16px;
	position:absolute;
	top:510px;
	width:632px;
}

/********************************************************************
 OVERLAYS
********************************************************************/

/***************************** GALLERY ********************************/
#CategoryBox{
	left:385px;
	position:absolute;
	top:11px;
}

#CategoryBox ul {
	margin: 0;
	padding: 0;
}

#CategoryBox li {
	float: left;
	text-align: center;
	list-style: none;
}

#CategoryBox li a {
	display: block;
	padding:5px 5px 5px 15px;
}

#showPanel  {
	background-repeat:no-repeat;
	background-position:left center;
}

div#OverlayGallery {
	display:none;
	position:absolute;
	right:7px;
	top:35px;
	width:632px;
	z-index:11;
}

div#OverlayGallery_background {
	height:330px;
	opacity:0.8;
	filter: alpha(opacity=80); /* IE's opacity*/
	position:absolute;
	right:0;
	top:0;
	width:632px;
	z-index:99;
}

div#OverlayGallery_contents {
    background-color:transparent;
	height:310px;
	padding:10px;
	position:relative;
	width:612px;
	z-index:101;
}

#dynCategories {
	float:left;
	margin:0;
	padding:0;
	width:175px;
}

#dynCategories li {
	list-style: none;
}

#dynCategories li a {
	display: block;
	padding:5px 0px 5px 0px;
}

div#carousel {
	left:192px;
	position:absolute;
	width:456px;
}

#carousel ul{
     margin: 0;
     padding: 0;
     position: absolute;
}

#carousel li{
    float:left;
	height:61px;
	list-style:none outside none;
	padding:0 4px 4px 0;
	width:82px;
}

#carousel li a span.carouselImg{
	border-style:solid;
	border-width:1px;
	float:left;
	height:59px;
	opacity:0.8;
    filter: alpha(opacity=80);
	overflow:hidden;
	width:80px;
}

.carouselImg img {
	cursor: pointer;
	height: 80px;
	width: 80px;
	margin-top: -11px;
}
/***************************** FILTER ********************************/

#filterOverlay, #calcOverlay{
	left:385px;
	position:absolute;
	top:260px;
	width:0;
}

div#filter_background, #calc_background {
	height:250px;
	opacity:0.8;
	filter: alpha(opacity=80); /* IE's opacity*/
	position:absolute;
	width:0;
	z-index:99;
}

div#filter_contents, #calc_contents {
   	background-color:transparent;
	display:none;
	height:230px;
	padding:10px;
	position:relative;
	width:280px;
	z-index:99;
}

#filterTitle, #calcTitle{
	border-bottom-width:1px;
	border-bottom-style:dotted;
	margin-bottom:15px;
	width:250px;	
}

#filterTitle span{
	display: block;
	padding-bottom: 5px;	
}

div#filter_contents select {
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	font-family:Verdana;
	font-size:11px;
	margin:5px 0 15px 0;
	width:250px;
}

#closeButton, #closeCalc{
	position:absolute;
	top: 0px;
	right: 0px;
}

#closeButton a, #closeCalc a{
	display: block;
	font-weight:bold;
	margin:8px;
	padding:2px;	
}

/****************************** CALCULATOR **************************************/

#calcInput {
	display:block;
	line-height:16px;
	padding:0 0 20px 0;
}

#calcInput input {
	font-size:10px;
	margin-bottom:1px;
	width:50px;
}

#calcInput td {
	padding: 4px 2px;
}


#calcResult {
	display:block;
	font-size:11px;
	font-weight:bold;
}

#printButton{
	display:block;
	padding:3px 3px 3px 30px;
	text-align:right;
}

#printButton a{
	padding:3px;
	text-decoration: underline;	
}

#printButton a:hover{
	text-decoration: none;	
}

/***************************** FAVOURIT INFO ********************************/

#infoFavorite{
	position:absolute !important;
	left:720px;
	top:270px;
	z-index:1000;
	display: none;
}

#infoFavorite_background {
	height:236px;
	opacity:0.9;
	filter: alpha(opacity=90); /* IE's opacity*/
	position:absolute;
	width:284px;
	z-index:99;
}

#infoFavorite_contents {
   	background-color:transparent;
	height:185px;
	padding:10px 10px 40px;
	position:relative;
	width:265px;
	z-index:101;
}

#infoFavoriteTitle{
	display:block;
	font-size:16px;
	padding: 5px;
	text-align:center;
	margin-bottom: 10px;
}

#currentProductImage {
	display:block;
	float:left;
	padding:5px;
}

#currentProductDescription2{
	display:block;
	padding:5px;	
}

/***************************** PERMALINK ********************************/

#permalinkOverlay{
	height:60px;
	left:647px;
	position:absolute;
	top:35px;
	width:370px;
	display: none;
	z-index: 2;
}

#permalink_background {
	opacity:0.8;
	filter: alpha(opacity=80); /* IE's opacity*/
	width: 370px;
	height: 60px;
	position: absolute;
}

#permalink_contents {
   position: relative;
   padding: 10px;
   width: 350px;
   height: 40px;
}

#permalinkTitle{
	display: block;
	padding: 0 0 5px 0;	
}

#permalinkInput{
	width: 340px;
	font-size: 11px; 	
}

/********************************************************************
 Scrollbar
********************************************************************/
.ui-scrollbar, .ui-scrollbar .ui-state-default {
	background-repeat:repeat-y;
}

.ui-scrollbar { position: relative; text-align: left; }
/*.ui-scrollbar .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }*/
.ui-scrollbar .ui-slider-range { 
	position: absolute !important; 
	z-index: 1; 
	font-size: .7em; 
	display: block; 
	border: 0; 
}

.ui-scrollbar { width: 8px; height: 100px; }
/*.ui-scrollbar .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }*/
.ui-scrollbar .ui-slider-range { left: 0; width: 8px; }
.ui-scrollbar .ui-slider-range-min { bottom: 0; }
.ui-scrollbar .ui-slider-range-max { top: 0; }

/* make range more visible */
.ui-scrollbar .ui-slider-range { 
	font-weight: normal; 
	color: #555555; 
	outline: none; 
}

/********************************************************************
	Produktanfrage Overlay
********************************************************************/
#ContactOverlay{
	/* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
    
	background-repeat:repeat-x;
	height:466px;
	padding:20px;
	width:802px;
}

#ContactOverlay .close{
	cursor:pointer;
	height:37px;
	position:absolute;
	right:-15px;
	top:-15px;
	width:37px;	
}

#links{
	float:left;
	position:relative;
	width:400px;
}

#rechts{
	float:right;
	position:relative;
	width:380px;
	height: 100%;
}

#FavoritesBox {
	height:430px;
	overflow:auto;
	position:relative;
	width:400px;
	font-size: 12px;
}

#NoFavorites{
	position:relative;
	text-align:center;
	top:200px;
}

#FavoritesBox ul {
	margin: 0;
	padding: 0;	
}

#FavoritesBox li {
	display:block;
	float:left;
	height:215px;
	list-style:none;
	margin:0 0 0;
	width:190px;
}

.favorites {
	float:left;
	position:relative;
	width:128px;
}

.favorites a {
	display: block;
}

.favorites a img{
	display:block;
	margin-bottom:5px;
	width: 128px;
	height: 128px;
}

a.buttonTiny {
	display: block;
	background-repeat:no-repeat;
	float:left;
	height:16px;
	width:16px;
	margin-left: 10px;
}

#txtHinweis{
	font-size:10px;
	position:relative;
	margin-top: 20px;
	width:400px;
}

.anfrageTitle{
	border-bottom-width:1px;
	border-bottom-style:solid;
	display:block;
	font-size:17px;
	padding-bottom:2px;
}

.txt{
	display:block;
	font-size:12px;
	margin-top:15px;
	line-height: 18px;
}

#FehlerBox{
	display: none;	
}

#BestaetigungBox{
	display: none;	
}

#AnfrageBox{
	display: block;	
}

#AnfrageBox table {
	margin-top:25px;
}

#AnfrageBox .frmText {
	font-size:12px;
	width: 200px;
	float: left;
}

#country{
	font-size: 12px;
	color: #333;
	width: 206px;
	float: left;	
}

#AnfrageBox td{
	font-size:12px;
	height:34px;
	vertical-align:top;	
}

#AnfrageBox td span{
	color:#FF0000;
	display:block;
	font-size:10px;
	padding:4px 10px 0;
	text-align:center;
}

#sendButton{
	bottom:0;
	margin:0 112px;
	position:absolute;
}

#sendButton a{
	width:156px;
}

/********************************************************************
 PAGE easybo
********************************************************************/
div#EasyboContent {
	position: relative;
	width: 1024px;
	height: 570px;	
	float: left;
}

div#EasyboText {
	float:right;
	margin-top:25px;
	width:720px; 
}

div#EasyboText ul li{
	font-size: 12px;
	padding: 5px 0;	
}

div#EasyboAction {
    border-right-style: solid;
    border-right-width: 1px;
    float: left;
    height: 525px;
    margin-top: 25px;
    position: relative;
    width: 270px;
}

div.easyboLogin a, div.easyboLogout a {
	margin-bottom: 10px;
	text-decoration: underline;
	display: block;
	font-size: 12px;
}
	
div.boxtitle{	
	padding-bottom: 10px;
	font-family: 'Verdana','Arial';
	font-size: 17px;
	font-weight: normal;
}

.register{
	display:inline-block;
	margin-top:20px;
}

.register a {
	width:156px;
}