/*

	-------------------------------------------------------------
	1. RESET + STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

*						{
     					margin: 0;
     					padding: 0;
						}

img 					{
     					border: none;
						}

body 					{
                  background-color: #C3D1E5;
						background-image: url(image/hg-body.jpg);
						background-repeat: repeat-x;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						margin-top: 2px;
						}
 
form 					{
						padding: 0px;
						margin: 0px;	
						}

				
.abschluss u		{
                  text-decoration: none;
						}

/*h1.top				{
  						text-indent: -3000px;
						font-size: 1px;
						}*/

#wrapper 			{
						width: 996px;
						margin: 0 auto 0 auto;
						position: relative;
						
						}

#rahmen 				{
						border: 1px solid #666666;
						border-bottom: none;
						background-color: #FFFFFF;
						}



#head 				{
						padding: 0;
						height: 170px;
						background-image: url(image/kopfbild.jpg);
	   				background-repeat: no-repeat;
	   				background-color: #993333;
						}

#middle				{
						padding: 19px 3px 0 3px;
						background-image: url(image/hg-middle.jpg);
						background-repeat:repeat-x;
						height: 100%;
						
						}
						
/*Hides from IE5-mac \*/
* html #rahmen, * html #middle {
						height: 1%;
						position: relative;
						}
					
/*Holly Hack ende*/


#middle-left 		{
						float: left;
						width: 175px;
						margin-right: 0;
						}

#middle-center 	{
						float: left;
						margin: 7px 0 0 24px;
						width: 588px;
						}

#middle-right 		{
						float: right;
						margin-left: 14px;
						width: 175px;
						}

/* MODUL --------------------------------------------------*/

.modul table		{
						width: 100%;
						}
						
		
.modul h1			{
						font-size: 13px;
						color: #006666;
						padding: 4px 0 0 10px;
						text-transform:uppercase;
						}
						
.modul a img			{
						margin: 0px auto;
						display: block;
						}

/*.modul .abschluss {
						background-image: url(image/abschluss1.gif);
						background-repeat: no-repeat;
						font-size: 1px;
						display: block;
						height: 15px;
						}*/

/*---------------------------------------------------------*/


#footer {
	clear: both;
	float: none;
	height: 40px;
	background-color:#ffffff;
	text-align: center;
	color: #FFFFFF;
	background-image:url(image/hg-footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	border: 1px solid #666666;
	border-top: none;
}

#footer p {
	padding-top: 20px;
}

#footer p a{
	color:#FFFFFF;
	text-decoration: none;
}

.clear {
	clear: both;
	float: none;
	font-size: 1px;
}

/*	-------------------------------------------------------------
	ALLGEMEINE EINSTELLUNGEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
*/

input, select, textarea {
	color: #000000;
	font-size: 12px;
}

#middle-left a, #middle-right a {
	color: #FFFFFF;
}

#middle-left a:hover, #middle-right a:hover {
	color: #FFCC33;
}

.btn_allgemein {
	border: 1px solid #333333;
	color: #000000;
	background-image: url(image/bg_button_submit.gif);
	background-repeat:repeat-x;
	margin: 0 auto;
	cursor: pointer;
	width: 80%;
	display: block;
	padding: 0 5px 2px;
}

#middle-right a.link_btn_allgemein, #middle-left a.link_btn_allgemein {
	border: 1px solid #333333;
	color: #000000;
	background-image: url(image/bg_button_submit.gif);
	background-repeat:repeat-x;
	margin: 0 auto;
	padding:4px 0 3px 0;
	cursor: pointer;
	text-decoration: none;
	width: 79%;
	display: block;
	text-align: center;
}

#middle-center .btn_allgemein, #middle-center .link_btn_allgemein{
	margin: 0;
	display: inline;
	width: auto;
}

.zusatztext {
	color: #A0A0A0;
	text-align: center;
	padding-top:15px;
}

.text_klein {
	text-align: center;
	font-size: 9px;
}

/*	-------------------------------------------------------------
	2. MENUE-TOP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#navi-top {
	position: absolute;
	top: 146px;
	right: 0px;
	z-index: 10;
	width: 650px;
	text-align: right;
}

#navi-top ul {
	margin: 3px 0 0 1px;
	padding:0;
	list-style:none;
	float: right;
}

#navi-top li {
    display:inline;
	 margin:0;
    padding: 0;
}

#navi-top a {
    float:left;
    margin:0;
    padding: 0 1px 0 5px;
    text-decoration:none;
	 font-weight: bold;
	 color:#FFFFFF;
	 cursor: pointer;
}

#navi-top a span {
    float:left;
    padding:1px 15px 5px 0;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#navi-top a span {float:none;}
    /* End IE5-Mac hack */
	
