/* CSS Document */
/* Allgemeine Definitionen *********************************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	margin:0;
	padding:0;
	font-size:100%;
	height:100%;
}

body {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	height:100%;
}

ul {
	margin:10px 0 10px 20px;
}

div {position:relative;}
img {border:none;}
p {margin-bottom:14px;}

.clear, .clearer {clear:both;font-size:0;}
.align-right {text-align:right;}


.headerbackground {
	background:url(../../images/eshop/nav-meta-background.png) repeat-x top;
	position: absolute;
	width:100%;
	height:126px;
	z-index:50;
}

#logo {
	height:79px;
	left:20px;
	position:absolute;
	top:0;
	width:136px;
}

/*
bodyold  {
 	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	width: 1004px; 
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0px solid #000000;
}
*/

/* body von Product Detail */
/*
#pd {
	width: 560px;
}
*/

#pp {
	width: 520px;
}

a { 
	text-decoration: none;
	color: #333333;
}
a:link { color:#0b4b89;}
a:active { color: #0b4b89; }
a:visited { color: #0b4b89; }
a:hover { color: #FF6633; }

#PreselectionLand a {
	font-size: 12px;
	color: #FF6633;
}
#PreselectionLand a:link { color:#FF6633 }
#PreselectionLand a:visited { color:#FF6633 }
#PreselectionLand a:hover { color:#FF6633 }
#PreselectionLand a:active { color:#FF6633 }


/* Seitenbereiche *****************************************************************************/
#Top, #TopDetail {
	position: static;
/*	top:0px;
	left:0px;*/
	width:990px;
	height:120px;
	background: #6690ba;
	margin: 0;
	padding: 0;
}
#TopDetail {
	width:100%;
	height:80px;
}

#NavBar {
	position:relative;
	top:73px;
	left:0px;
	width:990px;
	height:18px;
	he\ight:19px;
	margin:auto;
	border: 0px solid #000000;
	z-index: 100;
}

#Container {
	position: relative;
/*	min-height: 100%;*/
	/*padding-bottom: 40px;*/
	border: 0px solid red;
	width: 990px;
	/*height: 80%;*/
	padding-bottom: 28px;
	margin:auto;
	margin-bottom:7px;
	margin-top:80px;
}

#ProductDetail {
	position:absolute;
	top:110px;
	left:20px;
	width: 390px;
	height: 500px;
	border: 0px solid #000000;
}

#ProductDetailOben {
	position: relative;
	top:0px;
/*	left:10px;*/
	width: 390px;
	height: auto;
	border: 0px solid #000000;
	text-align: center;
	padding: 10px;
}

#Center {
	position:absolute;
	top:170px;
	left:50px;
	width: 904px;
	height: 390px;
	border: 1px solid #000000;
/*	z-index: 1;*/
}

#Message {
	/* 
	position: relative;
	top: 10px;
	left: -999em;
	width: 200px;
	height: 50px;*/
	position: static;
	margin-bottom: 10px;
	color: #FF6633;
	padding: 4px;
	border: 1px solid #FF6633;
}

#FloatMessage {
	position: relative;
/*	width: 200px;
	height: 50px;*/
	margin-top: 1em;
	margin-left: 0em;
	padding: 5px;
	border: 1px solid #FF6633;
	color: #FF6633;

}

/*
#Message2 {
	font-size: 10px;
	position: absolute;
	top: 5px;
	left: -999em;
	margin-top: 0px;
	margin-left: 0em;
	margin-right:0;
	border: 0px solid #FF6633;
	color: #FF6633;
	width: auto;
	padding: 0px;
}
*/
#Message2 {
	/*left: -999em;*/
	left: 560px;
	color: #FF6633;
}

#SubsiteLeft {
	position: relative;
	float: left;
	top: 25px;
	left: 25px;
	width: 175px;
	height: 400px;
	border: 0px solid #1e4a89;
/*    border-width: 1px 0px 0px 0px;*/
}

#SubsiteLeft a {
	font-size:10px;
}

#SubsiteRight {
	position: relative;
	top: 25px;
	left: 35px;
	width: 744px;
	border: 0px solid #1e4a89;
    float: left;
}
/*#Container>#SubsiteRight {
	left:205px;
    width: 744px;
}
*/
#SubsiteRightLeft,
#SubsiteRightLeftAGB {
	position: relative;
	top: 25px;
	left: 40px;
	width: 390px;
	border: 0px solid #1e4a89;
	float: left;
}
#Container>#SubsiteRightLeft,
#Container>#SubsiteRightLeftAGB {
}

