@charset "utf-8";

/* Style LEATHERS main */
/* Darstellung alle Medien: Layout und Menu Rollover */
/* author: zuendi.de */

/* ---------- allgemeine Definitionen --------------------------------------- */
body {
padding: 0px;
margin: 0px;
text-align: center;
background: #ffffff url(../img-nav/bg_greybottom.gif) fixed left bottom repeat-x;
}

img {
border: none;
}

ul, li {
margin: 0;
padding: 0;
border: 0;
}

a {
border: none;
text-decoration: none;
color: #c2c2c2;
}
a:hover {
color: #c60b27;
}
a:active, a:focus, a.selected {
color: #ffffff;
}
a:visited {
/* color: #c2c2c2; */
}

/* ---------- container ----------------------------------------------------- */
#container {
padding: 0px;
width: 760px;
min-height: 560px;		 /* hack fuer IE Win in seperater Datei */

height: 560px;
/* IE 5 Mac commented backslash hack v2 \*/
height: auto;
/* recover from hack */

margin: 10px auto 10px auto;
position: relative; 	/* wegen IE 6, doch nicht noetig ? */
/* border: #ffffff solid 5px; */
text-align: left;
color: #ffffff;
background: #7d7d7d url(../img-nav/bg_nav.gif) repeat-y left top;
}

/* ---------- schlange (index) ---------------------------------------------- */
#schlange {
padding : 0px;
width: 760px;
height: 416px;
background-color: #7d7d7d;
}
#indexunderline {
padding : 0px;
width: 760px;
height: 144px;
background-color: #000000;
}

/* ---------- head ---------------------------------------------------------- */
#head {
color: #000000;
background: #a4a68b url(../img-nav/bg_head.gif) repeat-y left top;
padding: 0;
overflow: hidden;	/* khtml, Safari falls Bild zu breit */
border-bottom: 4px solid #ffffff;
height: 150px;	/* IE 5.2 Mac */
font-family: impact, geneva, helvetica, arial, verdana, sans-serif;
}

#head h1 {
margin: 0;
padding: 0;
font: 40px bold;
}
#head h2 {
margin: 0;
padding: 0;
font: 20px bold;
}
#head p {
margin: 0;
padding: 0;
font-size: 18px;
}

#headline {
display: block;
margin: 0;
padding: 0;
height: 150px;
background: transparent url(../img-nav/headline_std.jpg) no-repeat left top;
/* Positionsanpassung Mac IE 5 */
background-position: 4px;
/* IE 5 Mac commented backslash hack v2 \*/
background-position: 154px 0px;
/* recover from hack */
text-indent: -700em;
text-decoration: none;
}
/* background image auf entsprechenden Seiten per Stylesheet ueberschreiben */

#head img.logo {
float: left;
margin: 0;
padding: 0px;
position: relative;
top: 0;
left: 0;
}

/* ---------- menu ---------------------------------------------------------- */
#menu {
float: left;
padding: 20px 0 0 16px;
width: 134px;	/* braucht nur IE 5.2 Mac */
background-color: transparent;
color: #ffffff;
font: 14px geneva, helvetica, arial, verdana, sans-serif;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu ul.homepagenavi {
margin: 21px 0 0 0;
}
#menu ul.haendlerportal {
margin: 20px 0 0 0;
}
#menu li {
padding: 0;
margin: 0;
}
#menu li.submenu {
padding: 0 20px 0 0;
}

#menu a {
display: block;
padding: 21px 0 0 0;		/* height of the replacement image */
height: 0px !important;		/* for most browsers */
height /**/: 21px;			/* for IE5.5's bad box model */
margin: 0;
overflow: hidden;
background-repeat: no-repeat;
width: 134px;
font-size: 14pt;
}
#menu li.submenu a{
padding: 18px 0 0 0;		/* height of the replacement image */
font-size: 13pt;
}

#menu_onlineshop a { background: url(../img-nav/menu_onlineshop.gif) 0 0 no-repeat; }
#menu_onlineshop a.selected:hover { background: url(../img-nav/menu_onlineshop.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_philosophie a { background: url(../img-nav/menu_philosophie.gif) 0 0 no-repeat; }
#menu_philosophie a.selected:hover { background: url(../img-nav/menu_philosophie.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_werkstatt a { background:url(../img-nav/menu_werkstatt.gif) 0 0 no-repeat; }
#menu_werkstatt a.selected:hover { background: url(../img-nav/menu_werkstatt.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_indiewerkstatt a { background:url(../img-nav/submenu_indiewerkstatt.gif) 0 0 no-repeat; }
	#submenu_indiwerkstatt a.selected:hover { background: url(../img-nav/submenu_indiewerkstatt.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_zuranprobe a { background:url(../img-nav/submenu_zuranprobe.gif) 0 0 no-repeat; }
	#submenu_zuranprobe a.selected:hover { background: url(../img-nav/submenu_zuranprobe.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_laden a { background: url(../img-nav/menu_laden.gif) 0 0 no-repeat; }
