/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "2col_left_13"
 * (de) Zentrales Stylesheet - Beispiellayout "2col_left_13"
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(/yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(/css/navigation/nav_shinybuttons.css);
@import url(/css/navigation/nav_vlist.css);
@import url(/css/screen/basemod.css);
@import url(/css/screen/content.css);
@import url(/css/screen/forms.css);

/* import print layout | Druck-Layout einbinden */
@import url(/yaml/print/print_003_draft.css); /* Nur Spalte 3 drucken '003' */


body {
	background:#E0E0E0; 
}

/* von Thorsten angefügt - Nur im Shop verfügbar: */
div.onstock {
	height: 370px !important;
	overflow: hidden;
} 

div.erotikartikel, div.fetischkleidung {
	border:1px solid #E0E0E0;
	margin:0.5em;
	float:left;
	padding:0.3em;
	font-size:1em;
	color:#000;	
	font-weight:bold;
}

div.erotikartikel {
	width:210px;
}

div.fetischkleidung {
  width:500px;
}

div.erotikartikel h3, div.fetischkleidung h2 {
	text-align:center;
	font-weight:bold;
	font-size:1em;
	height:40px;
	color:black;
}

div.fetischkleidung h2 {  
	font-size:1.5em;   
}

div.erotikartikel div.bild {
	height:215px;
	text-align:center;	
}

div.fetischkleidung div.bild { 
  margin:0;	
  text-align:center;	
}

div.erotikartikel div.preisinformationen div.alterpreis {
	text-align:left;
	height:20px;
	width:100px;
	float:left;
	font-size:1.2em;		
	text-decoration:line-through;
	font-weight:normal;
	color:red;
}  

div.erotikartikel div.preisinformationen {
  height:45px;
}

div.erotikartikel div.preisinformationen div.preis,div.fetischkleidung div.preisinfos {
	text-align:right;
	height:20px;
	width:110px;
	float:right;
  font-size:1.3em;		
} 

div.erotikartikel div.preisinformationen div.grundpreis {
	text-align:right;
	height:20px;
	width:90px;
	float:right;
	font-size:0.8em;
	font-weight:normal;
}  
  
#fetischartikelvarianten div.grundpreis {
	margin:0.2em 1.7em 0.3em 0;	
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
}
   
.alterpreis {
  text-decoration:line-through;
}

#fetischartikelvarianten .alterpreis {
  font-size:0.9em;
  font-weight:normal;
  text-decoration:line-through;
  width:70px;
  text-align:right;
  color:red;
}

#fetischartikelvarianten .alterpreissingle {
  margin:0.5em 1.5em 0.1em 0;	
  color:red;
  font-size:1.2em;
  font-weight:normal;
  text-decoration:line-through;
  text-align:right;
}

#fetischartikelvarianten .preissingle {
  margin:0.2em 1em 0.3em 0;	
  color:black;
  font-size:1.6em;
  font-weight:bold;
  text-align:right;
}

div.right {
  text-align:right;
}

#fetischartikelvarianten div.grundpreissingle {
  color:black;
	margin:0.2em 1.7em 0.3em 0;	
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
}

.angebotspreis {
  color:red;
  font-size:1.2em;
}

.angebotspreisbig {
  color:red;
  font-size:1.5em;
}

td.warenkorb {
  text-align:right;
  width:150px;
}

div.erotikartikel div.aktionen {
	clear:left;
	height:40px;	
}

div.fetischkleidung fieldset {
	padding:0;
	margin:0;
}

div.fetischkleidung div.type-button {
	padding:0;
	margin:0;
	text-align:center;	
}

span.preis {
	font-size:1.6em;
	font-weight:bold;
}

#searchform div#search {
    background-color: white;
    border: 1px solid #AAAAAA;
    color: black;
    height: 1.6em;
    min-height: 1px;
    margin-top:2em;
    margin-right:20em;
    position: relative;
    width: 18em;    
}

#searchform div#search input#standardsuche {
    background-color: transparent;
    border: medium none;
    direction: ltr;
    font-size: 13px;
    left: 0;
    margin: 0;
    outline: medium none;
    padding: 0.2em 0 0.2em 0.2em;
    position: absolute;
    top: 0;
    width: 90%;
}

