/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''
'  	CSS Dokument:		-> www.moto-fashion.de         	'
'	Datei erstellt:		-> 01.01.2009					'
'  	Funktion: 			-> Zentrales Style				'
'  	Programmierung:		-> www.webkos.de [M.Musa]		'
'~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@import url(mf_style_text.css);
@import url(mf_regis.css);

BODY {
	margin: 0px 5px 30px 0px;
	color: #353A3E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

/* Farben: gelb> #FFCC00 :: Nevi Top-Blau > 0076BD */

/* 'top' 'right' 'bottom' 'left' */
table, fieldset, img { border:0; }

/* ~~~ 0. DIV-Hauptinhalt - Basisebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#basis_0 { z-index: 1; left: 50%;  position: relative; min-height: 650px; width: 1000px; margin-left:-500px; margin-right:auto;
			margin-top: 0px; margin-bottom: 30px; border: 0px solid #000000; background-image:url(hg_produkt.jpg); background-repeat: no-repeat; background-color:#DFE7EA}
#zurueck {position:absolute; left: 0px; top: -25px;}
/* ~~~ 1. DIV - TOP & Inhalt  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top_logo	{ position:relative; height: auto; margin: 0pt; border: 0px solid #000; }
#content_navi { position:relative; left: 0px; height: 26px; width: 100%; margin: 0pt; border-top: 0px solid #ffffff; border-bottom:0px solid #ffffff; background-image:url(bg_top.gif);}

#content { position:relative;  min-height: 500px; width: 1000px; background-color:transparent; top:0px; }
	#cont_links {position: relative; float: left; left: -609px;  top:20px; width: 200px;  border: 0px solid #000;  }
	#cont_inhalt {position: relative; float: left; left: 200px; padding: 20px 7px 0 7px; width: 595px; top: 0px; border: 0px solid #ffffff;background-image:url(hg_content.jpg); background-repeat: no-repeat; background-color: #ffffff; }
	/* TOP text */ 
	  #centerTop {position:relative; top:-15px; font: 12px Arial, Helvetica, sans-serif; padding: 0 0 3px 0px; color: #fff; border-bottom: 0px solid #CBCBCB; background-color:transparent;}
	  #centerTop a {color: #fff !important; }
	#cont_rechts {position: relative; float: right; left: 0px; top:20px; width: 190px;  border: 0px solid #000;}
	#marken {text-align:center; width:180px; background:#fff; margin:5px}
	#marken img {margin: 7px 3px;}
	#navi_kat {border: 0px solid #000;}
	
	/*: Unternavi - Kategorien  :*/
	#pro_unternavi table.navi_kat td {padding-left: 20px; height: 19px; color: #ffffff;}
	#pro_unternavi table.navi_kat td a {display: block; }
	#pro_unternavi table.navi_kat td a:hover {font-weight: bold; color: #ffffff; background-color: #1D343F;}
	#pro_unternavi table.navi_kat td:hover {background-color: #1D343F; height: 19px; color: #ffffff;}
	#pro_unternavi table.navi_kat h1 {color: #071F28;}
	
	/* ~~~ KATEGORIE MENUE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
	#navi_kat h2 { padding:0pt 0pt 0pt 0pt; text-decoration:none;}
	.m_kat, a.m_kat:link, a.m_kat:visited {
		font: bold 12px Arial,Verdana,Helvetica,sans-serif; color: #353A3E !important; padding:2px 0px 2px 18px; line-height: 19px; display: block;
		letter-spacing:0.3pt; margin:0px 10px 0px 10px;border-bottom: 1px solid #FFCC00; text-decoration: none; background-color: transparent; background-image:url(pfeil.gif); background-repeat:no-repeat;
	} 
	.m_katA, a.m_kat:hover, a.m_kat:active, a.m_katA:link, a.m_katA:visited, a.m_katA:active, a.m_katA:hover {
		font: bold 12px Arial,Verdana,Helvetica,sans-serif; line-height: 19px; display: block; color: #0076BD !important; padding-left: 18px; text-decoration: none; 
		 background-image:url(pfeilDown.gif); margin:0px 10px 0px 10px; background-position: left top; background-repeat: no-repeat; 
	}
	.navi_skat {padding: 0px 0 0 0pt; border: 0px solid #000; margin-bottom: 5px;}
	.navi_skat h2 {padding:0pt; text-decoration:none;}
	.sm_kat, a.sm_kat:link, a.sm_kat:visited {
		font: normal 11px Verdana,Arial,Helvetica,sans-serif; color: #000000 !important; padding-left: 25px; line-height: 16px; display: block;
		border-bottom: 1px dotted #D4C3C3; text-decoration: none; padding-left: 23px; margin:0px 10px 0px 10px; background-color: transparent; background-image:url(pfeilSub.gif); background-repeat:no-repeat;
	} 
	.sm_katA, a.sm_kat:hover, a.sm_kat:active, a.sm_katA:link, a.sm_katA:visited, a.sm_katA:active, a.sm_katA:hover { 
		font: normal 11px Verdana,Arial,Helvetica,sans-serif; color: #0076BD !important; padding-left: 25px; line-height: 16px;  display: block; 
		border-bottom: 1px dotted #0076BD; text-decoration: none; padding-left: 23px; margin:0px 10px 0px 10px; background-image:url(pfeilSubDown.gif); background-position: 8px 0px; background-repeat: no-repeat;
	}
		
/* ~~~ SERVICEBOX MENUE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
	#navi_sbox h2, .navi_sbox h2 {padding:0pt 0pt 0pt 0pt; text-decoration:none; list-style: none;}
	.sbox_m, a.sbox_m:link, a.sbox_m:visited {
		padding: 2px 0px 2px 18px; display: block; font: normal 12px Arial,Verdana,Helvetica,sans-serif; line-height: 19px; text-decoration: none;
		color: #353A3E !important; letter-spacing:0.3pt; border-bottom: 1px solid #FFCC00;
		background-color: transparent; background-image:url(pfeil.gif); background-repeat:no-repeat;  margin:0px 10px 0px 10px;
	} 
	.sbox_mA, a.sbox_m:hover, a.sbox_m:active, a.sbox_mA:link, a.sbox_mA:visited, a.sbox_mA:active, a.sbox_mA:hover {
		padding-left: 18px; display: block; font: normal 12px Arial,Verdana,Helvetica,sans-serif; line-height: 19px; text-decoration: none;
		color: #0076BD !important; letter-spacing:0.3pt; border-bottom: 1px dotted #0076BD;
		 background-image:url(pfeilDown.gif); background-repeat:no-repeat;  margin:0px 10px 0px 10px;
	}
		
#content_foot   {position: relative; clear: both; top: 20px; left: 0px; width: 1000px; height: 27px; background-color: #FFCC00;}
.copyJ {font-size: 11px; font-weight: bold; line-height: 25px; padding: 2px 5px 0 200px; color: #0076BD;}

/* ~~~ PRODUKT VORSCHAU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div.produktVorLeft  {position:relative; float: left; left: 0px; top: 15px; width: 220px; border: 0px none #fff; z-index: 200;}
div.produktVorRight {position:relative; float: left; left: 5px; top: 15px; width: 375px; border: 0px none #fff; z-index: 200;}
div.proInfo li { margin-bottom: 3px;}
div.proInfo li a { font: normal 11px Arial,Verdana,Helvetica,sans-serif; color: #4C3601;}

	/* ~~~ PRODUKTE EMPFEHLEN ~~~*/
div.art-emf { margin-top: 5px; padding: 10px 5px 10px 5px; border-bottom:1px dashed #A6A07F;}
div.art-emf li {display:block; text-transform: uppercase; margin-bottom: 3px; background: transparent url(../pics/lipxb.gif) no-repeat scroll left 3px;}
div.art-emf li a {display:block; font: normal 11px Arial,Verdana,Helvetica,sans-serif;}
div.art-emf li:hover {color: #353A3E; display:block; text-transform: uppercase; margin-bottom: 3px; background: #FFCC00 url(../pics/lipx.gif) no-repeat scroll left 3px;}

	/* ~~~ PRODUKTE LIEFERZEIT ~~~*/
.lief_gruen  { height: 25px; background-image:url(lief_gruen.gif); background-position: center 5px; background-repeat: no-repeat;}
.lief_orange { background-image:url(lief_orange.gif); background-position: center 5px; background-repeat: no-repeat;}
.lief_rot    { background-image:url(lief_rot.gif); background-position: center 5px; background-repeat: no-repeat;}

div.varianten { margin: 10px 0 10px 0; padding: 10px 0 10px 0;  background-color: #F9DE00; border-top:1px dashed #0076BD; border-bottom:1px dashed #0076BD;}
table.variantenTab { background-color: #FFCC00;}
table.variantenTab td {padding: 2px 2px 2px 3px; font-size: 11px;}
table.variantenTab th {font-weight: bold; color: #000000; text-align: center; font-size: 11px; height: 20px;}

div.infoProVorschBtn { padding: 5px; background-color: #F9DE00; text-align: center; font-size: 11px;}
/* ~~~ MENUE FORMAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	div#menus {clear:both; float:left; position: absolute; top: 201px; left: 200px; height: 28px; z-index: 120; border: 0px solid #000;}
	div#menus h2 { float:left; font-size: 13px; font-weight: bold; margin:0pt; padding:0pt; color: #ffffff; background-color: transparent; font-style: normal;}
	.menu, a.menu:link, a.menu:visited, a.menu:active  { 
	    font-size: 13px; font-weight: bold; cursor:pointer; color: #FFFFFF; text-align:center; display:block; line-height: 26px; text-decoration: none; 
		border-left: 0px solid #FFFFFF; border-bottom: 0px solid #808080; border-right:  0px solid #808080;
	 }  
	.menuA, a.menu:hover, a.menuA:link, a.menuA:visited, a.menuA:active, a.menuA:hover { 
        font-size: 13px; font-weight: bold; cursor:pointer; color: #000; text-align:center; display:block; line-height: 26px; text-decoration: none; 
		border-left: 0px solid #FFFFFF; border-bottom: 0px solid #808080; border-right:  0px solid #808080; background-image:url(bg_top_hover.gif);
	}
	
	h2.m1,h2.m2,h2.m3,h2.m4,h2.m5,h2.m6 {border: 0px solid #000;}
	h2.m1 { width:120px;} 
	h2.m2 { width:125px;}
	h2.m3 { width:125px;}
	h2.m4 { width:120px;}
	h2.m5 { width:110px;}
	h2.m6 { width:100px;}
	.sucheklForm {position: relative; float: right; top:0px; left: 123px; border: 0px solid #000;}

/* ~~~ ENDE :: MENUE FORMAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
/*------ FORMULARE FORMATIERUNG ::::::::::::::::*/	
.best_schritt {}
form { margin: 0pt 0pt 0pt 0pt; }
textarea { border:1px solid #116776; padding: 5px; overflow: auto;  padding-left:5px; background-color: #FFFFFF;}
select	{ padding-left:5px; color:#000000; border: 1px solid #CBCBCB; background-color: #FFFFFF; cursor:pointer; }

label {cursor: pointer;}
form.regis { width: 100%}
form.regis label {display:inline; font-weight: bold; font-size:12px; margin: 10px 5px 0 0px; cursor: pointer;}
form.regis input.input_txt {width:230px; margin: 0 0 2px 0; border:1px solid #0076BD; }
form.regis input[type="text"] {width:230px; border:1px solid #0076BD; }
form.regis input[type="password"] {width:100px; border:1px solid #0076BD; }
form.regis select {margin: 5px 0 5px 0;}
form input:hover, form.regis input:hover, textarea:hover {background-color:#F1F1F1; color: #353A3E; border:1px solid #0076BD; }
form.regis input[type="submit"] {width:100px; line-height: 20px;}
form.regis select { background-color:#D1D1D3; border:1px solid #0076BD; color:#000000; cursor:pointer; font-size:12px; font-weight:bold; padding-left:5px;}

.input_txt { font-size:11px; font-weight:bold; color: #353A3E; border: 1px solid #0076BD; padding:2px; line-height: 19px; background-color: #FFFFFF; }
.input_suche {position: relative; top: 0px; padding: 1px 2px 2px 3px; width: 155px; font-weight: normal; border: 1px solid #957A4B; height: 16px; background-color: #FFFCBC; vertical-align: text-top; }
.input_artnr {margin: 5px 2px 5px 0px; padding: 0pt 2px 0pt 3px; width: 125px; font-weight: normal; border: 1px solid #957A4B; height: 16px; vertical-align: middle; }
.areaKontakt {width: 380px; height: 150px;}

.btn, input.btn, a.btn:link, a.btn:visited { font-size: 12px; font-weight:bold; color: #FFFFFF; text-decoration:none; background-color: #0076BD; padding: 2px;
		border-top: 1px solid #5F5F5F; 	border-left: 1px solid #5F5F5F; border-right: 2px solid #2F2F2F; border-bottom: 2px solid #2F2F2F; 	
		margin-top: 5px; cursor: pointer; height: 25px;}
form.regis input.btn:hover, input.btn:hover, a.btn:hover, a.btn:active{ font-size: 12px; color: #ffffff; text-decoration:none; background-color: #FFCC00;  cursor: pointer; padding: 2px;
		border-color:#0076BD #4C3601 #4C3601 #0076BD; border-style:solid; border-width:1px 2px 2px 1px;
		margin-top: 5px; cursor: pointer; height: 25px; color: #000000; }

.butt, .butt a { font-size: 12px; font-weight:bold; color: #FFFFFF !important; background-color: #0076BD;
		border-top: 1px solid #F6A613; 	border-left: 1px solid #F6A613; border-right: 2px solid #0076BD; border-bottom: 2px solid #0076BD; 	
		margin-top: 10px; cursor: pointer; line-height: 35px !important;  text-align: center;
}form .butt:hover, form .butt:focus, .butt {background-color:#0076BD; 	border-right: 2px solid #116776; border-bottom: 2px solid #116776; height: 25px;}
.buttW { width: 130px;}
.butt_l {margin-left: 25px; width: 70px; height: 25px; border: 1px solid #1B313C; background-color: #ffffff; color: #1B313C; text-align: center;}

.btnOK {color: #ffffff; background-color: #0076BD; font-size: 12px; font-weight: bold; border: 1px solid #4C3601; width: 30px; vertical-align: middle; cursor: pointer;}
#btPfeil { background:transparent url(bg_submit.gif) no-repeat scroll left 2px;
			border: medium none; cursor:pointer; height:21px; margin-left:-1px; width:22px;}

.radio { font-size: 11px; cursor:pointer; }

a.lexiko:link,a.lexiko:visited,a.lexiko:active { 
	font-weight: bold; line-height: 15px; text-decoration: none; text-align: center; color: #ffffff; display: block; width: 17px; border: 1px solid #0076BD; background-color: #EF9700;}
a.lexiko:hover,a.lexikoA:link,a.lexikoA:visited,a.lexikoA:active,a.lexikoA:hover {
	font-weight: bold; line-height: 15px; text-decoration: none; text-align: center; color: #ffffff; display: block; width: 17px; border: 1px solid #EF9700; background-color: #0076BD;
}

.logout {padding: 2px; font-size: 12px; font-weight: bold; text-align: center;  background-color: #B72F0E; color: #ffffff; }
.logout a {letter-spacing: 5px; text-decoration: none; display: block; padding: 2px; font-size: 15px; font-weight: bold; text-align: center;  background-color: #B72F0E; color: #ffffff; }

/* ~~~ FILTER FORMAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.proFilter { background-color:#FFCC00; border-top:1px dotted #888888; border-bottom:1px dotted #888888; padding:8px 20px; margin-bottom: 8px; }
.proFilter p { float:left; margin-right:25px; padding:0; color:#353A3E; }
.titProFilter {display: block; padding-bottom: 5px;}
.ProFilRadio label { display:block; margin-right:2px; line-height: 17px; vertical-align:middle; }
form.sort_filter select {margin: 0; }

/*::: Seiten-LIMIT-Menü --------*/
#seitenLimit, .seitenLimit { position:relative; margin-top: 10px; width:99%; min-height:25px; background-color:#ffffff;	border-top: 1px dotted #004FA3; padding: 5px 0 5px 0;}
.Limit,.LimitA { font-size: 12px; font-weight: bold; line-height: 13px; text-decoration: none; text-align:center; color: #4C3601; padding: 0 2px 0 2px;} 
a.Limit:link, a.Limit:visited, a.Limit:active { font-size: 10px; font-weight:bold; line-height: 13px; text-decoration: none; text-align:center; color: #6F6F6F; border: 1px solid #6F6F6F; padding: 0 2px 0 2px;}
.LimitA, a.Limit:hover, a.LimitA:link, a.LimitA:visited, a.LimitA:active, a.LimitA:hover{ font-size: 10px; font-weight:bold; line-height: 13px; text-decoration: none; text-align: center; color: #4C3601; border: 1px solid #F8B51A; background-color: transparent; padding: 0 2px 0 2px;}

ul{list-style: none;}	
#contentPad{margin:20px;}
.formInfo a, .formInfo a:active, formInfo a:visited{ background-color:#FF0000; font-size: 1.3em; font-weight:bold; padding:1px 2px; margin-left:5px; color:#FFFFFF; text-decoration: none;}
.formInfo a:hover {color:#660000; text-decoration: none;}


/* ---------->>> ICOS POST <<<---------------------------------------------------------------*/
/*.rest_kl_de {height:35px; width:46px; position:absolute; right:0px; top:0px; z-index:100;}
.rest_kl_de {background: transparent url(../pics/restposten_kl.gif) no-repeat scroll  1px 0;}
*/
.proPic {position:relative; top: -1px;}

.s_angebot,.s_restpost,.s_de_portofrei, .nur_www, .neu {width: 45px; height: 37px; position:absolute; right:0px; top:0px; z-index:100;}
.s_angebot {background: transparent url(icons.gif) no-repeat scroll left top;}
.s_restpost {background: transparent url(icons.gif) no-repeat scroll left -224px;}
.s_de_portofrei {background: transparent url(icons.gif) no-repeat scroll left -114px;}
.s_nur_www {background: transparent url(icons.gif) no-repeat scroll left -309px;}
.s_neu {background: transparent url(icons.gif) no-repeat scroll left -402px;}

.m_restpost {background: transparent url(pic_m_restpost.gif) no-repeat scroll right top;}
.m_angebot {background: transparent url(pic_m_angebot.gif) no-repeat scroll right top;}
.m_de_portofrei {background: transparent url(pic_m_de_portofrei.gif) no-repeat scroll right top;}
.m_nur_www {background: transparent url(pic_m_nur_www.gif) no-repeat scroll right top;}

.x_restpost {background: transparent url(pic_x_restpost.gif) no-repeat scroll right top;}
.x_angebot {background: transparent url(pic_x_angebot.gif) no-repeat scroll right top;}
.x_de_portofrei {background: transparent url(pic_x_de_portofrei.gif) no-repeat scroll right top;}
.x_nur_www {background: transparent url(pic_x_nur_www.gif) no-repeat scroll right top;}
.x_neu {background: transparent url(pic_x_neu.gif) no-repeat scroll right top;}

/* ---------->>> mootTip <<<---------------------------------------------------------------*/
.mooTipPfeil{ z-index: 8000; height:23px; width:11px; top:-12px; position: absolute;}
.mooTipTitle{ z-index: 8000; padding-left: 0px; padding-right: 0px; background-color: #116776; height: 20px; position:absolute;}
.mooTipContentOuter{ z-index: 8000; background-color: #ffffff; border: 1px solid #116776; }
.mooTipContent{ z-index: 8000; background-color: #ffffff; margin: 10px;}

/* EXTRA BOOX BILD CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#lbOverlay 		{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background:#FFCC00 url(bg-sbox.gif) repeat scroll 0%; cursor: pointer;}
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }
#lbCenter { border: 2px solid #0076BD;}
#lbBottomContainer { border-right: 2px solid #0076BD; border-left: 2px solid #0076BD;  border-bottom: 2px solid #0076BD;  border-top: 1px dotted #0076BD; }

.lbLoading 		{ background: #fff url(loading.gif) no-repeat center; }
#lbImage 		{ position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink 	{ left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 95%; }
#lbNextLink 	{ right: 0; }
#lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 95%; }

#lbBottom 		{ font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; padding: 5px; line-height: 1.4em; text-align: left;}
/*#lbImage, #lbBottom  { border-top: 2px solid #0076BD; border-right: 2px solid #0076BD; border-left: 2px solid #0076BD;  border-bottom: 2px solid #0076BD; border-top: 1px dotted #0076BD; } */

#lbCloseLink 	{ display: block; float: right; width: 100px; 	height: 22px; 	background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 69px; } 
#lbCaption 		{ font-weight: bold; }


/* Ratenkauf */
table.t_ratenkauf td {padding: 2px 2px 2px 3px; font-size: 11px;}
table.t_ratenkauf_form td {padding: 2px 2px 2px 3px; font-size: 11px;}