#SubsiteRightRight,
#SubsiteRightRightAGB {
	position: relative;
	top: 25px;
	left: 600px; /* FireFox */
	.left: 55px; /* IE6 and IE7 */
	
	/* left: 55px; */
	/*left: 598px;*/
	width: 348px;
	border: 0px solid #1e4a89;
	text-align: right;
}
/*
#Container>#SubsiteRightRight {
	left: 600px;
	height: 400px;
}
*/
#SubsiteRightLeftAGB {
	width: 465px;
}
#SubsiteRightRightAGB {
	left:50px;
	width: 280px;
}
#Container>#SubsiteRightRightAGB {
	left: 668px;
	height: 400px;
}

#SubsiteRightRight>img,
#SubsiteRightRightAGB>img {
	position: absolute;
	top: 0;
	right: 0;
}

#imgLeft {
	position: relative;
	top: -120px;
	left: -120px;
	margin-bottom: -120px;
	border: 0px solid #1e4a89;
}
#imgLefta {
	position: relative;
	top: -140px;
	left: -175px;
	margin-bottom: -140px;
	border: 0px solid #1e4a89;
	clear: left;
}
#dummy,
#dummy2 {
	position: relative;
	height: 15px;
	left: 0;
	top: 0px;
	border: 0px solid #1e4a89;
	clear: left;
}
#dummy2 {
	height: 55px;
}
#dummyList {
	position: relative;
	height: 45px;
	left: 0;
	top: 0px;
	border: 0px solid #1e4a89;
	clear: left;
}
#dummyBild {
	position: relative;
/*	height: 45px;*/
	left: 0;
	top: -100px;
	margin-bottom: -85px;
	border: 1px solid #1e4a89;
	clear: left;
}


#dummyList img, #dummy img, #dummyBild img {
	position: relative;
	left: 32px;
}

#SubsiteRightTop {
	/* position: relative; */
	position: static;
	margin-top: 10px;
	width: 744px;
	/* height: 200px; */
	margin-bottom: 10px;
	border: 0px solid #1e4a89;
}

#SubsiteRightTopFlat {
	position: relative;
	top: 10px;
	left:0px;
	height: 250px;
	margin-bottom: 10px;
	border: 0px solid #1e4a89;
}

#SubsiteRightBottom {
	/* position: relative; */
	position: static;
	top: 20px;
	left:0px;
	width: 744px;
	margin-top: 0px;
	margin-bottom: 50px;	
	border: 0px solid green;
}

#SubsiteRight>#SubsiteRightBottom {
	float: left;
}
#Bottom {
	position: relative;
/*	bottom: 0;*/
	top: 0px;
	left: 0px;
	width: 990px;
	height: 28px;
	/*padding: 10px;*/
	margin:auto;
	margin-bottom: 10px;
	border: 0px solid #000000;
	clear: left;
}
body>#Bottom {
	top: 35px;
}

/* Sondernavigation ***************************************************************************/
#TopContainer {
	position: absolute;
	top: 0;
	left: 363px;
	right:0;
	height: auto;
	width: 640px;
	text-align: right;
	border: 0px solid #000000;
}
#TopContainer form {
	/*position: relative;
	top: 20px;*/
}

#t1 {
	position: absolute;
	top: 20px;
	right: 50px;
  	border: 0px solid red;
	text-align:right;
}
#t2 {
	position: absolute;
	top: 50px;
	right: 50px;
  	border: 0px solid red;
	text-align:right;
}
#t3 {
	position: absolute;
	/*top: 55px;*/
	top: 75px;
	right: 50px;
  	border: 0px solid red;
	text-align:right;
}
#SonderNav { 
  position: relative;
/*  top: 0px;*/
/*  left: 40px;*/
/*  right: 2px;*/
/*  width: 230px;*/
  list-style-type:none; 
  float:left;
  margin: 0; 
  padding: 0;
  border: 0px solid black;
  text-align: right;
}
#SonderNav li { 
  list-style-type:none; 
  float:left;
  margin-right: 0px;
  margin-left: 20px;
  letter-spacing: 1pt;
  text-align: right;
	position: relative;
	right: 0;
	padding: 0;
  border: 0px solid green;
}
#SonderNav li a {
	position: relative;
	right: 0;
	font-size: 9px;
  	font-weight: normal;
	color: #094a8c;
	text-align: right;
}

