@charset "utf-8";
/* CSS Document */
/* Fuer Banner und Header */

/****** HEADER ******/

#header{
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	background-color:rgba(255, 255, 248, 0.9);
	z-index: 50;
}

#header span img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	position:relative;
	top:-10px;
}

#header a img {
	border: none;
}

#header p{
	position:relative;
	width:150px;
	font-size:12px;
	font-family:'SansationLight', Arial, sans-serif;
	color:#640c00;
	left:860px;
	top:10px;
	margin:0px;
	z-index: 70;
}

#header p span{
	text-decoration:none;
	color:#4aafb0;

}

#header p a:link, #header p a:visited{
	text-decoration:none;
	color:#640c00;

}

#header p a:hover{
	text-decoration:none;
	color:#4aafb0;

}

#container {
	width: 1024px; margin: -40px auto;
	height:auto;
	position: relative;
}
#container verlinkung{
	position:relative;
	right:20px;
	z-index:100;
}

/****** JAPANISCH / DEUTSCH ******/


#japan{
	width: 90px;
	height: 45px;
	background-color:rgba(255, 255, 248, 0.9);
	z-index:100;
	position:relative;
	top:-50px;
	left:900px;
}
#japan a{
	position: relative;
	top:15px;
	left:20px;
}
#japan a:link, #japan a:visited{
	font-family: 'MS PGothic', Arial, sans-serif;
	text-decoration:none;
	color:#640c00;
}

#japan p a:hover{
	text-decoration:none;
	color:#4aafb0;

}

#deutsch{
	width: 110px;
	height: 45px;
	background-color:rgba(255, 255, 248, 0.9);
	z-index:100;
	position:relative;
	top:-50px;
	left:900px;
}
#deutsch a{
	position: relative;
	top:15px;
	left:10px;
}
#deutsch a:link, #deutsch a:visited{
	font-family: 'MS PGothic', Arial, sans-serif;
	text-decoration:none;
	color:#640c00;
}

#deutsch p a:hover{
	text-decoration:none;
	color:#4aafb0;

}


/****** BANNER ******/

#slides #home01 p{
	position:absolute;
	top:200px;
	left:480px;
	font-family: 'SansationRegular', Arial, sans-serif;
	font-size:20px;
	color:#FFF;
}
#slides #home01 p a:link, #slides #home01 p a:visited{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#FFF;
	font-size:20px;
	line-height:28px;
}
#slides #home01 p a:hover{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#4aafb0;
	font-size:20px;
	line-height:28px;
}

#slides #home02 p{
	position:absolute;
	top:200px;
	left:70px;
	font-family: 'SansationRegular', Arial, sans-serif;
	font-size:18px;
	color:#640c00;
}
#slides #home02 p a:link, #slides #home02 p a:visited{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#640c00;
	font-size:18px;
	line-height:28px;
}
#slides #home02 p a:hover{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#4aafb0;
	font-size:18px;
	line-height:28px;
}

#slides #home03 p{
	position:absolute;
	top:240px;
	left:480px;
	font-family: 'SansationRegular', Arial, sans-serif;
	font-size:18px;
	color:#640c00;
}
#slides #home03 p a:link, #slides #home03 p a:visited{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#640c00;
	font-size:18px;
	line-height:28px;
}
#slides #home03 p a:hover{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#4aafb0;
	font-size:18px;
	line-height:28px;
}
#slides #home04 p{
	position:absolute;
	top:200px;
	left:70px;
	font-family: 'SansationRegular', Arial, sans-serif;
	font-size:18px;
	color:#640c00;
}
#slides #home04 p a:link, #slides #home04 p a:visited{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#640c00;
	font-size:18px;
	line-height:28px;
}
#slides #home04 p a:hover{
	text-decoration:none;
	font-family: 'SansationItalic', Arial, sans-serif;
	color:#4aafb0;
	font-size:18px;
	line-height:28px;
}



div#slideshow {
	width: 1024px; height: 430px; padding: 0;
	overflow: scroll;  /*Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;
	top:-75px;
}

div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: relative; top: 260px; z-index: 15; /*y-position of arrows*/
}
div#slideshow ul#nav li#prev {
	float: left; margin: 0 0 0 10px; /*x-position of left arrow*/
}
div#slideshow ul#nav li#next {
	float: right; margin: 0 10px 0 0;/*x-position of right arrow*/
}
div#slideshow ul#nav li a {
	display: block; width: 18px; height: 34px; text-indent: -9999px; /*width / height of arrows*/
}
div#slideshow ul#nav li#prev a {
	background: url(images/arrowLeft.png);
}
div#slideshow ul#nav li#next a {
	background: url(images/arrowRight.png);
}

div#slideshow ul#slides {
	list-style: none;
}
div#slideshow ul#slides li {
	margin: 0 0 20px 0;
}