/*CSS - Styleguide*/

/*
	http://www.keimfunk.de/
   	css styles
   
   	Copyright 2009, Markus Spiske
   	http://www.waaf.net
*/

/*------------------general styles------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	border: 0;
	color: #777;
}

body {
	font: 12px/175% Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
}         	

/*------------------links------------------*/
a.active:link, a.active:visited, a.active:active {
	font-size: 13px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
}

a.active:hover {
	font-size: 13px;
	color: #fff;
  	text-decoration: none;
	font-weight: bold;
	margin-left: 20px;
}

a.special_price:link, a.special_price:visited, a.special_price:active {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #3f7c88;
	margin-left: 5px;
	padding: 2px 5px 0px 5px;
}

a.special_price:hover {
	font-size: 14px;
	color: #fff;
  	text-decoration: none;
	font-weight: bold;
	margin-left: 5px;
}

a.blue_12_n:link, a.blue_12_n:visited, a.blue_12_n:active {
	font-size: 12px;
	color: #3f7c88;
	text-decoration: underline;
	font-weight: normal;
}

a.blue_12_n:hover {
	font-size: 12px;
	color: #3f7c88;
  	text-decoration: none;
	font-weight: normal;
}

a.article:link, a.article:visited, a.article:active {
	font-size: 13px;
	color: #3f7c88;
	text-decoration: underline;
	font-weight: bold;
}

a.article:hover {
	font-size: 13px;
	color: #3f7c88;
	text-decoration: none;
	font-weight: bold;
}

a.grey_b_11:link, a.grey_b_11:visited, a.grey_b_11:active {
	font-size: 13px;
	color: #006d7c;
	text-decoration: none;
	font-weight: bold;
}

a.grey_b_11:hover {
	font-size: 13px;
	color: #777;
  	text-decoration: none;
	font-weight: bold;
}

a.gotop:link, a.gotop:visited, a.gotop:active {
	font-size: 11px;
	color: #006d7c;
	text-decoration: none;
	font-weight: normal;
}

a.gotop:hover {
	font-size: 11px;
	color: #006d7c;
  	text-decoration: none;
	font-weight: normal;
}

/*------------------headlines------------------*/
h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #3f7c88;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #3f7c88;
}

h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #3f7c88;
}

h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #3f7c88;
}

h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #be0e22;
}

/*------------------p class------------------*/
.summe {
	width: 230px;
    color: #3f7c88;
    font-weight: bold;
    padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}

.price {
	width: 157px;
    color: #3f7c88;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 3px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	text-align: left;
}

.special_aktion {
	width: 230px;
    color: #3f7c88;
    font-weight: bold;
    padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-bottom: dotted 1px #ccc;
}

.article_box {
	width: 155px;
	float: left;
}

.article_pic {
	width: 155px;
	height: 185px;
	margin-bottom: 5px;
	margin-top: 0px;
	border: solid 1px #ccc;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

.article_text {
	width: 155px;
  font-size: 11px;
  height: 60px;
  overflow: hidden;
  font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #1b1b1b;
}

.zoom {
	float: left;
	padding-left: 40px;
	font-size: 11px;
}

.status {
	float: left;
	padding-left: 0px;
	font-size: 10px;
}

.technic {
	float: left;
	padding: 10px;
	font-size: 11px;
}

.clear {
	clear: both;
}

.footer_navi {
	float: left;
	margin-top: 15px;
	clear: both;
}

.text_block {
	padding-left: 30px;
	color: #1b1b1b;
	line-height: 175%;
}

/*------------------formular------------------*/
input.txt_search {
	border: 0px solid #fff;
	background: transparent;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	width: 140px;
}

input.send_search {
	border: 0px solid #fff;
	background: transparent;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
}

.search_field {
	width: 140px;
	float: left;
	padding-top: 16px;
	padding-left: 35px;
}

.submit_field {
	width: 30px;
	float: left;
	padding-top: 14px;
	padding-left: 74px;
}

/*------------------formular------------------*/

form div label {
	float: left;
	width: 120px;
	font-size: 12px;
	color: #666;
}

form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 1.5em;
}

stueck div label {
	float: left;
	font-size: 12px;
	color: #666;
}

stueck div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}

input:hover {
	border: 1px solid #d6d6d6;
	background-color: #e8f6fb;
}