#SonderNavO { 
  position: relative;
 /* top: 20px;*/
/*  left:10px;*/
	/*right: 0;*/
/*  width: 500px;*/
  list-style-type:none; 
  float:left;
  margin: 0; 
  padding: 0;
  border: 0px solid black;
}
#Top>#SonderNavO { 
  position: absolute;
  top: 20px;
  left: 450px;
  right: 0;
  width: 521px;
  list-style-type:none; 
  float:left;
  margin: 0; 
  padding: 0;
  border: 0px solid black;
}

#SonderNavO li { 
  list-style-type:none; 
  position: relative;
  right:0;
  float:left;
 margin-right: 0px;
  margin-left: 20px;
  letter-spacing: 1pt;
}

#SonderNavO li a {
	font-size: 9px;
	position: relative;
	right: 0;
}

#SonderNav li a:link { color:#ffffff }
#SonderNav li a:visited { color:#ffffff }
#SonderNav li a:hover { color:#094a8c }
#SonderNav li a:active { color:#ffffff }

#LangSelect { 
  position: relative;
/*  top: 0px;*/
/*  left: 40px;*/
/*  right: 2px;*/
/*  width: 230px;*/
  list-style-type:none; 
  float:left;
  margin: 0; 
  padding: 0;
  border: 0px solid black;
  text-align: right;
}
#LangSelect li { 
  list-style-type:none; 
  float:left;
  margin-right: 0px;
  margin-left: 5px;
  letter-spacing: 1pt;
  font-weight: bold ;
  text-align: right;
	position: relative;
	right: 0;
	padding: 0;
  border: 0px solid green;
}
#LangSelect li a {
	position: relative;
	right: 0;
	font-size: 11px;
  	font-weight: bold;
	color: #ffffff;
	text-align: right;
}
#LangSelect li a:link { color:#ffffff }
#LangSelect li a:visited { color:#ffffff }
#LangSelect li a:hover { color:#094a8c }
#LangSelect li a:active { color:#ffffff }

/* Hauptnavigation ****************************************************************************/

#nav {
	position: absolute;
	text-align:left;
	margin: 0; 
	padding: 0;
	left:25px;
    float: left;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: normal;
	letter-spacing: 1pt;
  	height: 12px;
	width: 909px;
    border: 0px solid black;
	z-index: 100;
  }
   
  #nav a {
	display: block;
	text-decoration: none; 
    margin: 0;
	padding: 0 1px;
	color: #ffffff;
	z-index: 10;
	font-size: 11px;
    }

  #nav a:link { color: #ffffff }
  #nav a:active { color: #ffffff }
  #nav a:visited { color: #ffffff }
  #nav a:hover { color: #094a8c; }
 
  #nav #aktiv { color: #ffffff }
  
  #nav li, #nav li #last {
	float: left;
    margin: 0 22px 0 0px;
	padding: 1px 0 0px 0;
	height: 20px;
	he\ight: 21px;
	border: 0px solid black;
	z-index: 100;
  }
  #nav>li {
    margin: 0 38px 0 0px;  
  }
  #nav #last {
  	margin-right: 0;
	
  }  
  #nav li ul {
	position: absolute;
	margin: 10px 0 0 -15px;
	padding:0 0 0 5px;
	left: -999em;
	width: 9em;
	w\idth: 7em;
	list-style: none;
	font-weight: normal;
	z-index: 100;
  }

  #nav li li {
    margin: -1px 0;
	padding: 0;
	background-image:url(../../images/eshop/nav-main-background.png);
	background-repeat:no-repeat;
	height:23px;
	width:200px;
	z-index:100;
  }

  #nav li ul a,
  #nav li ul ul a {
	position:relative;
	margin:0;
	padding: 5px 0 5px 10px;
	width: 15em;
    border: 0px solid #5e5d5d;
	font-size:11px;
	font-weight: normal;
	z-index: 100;
  }
  
  /* 3. Ebene */
  #nav li ul ul {
	width: 11em;
	w\idth: 11.7em; 
	margin: -1.4em 0 0 11em;
  }
  
  #nav li:hover ul ul,  
  #nav li.hover ul ul {
	  left: -999em;
  }
  
  #nav li:hover ul, 
  #nav li li:hover ul,  
  #nav li.hover ul, 
  #nav li li.hover ul {
	  left: auto;
}
  #nav li:hover, #nav li.hover {
    position: static;
}

