/* Main Stylings */


/* new menu */
div#headerMenu {
	border: 1px solid yellow;
	width: 100%;
	height: auto; 
}
div#headerMenu ul {
	float: left;
	border: 1px solid red;
	display: inline;
	margin: 5px; 
	clear: right; 
}
div#headerMenu ul li {
	float: left;
	border: 1px solid green;
	display:block; 
}

 

* {
	margin:0;
	padding:0;
	}

body {
	font-family: Arial;
	font-size: 13px;
	color:#666666;
	/*background: transparent url(images/img01.gif) repeat-x scroll left top;*/
	background-color: #dcdcdc;
	padding: 2px;
	}

p {
	margin-bottom:20px;
	}

img {
	border:0;
	}

h1 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 2em;
}

.title {
 color: #444444;
}

a {
	text-decoration:none;
	color:#3e4851;
	}
a:hover {
	color:#666666;
	}

/* Structure */

#wrapper {
	width:1000px;
	padding:0px;
	margin:0 auto;
	background: #fff;
	border: 1px solid black;
	}
#header {
	height:105px;
	border-bottom:1px solid white;
	background: #99CC33 url(images/headerblank.gif) repeat scroll 100% 0;	
	text-align: left;
	padding: 10px 0px 0px 23px;
}
#header h1 {
	font-size: 2em;
	color: #fff;
}

	
#navstrip{ 
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 8px 0px 8px 10px; 
}

#navstrip a:link, 
#navstrip  a:visited{ 
	text-decoration: none;
}

#navstrip a:hover, 
#navstrip a:active{
}


div.middle {
	margin-top: 15px; 
}


#sidebar {
	width:190px;
	float:left;
	padding:5px;
	padding-top:10px;
	font-size: 11px;
	background-color:#ececec;
	}
#body {
	width:99%;
	position: relative;
	min-height:400px;
	float:center;
	padding:4px;
	font-size: 11px;
	padding-top: 0;
	}
#bodyb {
	width:auto;
	min-height:400px;
	float:left;
	padding:4px;
	font-size: 11px;
	padding-top: 0;
	}
#footer {
	clear:both;
	padding:0px 0px 0px 0px;
	text-align: center;
	margin: 60px auto 0px auto;
	background-color: #444444;
	color: white; 
}
#footer a {
	color: white;
}

#footer {
	width: 100%;
	clear: both;
	padding-top: 5px;
}
#footer .div1 {
	float: none;
	text-align: center;
	line-height: 6em; 
}
#footer .div2 {
	float: right;
	text-align: right;
}


/* Sidebar */

#sidebar ul {
	list-style-type:none;
	margin-bottom:15px;
	background-color:#fff;
	padding:5px;
	}
#sidebar li {
	background:url(images/sidebar-li.png) no-repeat;
	background-position:0px 0;
	height:20px;
	padding-left:22px;
	padding-top:3px;
	}
#sidebar img {
	padding:5px;
	}
#sidebar a {
	font-weight:normal;
	}


/* Headings */
h1 {
	color: #444444;
	font-weight: normal;
}

h1 a {
	font-size:13px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #fff;
	}
h2 {
	font-size:11px;
	font-weight:normal;
	background-color:#303b4a;
	color:#ffffff;
	padding:5px;
	}
	
h3 {
	font-size:11px;
	font-weight:bold;
	color:#333;
	}
	
h3 a {
	font-size:24px;
	font-weight:normal;
	color:#fff;
	}
	
h3 a:hover {
	font-size:24px;
	font-weight:normal;
	color:#fff;
	}

/*hy: layout */
#silik_right {
	float: left;
	width: 630px;
	margin-left: 35px; 
}


#silik_left {
   float: left;
   width: 249px;
}

p#adress {
	line-height: 15px;
	text-align: left; 
	padding: 0px 0px 0px 13px;
	width: 179px; 
	font-size: 11px;  
}


/* Entries */

.entry {
	margin-bottom: 30px; 
}
.entrybody {
	line-height:20px;
	text-align:justify;
}
	