input:focus, input:active {
	border: 1px solid #d6d6d6;
	background-color: #e8f6fb;
}

textarea:hover {
	border: 1px solid #d6d6d6;
	background-color: #e8f6fb;
}

textarea:focus, textarea:active {
	border: 1px solid #d6d6d6;
	background-color: #e8f6fb;
}

input.txt_anzahl {
	border: 1px solid #d6d6d6;
	font-size: 12px;
	color: #3f7c88;
	width: 50px;
	margin-top: 0px;
}

input.txt {
	border: 1px solid #d6d6d6;
	font-size: 12px;
	color: #3f97c3;
	width: 220px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

input.send {
	border: 1px solid #d6d6d6;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	width: 220px;
	margin-top: 20px;
	padding: 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

textarea {
	border: 1px solid #d6d6d6;
	font-size: 12px;
	color: #3f97c3;
	width: 220px;
	margin-top: 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

select {
	border: 1px solid #d6d6d6;
	font-size:11px;
	color:#666;
	width:220px;
	margin-top:0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 3px 0px 2px 5px;
}

/*------------------tabellen------------------*/
table {
	width: 650px;
	margin: 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 11px;
}

th, td {
	padding: 0.6em 0.4em 0.4em 0.8em;
}

th {
	color: #116688;
	background-color: #cceeff;
	border: 1px solid #bbdddd;
}

td {
	color: #666677;
	border: 1px solid #bbdddd;
}
               
tfoot td {
	background-color: #fff;
	color: #333;
	font-weight: bold;
	empty-cells: hide;
	border: 0;
}
               
td.preis {
	border: 1px solid #c1dad7;
	background-color: #e8f6fc;
}
               
tr:hover {
	background-color: #f1f1f1;
	cursor: pointer;
}
               
table tr th.sub {
	background-color: #e4f4fc;
}

/*------------------wrapper------------------*/
#wrapper {
	width: 950px;
	margin: 0 auto;
}

/*------------------navi------------------*/
#navigation {
	margin-top: 8px;
	margin-bottom: 0px;
	border: 0px;
	padding-top: 0px;
	width: 950px;
	height: 30px;
}

.navigation_content {
	margin-left: 0px;
	border: 0px;
	padding: 0px;
	width: 950px;
	height: 30px;
	background: url(../img/bg_navi6.gif) no-repeat;

}

.menu {
	position: absolute;
	margin: 0px 10px 10px 10px;
	border: 0px;
	padding: 0px;
	width: 930px;
	height: 30px;
	font-size: 11px;
}

/* first level */

.menu ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none; 
}

.menu ul li {
	position: relative;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	float: left;
}

.menu ul li a, menu ul li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	width: 145px;
	height: 25px;
	display: block;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}

/* next level */

.menu ul li ul {
	display: none;
}

/* the others */

.menu ul li:hover a {
	color: #ffffff; 
	background: #014f5a;
}

.menu ul li:hover ul {
	position: relative;
	width: 149px;
	display: block;
}

.menu ul li:hover ul li a {
	display: block; 
	background: transparent;
	background-image: url(../img/hollow.png);
	color: #014f5a;
}

.menu ul li:hover ul li a:hover {
	background: #014f5a; 
	color: #c6eef8;
	font-weight: bold;
}

/*------------------header------------------*/
#navitop {
	background: url(../img/bg_navitop.gif) no-repeat;
	width: 950px;
	height: 50px;
    margin-top: 0px;
}

#search {
	float: left;
	width: 300px;
	height: 50px;
}

#panel {
	float: right;
	text-align: left;
    margin-top: 0px;
    margin-right: 25px;
}

#imagepic {
	float: left;
	width: 950px;
	height: 275px;
    margin-top: 45px;
}

/*------------------content------------------*/
#content {
	float: left;
	width: 930px;
	margin-top: 10px;
	margin-left: 10px;
}

#order {
	padding-left: 60px;
	float: left;
	text-align: left;
	clear: both;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#anzahl {
	padding-left: 0px;
	float: left;
	text-align: left;
	clear: both;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#pfad {
	float: left;
	width: 930px;
	margin-top: 5px;
	padding-top: 2px;
	border-top: dotted 1px #ccc; 
	border-bottom: dotted 1px #ccc;
	font-size: 10px;
	font-weight: normal; 
}

