/******************************************************************************
* Online-Shop                                                                 *
* Copyright (C) 2010 Digital-Tronic		                                      *
* http://www.digital-tronic.com                                               *
******************************************************************************/

/******************************************************************************
* @file main.css                                                              *
* @brief Styledefinitionen des Shops	                                      *
* @author Stefan Flaischlen (info@digital-tronic.com)                         *
* @version 1.0                                                                *
* Verwendete Dateien: -                                                       *
*                                                                             *
* Historie: 29.04.2010 (Ausgangsversion)                                      *
******************************************************************************/

/* Layout
******************************************************************************/

*{
	list-style: none;
	margin:     0;
	padding:    0;
}

body {
	font-family: "Lucida Grande", Arial, Verdana,sans-serif;
	font-size:   12px;
	color:       #333;
	text-align:  center;
}

h1, h2 , h3 {
	font: 		   16px Arial, Geneva, Arial, Helvetica, sans-serif;
	font-weight:   bold;
	color:		   #5bd466;
	margin-bottom: 15px;
}

h1 {
	color: white;
	background: url(../images/h1.jpg) repeat-x;
	font-weight: bold;
	
	    margin: 0px;
    height: 20px;
    color: #ffffff;
    font-size: 13px;
	text-align:left; 
	padding-left:4px;
    v-align: center;
    background-color: #6fd359;
	padding-top:5px;
	border: 0;
    border-left: 1px solid #79b96d;
    border-right: 1px solid #79b96d;
	margin-bottom: 10px;
}

h2 {
	background: url(../images/pic_dot.gif) repeat-x 0px 30px;
	padding-bottom:20px;
	color: #5bd466;
	margin-left:3px;
	margin-top: 10px;
	font-size: 18px;
	margin-right: 5px;
}

p {
}

p.left {
	margin: 0 8px 0 5px;
}


#content #printro p {
margin-top: 10px;
}

h3, h4 {
	font-size:     14px;
	font-weight:   bold;
	color:		   #26ba42;
	margin-bottom: 15px;
}

h4 {margin-bottom: 14px;}

h2.blue {
	font:        14px Arial, tahoma, verdana, sans-serif;
	font-weight: bold;
	color:       #5bd466;
}

a  {
	text-decoration: none;
	font-weight:     bold;
	color:           #333;
}

a:hover {text-decoration: underline;}

a:hover span {text-decoration: underline;}

/* Hauptseite
******************************************************************************/

#content {
	width:       800px;
	float:       left;
	line-height: 13px;
	overflow:    hidden;
	text-align: justify;
}

#main {
	text-align:   left;
	position:     relative;
	top:          10px;
	width:        780px;
	margin:       auto;
	overflow:     hidden;
}

#main_box {margin: 0px;}

#box {
	font-size:    9pt;
	background:   url(../images/box.jpg) no-repeat;
	width:        210px;
	min-height:   200px;
	margin-right: 5px;
	padding:      3px 25px 10px 30px;
	float:        left;
}

#copyright {
	font-size:  8pt;
	text-align: left;
	color:      #979898;
	width:      805px;
	margin:     28px 0 30px auto;
}

#floatbox {
	width:    780px;
	margin:   5px 0;
	overflow: hidden;
	float:    left;
}

#leftbox {
	width:       602px;
	float:       left;
	line-height: 18px;
}

#leftbox_content {margin: 0px 5px 5px 5px;}

#rightbox {
	width: 175px;
	float: right;
}

#basket_box, #prop_box {border: 0;}

#prop_box {height: 100%;}

#basket_tube, #prop_tube {
	overflow: bidden;
	border-bottom: 1px solid #d8d8d8;
}

#basket_head, #prop_head {
	overflow: hidden;
	border: 1px solid white;
	height: 25px;
}

#basket_backbox {
	overflow: hidden; 
	background: #f7f7f7; 
	border: 1px solid #d8d8d8;
	text-align: left;
}

#prop_backbox {
	overflow: hidden; 
	background: #f7f7f7; 
	border: 1px solid #d8d8d8;
	text-align: left;
}

#rightbox table a {
	margin:  0;
	padding: 0;
}

#rightbox h1 {
	background:  transparent url(../images/h1.jpg) repeat-x bottom;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:   12px;
	height:      20px;
	color:       #FFFFFF;
	text-align:  center;
/*	margin:      0 0 6px 0;
	padding:     6px 0 0 0;*/
}

#content p {margin-bottom: 15px;}

#content ul {
	margin:  4px;
	padding: 0;
}

#content ul li {
	background:    url(../images/bullet.gif) no-repeat 0 2px;
	padding-left:  14px;
	margin-bottom: 4px;
}

#content a {
	text-decoration: none;
	color:           #3e3e3e;
	background:      url(../images/link.gif) no-repeat 0 5px;
	margin:          0;
	padding:         0 0 0 10px;
}

#content a:hover {
	color:           black;
	text-decoration: underline;
}

.hline {
	border-bottom: solid 1px;
	border-color:  #c0c0c0;
	margin-bottom: 15px;
	padding-top:   8px;
}

#rightfloat {float: right;}

#clearfix  {clear: both;}

/* Header
******************************************************************************/

#header {
	height:   105px;
	width:    800px;
	overflow: hidden;
}

a.logo {
	position: relative;
	left:     25px;
	top:      23px;
}