#navi-top a:hover span {
      color: #FFCC33;
}

#navi-top a:hover {
	color: #FFCC33;
}

	  /* aktive buttons \*/ 
	  
#navi-top li.active-top {
      float:left;
      margin:0;
      padding:0;
      text-decoration:none;
	  font-weight: bold;
}

#navi-top li span.active-top {
      float:left;
      display:block;
      padding:0;
      color:#FFF;
}


/*	-------------------------------------------------------------
	3. HEAD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	--------head-left---------------------------------------------*/
#head-left {
	float: left;
	width: 175px;
	height: 180px;
	margin: 0px;
	text-align: center;
}

#head-left img {
	margin-top: 10px;
	width: 40px;
	height: 40px;

}


#head-left #trusted_shops{
	text-align: justify;
	padding: 40px 12px 0 16px;
	line-height: 112%;
	font-size: 10px;


}

#head-left #trusted_shops a {
	text-decoration: none;
	color:#000000;
}


/*	--------head-center---------------------------------------------*/
#head-center {
	float: left;
	width: 810px;
	height: 145px;
	position: relative;
}

.slogan{
	width: 300px;
	height: 70px;
	position: absolute;
	top: 5px;
	right: 120px;
}

.logo{
	width: 200px;
	height: 50px;
	position: absolute;
	top: 60px;
	right: 0px;
}


/*	--------head-right---------------------------------------------*/
#head-right {
}


/*	--------Modul-Suche---------------------------------------------*/
#search {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 250px;
	height: 30px;
	z-index:98;
}

#search h1 {
	display:inline;
	float:left;
	margin-right: 10px;
}

#search .modul {
	position: absolute;
	top: 10px;
	left: 0px;
	padding-bottom: 5px;
}

#search table {
    float: left;
    width: 150px;
}

#search .modul .suchfeld {
	width: 110px;
	height: 16px;
	display: block;
	float: left;
	margin: 2px 5px 0 0px;
	border: none;
	border: 1px solid black;
}

#search .modul .submit {
	float: left;
	border: none;
}

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

/*	--------Modul-Warenkorb---------------------------------------------*/
#head-right #basket {
	position: absolute;
	top: 3px;
	left: 470px;
}

#head-right .basket-text {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
}

#head-right h1.basket  {
	display: none;
}

#head-right #basket .kasse {
	display: none;
}

#middle #middle-right .modul form {

}

/*	--------Modul-Menü FACHHANDEL---------------------------------------------*/
#navi-fhs {
	position: absolute;
	top: 180px;
	left: 832px;
	z-index: 100;
}

#navi-fhs ul {
	list-style: none;
	margin-top: 0px;
}

#navi-fhs h1 {
	color: #FF0000;
	margin: 3px 0;
	padding: 0;
}

#navi-fhs li {
	display: inline;
}

#navi-fhs li a {
	text-decoration: none;
	color: #666666; 
	padding-right: 5px;
	font-weight: bold;
}

#navi-fhs li a:hover {
	text-decoration: none;
	color: #FF0000; 
	padding-right: 5px;
	font-weight: bold;
}



/*	-------------------------------------------------------------
	4. LEFT + MENUE-LEFT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#middle #middle-left .modul {
	background-color: #993333;
	background-position: 0 20px;
	padding-bottom: 2px;
}

#middle #middle-left .modul h1, #middle #middle-right .modul h1 {
	font-size: 14px;
	font-weight: bold;
	color: #CC3333;
	margin: 0px 0px 5px 0px;
	padding: 14px 0 14px 13px;
	text-transform:uppercase;
	background-image: url(image/hg-h1.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	/*font-style:italic;*/
}

#middle .modul .h1-main-navi {
  background:transparent url(image/verlauf-gelb.png) no-repeat scroll left center;
	/*background-image:url(image/verlauf-gelb.png);*/
	background-position: right -6px;
	height: 35px;
	padding: 3px 15px 10px 0;
}


#middle #middle-left .modul ul, #middle #middle-right .modul ul {
	list-style: none;
	padding:0;
	margin: 0;
}