#searchform div#search input#button_search {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    margin: 0;
    padding: 0.2em 0.4em 0.2em 0;
}

div.linkliste .hlist {     
    background: none;
    border:none;          
}

div.linkliste .hlist li {     
     line-height:1.5em;      
}    

div.linkliste .hlist li a{     
    color: black;     
    background: none;     
    font-size:1em;   
    border:1px solid transparent; 
}

div.linkliste .hlist li a:hover, div.linkliste .hlist ul li a.active{     
    border:1px solid #0e8181;   
    font-size:1em;   
    background-color:#58b7b7;
}

div.erotikartikel .yform {
    border: 0px solid #DDDDDD;
    margin: 0;
    padding: 0;
}

div.erotikartikel .yform fieldset {
    border: 0px solid #DDDDDD;
    margin: 0;
    padding: 0;
}

#nav .hlist ul.warenkorb{ 
    float:right;
}

#fetischartikelvarianten {
  margin:0;
  float:left; 
  max-width:470px;  
}

#fetischartikelvarianten div.rahmenwahl{
  border:1px solid #E0E0E0; 
  margin:8px 0;  
}
              
#fetischartikelvarianten div.rahmenbild{
  float:left;
  margin-right:5px;
}

#fetischartikelvarianten div.rahmenpreis{
  float:rigth;
}

#fetischartikelvarianten div.einzelnerrahmen{
  float:left;
  margin-right:2px;
}

#fetischkleidung div.rahmeninfos {
  clear:both;
}

.yform .type-button input.addtocartsmall {
  border:none;
  background:transparent;
  margin:0 0 0 30px;
  padding:0;
  float:right;
}

#addtocartbig, #addtocartpod {
  border:none;
  background:transparent;
  margin:0;
  padding:0;
  float:right;
}

#aktualisieren {
  border:none;
  background:transparent;
  margin:0 0 0 0px;
  padding:0;
  border:0px solid black;
}

#artikelloeschen {
  border:none;
  background:transparent;
  margin:3px 0 0 6px;
  padding:0;
  border:0px solid black;
}

#warenkorbanzeige {
  margin:0px auto;   
  text-align:center; 
  width:90%;              
}

#warenkorbanzeige h3 {
  font-size:1.4em;
  font-weight:bold;
  text-align:center;
  color:#0e8181;	 
  margin:0 0 2em 0;  
}

table.cart {
  font-weight:bold; 
  text-align:left;    
  width:100%;
  margin:0px auto 10px auto;   
}

table.cart th,#zahlartenwahl th {
  text-align:right;
  padding-right:1em;
}

#zahlartenwahl th:first-child, table.cart th:first-child {
  text-align:left;
  padding-left:1em;
  width:100px;
}

#zahlartenwahl td {
  vertical-align:middle;
}


td.preis {
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	width:130px;
}

td.preis img {
  vertical-align:top;
  margin-left:1em;
  float:right;
}

td.preis span.grundpreis{
	text-align:right;
	font-size:0.6em;
	font-weight:normal;   
}

td.gesamtpreis {
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
	width:130px;
}

#warenkorbanzeige form {
	padding:0;
	margin:0;
	border:none;
}

#warenkorbanzeige form fieldset {    	
	border:none;
}

#warenkorbanzeige form fieldset label {    	
	display:inline;
	margin:0 10px 0 0;
}


#bestellvorgang, #bestellvorgang5 {
	width:760px;
	margin:0px auto;
	padding:0;     
  overflow:hidden;	
}  

#order1 {
  border:none;
  background:transparent;
  margin:0;
  padding:0;
}

#gutscheinnummer {
  cursor:text;
  color:black;
}


#orderhead {
	width:725px;
	margin:0em auto 3em auto;
	padding:0;	
	overflow:hidden;			
}

#orderhead div.aktiv, #orderhead div.inaktiv{
	float:left;
	margin:0 6px 0 0.3em;
	padding:0;
	border:1px solid #0e8181;
	background: #F6F5F5;
	width:230px;
	height:80px;	
	vertical-align:top;
}

#orderhead div.aktiv:last-child, #orderhead div.inaktiv:last-child{
  margin:0 0 0 0.3em;
  float:right;
}

