/* Generelle anweisungen für die Seite */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
/*	color: #5A0908; */
}
body {
	
	/*	color: #5A0908; */
	/*
	scrollbar-highlight-color: FFFFFF;
	scrollbar-3dlight-color: D4D0C8;
	scrollbar-base-color: FFFFFF;
	scrollbar-face-color: D4D0C8;
	scrollbar-shadow-color: 808080;
	scrollbar-darkshadow-color: 404040;
	scrollbar-arrow-color: 000000;
	*/
background-image: url("bg1.png");

}

a {
text-decoration: none;
}

a img {
border: 0px;
}

a:link, a:visited, a:active {
	color: #ffffff; 
	text-decoration: none;
	border: none;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
	border: none;
	padding-left: 0px;
}
form {
	margin: 0;
}
h1, h2, h3, h4, h5 {
	margin: 5px 0px 5px 0px;
}
.header {
	top: 10px;
	background-color: #000000;
	vertical-align: middle;
	color: #FFFFFF;
	height: 180px;
	width: 750px;
	font-size: 20px;
	font-weight: bold;
	/* background-image: url(title.png); */
}
/* Generelle anweisungen für die Seite */


/*Anweisungen für die Hauptseite*/
/* Grundrahmen */
#main {
position: absolute;
left: 50%;
top: 1%;
width: 1280px;
height: 1024px;
margin-left: -640px; 
background-image: url("bg1.png");
z-index: 10;
} 

.inner {
position: absolute;
text-align: center;
width: 1280px;
height: 1024px;
top: 0px;
left: 0px;
z-index: 400;

}

/* Hintergrund Grundrahmen */
.innerbg {
position: absolute;
text-align: center;
width: 484px;
height: 323px;
top: 142px;
left: 188px;
/* background-color: #a1a0a1;
filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-kthml-opacity: 0.5;
	-o-opacity: 0.5; */
z-index: 50;
}

.innerbgv {
position: absolute;
text-align: center;
width: 360px;
height: 160px;
top: 0px;
left: 249px;
/* background-color: #a1a0a1;
filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-kthml-opacity: 0.5;
	-o-opacity: 0.5; */
z-index: 300;
}

/* Rahmen */


.gallery {
position: absolute;
text-align: center;
width: 80px;
height: 80px;
top: 574px;
left: 374px;
z-index: 500;
}
/* .gallery a:hover {
background: url(gallery_over.png);

} */


.bio {
position: absolute;
text-align: center;
width: 80px;
height: 80px;
top: 774px;
left: 374px;
z-index: 500;
}

.biobild {
position: absolute;
text-align: center;
width: 320px;
height: 320px;
top: 540px;
left: 490px;
z-index: 500;
}

/* .bio  a:hover{
width: 80px;
height: 80px;
background: url(gallery_over.png);

} */

.homea {
position: absolute;
text-align: center;
width: 52px;
height: 15px;
top: 470px;
left: 626px;
z-index: 500;
}

.kontakt {
position: absolute;
text-align: center;
width: 80px;
height: 80px;
top: 770px;
left: 850px;
z-index: 500;
}

.impressum {
position: absolute;
text-align: center;
width: 80px;
height: 80px;
top: 568px;
left: 842px;
z-index: 500;
}



#top {
position: absolute;
text-align: center;
width: 1280px;
height: 400px;
top: 0px;
left: 0px;
z-index: 300;
}

.topbg {
position: absolute;
text-align: center;
width: 1280px;
height: 400px;
top: 0px;
left: 0px;
z-index: 450;
}


#bottom {
position: absolute;
text-align: center;
width: 1280px;
height: 624px;
top: 400px;
left: 0px;
z-index: 300;
}

.bottombg {
position: absolute;
text-align: center;
width: 1280px;
height: 640px;
top: 400px;
left: 0px;
z-index: 400;
}


/* Vertical */



/* Content Menu */

#contentmenuv {
	position: absolute;
	text-align: center;
	width: 600px;
	left: 370px;
	vertical-align:middle;
	z-index: 300;
	top: 137px;
	white-space: nowrap;
	color: #000

}


/* Content Menu */



/* Scroll Menu */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 340px; /*Width of Carousel Viewer itself*/
height: 360px; /*Height should enough to fit largest content's height*/
left: 105px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 39px; /*margin around each panel*/

width: 360px;
background-color: #;
/* width: 40px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	white-space: nowrap;

}

.stepcarousel .hpanel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin-right: 13px; /*margin around each panel*/
width: 360px;
background-color: #;
/* width: 40px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	white-space: nowrap;

}

 #ImageCaption{	/* CSS styling of image caption below large image */
		position: absolute;
		text-align: center;
		left: 610px;
		top: 520px;
		width:160px;
		height: 60px;
		color: #FFFFFF;
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		z-index: 640;
			}

/* Scroll Menu Kunden Buttons */
#scrollLinks	{ 
    position:absolute; 
    width:60px;
    height:60px; 
    left: 525px;
    top: 484px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}

/* #scrollLinks a:hover {
	background-image: url(buttonlblh_over.png); 
    z-index: 700;
}		*/
	
#scrollRechts	{ 
    position:absolute; 
    width:60px;
    height:60px; 
    left: 714px;
    top: 484px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}
/* #scrollRechts a:hover {
	background-image: url(buttonrblh_over.png); 
	z-index: 700; 
}	*/
/* Scroll Menu Kunden */

#leinwandbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left: 514px;
    top: 20px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}	


#comicbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left: 365px;
    top: 374px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}	

#wandbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left: 368px;
    top: 174px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}	

#pcbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left: 840px;
    top: 366px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}	

#kindbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left:850px;
    top: 170px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}		
	
#objektbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left: 710px;
    top: 20px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}		
	
.mailbutton	{ 
    position:absolute; 
    width:84px;
    height:84px; 
    left: 600px;
    top: 344px;
    overflow:hidden;
    z-index: 650;
    color: #000000;	
	}