@charset "utf-8";
/*  code by Gary Roost */

body {
	background:#000;
	overflow:hidden;
	margin:0;

}

/* Links Eigenschaften */

a:link {
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#999999;
	font-size:24px;
	text-decoration:none;
	letter-spacing:0px;
}
a:visited {
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#999999;
	font-size:24px;
	text-decoration:none;
	letter-spacing:0px;

	

}
a:hover {
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#CCC;
	font-size:24px;
	text-decoration:none;
	letter-spacing:0px;



}
a:active {
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#CCC;
	font-size:24px;
	text-decoration:none;


}

a img{
	border:none


}


h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	color:#FFF;
}
	

h2{
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#999999;
	font-size:24px;
	text-decoration:none;
	letter-spacing:0px;
}

#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 111px; 
	height: 10px;
	text-indent: -999em;
	background-image:url(../img/loader.gif)
		}	

header{
	background:url(../img/schwarz_navi_header.png);
	left:10%;
	padding:0px 10px 0px 10px;
	width:361px;
	height:100px;
	z-index: 3;
	position:absolute;
}



/* Navigation */

nav{
	width:210px;
	height:200px;
	z-index: 3;
	position:absolute;
	left:10%;
	top:200px;
	letter-spacing:-1px;


}

nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	background:url(../img/schwarz_navi_header.png);
	font-size:24px;
}

nav a:link, nav a:visited {
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../img/dot_a.png) no-repeat;
	text-align:left;
	padding-left:20px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}
nav a:hover, nav a:active
{
	background:url(../img/dot_hoover.png) no-repeat;
}



/*Footer */
footer {
   position:absolute;
   bottom:0;
   width:100%;
   padding:10px 0px 10px 10%;
   height:20px;   /* Height of the footer */
   background:url(../img/schwarz_footer.png);
   z-index: 3;
   	font-family: 'Open Sans Condensed', sans-serif;

   letter-spacing:30px;

}

footer a:link{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:12px;
	color:#FFF;
}

/* Columns */

.colleft{
   position: relative;
   width: 100%;
   right: 16%;
}
.col1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 14%;
   left: 101%;
}
.col2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 82%;
   left: 3%;
}


/* Lightbox ersatz */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;	
}
	.white_content {
	display: none;
	position:fixed;
	top: 5%;
	right:1px;
	width: 400px;
	height: 550px;
	padding: 0px 10px 0px 10px;
	border: 16px solid #000;
	background:url(../img/schwarz_footer.png);
	z-index:1002;
	overflow: auto;
	letter-spacing:0px;
	color:#FFF;
}

/* CSS für Fullscreen Slideshow */
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}
		
/* Uwe, du bist die CSS für mein HTML :-) */