/* -------------------------------------------------- */
/* ------------- THIS FILE IS COPYRIGHTED! ---------- */
/* CONSTRUCTED BY TISTSIDE-PROJECTS FOR SOUL-DJAH.DE! */
/* -------------------------------------------------- */

body {
	background: #11386C;
	margin:0;
	padding:0;
	font: 10pt "Trebuchet MS", Tahoma, Arial;
 	}

table, tr, td {
	empty-cells:show;
	font: 10pt "Trebuchet MS", Tahoma, Arial;
	}

a.menulink {
	text-decoration:none; color:black; font-family:Arial; font-size:10pt;
	padding-left:5px;
	}
a.menulink:hover {
	color:#99C7E4;
	}

a.menulink:active {
	color:#99C7E4;
	}
a.menulink:focus {
	color:#99C7E4;
	border:0;
	}
	
a.artistlink {
	text-decoration:none;
	color:#FFFFFF;
	}
a.artistlink:hover {
	text-decoration:none;
	color:#FFFFFF;
	}

a.artistlink:active {
	text-decoration:none;
	color:#FFFFFF;
	}
a.artistlink:focus {
	text-decoration:none;
	color:#FFFFFF;
	border:0;
	}
	
a.footer {
	text-decoration:none; color:black; font-family:Tahoma; font-size:8pt;
	
	}
a.footer:hover {
	color:#99C7E4;
	}

a.footer:active {
	color:#99C7E4;
	}
a.footer:focus {
	color:#99C7E4;
	border:0;
	}

a {
	text-decoration:underline; color:black;
	
	}
a:hover {
	color:#99C7E4;
	}

a:active {
	color:#99C7E4;
	}
a:focus {
	color:#99C7E4;
	border:0;
	}


/* Jetzt kommt Scheisse vom Shop!! */



.boxText { font-family: Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {

  color: #000000;
  margin: 0px;
  
  scrollbar-base-color:#ffffff;
  scrollbar-arrow-color:#dedede;
  scrollbar-highlight-color:#ffffff;
  scrollbar-shadow-color:#dedede;
  scrollbar-track-color:#fafafa;
  }

.inhaltText { 
  color: #333333;
  font: 75%/150% "Trebuchet MS", Tahoma, Arial;

}
.inhaltTextNews { 

  font: 75%/150% "Trebuchet MS", Tahoma, Arial; 
  padding:2px;
}
.inhaltSubText { 
  color: #333333;
  font: 75%/150% "Trebuchet MS", Tahoma, Arial;
  padding:2px;
}
.textLinks { 
  color: #666666;
  font: 75%/150% "Trebuchet MS", Tahoma, Arial;
}


.textHeadline { 
  color: #0F408C;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 16px; 
  font-weight: bold;
}
.textHeadlineIndex { 
  color: #336699;
  font: 150% "Trebuchet MS", Tahoma, Arial;
  font-weight: bold;
}

.textHeadlineStart { 
  color: #000066;
  font-family: Georgia, Arial, Tahoma, Verdana, sans-serif;
  font-size: 20px; 
}
.textDet { 
  color: #8c8c8c;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px; 
}

A {
  color: #000000;
  text-decoration: none;
}
A.links {
  color: #af937f;
  text-decoration: none;
}

A:hover.links {
  color: #916B50;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

.formular {
	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	color: #666666;
	}

FORM {
	display: inline;
}

TEXTAREA {
  	border: #336666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 100%;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	
	/*scrollbar-base-color:#336666;
	scrollbar-3d-light-color:#aabbcc;
	scrollbar-arrow-color:#aabbcc;
	scrollbar-darkshadow-color:#336666;
	scrollbar-face-color:#203B54;
	scrollbar-highlight-color:#8899aa;
	scrollbar-shadow-color:#336666;
	scrollbar-track-color:#203B54;*/
	}
	
.textfeld {
  	border: #336666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 100%;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	}
.textfeldBestell {
  	border: #ABABAB;
	border-style: dashed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 280;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	color: #0F408C;
	background-color:#fafafa;
	padding:2px;
	}

.textfeldBestellZeit {
  	border: #88201F;
	border-style: groove;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 40;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	}

.textfeldBestellDatum {
  	border: #88201F;
	border-style: groove;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 140;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	}


.textfeldWare {
  	

  	width: 20;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
	}	
.leftTextfeld {
  	border: #cccccc;
	border-style: dashed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 117;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 9px;
	}
	
.leftRadio {
  	width: 10;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 9px;
	}



.leftButton {
  	border: #cccccc;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 20;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 9px;
}
	
.button {
  	border: #cccccc;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 49%;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
}
.buttonNummer {
  	border: #cccccc;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 440;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
}
.checkbox {
  	border: #cccccc;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	}



A.headerNavigation { 
  color: #D6C515;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px; 
  font-weight: bold;
}

A.headerNavigation:hover {
  color: #896A0D;
}

.leftNavigation { 
  color: #666699;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px; 
  font-weight: bolder;
}
A.leftNavigation { 
  color: #666699;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px; 
  font-weight: normal;
}

A.leftNavigation:hover {
  color: #003366;
}
A.leftNavigationKlein { 
  color: #0F408C;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 10px; 
}

A.leftNavigationKlein:hover {
  color: #0F7570;
}
A.leftNeuNav { 
  color: #666699;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 9px; 
}

A.leftNeuNav:hover {
  color: #003366;
}

.leftSchrift { 
  color: #666699;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 9px; 
}

.newsTextfeld {
  	border: #0066cc;
	border-style: dashed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 200;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 9px;
	}
.newsButton {
  	border: #336666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;

  	width: 200;
  	font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-size: 11px;
}
.grundtabelle { 
  background-color:#003366;
}
.showtabelle { 
  background-color:#cfdbe3;
}
.showImgDet { 
  margin-right:10px;
  margin-bottom:10px;
}

/* LIGHTBOX Stuff */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	


/* fürs menu neues alder junge echt jetzt mal (februar 2008) */

    #menuetabs {
      font: normal 18px Impact;
	  letter-spacing:1px;
	  float:left;
      width:100%;
      background:#FFF;
      line-height:normal;
          border-bottom:1px solid #11386c;
      }
    #menuetabs ul {
        font: normal 18px Impact;
	    letter-spacing:1px;
		margin:0;
        padding:10px 10px 0 100px;
        list-style:none;
      }
    #menuetabs li {
      font: normal 18px Impact;
	  letter-spacing:1px;
	  display:inline;
      margin:0;
      padding:0;
      }
	  
    #menuetabs a {
      font: normal 18px Impact;
	  letter-spacing:1px;
	  float:left;
      background:url("images/menu/mentableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menuetabs a span {
      font: normal 18px Impact;
	  letter-spacing:1px;
	  float:left;
      display:block;
      background:url("images/menu/mentabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuetabs a span {float:none;}
    /* End IE5-Mac hack */
    #menuetabs a:hover span {
      color:#FFF;
      }
    #menuetabs a:hover {
      background-position:0% -42px;
      }
    #menuetabs a:hover span {
      background-position:100% -42px;
      }

        #menuetabs #current a {
                background-position:0% -42px;
        }
        #menuetabs #current a span {
                background-position:100% -42px;
        }