.blogbody {
	line-height:20px;
	text-align:justify;
	padding: 7px;
}
.blogside {
	line-height:20px;
	text-align:justify;
	background: #eff1f3;
	padding: 7px;
	border-bottom: 5px solid #656f7b;
	float: right;
	width:250px;
	}
	
.entrybody ul{
	width: 100%;
}
.entrybody li{
	line-height:25px;
	text-align:justify;
	padding-left:15px;
	list-style:none;
	}
.entrybody li a{
	color: #333;
	}

.entrybodyb {
	width: auto;
	line-height:20px;
	background: #ececec;
	padding:7px;
	color: #333;
	margin: 3px;
	}
.entrybodyb li{
	line-height:25px;
	padding-left:15px;
	list-style: none;
	}
.entrybodyb li a{
	color: #333;
	}

.entrymeta {
	border-top:1px dotted #999999;
	line-height:20px;
	text-align:justify;
	background: #fff;
	padding: 0px;
	color: #333;
	margin: 4px;
	}
.date {
	float:right;
	font-size:20px;
	letter-spacing:-1px;
	color:#ccc;
	}

/* Footer */

#footer-nav {
	text-align:right;
	}
#footer-nav a {
	margin-right:20px;
	}
#copyright {
	text-align:right;
	margin-top:10px;
	}

	
/*mypostion module*/
div#mypos {
	border-bottom: 1px solid #dcdcdc;
	width: 252px;
	margin-bottom: 25px;	
}

div#mypos ul {
	list-style:none;
	padding: 0px;
}

div#mypos li {
	font-size: 12px;
	line-height: 23px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 0px;
	border-right: 0px; 
	border-left: 0px;
}

div#mypos ul li.selected {
	
}
div#mypos ul li.selected a.active {
	font-weight: bold;
}

div#mypos ul.prodtList li.selected {
	font-weight: bold; 
}
 
div#mypos ul.prodtList li.selected a{
	font-weight: bold; 
	background-color: #dcdcdc;
	padding-left: 37px;
	border-left: 2px solid 	#32CD32; 
}


div#mypos ul.prodtList li.selected a:link {
	
}

div#mypos li a {
	text-decoration: none; 
	color: black;
	display: block;
	padding: 0px 15px;
	border: 1px solid white; 
	border-left: 2px solid white;
}

div#mypos li a:hover {
	color: black;
	background-color: #dcdcdc;
	border-left: 2px solid #32CD32; 
}
div#mypos li.selected a{
     font-weight: normal; 
     background-position: 10px 50%;
     background-image: url(menu/navi-right.gif);
     background-repeat: no-repeat; 	
}

div#mypos li ul li a {
	padding: 0px 0px 0px 25px;
}

div#mypos li ul li a.withChild{
    background: url(menu/navi-right.gif) no-repeat 10px 50%;
}

div#mypos li ul li a.noChild{
    background: url(menu/navi-down.gif) no-repeat 10px 50%;
}

div#mypos ul.prodtList li{
   padding-left: 15px; 
}

table.prod_list {
   border: 1px solid #dcdcdc;
   width: 99%;
   margin: 0px auto;
   border-collapse: collapse;
}

table.prod_list a {
	font-weight: bold;
}

table.prod_list thead th {
   background-color: #dcdcdc;
   font-weight: bold; 
   padding: 5px;
}

table.prod_list tbody td {
	border: 1px solid #dcdcdc;
	padding: 5px;
	line-height: 29px;
	/*white-space: nowrap;*/
}

table.prod_list tbody td.packung,
table.prod_list tbody td.weight {
	text-align: center;
}

table.prod_list tbody tr:hover {
	/*background-color: Beige;*/
	color: SlateGray;
	cursor: pointer;
}
table.prod_list tbody tr.highlight {
	background-color: Beige;	
}

table.prod_list tbody tr.t1 td {
	border: none;
}
table.prod_list tbody tr.t2 td{
	border:0px;
	border-bottom: 1px solid #dcdcdc;
	height: 70%;
	line-height: 70%;
	font-size: 0.9em;
}

table.prod_list tbody tr:hover a{
	color: SlateGray;	
}

/* contact*/
form#omail,
form#anfragenform {
	border: 0px solid blue;
	width: 90%;
}