#menu_laden a.selected:hover { background: url(../img-nav/menu_laden.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_indenladen a { background:url(../img-nav/submenu_indenladen.gif) 0 0 no-repeat; }
	#submenu_indenladen a.selected:hover { background: url(../img-nav/submenu_indenladen.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_wegbeschreibung a { background:url(../img-nav/submenu_wegbeschreibung.gif) 0 0 no-repeat; }
	#submenu_wegbeschreibung a.selected:hover { background: url(../img-nav/submenu_wegbeschreibung.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_galerie a { background: url(../img-nav/menu_galerie.gif) 0 0 no-repeat; }
#menu_galerie a.selected:hover { background: url(../img-nav/menu_galerie.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_hosen a { background:url(../img-nav/submenu_hosen.gif) 0 0 no-repeat; }
	#submenu_hosen a.selected:hover { background: url(../img-nav/submenu_hosen.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_chaps a { background:url(../img-nav/submenu_chaps.gif) 0 0 no-repeat; }
	#submenu_chaps a.selected:hover { background: url(../img-nav/submenu_chaps.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_hemden a { background:url(../img-nav/submenu_hemden.gif) 0 0 no-repeat; }
	#submenu_hemden a.selected:hover { background: url(../img-nav/submenu_hemden.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_jacken a { background:url(../img-nav/submenu_jacken.gif) 0 0 no-repeat; }
	#submenu_jacken a.selected:hover { background: url(../img-nav/submenu_jacken.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_westen a { background:url(../img-nav/submenu_westen.gif) 0 0 no-repeat; }
	#submenu_westen a.selected:hover { background: url(../img-nav/submenu_westen.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_shorts a { background:url(../img-nav/submenu_shorts.gif) 0 0 no-repeat; }
	#submenu_shorts a.selected:hover { background: url(../img-nav/submenu_shorts.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_slips a { background:url(../img-nav/submenu_slips.gif) 0 0 no-repeat; }
	#submenu_slips a.selected:hover { background: url(../img-nav/submenu_slips.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_masken a { background:url(../img-nav/submenu_masken.gif) 0 0 no-repeat; }
	#submenu_masken a.selected:hover { background: url(../img-nav/submenu_masken.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_harnesse a { background:url(../img-nav/submenu_harnesse.gif) 0 0 no-repeat; }
	#submenu_harnesse a.selected:hover { background: url(../img-nav/submenu_harnesse.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_korsagen a { background:url(../img-nav/submenu_korsagen.gif) 0 0 no-repeat; }
	#submenu_korsagen a.selected:hover { background: url(../img-nav/submenu_korsagen.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_bondage a { background:url(../img-nav/submenu_bondage.gif) 0 0 no-repeat; }
	#submenu_bondage a.selected:hover { background: url(../img-nav/submenu_bondage.gif) -268px 0 no-repeat; } /* fuer Win IE */

	#submenu_specials a { background:url(../img-nav/submenu_specials.gif) 0 0 no-repeat; }
	#submenu_specials a.selected:hover { background: url(../img-nav/submenu_specials.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_impressum a { background: url(../img-nav/menu_impressum.gif) 0 0 no-repeat; }
#menu_impressum a.selected:hover { background: url(../img-nav/menu_impressum.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_freunde a { background: url(../img-nav/menu_freunde.gif) 0 0 no-repeat; }
#menu_freunde a.selected:hover { background: url(../img-nav/menu_freunde.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_kontakt a { background: url(../img-nav/menu_kontakt.gif) 0 0 no-repeat; }
#menu_kontakt a.selected:hover { background: url(../img-nav/menu_kontakt.gif) -268px 0 no-repeat; } /* fuer Win IE */

#menu_haendlerportal a { background: url(../img-nav/menu_haendlerportal.gif) 0 0 no-repeat; }
#menu_haendlerportal a.selected:hover { background: url(../img-nav/menu_haendlerportal.gif) -268px 0 no-repeat; } /* fuer Win IE */
#menu_haendlerportal { margin-top: 42pt }


#menu a:hover {
background-position: -134px 0;
}
#menu a:active {
background-position: -268px 0;
}
#menu a.selected {
background-position: -268px 0;
}