#header a.basket_pic, #header a.account_pic {
	display:    block;
	background: url(../images/basket_big.gif) no-repeat 0 0px;
	width:      65px;
	height:     24px;
	padding:    2px 0 0 35px;
	float:      left;
}

#header a.account_pic {background: url(../images/account_big.gif) no-repeat 0 0px;}

#basket_background {
	background: url(../images/basket_active.gif);
	position:   relative;
	left:		133px;
	top:		27px;
	width: 		97px;
	height:		24px;
	float: 		left;
	overflow: 	hidden;
}

#basket_background a {font-weight: normal;}

.basket_active {
	font-size:   11px;
	font-weight: normal;
	text-align:  center;
	color:  	 #3e3e3e;
	margin-top:  1px;
}

#header a.logout {
	font-weight: bold;
	font-size:   11px;
	line-height: 11px;
	color:		 #202020;
	background:  url(../images/ico_arrow6.gif) no-repeat 5px 6px;
	padding: 	 5px 0px 5px 23px;
}

#header a.logout:hover {
	background:	 	 url(../images/next_hover.gif) no-repeat 5px 6px;
	text-decoration: none;
	color:		  	 #0171BB;
}

/* Tagcloud
******************************************************************************/

.tagcloud {
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	text-align:  justify;
	line-height: 10px;
	background:  #fceec1;
	margin:		 0;
	padding:	 15px 0 0 0;
	width: 		 149px;
}

.tagcloud_cap {
	height: 	11px;
	margin-top: 5px;
}

.tagcloud_promotion {
	text-align:    justify;
	line-height:   18px;
	border: 	   5px solid #e9e9e9;
	margin-bottom: 5px;
	padding:	   15px;
	float: 		   left;
}

.tagcloud a {
	font-weight: 	 normal;
	line-height:	 10px;
	text-align: 	 center;
	text-decoration: none;
	white-space: 	 nowrap;
	margin: 		 4px;
	padding: 		 0;
}

.tagcloud_promotion a {
	font-weight: 	 normal;
	line-height:	 10px;
	text-align: 	 center;
	text-decoration: none;
	white-space: 	 nowrap;
	margin: 		 4px;
	padding: 		 0;
}

.tagcloud a:hover, .tagcloud_promotion a:hover {text-decoration: underline;}

.tagcloud a.tag0, .tagcloud_promotion a.tag0 {
	font-size:	 10px;
	line-height: 10px;
	text-align:  center;
	color: 		 #999;
}

.tagcloud a.tag1, .tagcloud_promotion a.tag1 {
	font-size:	 12px;
	font-weight: bold;
	line-height: 10px;
	text-align:  center;
	color: 		 #666;
}

.tagcloud a.tag2, .tagcloud_promotion a.tag2 {
	font-size:	 11px;
	line-height: 14px;
	text-align:  center;
	color: 		 #666;
}

.tagcloud a.tag3, .tagcloud_promotion a.tag3 {
	font-size:	 16px;
	line-height: 15px;
	font-weight: bold;
	text-align:  center;
	color: 		 #000;
}

.fixfloat {
	font-size:   0;
	line-height: 0;
	height:		 1px;
	clear: 		 both;
}

/* Footer
******************************************************************************/

#footer {
	font-size:  11px;
	text-align: center;
	color: 		#999;
	position: 	relative;
	clear: 		both;
	background: red;
}

#footer_center a {
	font-weight: 	 bold;
	text-decoration: none;
	color:			 #222;
	margin: 0 2px;
}

#footer_center a:hover {
	color: #666;
	text-decoration: underline;
}

#footer_center a.normal {
	font-weight: 	 normal;
	text-decoration: none;
	color:			 #222;
	margin: 0;	
}

#footer_center a.normal:hover {
	color: #666;
	text-decoration: underline;
}

#footer_center {
	text-align: center;
	position:   relative;
	color: 		#666;
}

.horline4 {
	border-bottom: 1px solid #e5e4e1;
	margin: 	   15px 0px;
	height: 	   3px;
	clear: 		   both;
}

#dashline {
	overflow: hidden;
	height: 7px;
	background: url(../images/dashline.jpg) repeat-x; 
	margin-top:5px;
}

#footline {
	overflow: hidden;
	height: 22px;
	background: url(../images/footline.jpg) repeat-x; 
	width: 100%;
}

#footerbox {
	background: white;
	border:  	1px solid #cdcdcd;
	position: 	relative;
	text-align: left;
	top: 		20px;
	width:      810px;
	overflow:   hidden;
	margin: 	auto;
}

#footerboxcontent {margin: 0px 5px 20px 5px;}

/* Breadcrumb-Navigation
******************************************************************************/

#breadcrumb {
	font:     	   11px Tahoma, Verdana;
	color:         #333;
	height:        22px;
	padding:       0 0 0 5px;
	margin-top: 5px;
}

#breadcrumb a {
	font: 	 	 11px Tahoma, Verdana;
	font-weight: normal;
	color: 		 #333;
	padding: 	 0;
	margin:		 0;
}

#breadcrumb a:hover {color: #333;}

#breadcrumb a.last {
	font-weight: bold;
	color: 		 #5bd466;
}

/* Folder
******************************************************************************/

.listing_box {
	margin:  10px 0 10px 0;
	padding: 0;
}

.listing_box_top {
	background:    #f0f0f0;
	border-left: 	1px solid #d8d8d8;
	border-right: 	1px solid #d8d8d8;
	height:		   10px;
	margin-bottom: 10px;
	padding: 	   9px 15px;
	clear: 		   both;
	
	background: url(../images/pic_box_gray_middle.jpg) repeat-x;
	
}