/* Navigation Unten ***************************************************************************/

#Bottom ul { 
  /*	position: relative;*/
/*  	top: 0px;
  	left: 0px;*/
  	width: 990px;
  	list-style-type:none; 
  	float:left;
  	margin: 0; 
  	padding: 0;
	padding-top: 2px;
	border: 0px solid #B3B3B3;
    border-width: 1px 0px 0px 0px;
}

#Bottom ul li { 
  list-style-type:none; 
  float:left;
  margin-right: 9px;
  margin-left: 0px;
  letter-spacing: 1pt;
}
#Bottom>ul>li { 
  margin-right: 7px;
}

#Bottom ul li a {
	font-size: 9px;
	white-space: nowrap; 
	color:#B3B3B3;
}
/*
#Bottom ul li a:link { color:#1e4a89 }
#Bottom ul li a:visited { color:#1e4a89 }
#Bottom ul li a:hover { color:#a3bdd6 }
#Bottom ul li a:active { color:#1e4a89 }
*/

/* Sekundärnavigation ***********************************************************************/

#secNav {
  	list-style-type:none; 
  	margin: 0; 
  	margin-left: 1px;
	padding: 0;
	padding-top: 2px;
	border: 0px solid #1e4a89;
}

#secNav #first {
	border: 0px dashed #1e4a89;
/*    border-width: 0px 0px 1px 0px;*/
	padding-top: 4px; 
	margin-top: 4px; 
	border-top-width: 1px;
}

#secNav ul {
  	list-style-type:none; 
  	margin: 0; 
  	margin-left: 5px;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 10px;
	border: 0px solid #1e4a89;
}

/* Textklassen & Innenbereiche ********************************************************************************/

#Header {
	position: relative;
	top: 10px;
	margin-bottom: 20px;
}

#SubsiteRight img {
	border: 0;
}

h4, h5 {
	color: #0b4b89;
	font-size: 15px;
	margin: 0;
	padding: 0;
	margin-bottom: -7px;
	margin: 5px 0;
	border: 0px solid #1e4a89;	
}

#SubsiteRightLeft h6 {
	text-decoration: underline;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	margin: 0;

}

.HeadlineSubLeft {
	position: relative;
	top: 20px;
/*	bottom: 645px;*/
	left: 25px;
	float: left;
	width: 175px;
	height: 20px;
	border: 1px solid #1e4a89;
    border-width: 0px 0px 1px 0px;
	padding: 0;
	padding-bottom: 0;
	margin: 0;
}

.HeadlineSubRight {
	position: relative;
	top: 20px;
	left: 205px; /* FireFox */
	.left: 55px; /* IE6 und IE7 */
	width: 743px;
	height: 20px;
	/*height: 20px;*/
	border: 0px solid #1e4a89;
    border-width: 0px 0px 1px 0px;
/*	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: -5px;
	margin: 0; 
*/
/*clear: left;*/
}

/* hat nicht nur bei FireFox, sondern auch bei IE7 gegriffen
#Container>.HeadlineSubRight {
	left: 205px;
}
*/

.HeadlineSubRight h2 {
	position: relative;
	top: 0px;
}

h2 {
/*	margin: 0;
	padding: 0;*/
	border: 0px solid #1e4a89;
	/*height:20px;*/
	/*float: left;*/
}

.HeadlineHome {
	position: absolute;
	top: 170px;
	left: 0px;
/*	height: 5px;*/
	/*width: 100%;*/
	border: 1px solid #1e4a89;
	vertical-align: bottom;
	font-size: 12px;
	color: #1e4a89;
	font-style:italic;
    /*border-width: 0px 0px 1.5px 0px;*/
}

#Logo {
	position: relative;
	top: 36px;
	left:50px;
}
#LogoDetail {
	position: relative;
	top: 16px;
	left:30px;
}


/* Serienansicht ***********************************************************************************/
#PatternList {
	position: relative;
	top:5px;
	left:0px;
	width:744px;
	height_off:800px;
	he\ight_off:805px;
	border: 0px solid #000000;
	overflow: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#PatternList li,