* #middle #middle-left .modul ul, * #middle #middle-right .modul ul {
	height: 1%;
}



#middle #middle-left .modul ul li a {
	text-decoration: none;
	background-image:url(image/dreieck-blau.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;	
	color: #FFF;
	display: block;
	padding: 4px 10px 4px 13px;
	border-top: 1px dotted #CC6666;
	font-weight: bold;
	font-size: 10px;
}



/* CSS-Hack für IE6 und kleiner */
* html #middle .modul ul li a, * html #middle .modul ul li a:hover {  
	width: 152px;  
}

#middle #middle-left .modul li a:hover {
	text-decoration: none;
	background-image:url(image/dreieck-rot.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;	
	color: #FFCC33;
	display: block;
	padding: 4px 10px 4px 13px;
	border-top: 1px dotted #CC6666;
	font-weight: bold;
}

#middle #middle-left .modul ul li .active {
	text-decoration: none;
	background-image:url(image/dreieck-rot.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;	
	color: #FFCC33;
	display: block;
	padding: 4px 10px 4px 13px;
	border-top: 1px dotted #CC6666;
	font-weight: bold;
}

#middle #middle-left .modul ul ul li {
	list-style: none;
}

#middle #middle-left .modul ul ul li a {
 	background-image:url(image/bullet-orange.gif);
	background-position: 17px 6px;
	background-repeat:no-repeat;
	border-top: none;
	font-weight: normal;
	color: #ccc;
	padding: 1px 0 1px 25px;
	width: 145px; 
}

#middle #middle-left .modul ul ul li a:hover {
 	background-image:url(image/bullet-orange.gif);
	background-position: 17px 6px;
	background-repeat:no-repeat;
	border-top: none;
	font-weight: normal;
	text-decoration: underline;
	color: #FFCC00;
	padding: 1px 0 1px 25px;
	width: 145px; 
}
#middle #middle-left .modul ul li ul li .active {
	background-image:url(image/bullet-orange.gif);
	background-position: 17px 6px;
	background-repeat:no-repeat;
	border-top: none;
	font-weight: normal;
	text-decoration: underline;
	color: #FFCC00;
	padding: 1px 0 1px 25px;
	width: 145px; 
}

#middle #middle-left .abschluss {
	display: block;
	height: 10px;	
	background-image: url(image/abschluss1.gif);
  background-repeat: no-repeat;
	background-position: left 0px;
}


/*	-------------------------------------------------------------
	4. CENTER-CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#middle-center .modul_bredcrumb {
	text-align: right;
	margin: 5px 0 20px 0;
}	
	

#middle-center .modul_cont ul, #middle-center .modul_cont ol {
	padding:0;
	Margin: 5px 0 5px 30px;
}
	
#middle-center .modul_cont .faqanswer {
	font-weight: bold;
	display: block;
}

#middle-center .modul_cont .faqlink {
	float: right;
	display: block;
}

#middle-center h1 {
   background-image: none;
	font-size: 15px;
	color: #666666;
	margin: 3px 0 15px 0;
	width: 98%;
	border-bottom: 1px solid #666666;
	padding-left: 0;
}												

#middle-center h2 {
	font-size: 14px;
	color: #666666;
	margin: 7px 0 15px 0;
	width: 98%;
	border-bottom: 0px solid #666666;
}												

#middle-center .headline2 {    /* ersetzt visuell H2*/
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	margin: 7px 0 15px 0;
	width: 100%;
	/*border-bottom: 1px solid #666666;*/
}

#middle-center h3 {
	font-size: 11px;
}

#middle-center a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#middle-center a:hover {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

#middle-center .modul_link_no_f a{
	font-weight: normal;
}

#middle-center .modul_link_no_f ul{
	margin: 5px 0 2px 25px;
}


#middle-center .modul_breadcrumb {
						font-size: 9px;
						padding-bottom: 8px;
						text-align: right;
						}
						
#middle-center .modul_breadcrumb a {
						font-weight:normal;
            text-decoration:none;
						}	

/*	-------------------------------------------------------------
	SUCHE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	
#sfrm #sterm, #sfrm #artgrp, #sfrm #hersteller {
	border: 1px solid #0D5AA9;		
} */

#sfrm #sterm {
	width: 150px;

}

#sfrm #artgrp {
	width: 150px;
		
}

#sfrm #hersteller {
	width: 150px;
	
}