.article-options {
	font-size: 11px;
	color: 	   #666;
}

.article-options form#frmsort {float:left; margin-top:-5px; margin-left: -4px}

select {
	font-size: 12px;
	border:    1px solid #c7c7c7;
	width:	   140px;
	height:	   20px;
	z-index:   99999;
}

select:hover {border-color: #0171BB;}

#productcontainer {margin: 20px 0;}

#productimage {
	width: 		220px;
	min-height: 10px;
	float: 		left;
}

#producttext {
	width:		   380px;
	margin-bottom: 10px;
	float: 		   left;
}

#productcontainer p {margin-top: 10px;}

#formlabel {
	height: 	  20px;
	margin-right: 5px;
	float: 		  left;
}

.hr {
	background: url(../images/hr.gif) repeat-x;
	height:	    8px;
	border: 	0px;
	margin: 	10px 0;
	clear: 		both;
}

.hr hr {display: none;}

.hrclear {
	background:    none;
	border: 	   0px;
	border-bottom: 2px solid #e8e8e8;
	height: 	   8px;
	margin: 	   10px 0;
	clear: 		   both;
}

.hrclear hr {display: none;}

#productbox {
	background:   transparent url(../images/greybox.jpg) no-repeat;
	width: 		  316px;
	height: 	  309px;
	min-height:   20px;
	margin-right: 20px;
	float: 		  left;
}

#producttextover {
	width:		   260px;
	margin-bottom: 10px;
	float: 		   left;
}

#producttextover p {margin-top: 10px;}

.buy_box {
	background: #f0f0f0;
	border: 	1px solid #d8d8d8;
	padding: 	10px 0 10px 17px;
	color:		#202020;
	width: 		190px;
	margin: 	0 0 5px 0;
	font-size: 	0.9em;
	float: 		left;
}

.buy_box br {clear: both;}

.buy_box label {
	font-weight: bold;
	text-align:  left;
	color:		 #202020;
	width: 		 51px;
	height: 	 20px;
	margin: 	 0 10px 0 0;
	padding: 	 3px 0 1px 0;
	float: 		 left;
}

#rows {
	text-align: right;
	font-size:  11px;
	color:		#666;
	float: 		right;
}

#rows a {
	display: 	 block;
	font-weight: normal;
	text-align:  center;
	color: 		 #666;
	background:  white;
	border: 	 1px solid #dcdcdc;
	width: 		 15px;
	height: 	 18px;
	margin: 	 0 2px;
	padding:	 0;
	float: 		 left;
}

#rows a:hover {border: 1px solid #dcdcdc;}

#rows span {
	display: 	block;
	text-align: center;
	color: 		white;
	background: #53a9e6;
	border: 	1px solid #0171BB;
	width: 		15px;
	height: 	18px;
	margin: 	0 2px;
	float: 		left;
}

#navi {
	font-size: 11px;
	color: 	   #666;
	float: 	   left;
}

#navi a {
	display: 	 block;
	font-weight: normal;
	text-align:	 center;
	color: 		 #666;
	width: 		 15px;
	margin: 	 0 2px;
	padding:	 0;
	float: 		 left;
}

#navi a.prev , #navi a.next{
	background: transparent url(../images/prev.gif) no-repeat;
	position:   relative;
	top:		4px;
	width: 		11px;
	height: 	11px;
}

#navi a.prev:hover {background:  transparent url(../images/prev_hover.gif) no-repeat;}

#navi a.next {background:  transparent url(../images/next.gif) no-repeat;}

#navi a.next:hover {background:  transparent url(../images/next_hover.gif) no-repeat;}

#navi span {
	display: 	 block;
	text-align:  center;
	font-weight: bold;
	color:		 #0171BB;
	width: 		 15px;
	margin: 	 0 2px;
	float: 		 left;
}

#navi span.sep {
	font-weight: normal;
	color: 		 #666;
	width: 		 3px;
	margin: 	 0;
	padding: 	 0;
}

/* Warenkorb-Vorschau
******************************************************************************/

table.basket_small {
	position: relative;
	left: 	  4px;
	margin:	  0;
	padding:  0;
	width:	  167px;
}

table.basket_small td {
	vertical-align: top;
	padding:		2px;
	overflow:		hidden;
}

#content a.basketlink {
	color: 	 white;
	margin:  0;
	padding: 0;
	background: url(../images/pic_warenkorb.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 10px;
}

#content a.basketlink:hover {color: white;}

#propimg {
	vertical-align: middle;
	overflow: hidden;
	text-align: center; 
	display: table-cell; 
	overflow: hidden; 
	width: 173px;
}

#propimgtube {
	overflow: hidden; 
	margin: 15px auto;
}

#propimg.top {
	vertical-align: top;
}

#propimg.bottom {
	vertical-align: bottom;
}

#basketsmallemptybox {
	text-align: center;
	margin: 	15px 0;
}

#basketsmallbox, #propsmallbox {
	font-size: 	   11px;
	margin-bottom: 9px;
}

#propsmallbox {
	display: table;
	height: 100%;
	margin:0; 
}

#proptr {display: table-row;}

#basketsmallline {
	background:    white;
	border-top:    1px solid #d8d8d8;
	border-bottom: 0;
	margin:		   0;
}