#PatternList .liflat {
	position: relative;
	float: left;
	width: 180px;
	w\idth: 150px;
	height: 178px;
	margin-right: 0px;
	margin-bottom: 6px;
	padding-top: 6px;
	padding-right: 28px;
	border: 1px dashed #0b4b89; 
    border-width: 0px 0px 1px 0px;
	overflow: hidden;
	vertical-align: bottom;
}
#PatternList .liflat {
	height: 185px;

}
#PatternList .txt {
	position: absolute;
	bottom: 4px;
	left: 0px;
	border: 0px solid;
}

#PatternList a {
	font-size: 10px;
	font-weight: bold;
	color: #1e4a89;
	border: 0px solid;
}

#PatternList img {
	border: 0px solid #0b4b89;
	margin-bottom: 3px;
	/*width: 110px;*/
	
}


/* Produktliste *************************************************************************************/


#pdTable,
#pdTableWK,
#pdTableWKA {
/*	position: relative;
	top: 20px;*/
/*	left:0px;*/
/*	width: 730px;*/
/*	height: 410px;*/
/*	height: auto;*/
	border: 0px solid black;
	/*width: 744px;*/
/*	overflow: hidden;*/
}
/*
#SubsiteRightBottom>pdtable {
}
*/
/*
#pdTable table {
	width: 744px;
	border: 0px solid #0b4b89;
}
*/

#pdTable{
	border: 0px solid black;
	width: 95%;
}
.pdTableRow{
	width: 700px;
}
.pdTableRowW{
	width: 700px;
}
.pdTableImg {
	padding-top: 6px; 
  	padding-bottom: 6px; 
  	vertical-align: top;
	border: 0px dashed #0b4b89;
  	border-width: 0px 0px 1px 0px;
	font-size:11px;
	width: 90px;
	text-align: center;
}
.pdTableTxt,
.pdTableTxtA,
.pdTableTxtDescrip,
.pdTablePrice,
.pdTableTxtDescripB,
.pdTableTxtFormB {
  	padding-top: 6px; 
  	padding-bottom: 6px; 
  	vertical-align: top;
	border: 0px dashed #0b4b89;
  	border-width: 0px 0px 1px 0px;
	font-size:11px; 
}

.pdTableTxtDescrip {
    width: 20%;
    padding-left: 2px;
    padding-right: 5px;
}

.pdTableTxtDescripB {
    width: 25%;
}
.pdTablePrice {
  padding-top: 12px;
  text-align:right;
}
.pdTableTxtFormB,
.pdTableTxtFormBB {
    text-align: left;
    padding-left: 40px;
}
.pdTableTxtFormB {
    width: 22%;
}

.pdTableTxtFormBB {
    border: 0px;
}

.pdTableHead,
.pdTableHeadTr,
.pdTableHeadTrA {
	font-size:10px; 
  	font-weight: bold;
	color: #0b4b89;
	/*letter-spacing: 1pt;*/
	border: 0px dashed #0b4b89;
  	border-width: 0px 0px 1px 0px;
  	padding-bottom: 0px;
}

.pdTableInput {
	background-color:#FFFFFF; 
	width:30px; 
	border:1px #0b4b89 solid; 
	margin-bottom: 2px;
	padding:0px; 
	padding-left: 2px; 
	padding-right: 2px; 
	/*font-family: Arial, sans-serif; */
	height: 15px; 
	font-size: 10px; 
	color:#0b4b89;
}

#pdTable a { 
	text-decoration: none;
	/* font-size: 10px; */
	color: #ff6611;
	border: 0px solid #000000;
}
 
#pdTable a:link { color:#0b4b89;}
#pdTable a:active { color: #ff6633; }
#pdTable a:visited { color: #0b4b89; }
#pdTable a:hover { color: #ff6633; }


#pdTable .descrip {
	font-weight: bold;
	font-size: 12px;
}
#pdTable .descripa {
}
#pdTable .artno {
	font-weight: bold;
}
#pdTable .priceNew, .priceOld {
	font-weight: bold;
	color:#0b4b89;
    text-align: right;
}
#pdTable .priceNewB {
	font-weight: bold;
	color:#0b4b89;
    text-align: right;
	font-size: 12px;
	white-space: nowrap;
}
#pdTable .priceOld {
	text-decoration: line-through;
}
#pdTable .orderText {
	margin-top: 2px;
    font-size: 9px; 
}