/* ---------- content ------------------------------------------------------- */
#content {
margin: 10px 50px 0 180px;
color: #ffffff;
font-family: geneva, helvetica, arial, verdana, sans-serif;
font-size: 18px;
line-height: 25px;
}
#content p {
}
#content h1 {
font-size: 100%;
font-weight: bold;
}
#content h2 {
font-size: 100%;
font-weight: normal;
}
#content h3 {
font-size: 100%;
font-weight: normal;
}
#content h4 {
margin: -10px 0 0 0;
font-size: 100%;
font-weight: normal;
}

#content p.impressum, div.impressum {
font-size: 14px;
line-height: 17px;
}
#content p.impressumsmall {
font-size: 11px;
line-height: 13px;
/* color: #c2c2c2; */
}

#content img.whiteborder {
border: 4px solid #ffffff;
}

.keinUmbruch {
white-space:nowrap;
}
/* ---------- footer -------------------------------------------------------- */
#footer {
display: block;

position: absolute; bottom: 0px; left: 0px;
/* IE 5 Mac commented backslash hack v2 \*/
position: absolute; bottom: 0px; left: 60px;
/* recover from hack */

margin: 10px 0 0 180px;
padding: 10px 0;
background-color: transparent;
text-align: center;
color: #c2c2c2;
font: 10px impact, geneva, helvetica, arial, verdana, sans-serif;
}
#footer ul {
list-style: none;
margin: 0;
padding: 0;
}
#footer li {
display: inline;
}

/* ---------- mail link ----------------------------------------------------- */
#mail {
margin: -1em 0 0 0;
padding: 0;
}
#mail ul {
list-style: none;
margin: 0;
padding: 0;
}
#mail li {
float:left;
margin: 0;
padding: 0;
}

#mail a {
display:block;
overflow: hidden;
padding: 21px 0 0 0;		/* height of the replacement image */
height: 0px !important;		/* for most browsers */
height /**/: 21px;			/* for IE5.5's bad box model */
margin: -1px 0 0 0;
}
#mail a:hover {
background-position: 0 -21px;
}
#mail a:active {
background-position: 0 -42px;
}
#maillink a { width: 121px; background:url(../img-nav/mail.gif) 0 0 no-repeat; }
#maillink a.selected:hover { background: url(../img-nav/mail.gif) 0 -42px no-repeat; } /* fuer Win IE */

/* ---------- rubrik -------------------------------------------------------- */
#rubrik {
margin: 20px 0 0 -2px;
padding: 0;
}
#rubrik img {
float: left;
}

#rubrik ul {
overflow: hidden;
list-style: none;
height: 21px;
margin: 0;
padding: 0;
}
#rubrik li {
float:left;
list-style: none;
margin: 0;
padding: 0;
}

#rubrik a {
display: inline;
float: left;
overflow: hidden;
padding: 21px 0 0 0;		/* height of the replacement image */
height: 0px !important;		/* for most browsers */
height /**/: 21px;			/* for IE5.5's bad box model */
margin: 0;
background-repeat: no-repeat;
}
#rubrik a:hover {
background-position: 0 -21px;
}
#rubrik a.selected, #rubrik a:active {
background-position: 0 -42px;
}

#link_shop a { width: 119px; background:url(../img-nav/onlineshop.gif) 0 0 no-repeat; }
#link_shop a.selected:hover { background: url(../img-nav/onlineshop.gif) 0 -42px no-repeat; } /* fuer Win IE */

#werkstatt_indiewerkstatt a { width: 109px; background:url(../img-nav/werkstatt_indiewerkstatt.gif) 0 0 no-repeat; }
#werkstatt_indiwerkstatt a.selected:hover { background: url(../img-nav/werkstatt_indiewerkstatt.gif) 0 -42px no-repeat; } /* fuer Win IE */

#werkstatt_zuranprobe a { width: 83px; background:url(../img-nav/werkstatt_zuranprobe.gif) 0 0 no-repeat; }
#werkstatt_zuranprobe a.selected:hover { background: url(../img-nav/werkstatt_zuranprobe.gif) 0 -42px no-repeat; } /* fuer Win IE */

#laden_indenladen a { width: 82px; background:url(../img-nav/laden_indenladen.gif) 0 0 no-repeat; }
#laden_indenladen a.selected:hover { background: url(../img-nav/laden_indenladen.gif) 0 -42px no-repeat; } /* fuer Win IE */