#orderhead div.stufe{
	float:left;	
	border-right:1px solid white;
	width:30px;
	font-size:28px;
	height:80px;
	margin:0;
	padding:30px 0 0 5px;
	background: #0e8181;
  color:white;	
  vertical-align:top;		
}

#orderhead div.liste{
	width:170px;
	font-size:1em;
	margin-left: 40px;
	padding:10px 0 0 20px;
}
 
#telefonbestellung {
  margin:30px auto;
	font-size:1em;
	width:725px;
	text-align:left;
	border:1px solid #58b7b7;
	background: #F6F5F5;
	color:black;
}

#telefonbestellung h3 {
  margin:1em;
  font-weight:bold;
  color:black;
}

#telefonbestellung p {
  margin:0em 1em;
}

#telefonbestellung table {
  margin:1em;    
}

#telefonbestellung th,#telefonbestellung tr,#telefonbestellung td {
  background:none;
  border:none;
  color:black;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}
 
.yform .type-text input.short {
  width:60px;
}

.yform .type-text input.anzahl {
  width:20px;
}

fieldset.auftragsinformationen, div.auftragsinformationen {
    background:#E0E0E0;
    margin: 0 0 10px;
    padding: 0;  
}
        
fieldset.auftragsinformationen legend, div.auftragsinformationen h4{
    background:#0e8181;
    color:white;   
    font-size: 1.2em;
    height: 20px;
    margin: 0;
    padding: 0.6em 0 0.4em 0;
    text-align: center;
    width: 100%;
}

#firstlogincontainer {          
    float: right;
    height: 342px;
    width: 348px;
}

#secondlogincontainer, #thirdlogincontainer {
    float: left;
    height: 160px;
    margin: 0 0 10px;
    width: 348px;
}

div.center {
  text-align:center;
}

div.buttonzeile {
  margin:0px auto;
  width:400px; 
}

div.buttonzeile div {
  margin:0em 2em;     
}

.bg0 {
  background:#E0E0E0;
}
      
.bg1 {
  background:#E2EFF7;
}

.bg1 {
  background:#f6f5f5;
}

.bg2 {
  background:#58b7b7;
}
  
.bg3 {
  background:#58b7b7;
}

.bg4 {
  background:#0e8181;
}

.bg5 {
  background:#a7d3b8;
}

.bg8 {
  background:#F6F5F5;
}

.bg9 {
  background:#E0E0E0;
}

.whalf {
  width:50%;
}

div.widerruf {
  margin:5em auto 0 auto;
  width:70%;
  font-size:smaller;
}

#kundencenter {
  width:90%;
  margin:0px auto;
}

#kundencenter .kundencenterauftrag {
  width:100%;
  margin:0 0 2em 0;
}

#kundencenter table {
  margin:0;
}

#kundencenter table td,#kundencenter table th {
  font-weight:normal;  
}

#kundencenter table td:first-child  {
  width:100px;  
}

#kundencenter td.error {
  margin:1em auto;
  text-align:left;
  color:red;
  font-weight:bold;
  font-size:1.1em;
  width:80%;
  line-height:1.8em;
}

div.padding {
  padding:1em;
  color:black;
  line-height:1.6em;
}

.login {
  width:350px;
  margin:0px auto;
}


#infocontainer,#logoutcontainer,#neuezahlart {
  width:80%;
  margin:0px auto;
  background:#E0E0E0;
  padding:0;
}

#logoutcontainer {
  width:350px;
}

#neuezahlart {
  width:600px;
}

#neuezahlart div.vorschlag {
  height:200px;
  border:1px solid black;
  width:270px;
  float:left;
  margin:1em;
  color:black;
  background:#E2EFF7;
  text-align:center;
}

#neuezahlart div.vorschlag p{
  padding:0.5em;
  text-align:left;
}

#infocontainer h2,#logoutcontainer h2,#neuezahlart h2{
  background:#0e8181;
  color:white;  
  width:100%;
  padding:0.1em 0;
  margin:0; 
  height:30px;  
  font-size:1.6em;
  text-align:center;
}

#news {
  width:95%;
  margin:0px auto;
  position:relative;  
}