#pdTable form {
	/*height: 50px;*/
    margin: 0;
	padding: 0;
    margin-top: 3px;
}

#pdTable form img {
	position: relative;
	top: 2px;
}

#pdTable form #imgO {
	position: static;
	top: 0px;
}

/*
#pdTable form a {
    position: relative;
    border: 0px solid;
    top: 3px;
    line-height: 1.6;
}
*/
#SubsiteRightTop #img1 {
	/* position: absolute; */
	position: static;
	width: 290px;
/*	height: 270px*/
/*	width: auto;
	left: 0px;
	bottom: 0px;
	margin-right: 20px;
	float: left; */	
	border: 0px solid black;

}
/*#SubsiteRightTopRight {
	position: absolute;
	top: 0px;
	left:290px;
	height: 360px;
	margin-bottom: 10px;
	border: 0px solid #1e4a89;
}
*/
/* Dekor Beschreibung */
#SubsiteRightTop .descrip {
	/* position: relative; */
	position: static;
	top: 10px;
	left: 295px;
	width: 420px;
	border: 0px solid #1e4a89;
	/*clear: left;*/

}
/*#SubsiteRightTop>.descrip {
	left: 295px;
}
*/
#MixMatch {
	/* position: relative; */
	position: static;
	border: 1px solid #dbe5ef;
	padding: 4px;
	margin: 10px 0 0 0;
}

#MixMatch td {
	width: 110px;
	padding: 0 2px 0 2px;
}

#MixMatch a { 
	font-size: 10px;
}

#SubsiteRightTop #patternImg {
	/* position: relative; */
	position: static;
	top: 10px;
	left: 290px;
	width: 440px;
	/*clear:left;*/
}

/* obsolet */
#SubsiteRightTop .descript {
	width: 420px;
	border: 0px solid #000000;
}

#SubsiteRightBottom #single {
	font-size:10px; 
/*	width: 78px;**/
  	font-weight: bold;
	color: #0b4b89;
	padding-bottom: 2px;
	border: 0px dashed #0b4b89;
  	border-width: 0px 0px 1px 0px;
	margin: 0;
	padding: 0;
}

#Message p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	color: #FF6633;
}

/* Dekorauswahl *************************************************************************************/

.patternNav {
	border: 0px dashed #0b4b89;
	padding-bottom: -2px;
	margin-bottom: -2px;
}
.patternImg {
	border: 0px dashed #0b4b89;
	padding-bottom: 2px;
/*	margin-bottom: -2px;*/
}

/* Produktdetail ************************************************************************************/
 #imgDetail {
	position: relative;
/*left: 60px;*/
/*	height: auto;*/
/*	width: auto;*/
	border: 0px solid black;
	/*margin-right: 20px;*/
	padding: 0;
	margin: 10px;
}

#PDContent {
	position: relative;
	top: 10px;
	left: 4px;
/*	height: auto;*/
	width: 513px;
	border: 0px dashed #0b4b89;
	border-width: 1px 0 1px 0;
/*	margin-top: 20px;
	margin-right: 20px;
*/
}
#PDContentLeft {
	position: relative;
	left: 10px;
/*	height: auto;*/
/*	width: auto;*/
	border: 0px dashed #0b4b89;
	float:left;

}
#PDContentRight {
	position: relative;
	top: 0;
	left: 40px;
	height: auto;
	width: auto;
	border: 0px solid #0b4b89;

}

.PDtd1,
.PDtd2 {
	width: 60%;
	vertical-align:top;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.PDtd2 {
	width: 40%;
}
#SpanClose {
	position: relative;
	top: 20px;
	width: 516px;
	text-align: right;
	border: 0px solid #0b4b89;
}
#SpanClosePreview
{
	position: absolute;
	bottom: 10px;
	left: 200px;
}

#Close
{
	color:#FF6633;
}
#Close:link { color:#FF6633;}
#Close:active { color: #FF6633 }
#Close:visited { color: #FF6633 }
#Close:hover { color: #0b4b89 }


/* Kriteriensuche **********************************************************************************/
#cSearchOutput {
	position: relative;
	top: 20px;
	
}

/* Warenkorb ***************************************************************************************/
#BasketProducts {
	position: absolute;
	top: 6px;
	left: 543px;
	width: 200px;
	height:15px;
	font-size: 11px;
	border: 0px solid red;
	text-align: right;
}

#Back {
	position: absolute;
	top: 5px;
	left: 1px;
	font-size: 11px;
}

