/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
  background-image:url('images/brick_6.gif');
/* former background color: #e1ddd9 */
background-repeat: repeat;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}


a {color: #564b47;}
a:visited {color:#564b47;}
a:hover {color: #89786c;}
a:active { color:#000000;}


h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #cfa35d;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
h3 {
font-size: 30px;
text-transform:uppercase;
background-color: #cfa35d;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
border-left:1px solid #564b47;
border-right:1px solid #564b47;
padding:5px 15px;
margin:0px }
h4 {
text-transform:uppercase;
padding:15px;
margin:0px }
h5 {
font-size: 15px;
text-transform:uppercase;
background-color: #cfa35d;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
border-left:1px solid #564b47;
border-right:1px solid #564b47;
padding:5px 15px;
margin:0px }
h6 {
font-size: 10px;
text-transform:uppercase;
padding:5px 15px;
margin:0px }

img.download {vertical-align:middle;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#wrap-header{ 
     background-image: url("images/wrap-header2.gif"); 
     background-position: left top; 
     width: 860px; 
     background-repeat: no-repeat; 
     margin: auto; 
     height: 141px; 
     padding: 0px; 
}
#wrap-bg{ 
     background-image: url("images/wrap-bg2.gif"); 
     background-position: left top; 
     width: 860px; 
     background-repeat: repeat-y; 
     margin:auto; 
}
#wrap-footer{ 
     background-image:url("images/wrap-footer2.gif"); 
     background-position:left top; 
     width: 860px; /* width of your image */ 
     height: 189px; /* height of your image */ 
     margin:auto; 
}
/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #e1ddd9;
padding: 0px;
margin: 0px; }
 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px #cfa35d;  /* color of the left column  */ 
/*background-color: none; /* color of the content column */
background-repeat: repeat;
 } 

#inner{ margin:0em; width:100%; height:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 
 .menu1 {
	width: 200px;
	/*margin: 10px;*/


	}
	
.menu1 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
.menu1 li a:link, .menu1 li a:visited {
	color: #E4D6CD;
	display: block;
	background:  url(menu1.gif);
	padding: 8px 0 0 10px;
	}
	
.menu1 li a:hover {
	color: #FFF;
	background:  url(menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	

/* -----------------content--------------------- */
#content{
height: 100%;
padding: 5px;
margin: 5px 0 5px 100px;
margin-left:auto;
margin-right: auto;
padding-bottom: 0;
text-align: center;


 }

#shirtimg li {
	width:200px;
	height: 235px;
	border:solid #CCC;
	border-width:0 0 0 0;
	/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	/*background:#404c04;*/
	padding: 15px;
	text-align:center;
	position:relative;
	float:left;
	margin:5px;
	
	
}

#shirtimg {
	
	position:relative;
	overflow:visible;
	float:left;
	min-height:500px;
	height:100%;	
	z-index:5;
	
}
#shirtimg a span {
left: -9999px;	
position:absolute;
}

#shirtimg a:hover span{
	top:0px;
	left:0px;
	width:200px;
	font-weight:bold;
	background:#404c04;
	color:#FFFBF0;
	padding:0px 5 0 5;
	text-transform: uppercase;
	font-size:50%;
	border:1px solid #FFFBF0;
	border-width:0 0 10px 0;/*filter: alpha(opacity=100);*/
	position:absolute;
	

}


#shirtimg span {
padding: 10px;	
position:absolute;
}
.content{
font-size:20px; 
}

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

#reptable {
	top: 150px;
	left: 100px;
	width:200px;
	height: 500px;
	min-height: 500px;
	height: auto !important;
	border: 2px solid black;
	float: right;
	position: absolute;
	text-align: left;
  background-image:url('images/clear.png');
	background-repeat: repeat;
	overflow: visible;
	display: block;
	color:#ede2a4;
	left:1150px;
}

.reptable {
	top: 150px;
	/*left: 100px;*/
	width:200px;
	height: 500px;
	min-height: 500px;
	height: auto !important;
	border: 2px solid black;
	float: right;
	position: absolute;
	text-align: left;
  background-image:url('images/clear.png');
	background-repeat: repeat;
	overflow: visible;
	display: block;
	color:#ede2a4;
	right:1150px;
}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }
/*----------------java popup viewer------------------*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #808080;
visibility: hidden;
z-index: 10;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #808080;
color: white;
font-weight:bold;
letter-spacing: 10px;

}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}