#middle-center #suche {
 	background-image: url(image/button_suche.gif);
	background-repeat:no-repeat;
	border: none;
	height: 22px;
	width: 50px;
	background-color: #FFFFFF;
	cursor: pointer;
}

#middle-center a.list_grplink {
	font-weight:normal;
}

#middle-center a:hover.list_grplink {
	text-decoration: underline;
}

#middle-center .preistext a, .preistext a:hover { 
 	color: red;
 	font-weight:normal;
}

#middle-center .modul_agb ol {
 	margin: 5px 0 5px 35px;
 	padding: 0;
}

#middle-center .modul_agb li, #middle-center .modul_agb p {
 	text-align: justify;
}

/*	-------------------------------------------------------------
	STARTSEITE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.so_item {
	width: 285px;
	height: 200px;
	border: 1px solid #CEDFEF;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
}

.so_grp {
	width: 100%;
	height: 202px;
	border: 0px solid #FF0000;
	margin-bottom: 10px;
}

.so_grp .abschluss {
	width: 1px;
	float: left;
}

.so_img {
	width: 180px;
	float: left;
	margin: auto;
}

.so_txt {
	width: 100px;
	float: left;
}

.so_name {
	height: 50px;
	color: #000000;
	font-weight: bold;
	padding: 2px 5px;
}
.so_prop {
	width: 100%;
	height: 50px;
}

.so_cost {
	height: 35px;
 	color: #FF0000;
	font-weight: bold;
	padding: 8px 0 8px 0px;
}

#middle .so_cost .oldpreis {
	color: #666666;
	font-weight: bold;
	font-size: 13px;
	line-height: 250%;
}

#middle .so_cost .preis {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}

#middle .so_cost .newpreis {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

#middle .list_preis .preis {
	font-size: 12px;
}

#middle .list_preis .oldpreis {
	font-size: 12px;
}

#middle .list_preis .newpreis {
	font-size: 13px;
}

#middle .so_cost .oldpreis span.preistext,#middle .list_preis .oldpreis span.preistext{
	display: none;
}

#middle .so_cost span.preistext { 
 	color: #FF0000;
}


.so_btn {
	width: 100%;
	height: 35px;
}

.so_img img	{
	
}
	
.btn_wkorb {
	border: none;
	background-image: url(image/startseite_warenkorb.jpg);
	background-repeat: no-repeat;
	width: 30px;
	height: 22px;
	cursor: pointer;
	background-color:transparent;
}

.btn_ainfo {
	border: none;
	background-image: url(image/startseite_info.jpg);
	background-repeat: no-repeat;
	width: 46px;
	height: 22px;
	cursor: pointer;
	background-color:transparent;
}

.faqlist {
	margin: 0 0 0 30px;
}


.modul_cont hr {
	margin: 20px 0;
}

.modul #contact img {
	display: inline;
}


/*	-------------------------------------------------------------
	6. Artikelliste
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.liste1 {
	width: 100%;
	margin-bottom: 15px;
}
						
.liste1 td {
	width: 25%;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

#middle-center .list_text h2 {
	font-size: 11px;
	color: #666666;
	border: none;
	margin: 0px 0 5px 0;
}												

.vskliste 				{
							clear: both;
							width: 100%;
							border: 1px solid #CCCCCC;
							margin: 0 0 10px 0;
							}
.vskliste th 			{
							background-color: #336699;
							color: #FFFFFF;
							padding: 3px 0;
							}						
.vskliste td 			{
							height: 20px;
							padding: 0 5px;
							}
															
.artikelliste 			{
							width: 100%;
							border: 1px solid #CCCCCC;
							margin: 0 0 20px 0;
							}

.artikelliste th 		{
							background-color: #336699;
							color: #FFFFFF;
							padding: 3px 0;
							text-align: center;
							}
							
.artikelliste td 		{
							height: 45px;
							padding: 3px 5px;
							}
							
.artikelliste td input {
                     width: 30px;
                     float: left;
}

.row_0 					{
							background-color: #EDF1F6;
							}

.row_1 					{
							background-color: #F2F2F2;
							}

.row_vsk td				{
							border-top: 1px solid #cccccc;
							color: #000000;
							padding: 0 5px;
							height: 20px;
							}

.row_summe td			{
							border-top: 1px solid #999999;
							border-bottom: 0px solid #cccccc;
							background-image: url(image/bg_row_summe.gif);
							background-repeat: repeat-x;
							background-color: #E9E9E9;
							color: #000000;
							padding: 0 5px;
							height: 30px;
							}

.row_zwsumme td		{
							border-top: 1px solid #999999;
							border-bottom: 0px solid #cccccc;
							background-color: #E9E9E9;
							color: #000000;
							padding: 0 5px;
							height: 20px;
							}
.row_vatsumme td		{
							background-color: #E9E9E9;
							color: #000000;
							padding: 0 5px;
							height: 20px;
							}
.row_footer				{
							background-color: #FEFAF0;
							}

.list_text 				{
							width: auto;
							text-align: left;
							}

.list_ampel 			{
							width: 15px;
							text-align: center
							}

.list_preis 			{
							width: 100px;
							text-align: right;
							font-weight: bold;
							}

.list_stk 				{
							width: 40px;
							text-align: right;
							font-weight: bold;
							}

.list_wkorb 			{
							width: 40px;
							text-align: center;
							}
							
.list_link 			{
							width: 50px;
							text-align: center;
							}
							
.liste 			{
							width: 100%;
							border: 1px solid #CCCCCC;
							margin: 0 0 10px 0;
							}
.liste th 		{
							background-color: #336699;
							color: #FFFFFF;
							padding: 3px 0;
							text-align: center;
							}
							
.liste td 		{
							padding: 3px 5px;
							}
.artikelliste .preis {
							font-size: 13px;
                     font-weight: bold;
                     color: #666666;
							}	
													
.artikelliste .newpreis {
							font-size: 14px;
                     font-weight: bold;
                     color: #FF6600;
							}
							
.artikelliste .oldpreis {
							font-size: 12px;
                     font-weight: bold;
                     color: #8E8D8D;
							}
/*	-------------------------------------------------------------
	6. Artikeldetails
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#middle-center .artikeldetails		{
							width: 100%;
							border: 1px solid #999999;
							border-collapse: collapse;
							}
							
#middle-center .artikeldetails th	{
							text-align: left;
							background-color: #336699;
							padding: 3px 10px;
							}
							
#middle-center .artikeldetails td	{
							border: 1px solid #CCCCCC;
							}


#middle-center .artikeldetails h1 {
							border: none;
							width: 500px;
							color: #FFFFFF;
							float: left;
							padding: 0;
							margin: 0;
							font-size: 12px;
							text-transform:none;
							}
							
							
#middle-center .artikeldetails .desc	{
								text-align: left;
								background-color: #F1F3F7;
								padding: 2px;	
								width: 100px;
								vertical-align: top;
								}
								
#middle-center .artikeldetails .cont	{
								text-align: left;
								background-color: #FFFFFF;
								padding: 2px 10px;	
								width: auto;
								}

								
#middle-center .artikeldetails label {
	
	clear: left;
	display: block;
	float: left;
	width: 80px;
	}								
								
#middle-center .artikeldetails span {
	display: block;
	}								
								
								
								
							
#middle span.preistext {
						font-size: 10px;
						color: #FF0000;
						display: inline;
						}
						
#middle span.pflichtfeld {
						font-size: 10px;
						color: #FF0000;
						display: block;
						margin-bottom: 10px;
						}


.cont a {
						float: left;
						
					}
					
.cont .preistext a {
						float: none;
						
					}
					
											
.imgcontainer		{
						float: right;
						
					}
						
						
						
/*	-------------------------------------------------------------
	x. Pagination
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.pagination {
				display: block;
				width: auto;
				text-align: center;
				margin-bottom: 10px;
				font-size: 10px;
}

#pagination-list {
	display: inline;
}

#pagination-list ul {
	list-style:none;
}

#pagination-list li {
      display:inline;
      margin: 0 3px;
      padding: 0px;
      border: 1px solid #993333;
      color: #000000;
}

#pagination-list a {
      text-decoration:none;
	  font-weight: bold;
	  color: #000000;
	  padding:0 2px;
}


#pagination-list a:hover {
		color: #FFFFFF;
		background-color: #993333;
		padding:0 2px;
}

#pagination-list #current-page {
		color: #FFFFFF;
		background-color: #993333;
		font-weight: bold;
}

#pagination-list #first-page {font-weight: bold;}
#pagination-list #prev-page {font-weight: bold;}
#pagination-list #next-page {font-weight: bold;}
#pagination-list #last-page {font-weight: bold;}

/*	-------------------------------------------------------------
	x. listgruppe
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.box_firstletter	{
	width: 583px;
	text-align: left;
	padding: 3px;
	height: auto;
	background-color: #EDF1F6;
	margin-bottom: 10px;
}

.box_manufac {
	float: left;
	height: auto;
	width: 25%;
	margin-bottom: 10px;
}

.boxhead {
	background-color: #336699;
	margin: 1px 1px 0 1px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	
}
.boxhead h2{
	color: #FFFFFF!important;
	padding:3px!important;
	margin:0!important;
	font-size:13px!important;
}

.boxbody {
	background-color: #EDF1F6;
	margin: 0 1px 1px 1px;
	color: #000000;
	padding: 2px;
}

.boxbody ul {
	list-style: none;
	margin-left: 4px;
}

.boxbody li {
	background-image: url(image/bullet-blue.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 8px;
}


#middle #middle-center .modul {
	padding-bottom: 12px;
}
#middle #middle-center .select_recalc{
	height: 20px;
	float: left;
}

#middle #middle-center .btn_recalc {
	background-image: url(image/button_change.gif);
	width: 20px;
	height: 20px;
	border: 0px;
	margin: 0 0 0 8px;
	background-color: #FFFFFF;
	cursor: pointer;
}

fieldset {
	border: 1px solid #CCCCCC;
	padding: 0px 4px 10px 4px;	
	margin: 0 0 20px 0;
	position: relative;
	background-color: #F0F1F2;
}


#frmsubmit fieldset table, #subfor fieldset table{
	margin-top: 15px;
}


fieldset.letztes {	
	margin: 0 0 10px 0;
}

legend {
	padding: 2px 8px;
	font-weight: bold;
	background-color:#BACADB;
	border: 1px solid #CCCCCC;
}

#errorbox {
   background-color:#FFCCCC;
   border:1px solid #FF0000;
   color:#000000;
   margin-bottom:10px;
}

.errorbox, .okbox {
   background-color:#FFCCCC;
   border:1px solid #FF0000;
   color:#000000;
   margin:0 0 20px;
   background-image: url(image/icon_no.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.okbox {
   background-color:#E4F3F6;
   border:1px solid #6DC4A2;
   background-image: url(image/icon_yes.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#errorbox h4, .errorbox h4, .okbox h4 {
   padding:2px 5px 5px 20px;
}

#errorbox p, .errorbox p, .okbox p {
   padding:5px;
}

#errorbox ul, .errorbox ul, .okbox ul {
   margin:5px 5px 5px 20px;
}

#frmsubmit #anrede, #frmsubmit #lianrede {
   height:20px;
   width:80px;
}


/*	-------------------------------------------------------------
	FORMULARE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#frmsubmit #artnr {
	width: 120px;
	height: 17px;
}
#frmsubmit #menge {
	width: 40px;
	height: 17px;
}

#frmsubmit #anrede, #frmsubmit #lianrede {
	width: 80px;
	height: 21px;
}

#frmsubmit #ansprech, #frmsubmit #liansprech {
	width: 180px;
	height: 17px;
}

#frmsubmit #name, #frmsubmit #liname, #frmsubmit #nameb {
	width: 180px;
	height: 17px;
}


#frmsubmit #strasse, #frmsubmit #listrasse {
	width: 180px;
	height: 17px;
}

#frmsubmit #landkz,	#frmsubmit #lilandkz {
	width: 182px;
	height: 21px;
}

#frmsubmit #plz, #frmsubmit #liplz {
	width: 50px;
	height: 17px;
}

#frmsubmit #ort, #frmsubmit #liort {
  width: 122px;
	height: 17px;
}

#frmsubmit #telefon, #frmsubmit #telefax, #frmsubmit #sms {
    width: 180px;
	height: 17px;
}

#frmsubmit #steuerID {
	width: 100px;
	height: 17px;
}

#frmsubmit #email {
	width: 180px;
	height: 17px;
}

#frmsubmit #passwd,	#frmsubmit #passwdb	{
	width: 180px;
	height: 17px;
}

#frmsubmit #zahlung	{
	width: 182px;
	height: 21px;
	float: left;
}

#frmsubmit #bemerk {
	width: 410px;
	height: 90px;	
}

#frmsubmit #bemerk2 {
	width: 410px;
	height: 60px;	
}

#frmsubmit #adrwahl {
	width: 410px;
}

#subfor #getmail, #subfor #getpass {
	width: 180px;
	height: 17px;	                              
}

#getshipcost #landkz {
	width: 182px;
	height: 20px;
}

#contact #name, #contact #email {
	width: 200px;
}

#contact #nachricht {
	width: 200px;
	height: 120px;
}

#contact td {
	vertical-align: top;
	padding: 3px;
}

/*	-------------------------------------------------------------
	5. NEWS 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#news {
	width: 100%;
}

#news #item {
	padding-top: 5px;
	width: 100%;
}

#news #item #headline {
	color:#000000;
	font-size:12px;
	font-weight: bold;
	padding-bottom: 5px;
}

#news #item #headline a {
	float: left;
	color: #000000;
}

#news #item #headline a:hover {
	color: #006699;
}

#news #item #headline .bewert_datum {
	float: right;
	font-size:10px;
	font-weight: normal;
	clear: right;
}

#news #item #inhalt {
	clear: both;
	border:  1px solid #CEDFEF;
	padding: 10px;
}

#news #item #headline span {
clear:right;
float:right;
font-size:10px;
font-weight:normal;
}

#news #item #headline .links {
	float: left;
	font-weight: bold;
	font-size:12px;
}

#bewertinp #vorname,
#bewertinp #nachname,
#bewertinp #ort,
#bewertinp #email			 {width: 250px;
								  height: 18px;
}

#bewertinp #kommentar	 {width: 300px;
								  height: 130px;
}

#bewertinp td 				{vertical-align: top;
								 padding: 3px;
}


/*	-------------------------------------------------------------
	5. RIGHT-CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#middle #middle-right .modul table td, #middle #middle-left .modul table td {
    padding: 0 0 0 5px;
}

#bsksubmit {
    padding: 0 0 10px 0;
}

						
#middle #middle-right .modul {
	background-color: #993333;
	font-size: 10px;
}

#middle #middle-right .modul {
    color: #FFFFFF;
}

#middle-right .modul h1 a {
	color: #FF0000;
	text-decoration: none;
}

#middle #middle-right .modul li a, #middle #middle-right .modul li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 4px 10px 4px 10px;
	border-top: 1px dotted #CC6666;
	font-weight: normal;
}

.modul li .offerstext, .modul li .newstext { /* Text in Angebote-Block rechte Seite*/
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 4px 10px 4px 10px;
	font-weight: normal;
}
#middle #middle-right .modul li a:hover {
	color: #FFCC33;
}