#news div.newsbox {  	
  	width:280px;
  	height:200px;
  	float:left;
  	border:1px solid #0e8181;
  	margin:1em 1.5em;
  	position:relative;   
  	text-align:left; 
    line-height:140%;        	
}   

#news div.newsbox h2 {
  position:absolute;
  bottom:0;
  width:100%;
  background:#0e8181;
  margin:0;
  color:white;
  text-align:center;
  font-size:1.4em;
  font-weight:bold;
}

#news div.newsbox h2:hover {
  background:#58b7b7;
  color:black;        
}

#news div.newsbox h2 a {  
  display:block;
  text-decoration:none;
  padding:0.4em 0;
  color:white;
}

#news div.newsbox h2 a:hover {      
  color:black;
}


#news div.newsbox a.news { 
  display:block;
  float:left;         
  padding:0.1em 0.5em 0.1em 0.1em;
}


#news div.newsbox a.kuenstler,#news div.newsbox a.erotikartikelsuche { 
  display:block;
  width:45%;
  float:left;
  font-size:1.1em;
  padding:0.2em;
  text-align:center;
}

div.newslinks {
  width:180px;
  border:0px solid black;
  text-align:center;
  margin:10px 0;
}

div.newslinks h3 {
  font-size:1.6em;
  font-weight:bold;
  width:100%;
  color:black;
}

div.newslinks span.telefon {
  font-weight:bold;
  color:black;
  font-size:1.3em;
}

div.newslinks span.telefonzeiten {   
  font-size:0.8em;
}

div.newsboxcontainer {
  overflow:hidden;
  margin:0 0 1em 0;
}

div.newsboxcontainer h2 {
  text-align:center;
  font-size:1.4em;  
  color: #0e8181;
  font-weight:bold; 
}

div.newsboxcontainer a.weitere {
  display:block;
  width:100%;
  text-align:right;
}

div.staffbox {
    background: #f8f0f1 none repeat scroll 0 0;
    border: 1px solid #666666;
    border-radius: 8px;
    box-shadow: 3px 3px 3px #666666;
    color: #222222;
    float: left;
    margin: 5px 4px;
    text-align: center;
    vertical-align: sub;
    min-height: 165px;
}

div.staffbox div.staffbox-title {
    margin: 0;
    padding: 2px;
    text-align: left;
}

div.staffbox div.staffbox-staff {
    background: #d199a0 none repeat scroll 0 0;
    border-radius: 8px 8px 0 0;
    color: #000000;
    font-size: 1.2em;
    height: 20px;
    margin: 0;
    padding: 0;
}


div.erotikartikelstart {
	border:1px solid #0e8181;
	background:#E0E0E0;
	margin:0 0.5em 2em 0em;
	float:left;
	padding:0.3em;
	font-size:1em;
	color:#0e8181;	
	font-weight:bold;
	width:225px;
	height:335px;
}

div.erotikartikelstart:first-child {
  margin-left:0;
}

div.erotikartikelstart:last-child {
  margin-right:0;
}

#adw div.erotikartikelstart h2 {
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	height:35px;
	color:black;
}

div.erotikartikelstart div.bild {
	height:230px;
	text-align:center;	
}

div.erotikartikelstart div.fetischinfos {
	text-align:left;
	height:70px;
	width:100px;
	float:left;
}

div.erotikartikelstart div.preisinfos {
	text-align:right;
	height:60px;
	width:80px;
	float:right;		
} 

div.bilderliste {
  float:left;
  width:31%;       
  padding:0.3em 0 0.3em 0.5em;  
}

.buchstabenliste {
  text-align:center;
  margin:0.5em 0;   
}

.buchstabenliste a {
  padding:0.2em 0.5em;
}

.formatsuche {
  padding:0.3em;
  margin:0px auto; 
  width:200px;      
}


#kategorien {
  width:590px;
  margin:0px auto;
  position:relative;  
  text-align:center;
  overflow:hidden;
}

#kategorien div.ebenenbox {
 width:600px;
 overflow:hidden;
 text-align:center;
}

#kategorien div.ebenenbox h2{
 font-size:1.2em;
 font-weight:bold;
 padding:0.5em;
}

