/* CSS Document */

a {outline:none; }

html { height:101%;}

h3	{	font-size:15px;	}

img {border:none; }

.fett_rot{font-weight:bold; color:#CC0000; }

body {
	background:#000;
	color:#3a3a3a;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/* behavior: url(_scripts/csshover.htc);  Aufruf einer WinIE-Behavior Datei */
}


div#wrapper	{	width:957px;
				position:absolute;
				left:50%;
				top:240px;
				margin-left:-478px;

			}

div#content {	width:957px;
				background:url(_px/layout/bg_fishermans_cont.gif) repeat-y;
				min-height:400px;
			}

	

div#header  {	position:absolute;
				left:50%;
				top:0px;
				margin-left:-464px;
				background:url(_px/layout/header.gif) no-repeat;
				background-color:#000;				
				width:920px;
				height:240px;
				padding:0px;
			   }			

div#leergif { position:absolute;
				top:0;
				left:0;
				width:200px;
				height:190px;
			 }

div#leergif img { border:none; width:200px; height:190px; }


/* NAVI TOP */
div#navi_top	{position:absolute;
					bottom:-5px;
					left:0px;				
					color:#FFF;
					font-weight:bold;
					font-size:12px;
					margin:0px;
					padding:0px;
				}
div#navi_top ul {	list-style-type:none;
				}

div#navi_top li {	display:inline;
					padding-right:30px;}
				
div#navi_top a {color:#FFF;
				font-weight:bold;
				text-decoration:none;
				}
div#navi_top a:hover {color:#000;}								
				
.abstand	{	padding-left:25px; }


div#suche	{	position:absolute;
				bottom:5px;
				right:40px;
			}
.suchfeld	{	width:80px;
			}			

/* Layout rechte Spalte - NAVIGATION */

div#right	{	width:220px;
				float:right;
				padding-right:42px;			
			}

div#right ul	{	list-style-type:none;
					margin-left:-25px;
				}

div#right ul li	{height:45px;}
div#right ul a span	{display:none;}
div#right ul a	{	display:block; 
					width:100%; 
					overflow:hidden; 
				}

div#right p {	font-size:12px;
				font-weight:bold;
				padding-left:40px;
			}
div#right table {	font-size:12px;
				font-weight:bold;
				margin:0 0 0px 20px;
				width:100%;
			}
.rb	{text-align:right;}			
.gesamt_klkorb {	border-top:solid 1px #333;
					border-bottom-style:double;
					border-bottom-color:#333;
		}
a.basket {	background:url(_px/layout/buttons/warenkorb.gif) no-repeat; height:48px; width:200px; border:none; }
a.basket:hover	{ background:url(_px/layout/buttons/warenkorb.gif) no-repeat 0 -48px; }

.mindestbestellwert { padding-top:10px; color:#C71833; }
.minbewe_korb { padding-top:10px; color:#C71833; text-align:right; font-weight:bold;}
		
/* kleidung */
div#right ul li.li_kluft {height:47px; margin-bottom:15px;}

div#right ul a.kluft	{	background:url(_px/layout/buttons/fischerskluft.gif) no-repeat;	height:47px;
						}							
div#right ul a.kluft:hover	{	background:url(_px/layout/buttons/fischerskluft.gif) 0 -47px no-repeat;		
							}										
/* retro */
div#right ul li.li_tuedel {height:50px; margin-bottom:12px;}

div#right ul a.retro	{	background:url(_px/layout/buttons/tuedelkram.gif) no-repeat; height:50px;	
						}							
div#right ul a.retro:hover	{	background:url(_px/layout/buttons/tuedelkram.gif) 0 -50px no-repeat;		
							}
/* retro */
div#right ul li.li_gepaeck {height:59px; margin-bottom:10px;}

div#right ul a.taschen	{	background:url(_px/layout/buttons/bordgepaeck.gif) no-repeat;	height:59px;
						}							
div#right ul a.taschen:hover	{	background:url(_px/layout/buttons/bordgepaeck.gif) 0 -59px no-repeat;		
							}
/* retro */
div#right ul li.li_man {height:57px;}
div#right ul a.kram	{	background:url(_px/layout/buttons/strongman.gif) no-repeat;	height:57px;
						}							
div#right ul a.kram:hover	{	background:url(_px/layout/buttons/strongman.gif) 0 -57px no-repeat;		
							}

/* Layout Warenkorb in rechter Spalte */
div#korb	{	width:195px;
				min-height:120px;
				margin-top:20px;
				padding:0px;
			}

div#korb img { margin-left:12px;}