#middle #middle-right .abschluss{
  background-image: url(image/abschluss.gif);
  background-repeat: no-repeat;
	background-position: right 0px;
	display: block;
	height: 10px;
	background-color: #FFFFFF;
}

#middle #middle-right .kasse{
	text-align: center;
	padding-top: 12px;
}

#middle #middle-right .modul a .bewert_name {
	text-decoration: underline;
	margin-bottom: 7px;
	display: block;
	font-weight: bold;
}

/*	--------Modul-WERBUNG-RIGHT---------------------------------------------

#middle #middle-right .modul_werbung h1 {
	font-size: 14px;
	text-align: center;
	color: #FF0000;
}*/

#middle #middle-right .modul p {
	padding: 5px 10px;

}

/*	-------------------------------------------------------------
	DEBUG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#debug {
	width: 996px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 100px;
	padding: 3px;
	color: #FF0000;
	border: 2px solid #FF0000;
	background-color: #FFDDDD;
}

#debug h1 {
	text-align: center;
}

#debug hr {
	border: 1px solid #FF0000;
	margin: 0px;
	padding: 0px;
}

.hervorhebung {
	background-color: #EFD080;
	padding: 0 2px;
	color: #FF0000;
}

#middle-center .modul_cnt_login h1{
	border: none;
	color: #000000;
	font-size: 12px;	
}

#middle-center .modul_cnt_login {
	width: 240px;	
}

#middle-center .modul_cnt_login #fhsform p {
   text-align: right;
   padding: 2px 0;
}

#middle-center .modul_cnt_login #fhsname, #middle-center .modul_cnt_login #fhspasswd {
   width: 120px;
   margin-left: 20px;
}

#middle-center .modul_cnt_login #fhslogin {
   width: 123px;
   margin-left: 20px;
   display:block;
   float: right;
}


#middle #middle-right #fhsform #fhsname {
	width: 97%;
	display: block;
}

#middle #middle-right #fhsform #fhspasswd	{
	width: 97%;
	display: block;
}

.artcomment	{
	background-color: #B2CEA3;
	border: 1px solid #375F0C;
	display: none;
}