#BasketImg {
	position: absolute;
	top: -5px;
	left:0px;
	width: 150px;
	height: 212px;
}

.mesDelay {
	font-size: 11px;
}


/* Lifestyles Bilder *******************************************************************************/
#lifestylesImg {
  position: absolute;
  margin: 0;
  padding: 0;
  float: left;
}


/* Statische Seiten ********************************************************************************/
#SubsiteLeft img {
	off_position: absolute;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* Kontakt *****************************************************************************************/

#kontakt input, #kontakt textarea, #kontakt select {
/*	border: none;
*/
	border: 1px solid #666666;
	background-color: #dbe5ef;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: top; 
}
#kontakt textarea, #kontakt select {
	overflow: auto;
	width: 100%;
	margin-bottom: 0;
}
/* Sitemap *****************************************************************************************/

#sitemap ul {
	margin:20px;
}

#sitemap li {
	list-style-type:square;
	color:#FF6633;
}

#sitemap li ul {
	margin:6px 0px 6px 15px;
}

#sitemap li ul li {
	list-style-type:none;
	font-size:11px;
}

/* Orderprocess *************************************************************************************/
.orderprocess {
	width:100%;	
	
}
.orderprocess input, .orderprocess textarea, .orderprocess select {
	border: none;
	background-color: #dbe5ef;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 5px;
	vertical-align: middle; 
}
.orderprocess select {
	width: 188px;
}
.orderprocess td {
	padding: 0px 2px;	
	
}

.orderprocessStep4Userdata td {
	font-weight: bold;
}

.orderprocessStep4 h4 {
	font-size:10px; 
  	font-weight: bold;
	color: #0b4b89;
	padding-bottom: 2px;
	border: 0px dashed #0b4b89;
  	border-width: 0px 0px 1px 0px;
	margin: 15px 0px 10px;
	padding: 0;
}
.orderprocessStep4Edit {
	font-weight: normal !important;
	padding: 5px 0px !important;
	text-transform: uppercase;
}
.orderprocessStep4Prices{
	color: #0b4b89 !important;
	font-weight: bold;
}
.orderprocessStep4PrintButton a {
	font-weight: normal;
	font-size: 1.2em;
	color: #ff6633 !important;	
}
.orderprocessStep4OrderButton a {
	font-weight: bold;
	font-size: 1.1em;
	color: #ff6633 !important;	
}
.redmark {
	color:red !important;
	font-weight: bold !important;
}

/* Kombi Tipps **************************************************************************************/
#CombiTip,
#CombiTipBasket {
  position: relative;
  top: 20px; 
  /*height: 400px;*/
  border: 0px solid;
  margin-bottom: 5px;
  border: 0px solid blue;
}
#CombiTipBasket {
  top: 0px; 
}

#combiHead {
	position: relative;
	top: 0px;
	left: 0px;
	border: 0px solid red;
}
#CombiPic_off {
	position: absolute;
	top: 30px;
	left: 0;
	/*width: 150px;*/
/*	height: 160px;*/
	border: 0px solid green;
/*	float: left;*/
}

/*
#combi {
	position: relative;
	top: 170px;
	left: 0px;
	border: 0px solid;
}
*/


.TextOrangeCombi {
	color: #FF6633;
    font-weight: bold;
    font-size: 12px;
    border: 1px dashed;
    border-width: 0 0 1px 0; 
    margin-bottom: 5px;
}

.CombiTips {
	border: 0px solid;
	/*color: #FF6633;*/
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
    font-size: 10px;
}

#combi a {
	font-size:12px;
}