div#main	{	width:690px;
				float:left;
				margin-top:20px;
				background:url(_px/layout/bg_fishermans_line.gif)  680px repeat-y;
			}

			

div#text	{	width:550px;
				margin-left:60px;
				font-size:12px;	
				line-height:18px;
				min-height:400px;
			}			

/* Startseite */

div#prod_start	{	margin:40px;
					background:url(_px/layout/bg_startseite.jpg) no-repeat;
					height:400px;
					width:630px;					
				}
div#prod_start img {	border:none;
					}				

.start_1	{	float:left;
				width:250px;
				height:140px;
				padding:0;
				margin:70px 0 0 60px;
			}
.start_2	{	
				float:left;
				width:250px;
				height:140px;
				padding:0;
				margin:70px 0 0 10px;
			}

.start_3	{	float:left;
				width:250px;
				height:140px;
				padding:0;
				margin:0 0 0 80px;
			}						

.start_4	{	
				float:left;
				width:200px;
				height:140px;
				margin:-30px 0 0 10px;
				padding:0;
			}

/* Produktliste */
div#prod_list	{	width:600px;
				padding-left:60px;
				font-size:12px;	
				line-height:18px;
			}			

div#prod_list h2 {	margin-bottom:30px;
					font-size:18px;
					padding-top:0px;
				 }
div#prod_list h3 {	font-size:15px;
					margin-bottom:-10px; 
				 }				 
			
/* Produkt in der Liste */
.prod_in_list	{	width:100%;
					clear:both;
					padding:0 0 20px 0;
					margin-bottom:20px; }

.pic_in_list { width:180px; float:left; }

.prod_in_list img	{	border:none;
						float:left;
						margin-right:20px;
						margin-bottom:20px;
						padding-top:20px;
					}


.prod_in_list_text	{	width:250px;
						float:left;
					}
					
.preis_in_list	{	font-weight:bold;
					color:#CC0000;
					font-size:14px;
				}
.mwst	{	font-size:11px;	}				

.but_in_list	{
					float:left;
					padding:20px 0 0 40px;	
					margin-top:10px;				
				}
				
.but_in_list_detail { float:right; padding-top:10px;}
				
.but_korb	{	background:url(_px/layout/buttons/in_den_korb.gif) 0px 1px no-repeat;
			width:130px;
			height:35px;
			color:white;
			font-weight:bold;
			border:none; }
			
.but_korb:hover	{	background:url(_px/layout/buttons/in_den_korb.gif) 0 -34px no-repeat; }							

.but_detail	{	background:url(_px/layout/buttons/details.gif) 0px 1px no-repeat;
			width:130px;
			height:35px;
			color:white;
			font-weight:bold;
			border:none;
			margin-top:10px;
			 }
.but_detail:hover	{	background:url(_px/layout/buttons/details.gif) 0px -34px no-repeat; }							

/* Button Aktualisieren */
.aktualisieren { background:url(_px/layout/buttons/aktualisieren.gif) 0px 1px no-repeat;
				 width:100px;
				 height:25px;
				 color:white;
				 font-weight:bold;
				 border:none;
				}
.aktualisieren:hover { background:url(_px/layout/buttons/aktualisieren.gif) 0px -25px no-repeat; }
/* Button Suche */
.suche { background:url(_px/layout/buttons/suche.gif) 0px 1px no-repeat;
				 width:54px;
				 height:24px;
				 border:none;
				}
.suche:hover { background:url(_px/layout/buttons/suche.gif) 0px -23px no-repeat; }


/* Button Neu hier */
.neu_hier { background:url(_px/layout/buttons/neu_hier_rot.gif) 0px 1px no-repeat;
				 width:120px;
				 height:25px;
				 border:none;
				}
.neu_hier:hover { background:url(_px/layout/buttons/neu_hier_rot.gif) 0px -25px no-repeat; }				

/* Button weiter */
.weiter { background:url(_px/layout/buttons/weiter_1.gif) 0px 1px no-repeat;
				 width:55px;
				 height:25px;
				 border:none;
				}
.weiter:hover { background:url(_px/layout/buttons/weiter_1.gif) 0px -25px no-repeat; }	

/* Button Bestellung abschicken */
.abschicken { background:url(_px/layout/buttons/abschicken.gif) 0px 1px no-repeat;
				 width:150px;
				 height:25px;
				 border:none;
				 margin-right:28px;
				 margin-bottom:10px;
				}
.abschicken:hover { background:url(_px/layout/buttons/abschicken.gif) 0px -25px no-repeat; }	