#content_left {
	float: left;
	width: 670px;
	margin-top: 15px;
	margin-left: 0px;
}

#box650_highlight {
	float: left;
	width: 650px;
	margin-bottom: 15px;
	line-height: 130%;
	margin-left: 0px;
	color: #1b1b1b;
}

#box650_article {
	float: left;
	width: 650px;
	margin-bottom: 15px;
	line-height: 130%;
	margin-left: 0px;
	color: #000;
}

#article_detailpic {
	float: left;
	margin-bottom: 25px;
	margin-left: 0px;
}

#article_cart {
	float: left;
	margin-top: 30px;
	margin-left: 30px;
}

#intocart {
	float: right;
	padding-right: 20px;
}

#article_detailbeschreibung {
	clear: both;
	float: left;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #1b1b1b;
	/* schmidt 07.04.2009 19:02:11*/
	width: 590px;
}

#article_01 {
	float: left;
	width: 155px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#article_02 {
	float: left;
	width: 155px;
	margin-bottom: 15px;
	margin-left: 9px;
}

#article_03 {
	float: left;
	width: 155px;
	margin-bottom: 15px;
	margin-left: 9px;
}

#article_04 {
	float: left;
	width: 155px;
	margin-bottom: 15px;
	margin-left: 9px;
}

#cut {
	float: left;
	width: 650px;
	border-top: dotted 1px #ccc;
	margin-bottom: 30px;
	margin-top: 5px; 
}

#cut2 {
	float: left;
	width: 650px;
	border-top: dotted 1px #ccc;
	margin-bottom: 20px;
	margin-top: 20px; 
}

#cut3 {
	float: left;
	border: 1px red solid;
	width: 650px;
	margin-bottom: 5px;
	margin-top: 5px; 
}


#content_right {
	float: right;
	width: 240px;
	margin-top: 45px;
	margin-right: 0px;
}

#cart {
	float: left;
	width: 240px;
	margin-top: 0px;
	margin-right: 0px;
	font-size: 11px;
	line-height: 140%;
}

#random {
	float: left;
	width: 240px;
	margin-top: 20px;
	margin-right: 0px;
	font-size: 11px;
	line-height: 140%;
}

#aktion {
	float: left;
	width: 240px;
	margin-top: 20px;
	margin-right: 0px;
	font-size: 11px;
	line-height: 140%;
}

#tagclouds {
	float: left;
	width: 240px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 140%;
}
       
/*------------------footer------------------*/       
#footer {
	float: left;
	clear: both; 
	width: 930px;
	height: 100px; 
	font-size: 11px;
	color: #777;
	text-align: center; 
	padding-top: 10px;
	margin-bottom: 40px;
	margin-left: 10px;
	border-top: dotted 1px #ccc; 
} 

.footer_left {
	float: left; 
	width: 735px;
	height: 40px; 
	font-size: 11px;
	color: #777;
	text-align: left;  
}

.footer_right {
	float: right; 
	height: 40px; 
	font-size: 11px;
	color: #777;
	text-align: center;  
}  

       
       
    
    
    
    
    
/* navi 2.0 */


/*------------------topnavi------------------*/
#topnavi {
	width: 950px;
	margin-top: 0px;
	margin-left: 10px;
	float: left;
}

#myslidemenu {
	margin-top: 0px;
}


.jqueryslidemenu {
	font: bold 10px Helvetica, Arial,;
	/*background: #dfdfdf;*/
	width: 100%;
}

.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {
	display: block;
	/*background: #dfdfdf; *//*background of tabs (default state)*/
	color: white;
	margin-left: 0px;
	padding: 8px 17px 10px 16px;
	border: 0;
	border-right: 1px #fff solid;
	width: 115px;
	text-decoration: none;
}



* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
	color: #000;
}

.jqueryslidemenu ul li a:hover {
	background: url(/img/bg_hover.gif); /*#5AA2B5;*/ /*tab link background during hover state*/
	color: #fff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
	position: absolute;
	left: 0;
	margin-left: 0px;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
	font: normal 10px Helvetica, Arial,;
	width: 170px; /*width of sub menus*/
	padding: 8px 8px 5px 8px;
	margin: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom: 1px solid #fff;
	text-align: left;
	background: #F7EFEF;
}

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
	position: absolute;
	top: 9px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}