#basketsmallrect, #basketsmallrect2 {
	background:    #f0f0f0;
	border-top:    1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

#basketsmallrect2 {border-bottom: 1px solid #f0f0f0;}

#shipping, #gesamt {
	text-align: right;
	font-size:  11px;
	margin: 	5px;
}

/* Tab
******************************************************************************/

#article_info_tabs {
	list-style-type: none;
	background:      transparent url(../images/bg_tab.gif) repeat-x 0 31px;
	width:           582px;
	height:          32px;
	margin:          10px 0 0 0;
	padding:         0;
	float:           left;
	overflow:        hidden;
}

#right_border {
	background:  #eaeaea;
	width:       1px;
	height:      31px;
	margin-left: -14px;
}

#content #article_info_tabs  li {
	display:    block;
	background: none;
	float:      left;
}

#article_info_tabs  li a {
	display:      block;
	background:   #fafafa;
	border:       1px solid #eaeaea;
	border-right: 0px;
	margin-left:  -14px;
	padding:      6px 10px;
	text-align:   center;
	font-weight:  normal;
	color:        #333;
	cursor:       pointer;
}

#article_info_tabs  li a:hover {
	color: 			 #333;
	text-decoration: none;
    cursor: 		 pointer;
}

#article_info_tabs li a.tabs-selected {
	font-weight:   bold;
	background:    white;
	border-bottom: 1px solid white;
}

#tab_ul_Container {
	width:    600px;
	margin:   0;
	float:    left;
	overflow: hidden;
}

#tabContainer {
	width:    600px;
	overflow: hidden;
}

#tab_content_Container {
	clear:   both;
	width:   580px;
	margin:  20px 10px 10px 10px;
	padding: 0;
	float:   left;
}

#tab_content_Container  p {margin-top: 10px;}

#smallim {
	position: relative;
	left: 	  3px;
	top: 	  4px;
}

#tab_content_Container #thumb_box {
	width: 		600px;
	min-height: 50px;
	padding:    7px 0px;
}

#tab_content_Container #thumb_box a {
	display: block;
	border:  2px solid #c8c8c8;
	width:	 60px;
	height:  60px;
	margin:  0 10px 10px 0px;
	padding: 0;
	float:   left;
}

#tab_content_Container #thumb_box a:hover { border: 2px solid #0171BB;}

#content a.thumb_image:hover {border-color: #0171BB;}

#content a.thumb_image {
	background: #fff;
	border: 	1px solid #c7c7c7;
	margin: 	0 8px 8px 8px;
	padding: 	3px;
	float: 		left;
}

#content a.download {
	font-weight: normal;
	color:		 #0171BB;
	background:  transparent url(../images/download.gif) no-repeat 0 2px;
	margin: 	 0 5px 0 0;
	padding: 	 0 0 0 18px;
}

#content a.download:hover {color:#0171BB;}

#preload {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* Buttons
******************************************************************************/


#content a.button_anwendungen {
	display:    block;
	background: transparent url(../images/Button_Anwendungen.gif) no-repeat;
	width: 		202px;
	height: 	74px;
	margin: 	0;
	padding: 	0;
	cursor: pointer;
	float: left;
}

#content a.button_anwendungen:hover  {background: transparent url(../images/Button_Anwendungen_Hover.gif) no-repeat;}

#content a.button_hypnose {
	display:    block;
	background: transparent url(../images/Button_ZurHypnose.gif) no-repeat;
	width: 		202px;
	height: 	74px;
	margin: 	0;
	padding: 	0;
	cursor: pointer;
	float: right;
}

#content a.button_hypnose:hover  {background: transparent url(../images/Button_ZurHypnose_Hover.gif) no-repeat;}

#content a.more {
	display:    block;
	background: transparent url(../images/more.gif) no-repeat;
	width: 		101px;
	height: 	36px;
	margin: 	0;
	padding: 	0;
	cursor: pointer;
}

#content a.more:hover {background: transparent url(../images/more_hover.gif) no-repeat;}

#content a.button_schritt {
	display:    block;
	background: transparent url(../images/Button_Schritt.gif) no-repeat;
	width: 		327px;
	height: 	74px;
	margin: 	0;
	padding: 	0;
	cursor: pointer;
}

#content a.button_schritt:hover  {background: transparent url(../images/Button_Schritt_Hover.gif) no-repeat;}

.bt_speichern {
	background:  url(../images/bt_speichern.gif) no-repeat;
	width: 		 76px;
	height:      24px;
	margin-left: 102px;
}

.bt_speichern:hover {background: url(../images/bt_speichern_hover.gif) no-repeat;}

#content a.button_anzeigen {
	display: 	block;
	background: transparent url(../images/bt_anzeigen.gif) no-repeat;
	position: 	relative;
	left: 		8px;
	width: 		73px;
	height: 	24px;
	margin: 	0;
	padding: 	0;
}

#content a.button_anzeigen:hover  {background: transparent url(../images/bt_anzeigen_hover.gif) no-repeat;}

.inbasket {
	background: url(../images/in_basket.gif);
	width: 		180px;
	height: 	76px;
}

.inbasket:hover {background: url(../images/in_basket_hover.gif);}

#content a.button_bestellen {
	display: 	block;
	background: transparent url(../images/bt_bestellen.gif) no-repeat;
	width: 		73px;
	height: 	24px;
	margin: 	0;
	padding: 	0;
}

#content a.button_bestellen:hover  {background: transparent url(../images/bt_bestellen_hover.gif) no-repeat;}