/* Button Aendern */
.aendern { background:url(_px/layout/buttons/aendern.gif) 0px 1px no-repeat;
				 width:57px;
				 height:25px;
				 border:none;
				}
.aendern:hover { background:url(_px/layout/buttons/aendern.gif) 0px -25px no-repeat; }	

/* Button Senden */
.senden { background:url(_px/layout/buttons/senden.gif) 0px 1px no-repeat;
				 width:43px;
				 height:22px;
				 border:none;
				 padding-top:5px;
				}
.senden:hover { background:url(_px/layout/buttons/senden.gif) 0px -20px no-repeat; }	


/* Button Anlegen */
.bestaetigen { background:url(_px/layout/buttons/bestaetigen.gif) 0px 1px no-repeat;
				 width:70px;
				 height:24px;
				 border:none;
				}
.bestaetigen:hover { background:url(_px/layout/buttons/bestaetigen.gif) 0px -22px no-repeat; }	

/* Button und Formular zurück */
.form_zurueck { float:left;
				width:57px; height:22px;
				margin:110px 0 0 -140px;
				}

.but_zurueck { background:url(_px/layout/buttons/zurueck.gif) no-repeat 0 1px;
			   width:43px;			  
			   height:17px;
			   border:none;
			 }
.but_zurueck:hover { background:url(_px/layout/buttons/zurueck.gif) no-repeat 0 -16px;}


ul.list_zahlart { margin-left:10px; }
li.li_zahlart { height:20px; list-style:disc; padding-bottom:22px; }


/* zurueck */
div#back_page { float:right; text-align:right; margin:5px -40px 0 0; }
div#back_page ul {	list-style-type:none;
					margin-left:-25px;
				}
div#back_page ul li	{height:20px;}
div#back_page ul a span	{display:none;}
div#back_page ul a	{	display:block; 
					width:100%; 
					overflow:hidden; 
				}

div#back_page ul li.li_zurueck {height:16px; 
							width:50px;
							margin-top:-7px;
							}

div#back_page ul a.zurueck_link	{	background:url(_px/layout/buttons/zurueck.gif) no-repeat 0 1px;
						}							
div#back_page ul a.zurueck_link:hover	{	background:url(_px/layout/buttons/zurueck.gif) 0 -16px no-repeat;		
							}			




div#kasse ul{	list-style-type:none;
					margin-left:-25px;
				}

div#kasse ul li	{height:20px;}
div#kasse ul a span	{display:none;}
div#kasse ul a	{	display:block; 
					width:100%; 
					overflow:hidden; 
				}

div#kasse ul li.li_zurueck {height:16px; 
							width:50px;
							margin-top:-7px;
							}

div#kasse ul a.zurueck_link	{	background:url(_px/layout/buttons/zurueck.gif) no-repeat 0 1px;
						}							
div#kasse ul a.zurueck_link:hover	{	background:url(_px/layout/buttons/zurueck.gif) 0 -16px no-repeat;		
							}			



.zahlart_zurueck { margin-top:-45px; }

.headline_deine_daten {padding-top:16px; }

.back_link_bestellung {float:left; width:62px; }


/* TABELLE BESTELLÜBERSICHT */

table#table_zahlen {width:100%;}
table#table_zahlen td {padding:3px; }			
td.ta_right {text-align:right; }
td.ta_center {text-align:center; }
td.td_fett {font-weight:bold; }

td.td_menge { width:8%; text-align:left; }
td.td_geschenk { width:8%; text-align:left; }
td.td_produkt { width:45%; text-align:left; }
td.td_einzelpreis { width:12%; text-align:right; }
td.td_gesamtpreis { width:12%; text-align:right; }

div.div_menge {text-align:right; margin-right:15px; }


/* ########### TABELLE WARENKORB ############# */
table#table_warenkorb { width:100%; }
table#table_warenkorb td { padding:3px; vertical-align:top; }

.va_top { vertical-align:top; }		

.top 	{	border-bottom:solid 1px #333;
			font-weight:bold;
			width:5%;
		}
.top_preis 	{	border-bottom:solid 1px #333;
			font-weight:bold;
			width:8%;
		}		

.top_right 	{	border-bottom:solid 1px #333;
			font-weight:bold;
			width:15%;
			text-align:right;
		}		

.checkbox_center { text-align:center; }
.small_textfield { width:25px; }

.warenwert	{	border-top:solid 1px #333;
			font-weight:bold;
			text-align:right;
			margin-bottom:5px;
		}

.korb_versand { text-align:right;
				margin-bottom:5px;				
			  }