form#omail fieldset,
form#anfragenform fieldset {
 border: none;
}

form#omail legend,
form#anfragenform  legend {
	font-size: 14px;
	padding: 10px; 
}

form#omail label,
form#anfragenform label {
	display: block;
	width: 165px;
	padding: 0px 5px 5px 0px;
	border: 0px solid blue;
	float: left; 
	text-align: right; 
}

form#anfragenform label {
	width: 175px;
}


form#omail label.error,
form#anfragenform label.error
{
	color: red;
	display: none;
	margin: 0px; 
	padding: 0px 0px 0px 5px;
	float: right;
	width: 225px;
	float: left;
	text-align: left;
}

form#omail input,
form#anfragenform input {
     float: left;	
}
textarea#msg{
	width: 300px;
	height: 150px;
	margin: 0px;
	float: left; 
}
form#omail label#err_label_msg,
form#anfrgenform label#err_label_msg {
	float: right; 
}
form#omail br, 
form#anfragenform br {
	float:none;
	clear: both;
	line-height: 2em;
}


/* skcover */
ul#skcover_list {
	list-style: none;
	text-align: center;
}

ul#skcover_list li {
	float: left;
	margin: 25px;  
}

ul#skcover_list li img {
	width: 140px;
	height: 140px; 
	border: 1px solid #dcdcdc;
}

input#btnrest {
	margin-left:110px; 
}
input#btnrest,
input#btnsubmit {
	margin-top: 10px;
}

/* tabs start */

.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
	cursor:pointer;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a:hover {

}
.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}
/* tabs end */

/* category */
ul#catList {
	border: 0px solid blue; 
	list-style: none; 
}

ul#catList li {
	border: 0px solid blue;
	margin: 5px; 
	padding: 5px;
	width: 160px;
	height: 160px;
	float: left; 
	text-align: center; 
}

/* button */
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.button {
    background: transparent url('button/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.button span {
    background: transparent url('button/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* cart*/
form#cart {
  border: 0px solid blue; 
  text-align: center; 
}

table.cart{
	border-collapse: collapse;
	display: table;
	width: 100%;
}

table.cart th, table.cart td {
	background: #f7f7f7;
}


.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
div.buttons table td {
	vertical-align: middle;
}

/**
 *
 */
.success, .failed{
	text-align: center;
	font-weight: bold;
	color: white; 
	background-color: #390;
	font-size: 14px;
	line-height: 28px;
	margin: 20px 10px;
}

.success {	
	color: white; 
	background-color: #390;
}

.failed {
	color: white;
	background-color: red; 
}

#faq .question {
	font-weight: bold; 
	background-color: white; 
	margin: 5px 0px; 
}

/* the product product table */
table#product_product
{
	width: 100%; 
	border-collapse: collapse;
	font-size: 12px;  
}

table#product_product th {
	text-align: right;	 
	padding-right: 5px;
	width: 50%;
}
table#product_product td {
	
}

td.product_price{
	font-size: 16px;
}

ul#preis_addtion {	
	padding-left: 15px;
	font-size: 12px;
	margin: 20px auto;
}

ul#preis_addtion li {
	list-style-position: outside; 
}

/**
 * The file download page
 */
div#doc_download td.file_name{
	font-weight: bold;
}
div#doc_download td.file_descr{
	font-wegith: normal;
}

table#doc_download_file_list {
	width: 100%;
	border: 1px solid #cdcdcd; 
}
table#doc_download_file_list th {
	background-color: #cdcdcd;
	padding: 5px;
}

table#doc_download_file_list tbody tr:hover {
	background-color: #ECF8E0;
}

/**
 * Warning block
 */
div.warning {
	text-align: center;
	font-weight: bold;
	color: red;
	padding: 10px;
	border: 1px solid red;
}

div.commonbox 
 {
	background: #F7F7F7; 
	border: 1px solid #DDDDDD; 
	padding: 10px; 
	margin-bottom: 10px; 
	width: 99%;
}

p.faq_end {
	border: 0px solid blue;
	font-style: italic;
	font-size: 1.5em;
}