#content a.button_zurueck {
	display:    block;
	background: transparent url(../images/bt_zurueck.gif) no-repeat;
	width: 		60px;
	height: 	24px;
	margin: 	0;
	padding: 	0;
}

#content a.button_zurueck:hover  {background: transparent url(../images/bt_zurueck_hover.gif) no-repeat;}

#content a.button_warenkorb {
	display:    block;
	background: transparent url(../images/bt_warenkorb.gif) no-repeat;
	width: 		124px;
	height: 	24px;
	margin: 	0;
	padding: 	0;
}

#content a.button_warenkorb:hover  {background: transparent url(../images/bt_warenkorb_hover.gif) no-repeat;}

#content a.button_kasse {
	display: 	block;
	background: transparent url(../images/bt_kasse.gif) no-repeat;
	width: 		60px;
	height: 	24px;
	margin: 	0;
	padding:    0;
}

#content a.button_kasse:hover {background: transparent url(../images/bt_kasse_hover.gif) no-repeat;}

#content a.button_neu {
	display:    block;
	background: transparent url(../images/bt_neu.gif) no-repeat;
	width: 		93px;
	height: 	24px;
	margin: 	0;
	padding: 	0;
}

#content a.button_neu:hover  {background: transparent url(../images/bt_neu_hover.gif) no-repeat;}

.bt_anmelden {
	background:  url(../images/bt_anmelden.gif) no-repeat;
	width: 		 76px;
	height: 	 24px;
	margin-left: 102px;
}

.bt_anmelden:hover {background: url(../images/bt_anmelden_hover.gif) no-repeat;}

.bt_weiter {
	background: transparent url(../images/bt_kasse.gif) no-repeat;
	width: 		60px;
	height: 	24px;
}

.bt_weiter:hover {background: url(../images/bt_kasse_hover.gif) no-repeat;}

.bt_senden {
	background: transparent url(../images/bt_senden.gif) no-repeat;
	width: 		62px;
	height: 	24px;
}

.bt_senden:hover {background: url(../images/bt_senden_hover.gif) no-repeat;}

.bt_bestellung_absenden {
	background:  url(../images/bt_bestellung_absenden.gif) no-repeat;
	width: 		 134px;
	height: 	 24px;
	margin-left: 104px;
}

.bt_bestellung_absenden:hover {background: url(../images/bt_bestellung_absenden_hover.gif) no-repeat;}

#reg_content .bt_meinkonto {
	background:  url(../images/bt_meinkonto.gif) no-repeat;
	width: 	 	 120px;
	height: 	 24px;
	margin-left: 100px;
}

#reg_content .bt_meinkonto:hover {background: url(../images/bt_meinkonto_hover.gif) no-repeat;}

.bt_paypal {
	background:    url(../images/paypal_button.gif) no-repeat;
	width: 		   180px;
	height: 	   70px;
	margin-bottom: 10px;
}

.bt_aktualisieren {
	background: url(../images/bt_aktualisieren.gif) no-repeat;
	width: 		95px;
	height: 	26px;
}

.bt_aktualisieren:hover {background: url(../images/bt_aktualisieren_hover.gif) no-repeat;}

#content a.downloadPDF, #content a.downloadPDFsmall {
	display:     block;
	font-size:   11px;
	font-weight: bold;
	line-height: 15px;
	background:  url(../images/ico_pdf.gif) no-repeat 0px 5px;
	width:		 50px;
	height: 	 30px;
	color:		 #202020;
	margin: 	 10px 0 0 15px;
	padding: 	 5px 0px 5px 42px;
}

#content a.downloadPDFsmall {
	background:   url(../images/ico_pdf_small.gif) no-repeat 0px 4px;
	height: 	  16px;
	margin-top:   0;
	padding-left: 25px;
}

/* Warenkorb
******************************************************************************/

#content a.basket_headline {
	margin:  0;
	padding: 0;
}

h1.headline {
	font: 		 13px/14px Arial, tahoma, verdana, sans-serif;
	font-weight: bold;
	color: 		 #FFA200;
	margin: 	 10px 0 20px 0;
}

#content a.del {
	display: 	block;
	background: url(../images/pic_del.gif) no-repeat;
	width:		16px;
	height: 	16px;
}

/* Formularelemente
******************************************************************************/

#content  input.text {
	font-size:  11px;
	background: #fff;
	border:     1px solid #c6c3c3;
	height: 	16px;
	margin: 	0 10px 0 0;
	padding: 	2px 2px 2px 3px;
}

#content  input.text:hover {border: 1px solid #0171BB;}

#content input.instyle_error {
	background: #fceded;
	border: 	1px solid #cf1c1c;
}

#content  select.text {
	font-size:  11px;
	background: #fff;
	border:     1px solid #c6c3c3;
}

#content select.text:hover {border: 1px solid #0171BB;}

#content select.instyle_error {
	background: #fceded;
	border: 	1px solid #cf1c1c;
}

/* Orderlogin
******************************************************************************/

#content a.forgotpw {
	text-decoration: underline;
	font-weight: 	 normal;
	margin: 		 0;
	padding: 		 0;
	float: 			 left;
}

#reg_container {
	background: url(../images/box_reg.gif) repeat-y;
	margin: 	10px 0 15px 0;
	overflow: 	hidden;
	float: 		left;
}