#kategorien h1 {
  font-size:1.8em;
  font-weight:bold;
  color:#0e8181;
  text-align:center;
}

#kategorien div.newsbox {  	
  	width:185px;
  	float:left;
  	border:1px solid black;
  	margin:0.5em 0.3em;
  	position:relative;   
  	padding:0;
    height:157px;      	
}

#kategorien div.newsbox p{  	
  	width:185px;
  	height:122px;
  	text-align:center;
  	padding:0;
  	margin:0;
}

#kategorien div.newsbox h3 {
  height:35px;
  width:100%;
  background:#0e8181;
  padding:0;
  margin:0;
  color:white;
  text-align:center;
  font-size:1em;
  font-weight:bold;
}

#kategorien div.newsbox h3:hover {
  background:#58b7b7;
  color:black;        
}

#kategorien div.newsbox h3 a {  
  display:block;
  border:1px spolid black;   
  text-decoration:none;
  padding:0.1em;
  color:white;
}

#kategorien div.newsbox h3 a:hover {      
  color:black;
}

.nodisplay {
  display:none;
}

#pod #material, #pod #groesse, #pod #aufhaengung {
  margin:0 0 1em 0;
}

#pod #bildpreis, #pod #displaypreis, #pod #firnispreis, #pod #keilrahmenpreis, #pod #spiegelungpreis {
  float:right;
  font-weight:bold;
  font-size:1.2em;
}

#pod #displaygrundpreis,#pod #firnisgrundpreis, #pod #keilrahmengrundpreis, #pod #spiegelunggrundpreis {
  font-weight:normal;
  font-size:0.8em;
  text-align:left;
  padding-left:1em;  
}

#pod #gesamtpreis {
  text-align:right;
  font-weight:bold;
  font-size:1.4em;
  margin:2em 0 1em 0;
}

#pod #materialwahl {
  width:100%;
}

#versandkostenhinweis {
	text-align:right;
	font-size:0.8em;
	padding:0;
	margin:0;
	height:1.1em;
}

#versandkosten table tr td:first-child {
	width:400px;
	text-align:left;
}

#versandkosten table tr th:first-child {
	text-align:left;
}

#versandkosten table tr th {
	text-align:right;
}

#versandkosten table tr td:last-child {
	width:250px;
}

#versandkosten table tr td {
	width:100px;
	text-align:right;
}

span.warenkorbhead {
	font-size:0.7em;
}

div.htmlerror {
	font-size:1em;
	font-weight:bold;
	margin:0 auto 0.5em auto;
	width:400px;
}

a.kkzahlungslink {
	display:block;
	margin:1em auto;
	font-size:1.2em;
	font-weight:bold;
	color:black;
	text-decoration:underline;
}

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

span.paypalbetrag {
    margin:1em 0;
    width:100%;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
}

.zentriert {
  margin:0px auto;
}

#lieferzeit {
  margin:0.2em 0;
}

#katlinks {
  float:left;
  padding:1em;
  width:45%;
}

#katrechts {
  width:45%;
  float:right;
  padding:1em;
}


div.erotikartikel select.artikelneuzuordnen_fh, div.erotikartikel select.artikelneuzuordnen_sv {
	width:200px;
	margin:0.2em 0;
}

div.erotikartikel div.kategoriezuordnungen {
	min-height:80px;
} 



#zusatzinformationen {
	margin-top:3em;
	float:left;
	width:980px;
	border:1px solid #444444;
}

.groessentabelle {
	border:1px solid #444444;
	border-collapse:collapse;
	border-spacing:0;
	margin:0.5em 0;
}

.groessentabelle.half {
	width:48%;
}

.groessentabelle th {
	border:0;
}

.groessentabelle td, .groessentabelle tr, .groessentabelle th {
	background:white;
	color:black;
	text-align:center;
}

.groessentabelle tr.bg0 td, .groessentabelle tr.bg0 th {
	background:#E0E0E0;
}

.groessentabelle tr.bg1 td, .groessentabelle tr.bg1 th {
	background:#f6f5f5;
}

.groessentabelle tr.bg2 td, .groessentabelle tr.bg2 th {
	background:#444444;
	color:white;
}

.dhl {
	font-size:11px;
	font-weight:normal;
}