/*#CombiTip a, */
.combiLink { 
	text-decoration: none;
	color: #FF6633;
	border: 0px solid #000000;
    margin-bottom: 3px;
	/* letter-spacing: 1pt; */
}
/*
#CombiTip a:link { color: #FF6633;}
#CombiTip a:visited { color: #ff6633; }
#CombiTip a:hover { color: #FF6633; }
#CombiTip a:active { color: #0b4b89; }
*/
.combiLink:link { color: #0b4b89;}
.combiLink:visited { color: #0b4b89; }
.combiLink:hover { color: #FF6633; }
.combiLink:active { color: #0b4b89; }

/* Mix & Match ************************************************************************************/

#MixMatchHead {
	position: relative;
	top: 0px;
	left: 4px;
	height: 30px;
	width: 140px;
	border: 0px solid;
}
#mm {
	position: relative;
/*	top: 0px;*/
	left: 5px;
	border: 0px solid;
	float: left;
/*	width: 200px;*/
/*	height: 100px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mm li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0;
	height: 110px;
	width: 80px;
	w\idth: 90px;
	margin-right: 10px;
	border: 0px solid;
}
.MixMatchPic {
	/*position: relative;*/
	/*top: 0px;
	left: 6px;*/
	border: 0px ;
}

.MixMatchPattern {
/*	position: relative;
	top: 0px;
	left: 0px;
	border: 0px;*/
	/*height: 100px;*/
}
.MixMatchPattern:link { color: #FF6633;}
.MixMatchPattern:visited { color: #ff6633; }
.MixMatchPattern:hover { color: #0b4b89; }
.MixMatchPattern:active { color: #0b4b89; }

.mmDescrip {
	position: absolute;
	bottom: 5px;
	border: 1px solid #ffffff;
}
/* Patternpreview **********************************************************************************/
#PatternPreview {
	margin-top: 10px;
}

/* Schriften ****************************************************************************************/

h1 {
	margin-top: 15px;
	margin-bottom: 10px;
}

.NormTextBlue {
	font-size: 9px;
	color: #1e4a89;
	padding: 0;
	margin: 0;
}
.NormText {
	font-size: 12px;
	color: #333333;
	padding: 0;
	margin: 0;
}
.NormTextBlue1 {
	font-size: 9px;
	color: #1e4a89;
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
}
.HeadlineTextBlue {
	position:relative;	
    top: 4px;
    font-size: 12px;
	color: #1e4a89;
	/*font-style: italic;*/
	padding: 0;
	margin: 0;
}

strong {
	color: #333333;
	font-weight: bold;
}

.imgText {
	position: relative;
	top: -2px;
	color: #FF6633;
}

.orderSubmit {
	font-size: 11px;
	color: #FF6633;
}

.TextOrangeB {
	color: #FF6633;
    font-weight: bold;
    font-size: 10px;
}

.TextOrangeB2 {
	color: #FF6633;
    font-weight: bold;
    font-size: 12px;
	margin-left: 3px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 300px;
    height: 120px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 20;
    display: none;
}

.jcarousel-prev {
    z-index: 20;
    display: none;
}


/* Adminmode (für den Preview Modus) *********************************************************************/

#adminmode {
	position:absolute;
	margin:0;
	padding:0;
	left:300px;
	top:40px;
	z-index:1500;
	border:1px solid #FF6531;
	background-color:#FFFFFF;
}

.adminmode_close {
	position:absolute;
	left:96px;
	top:0px;
	background-color:none;
}

.adminmode_preview {
	position:absolute;
	left:5px;
	top:16px;
}
.adminmode_live {
	position:absolute;
	left:62px;
	top:16px;
}

.adminmodeActive { 
	text-decoration: none;
	font-size: 10px;
	color: #FFFFFF;
	background-color:#FF6633;
	border: 0px solid #000000;
    margin: 0px;
	padding: 0 4px;
}

#adminmode a {
	font-size: 10px;
	padding: 0 4px;
}

#adminmode a:link { color: #FF6633; }
#adminmode a:visited { color: #FF6633;}
#adminmode a:active { color: #FF6633;}
#adminmode .adminmode_preview a:hover { color: #FFFFFF; background-color: #ff0000;}
#adminmode .adminmode_live a:hover { color: #FFFFFF; background-color: #ff0000;}

.agb {
	position: relative;
	margin-left: -4px;
}

/* Links in Hinweistexte bei den Dekoren */
.DekorHinweis {
	color:#FF0000;
}
.DekorHinweis a {
	color: #FF0000;
	text-decoration:underline;
}
.DekorHinweis a:link { color:#FF0000 }
.DekorHinweis a:visited { color:#FF0000 }
.DekorHinweis a:hover { color:#BB0000 }
.DekorHinweis a:active { color:#FF0000 }

/* PopWindow Div Layer */
#popwindow {
	position:absolute;
	padding:40px;
	text-align:center;
	width:400px;
	left:300px;
	top:200px;
	z-index:1100;
	background-color:#FFFFFF;
	border:2px solid #FF6531;
}
#popwindow button {
	margin:20px 20px 0 20px;
	width:70px;
}