#laden_wegbeschreibung a { width: 120px; background:url(../img-nav/laden_wegbeschreibung.gif) 0 0 no-repeat; }
#laden_wegbeschreibung a.selected:hover { background: url(../img-nav/laden_wegbeschreibung.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_hosen a { width: 43px; background:url(../img-nav/galerie_hosen.gif) 0 0 no-repeat; }
#galerie_hosen a.selected:hover { background: url(../img-nav/galerie_hosen.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_chaps a { width: 44px; background:url(../img-nav/galerie_chaps.gif) 0 0 no-repeat; }
#galerie_chaps a.selected:hover { background: url(../img-nav/galerie_chaps.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_hemden a { width: 52px; background:url(../img-nav/galerie_hemden.gif) 0 0 no-repeat; }
#galerie_hemden a.selected:hover { background: url(../img-nav/galerie_hemden.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_jacken a { width: 52px; background:url(../img-nav/galerie_jacken.gif) 0 0 no-repeat; }
#galerie_jacken a.selected:hover { background: url(../img-nav/galerie_jacken.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_westen a { width: 53px; background:url(../img-nav/galerie_westen.gif) 0 0 no-repeat; }
#galerie_westen a.selected:hover { background: url(../img-nav/galerie_westen.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_shorts a { width: 51px; background:url(../img-nav/galerie_shorts.gif) 0 0 no-repeat; }
#galerie_shorts a.selected:hover { background: url(../img-nav/galerie_shorts.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_slips a { width: 39px; background:url(../img-nav/galerie_slips.gif) 0 0 no-repeat; }
#galerie_slips a.selected:hover { background: url(../img-nav/galerie_slips.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_masken a { width: 53px; background:url(../img-nav/galerie_masken.gif) 0 0 no-repeat; }
#galerie_masken a.selected:hover { background: url(../img-nav/galerie_masken.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_harnesse a { width: 66px; background:url(../img-nav/galerie_harnesse.gif) 0 0 no-repeat; }
#galerie_harnesse a.selected:hover { background: url(../img-nav/galerie_harnesse.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_korsagen a { width: 70px; background:url(../img-nav/galerie_korsagen.gif) 0 0 no-repeat; }
#galerie_korsagen a.selected:hover { background: url(../img-nav/galerie_korsagen.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_bondage a { width: 62px; background:url(../img-nav/galerie_bondage.gif) 0 0 no-repeat; }
#galerie_bondage a.selected:hover { background: url(../img-nav/galerie_bondage.gif) 0 -42px no-repeat; } /* fuer Win IE */

#galerie_specials a { width: 62px; background:url(../img-nav/galerie_specials.gif) 0 0 no-repeat; }
#galerie_specials a.selected:hover { background: url(../img-nav/galerie_specials.gif) 0 -42px no-repeat; } /* fuer Win IE */

/* ---------- gallery ------------------------------------------------------- */
/* position, dimensions in javaSript galerie.js */
#gallery {
border: 4px solid #ffffff;
}
#picshow {
/* IE 5 Mac commented backslash hack v2 \*/
/* position: relative;		 für IE 6 Bug: overflow: hidden*/
/* recover from hack */
padding: 0px;
white-space: nowrap;
text-align: left;
background-color: #ffffff;
}
#ticker { 
white-space: nowrap;
}

#gallery img {
cursor: pointer;
}

#bilderohnescript {
padding: 2px;
width: 468px;
background-color: #ffffff;
}
#bilderohnescript img {
border: 1px solid #ffffff;
}

/* ---------- Mail Formular ------------------------------------------------- */

#formular {
border: 4px solid #ffffff;
margin: 0;
padding: 10px;
background-color: #000000;
color: #ffffff;
font-size: 14px;
line-height: 17px;
/* margin-left: 2%; */
}

.formtable {
background-color: #000000;
color:#ffffff;
}

.checktable {
background-color: transparent;
color: #ffffff;
}

.field_description {
vertical-align: top;
padding: 4px;
background-color: #000000;
}
.field_content {
padding: 4px;
background-color: #000000;
white-space:nowrap;
}
.field_submit {
text-align: center;
vertical-align: bottom;
padding: 4px;
background-color: #000000;
}
	
input, textarea, select, option {
color : #000000;
/*
border-left: 1px solid #F9F7F4;
border-right: 1px solid #CDBC9C;
border-top: 1px solid #F9F7F4;
border-bottom: 1px solid #CDBC9C;
*/
border:none;
background-color: #a4a68b;
}
radio, checkbox {
border-left: none;
border-right: none;
border-top: none;
border-bottom: none;
background-color: #000000; 	
}

#submitbutton {
color: #ffffff;
background-color: #000000;
border: 1px solid #ffffff;
}

/* Markierung fuer nicht oder falsch ausgefuellte Formularfelder */
.formError {
background-color: #c60b27;
}

p.formErrorList {
color: #c60b27;
font-size: 14px;
line-height: 17px;
}

/* Erfolgsmeldung auf der Website */
#redirect {
font-size: 14px;
line-height: 17px;
}

#redirect tr {
vertical-align: top;
}