#reg_box {
	background: #fafafa;
	border: 	1px solid #d8d8d8;	
	color:        #333;
	width: 		  255px;
	margin-right: 10px;
	float: 		  left;
}

#reg_content {margin: 15px;}

#reg_content2 {
	margin: 15px 80px 25px 15px;
	text-align: left;
}

#content #reg_content h2, #content #reg_content2 h2, #content #reg_content h3 {
	font-size: 	   14px;
	color:		   #5bd466;
	margin-bottom: 20px;
}

#content #reg_content h3 {
	font-size:	 13px;
	font-weight: bold;
}

#login_box {
	background: #fafafa;
	border: 	1px solid #d8d8d8;
	width: 		335px;
	float: 		left;
}

#rightalign {text-align: right;}

#rightalign_margin {
	text-align: right;
	margin: 	20px 30px 15px 0;
	overflow: 	hidden;
}

#content #reg_content label {margin-right: 10px;}

#content #reg_content2 label {margin-right: 10px;}

#subscription, #subscription_enabled, #subscriptionadmin, #subscriptionadmin_enabled, #subscription2, #subscription_enabled2 {
	text-align:  left;
	font-size:   11px;
	line-height: 15px;
	width:		 256px;
	margin: 	 -9px 0 12px 0;
	float: 		 right;
}

#subscriptionadmin, #subscription_enabled.admin, #subscription2, #subscription_enabled2 {
	width:       350px;
	margin-left: 21px;
	float:       none;
}

#subscription2, #subscription_enabled2 {width: 400px;}

#subscription_enabled.order {
	float: none;
	margin-left:21px;
	width:400px;
}

#login_box_links {
	height:   26px;
	overflow: hidden;
}

#content p.basket {
	clear:    both;
	margin:   20px 0 15px 0;
	overflow: hidden;
}

#register_box {
	background: #fafafa;
	border: 	1px solid #d8d8d8;
	width:		590px;
	margin-top: 10px;
	float: 		left;
}

#content #forgotpwbox {
	background: #fafafa;
	border:     1px solid #d8d8d8;
	width:      505px;
	margin:     10px 0 20px 0;
	float:      left;
}

#content #forgotpwcontent {margin: 15px 20px 15px 15px;}

#content #forgotpwcontent h2 {
	font-size:     14px;
	color:         #5bd466;
	margin-bottom: 20px;
}

#content #loginbox {
	background: #fafafa;
	border:     1px solid #d8d8d8;
	width:      335px;
	margin:     10px 0 20px 0;
	float:      left;
}

#content #logincontent {margin: 15px;}

#content #logincontent h2 {
	font-size:	   14px;
	color:		   #5bd466;
	margin-bottom: 20px;
}

/* Fehlermeldung
******************************************************************************/

#error {
	background: #fceded;
	border:		2px solid #cf1c1c;
	margin: 	15px 0 10px 0;
	color: 		#cf1c1c;
}

#success {
	background: #f0f6ea;
	border:	    2px solid #2d9d3b;
	color: 		#2d9d3b;
	margin: 	0 0 10px 0;
}

/* Kundenkonto
******************************************************************************/

.adminheadline {
	font: 		   18px Arial, tahoma, verdana, sans-serif;
	color: 		   #000;
	border-bottom: 1px solid #d8d8d8;
	height: 	   35px;
	padding: 	   0px 0 0 20px;
}

.adminbox {
	background: #fafafa;
	border:     1px solid #d8d8d8;
	position:   relative;
	width:      187px;
	margin:     0 0 15px 0;
	padding:    10px 0 0 0;
	float:      left;
}

.adminbox_cap {
	background-color: #fafafa;
	line-height: 	  0;
	font-size: 		  0;
	height:			  13px;
}

.adminbox h2 {
	font: 		 12px Arial, tahoma, verdana, sans-serif;
	font-weight: bold;
	color: 		 #333;
	margin: 	 0;
	padding: 	 0 10px 0 20px;
}

#content .adminbox h3 {
	font-size: 		11px;
	font-weight: 	normal;
	line-height:	11px;
	letter-spacing: normal;
	color:			#505050;
	margin: 		0;
	padding: 		0;
}

#content .adminbox ul#submenu {
	margin:  15px 0 0 0;
	padding: 0 1px 0px 1px;
}

#content .adminbox ul#submenu li {
	background:    none;
	border-bottom: 1px solid #fff;
	margin-left:   5px;
	padding:	   0;
}

#content .adminbox ul#submenu li a {
	display:     inline-block;
	background:  url(../images/ico_arrow6.gif) no-repeat 5px 7px;
	font-weight: normal;
	margin:		 0;
	padding: 	 7px 3px 7px 25px;
	color:		 #202020;
}

#content .adminbox ul#submenu li a:hover {
	background:      url(../images/next_hover.gif) no-repeat 5px 7px;
	text-decoration: none;
	color:           #0171BB;
}

#content .adminbox ul#submenu li a.active {
	background:  url(../images/ico_arrow_active.gif) no-repeat 5px 7px;
	font-weight: bold;
	color:       #202020;
}
#content .adminbox ul#submenu li a.active:hover {
	background:  url(../images/ico_arrow_active.gif) no-repeat 5px 7px;
	font-weight: bold;
	color:       #202020;
}

#content #statusbar {
	background: white;
	border:     1px solid #5bd466;
	width: 		100px;
	height: 	12px;
	margin:     0 0 5px 2px;
	overflow:   hidden;
}

#content #statusbar #value {
	background: #5bd466;
	height:     12px;
}

