@charset "UTF-8";
/* CSS Document 
*
* Layout luxusflyer.de
*
*/

/*
	Layout Basics
************************************************************/

* { margin: 0; padding: 0; }

html, body { height: 100% }

body { background: url(../images/site-bg.png) repeat; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

#container { min-height: 100%; margin-bottom: -103px; position: relative; }

#header { background: url(../images/header-bg.png) repeat-x; height: 130px; width: 100%; }

img.header-image { margin-left: 50px;}

#wrapper { background: url(../images/wrapper-bg.png) repeat-y; min-height: 490px; width: 908px; margin: 0 auto 36px auto; text-align: left; position: relative; }
#wrapper { background: url(../images/wrapper-bg.png) repeat-y; min-height: 490px; width: 908px; margin: 0 auto 36px auto; text-align: left; position: relative; }

#content-configurator { min-height: 300px; padding: 0 4px; }
#configurator { min-height: 300px; background:#590960; }

#content { min-height: 300px; padding: 20px;}
#content { min-height: 300px; padding: 20px 5px 0 5px;}
#content { min-height: 300px; padding: 0px 5px 0 5px;}

#wrapper-footer { background: url(../images/wrapper-footer-bg.png) no-repeat; height: 91px; width: 100%; position: absolute; bottom: -91px;}

#footer,#footers { background: url(../images/footer-bg.png) repeat-x; height: 103px; width: 100%; position: relative; }

.clearfooter { height: 103px; clear: both; }

/*
	Content Area - One to Three Columns
************************************************************/

/*.column { float: left; }

#left-column { width: 20%; background: #CCC; }

#middle-column { width: 50%; background: #999; }

#right-column { width: 30%; background: #CCC; }*/

#content h1 { color: #56005E; }

#content h2 { color: #56005E; }

#content h3 { color: #56005E; }

#content h4 { color: #56005E; }


/*
	Menu - Horizontally Centered
************************************************************/

#centeredmenu {
   /*float:left;*/
   /*width:100%;*/
   width: 908px;
   overflow:hidden;
   position:relative;
   margin: 0 auto;
}

/* Left Part */

#nav-left {}

#nav-left ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align:center;
}
#nav-left ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   background: url(../images/menu-seperator.png) no-repeat;
}
#nav-left ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   /*background:#ddd;*/
   color: #DFBFDE;
   text-decoration:none;
   line-height:1.3em;
}
#nav-left ul li a:hover {
   /*background:#369;*/
   color:#fff;
}
#nav-left ul li a.active,
#nav-left ul li a.active:hover {
   color:#fff;
   /*background:#000;*/
   font-weight:bold;
}

/* Right Part */

#nav-right {}

#nav-right ul {
   float:right;
   list-style:none;
   margin:0;
   margin-top: 2px;
   padding:0;
   position:relative;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align:center;
}
#nav-right ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   background: url(../images/menu-seperator.png) no-repeat;
}
#nav-right ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 6px;
   /*background:#ddd;*/
   color: #FFF;
   text-decoration:none;
   line-height:1.3em;
}
#nav-right ul li a:hover {
   /*background:#369;*/
   color:#fff;
}
#nav-right ul li a.active,
#nav-right ul li a.active:hover {
   color:#fff;
   /*background:#000;*/
   font-weight:bold;
}

/* Footer Part */

#nav-footer {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#nav-footer ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 11px;
   left:50%;
   text-align:center;
}
#nav-footer ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   background: url(../images/menu-seperator-sm.png) no-repeat;
}
#nav-footer ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   /*background:#ddd;*/
   color: #FFF;
   text-decoration:none;
   line-height:1.3em;
   margin-top: -2px;
}
#nav-footer ul li a:hover {
   /*background:#369;*/
   color:#fff;
}
#nav-footer ul li a.active,
#nav-footer ul li a.active:hover {
   color:#fff;
   /*background:#000;*/
   font-weight:bold;
}

/* Columns Layout ================================================================================= */

/* Base Columns */ 
.col-left { float:left; width:120px; background-color:#f4f4f4; border:0; padding:25px 5px 0; }
.col-main { float:left;  width:508px; border:0; padding:15px 15px; }
.col-right { float:right; width:220px; background-color:#f4f4f4; border:0; padding:25px 5px 0; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
/*.col2-left-layout .col-main { float:right; }*/
.col2-left-layout .col-main {  }
.col2-right-layout .col-main { width: 638px; }
/*.col2-right-layout .col-main { width: 850px;}*/
.col1-left-layout .col-main { width: 638px;}
.col1-left-layout .col-left { float:left; width:220px; background-color:#f4f4f4; border:0; padding:20px 5px 0; }

/* Hilfetexte unter dem Konfigurator ================================================================================= */
#helptext {
	padding: 0 20px 10px 20px;
	padding:0 1px 0 1px;
	display: none;
	}
#helptext h1 {
	color: #590960;
	margin: 10px 0 10px 0;
	}
#helptext h3 {
	color: #89C023;
	margin: 10px 0 2px 0;
	}
	
/* Verschiedenes ================================================================================= */
.product-status {
	background-color: #F2F2F2;
	padding: 4px 6px;
	font-size: 12px;
	margin: 10px 0;
	}
span.status {
	font-weight: bold;
	color: #56005E;
	}
	
.downloads h1{
	margin-bottom:20px;
}
	
.downloads h2{
	font-size:17px;
	color:#3983fd !important;
}

.downloads .info{
	width:160px;
	padding:0 20px 15px 0;
}

td .downloadspic{
/*	padding-right:30px;*/
width:70px;
text-align:center;
}

.downloads a.muster{
	background: url(../images/download_icon.png) no-repeat center left;
	display:block;
	height:35px;
	padding-left:53px;
	padding-top:8px;
	margin-left:20px;
}

	.hiddenjs{
		display:none;
	}
	
	.showjs{
		display:block;
		heighT:50px;
		background:#FFFF90;
		padding:12px;
		text-align:center;
		line-height:130%;
	}