body,table { color: white; font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; background-color: black; }
a:link { color: black ; font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; background-color: yellow; text-decoration: none; }
a:visited { color: black ; font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; background-color: yellow; text-decoration: none; }
a:hover { color: black ; font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; background-color: white; text-decoration: none; }
a:active { color: black ; font-size: 11px; font-family: Helvetica, Arial, sans-serif; line-height: 16px; background-color: white; text-decoration: none; }

.smooth a:link { color: yellow ; font-size: 11px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }
.smooth a:visited { color: yellow ; font-size: 11px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }
.smooth a:hover { color: black ; font-size: 11px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; background-color: white; text-decoration: none; }
.smooth a:active { color: white ; font-size: 11px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

h1 { font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; }
h2 { font-size: 20px; font-weight: normal; font-weight: heavy; }

/* ----------container zentriert das layout-------------- */
#container { width: 840px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; } 

/* ----------header-------------- */
#header { text-align: right; background-color: black; padding-bottom: 0px; margin: 0px;  }
#line { text-align: right; }

/* -----------------Inhalt--------------------- */ 
#content { position: relative; }
.slideshow { width:840px; height:200px; clear:both; padding-bottom: 15px; border-bottom: 1px solid #ffffff; margin-bottom:20px; }
.slideshow img { padding: 0px; border: none; background-color: #000000; }
#left { width:550px; float:left; position:relative; padding-bottom: 20px; }
#middle { width:120px; float:left; position:relative; margin-right: 20px; margin-left: 20px; text-align:right;}
#right { width:130px; float:left; position:relative; text-align:right; }

/* -----------------gallerie--------------------- */ 
#galleryleft { width:550px; height:auto; }
.gallerythumb { width: 130px; height: auto; margin-right: 20px; margin-left: 20px; margin-bottom:30px; border-bottom: 1px dotted #ffffff; float:left; }
#gallerybig { width:550px; height:auto; margin-bottom: 20px; }
.text { width:550px; height:auto; border-bottom: #fff double; margin-bottom: 20px;  }
.imagehalfl { width: 270px; height: auto; float:left; margin-bottom:10px; margin-right: 5px; }
.imagehalfr { width: 270px; height: auto; float:left; margin-bottom:10px;margin-left: 5px; }
.imagefull { width: 550px; height: auto; float:left; margin-bottom:10px; }

/* ----------------footer---------------------- */ 
#footer { clear:left; text-align: right; padding-top: 10px; border-top: 1px solid white; } 

/* -----------------shirts--------------------- */ 
#shirtcontainer { width: auto; margin-left: auto; margin-right: auto; }
#shirtsgross { width:900px; height:450px; clear:both; }
#shirtthumbs { width:900px; float:left; position:relative; }
#shirttext { width:150px; }

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}