#register_boxadmin, #newsletterbox {
	background: #fafafa;
	border: 	1px solid #d8d8d8;
	margin-top: 0;
	width:		390px;
	float: 		left;
}

#newsletterbox {margin: 0 0 20px 0;}

#register_boxadmin2 {
	background:    #fafafa;
	border: 	   1px solid #d8d8d8;
	border-bottom: 0;
	width:		   590px;
	margin-top:    10px;
	float: 		   left;
}

#content #newslettercontent {margin: 15px 15px 35px 15px;}

#content #newslettercontent h2 {
	margin-bottom: 20px;
	font-size:	   14px;
	color:		   #5bd466;
}

#content #newslettercontent #leftalign {text-align: left;}
#content #newslettercontent #rightalign {text-align: right;}

#content #sepline, #content #seplinewhite {
	height: 	   2px;
	overflow: 	   hidden;
	border-bottom: 1px solid #e9e9e9;
}

#content #seplinewhite {border-bottom: 1px solid white;}

#content #sepline.white {background: white;}

#order_container {
	background: white;
	margin: 	10px 0 0 0;
	float: 		left;
	overflow: 	hidden;
}

#order_box {
	background: #fafafa;
	border:     1px solid #d8d8d8;	
	color:		  #333;
	width:		  288px;
	height:		  150px;
	margin-right: 10px;
	float: 		  left;
}

#content #singlebox, #content #singleboxend {
	width:		   90px;
	float:		   left;
	overflow: 	   hidden;
	margin-bottom: 5px;
}

#content #singleboxend {margin-bottom: 0;}

#content #singleboxcontent {
	margin-left: 10px;
	float:       left;
}

#order_docbox {
	background: #fafafa;
	border:     1px solid #d8d8d8;
	width:      290px;
	height:     150px;
	float:      left;
}

#content #paypalcontainer {margin: -8px 0 0 -5px;}

#content #reg_content strong.blue {
	font-size: 13px;
	color:     #333;
}

#content #paymentcontainer {
	width:       70px;
	margin-left: 11px;
	float:       left;
	overflow:    hidden;
}

#content #paymentcontainer strong.blue {color: #333;}

#content #paymentcontainer2 {
	margin-left: 10px;
	float:		 left;
}

#content #strongbox {
	overflow:   hidden;
	text-align: right;
	width:      150px;
	float:      left;
}

#content #strongbox strong {color:#333;}

#content #strongbox2 {
	margin-left: 10px;
	float:       left;
}

#content #admincontainer {
	width:    592px;
	float:    left;
	overflow: hidden;
}

#content #admincontent {
	width:    393px;
	margin:   0 0 15px 5px;
	float:    right;
	overflow: hidden;
}

#content a.ico {
	display: block;
	padding: 0;
	margin:  0 10px;
}

/* Banner
******************************************************************************/

#topseller {
	display:    block;
	text-align: left;
	position:   relative;
	border:     1px solid #eaeaea;
	width:      173px;
	height:		374px;
	margin:     5px 0 0 0;
	float:      left;
	overflow:   hidden;
}

.toprule {
	line-height: 12px;
	font-size:   11px;
	font-weight: bold;
	color:       #77808e;
	position:    absolute;
	left:        0px;
	top:         0px;
	width:       173px;
	padding:     5px 15px 0px 2px;
	overflow:    hidden;
}

.topruleimg {
	position: absolute;
	left:     5px;
	top:      100px;
	width:    50px;
	height:   31px;
	overflow: hidden;
}

#topseller .out {
	background:    #fff url(../images/topseller_out.gif) repeat-x;
	border-bottom: 1px solid #f7f7f2;
}

#topseller .over {background-color: #fff; width: 173px}

.top1 .topruleimg {background:transparent url(../images/bg_top1.gif) no-repeat scroll 0px 0;}
.top2 .topruleimg {background:transparent url(../images/bg_top2.gif) no-repeat scroll 3px 0;}
.top3 .topruleimg {background:transparent url(../images/bg_top3.gif) no-repeat scroll 3px 0;}
.top4 .topruleimg {background:transparent url(../images/bg_top4.gif) no-repeat scroll 3px 0;}
.top5 .topruleimg {background:transparent url(../images/bg_top5.gif) no-repeat scroll 3px 0;}

.toprulecontent {
	width:		   130px;
	padding-right: 10px;
	float:		   right;
}

.toprule h3 {
	font-size:      10px;
	font-weight:    bold;
	line-height:    11px;
	letter-spacing: normal;
	color:          #505050;
	margin:         0;
	padding:        0;
}

.toprule .topimg {
	height:   70px;
	padding:  0pt 0pt 15px;
	overflow: hidden;
}

.toprule a {
	font-size:   11px;
	font-weight: bold;
	color:       #999;
}

.toprule a:hover {text-decoration: none;}

.top1, .top2, .top3, .top4, .top5 {overflow: hidden; height: 138px;}

#bannerbox {
	margin-top: 10px;
	text-align: center;
}

#feedback {
	display:       block;
	border:        1px solid #eaeaea;
	border-bottom: 0px solid;
	text-align:    left;
	position:      relative;
	width:         173px;
	height:        auto;
	margin:        5px 0 10px 0;
	float:         left;
	overflow:      hidden;
}

#content #feedback #header, #content #topseller #header {
	background: #eaeaea;
	position:   relative;
	width:      173px;
	height:		32px;
	float:      left;
	z-index:	9999;
}