.gesamt	{	border-top:solid 1px #333;
				border-bottom:double 1px #333;
				font-weight:bold;
				text-align:right;
				margin-bottom:5px;
			}

.linie_unten {	border-bottom:solid 1px #333;	}

.sel_variante { margin-left:7px; width:40px; }

			
			
			
/* Detailseite der Produkte */
div#detail	{	width:590px;
				margin-left:60px;
				font-size:12px;	
				line-height:18px;
			}	

div#detail img	{float:left;
					margin-right:20px;
					margin-bottom:20px;
				}						

div#title_detail	{width:100%; 
					 float:left; 
					 height:70px; 
					 padding:0;
					 margin-top:15px;
					}

div#title_detail img { float:left; 
					   margin:0;
					   padding:0; 
					 }

div#title_detail h2 { padding:0; margin:0; }					 

div#title_detail form { float:right;
						margin:20px 15px; 
					  }

div#prod_detail		{width:100%; }
/* Einschub */
div#prod_img { float:left;
			   width:350px;
			  }
div#prod_text { float:right;
				width:220px;
			  }

div#prod_thumbs { float:left; }

div#prod_thumbs div { float:left;
					  width:80px;
					  height:80px;
					  overflow:hidden;
					  border: solid 1px #CCC;
					  text-align:center;
					  margin-right:10px;
					 }
					  

div#prod_thumbs img { border:none; 
					  float:left;
					 }


div#detail_mb { width:100%;}

div#detail_menge {float:left; margin-right:8px; margin-top:8px;}
div#detail_menge input {width:25px; }
div#detail_but {float:right; }

/* CSS fr Login Kasse usw */
div#kasse	{	width:600px;
				margin-left:60px;
				font-size:12px;	
				line-height:18px;
				min-height:400px;
			}	

div#kasse h2 {margin:0px; padding:0px;}

.login_neukunde {float:left; margin:20px  20px 20px 0; }

.login_anmelden {margin-top:10px; }

.login_kunde { float:left; 
			   margin:20px; }

.rechtsbuendig	{	text-align:right;
					margin-right:12px;
				 }
.kurz	{	width:60px;	}
.mittel	{	width:200px;	}
.ort	{	width:133px;	}

table#table_adr_daten { width:500px; }
table#table_adr_daten td { vertical-align:top; padding:5px;}

.but_change_pass { background:url(_px/layout/buttons/passwort_change.gif) no-repeat 0 1px;
			   width:120px;			  
			   height:17px;
			   border:none;
			   margin:20px 5px;			   
			 }
.but_change_pass:hover { background:url(_px/layout/buttons/passwort_change.gif) no-repeat 0 -17px;}

.but_change_mail { background:url(_px/layout/buttons/email_change.gif) no-repeat 0 1px;
			   width:120px;			  
			   height:17px;
			   border:none;
			   margin:20px 0px;
			 }
.but_change_mail:hover { background:url(_px/layout/buttons/email_change.gif) no-repeat 0 -17px;}




/* Adressformular */
td.fehler_msg { color:#E80000; vertical-align:top; }

table.address_tbl { vertical-align:top; }

.schrift_klein { font-size:9px;}
.sternchen {font-size:12px; font-weight:normal; }

.news_checkbox { float:left; 
				 margin:5px 10px 0px 0;
				 }
.news_info { font-size:10px; 
			 font-weight:normal; 
			 width:220px;
		    }

/* EINKAUFSKRAM */

div#leiste	{	background:url(_px/layout/leiste/leiste.png) no-repeat;
				margin:5px 0 40px 20px;
				height:20px;
			}

.kutter_korb	{margin-left:0px;
				}

.kutter_entern	{margin-left:80px;
				}
.kutter_adresse	{margin-left:170px;
				}
.kutter_versand	{margin-left:265px;
				}
.kutter_bezahlen	{margin-left:360px;
				}
.kutter_vonbord	{margin-left:480px;
				}

/* Kontaktseite */
div.kontakt_adr { width:200px; float:left; }


/* FOOTERBEREICH */

div#between {	clear:both;
				height:20px;
				background-color:transparent;
			}
			
div#footer	{	clear:both;
				height:40px;
				background:url(_px/layout/bg_fishermans_footer.gif) no-repeat;
				text-align:right;
				margin-right:30px;
				font-size:11px;
				padding-top:8px;
			}						

div#footer a {color:#FFF;
				text-decoration:none;
				padding:8px 20px 0 0;
			 }			

div#footer a:hover {	text-decoration:underline;
			 }			



div#below	{	height:30px;
			}