#content #feedback #header h4, #content #topseller #header h4 {
	font-size:   12px;
	font-weight: bold;
	text-align:  center;
	color:		 #333;
	margin:      8px 0 10px 0;
}

#content #feedback #feedbackcontent {
	text-align:    center;
	border-bottom: 1px solid #eaeaea;
	width:         100%;
	height:        auto;
	padding-right: 10px;
	margin-top:    5px;
	float:         left;
}

#content #feedback #feedbackcontent #top {
	font-size:  11px;
	text-align: left;
	width:      155px;
	height:     auto;
	margin:     10px 10px 0 10px;
	padding:    0 0 15px 0;
	overflow:   hidden;
}

#content #feedback #feedbackcontent #topimg {
	height:	  77px;
	overflow: hidden;
	padding:  0 0 15px;
}

#content #feedback #feedbackcontent h3 {font-size: 11px;}

#headerlinks {
	position: relative;
	top: 	  55px;
	left: 	  355px;
	width: 	  240px;
	float:    left;
}

#headerlinkspace {
	width:  25px;
	height: 10px;
	float:  left;
}

#logout_background {
	position: absolute;
	left:     692px;
	top:      34px;
	width:    97px;
	height:   24px;
	float:    left;
	overflow: hidden;
}

/* Tabellen
******************************************************************************/

table.basket-middle, table.admin-middle {
	background:    #f9f9f9;
	border: 	   1px solid #e4e4e4;
	border-bottom: 0;
	margin: 	   10px 0 0 0;
}

table.ordertable, table.basket-admin2, table.basket-admin {
	background: #fafafa;
	border:     0;
	margin:     10px 0 0 0;
}

table.basket-admin {margin: 0;}

table.basket-middle th, table.ordertable th, table.basket-admin2 th, table.basket-admin th, table.admin-middle th {
	border-bottom: 1px solid #e4e4e4;;
	color:         #333;
	padding:       3px;
}

table.basket-middle th.artikel, table.ordertable th.artikel, table.basket-admin2 th.artikel, table.basket-admin th.artikel, table.admin-middle th.bestellung {
	border-left:  none;
	color:        #333;
	padding-left: 20px;
	text-align:   left;
}

table.basket-admin th.artikel {width: 400px;}

table.basket-middle th.anzahl, table.ordertable th.anzahl, table.basket-admin2 th.anzahl, table.basket-admin2 th.groesse, table.basket-admin2 th.format, table.basket-admin th.groesse, table.basket-admin th.format  {width: 90px;}

table.basket-middle th.sum, table.ordertable th.sum , table.basket-admin2 th.sum, table.basket-admin2 th.download, table.basket-admin th.download  {
	border-bottom: 1px solid #333;
	color:         #333;
	font-weight:   bold;
	text-align:    right;
	padding-right: 3px;
}

table.admin-middle th.status  {
	width:		   110px;
	text-align:    center;
	border-bottom: 1px solid #333;
}

table.basket-admin2 th.download, table.basket-admin th.groesse, table.basket-admin th.format,table.basket-admin2 th.groesse, table.basket-admin2 th.format, table.admin-middle th.details, table.basket-admin th.download  {text-align: center;}

table.ordertable th.sum , table.basket-admin2 th.sum {padding-right: 10px;}

table.admin-middle th.details {color: #333;}

td.sum {background:#fbeec5; width:90px; text-align: right;}

table.basket-middle td, table.ordertable td, table.basket-admin2 td, table.basket-admin td, table.admin-middle td {
	border-bottom: 1px solid #e4e4e4;
	color:		   #202020;
	padding: 	   5px;
	text-align: left;
}

table.basket-middle td.sum, table.ordertable td.sum, table.basket-admin2 td.sum, table.basket-admin td.download {
	background:  #fff;
	color:		 #202020;
	font-weight: bold;
}

table.ordertable td.sum, table.basket-admin2 td.sum , table.basket-admin td.download  {font-weight: normal;}

table.basket-middle td.sum2, table.ordertable td.sum, table.ordertable td.sum2, table.basket-admin2 td.sum2  {
	text-align: right;
	color:      #000;
}

table.basket-middle td.mainsum, table.ordertable td.mainsum , table.basket-admin2 td.download, table.basket-admin2 td.mainsum, table.admin-middle td.status {
	background: #fff;
	color:		#202020;
}

table.basket-admin2 td.mainsum  {text-align: right;}

table.admin-middle td.status  {
	text-align: center;
	font-size:	11px;
}

table.ordertable td.mainsum, table.basket-admin2 td.right  {text-align: right;}

table.basket-middle td.noline {color: #202020;}

table.basket-middle td.priceright {
	text-align:    right;
	width: 		   70px;
	padding-right: 7px;
}

table.basket-middle td.center, table.basket-admin2 td.center, table.basket-admin2 td.download, table.basket-admin td.center {text-align: center;}

table.ordertable td.right {text-align: right;}

table.mail {width: 95%;}

table.mail td {
	padding:     5px;
	white-space: nowrap;
}

table.mail td.caption {
	text-align:  right;
	font-weight: bold;
}

table.mail td.top {vertical-align: top;}

textarea {
	border:  1px solid #c6c3c3;
	width:   100%;
	height:  240px;
	margin:	 0 10px 0 0;
	padding: 2px 2px 2px 3px;
}

textarea:hover {border: 1px solid #0171BB;}