@charset "utf-8";
/* CSS Document */



body {
	background-color: #3B3B3B;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

@font-face {
    font-family: 'KomikaDisplayRegular';
    src: url('fonts/Komika_display-webfont.eot');
    src: url('fonts/Komika_display-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Komika_display-webfont.woff') format('woff'),
         url('fonts/Komika_display-webfont.ttf') format('truetype'),
         url('fonts/Komika_display-webfont.svg#KomikaDisplayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KomikaDisplayBold';
    src: url('fonts/Komika_display_bold-webfont.eot');
    src: url('fonts/fonts/Komika_display_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Komika_display_bold-webfont.woff') format('woff'),
         url('fonts/Komika_display_bold-webfont.ttf') format('truetype'),
         url('fonts/Komika_display_bold-webfont.svg#KomikaDisplayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1.fontface {font: 60px/68px 'KomikaDisplayRegular', Arial, sans-serif;letter-spacing: 0;}
		.style_menu {font: 20px/30px 'KomikaDisplayRegular', Arial, sans-serif;}
		.style1 {font: 18px/27px 'KomikaDisplayRegular', Arial, sans-serif;}
		.style_buchtitel {font: 40px/50px 'KomikaDisplayRegular', Arial, sans-serif; }
		.style2 {font: 18px/27px 'KomikaDisplayRegular', Arial, sans-serif;}
		/*p.style4 {font: 18px/27px 'KomikaTextBoldItalic', Arial, sans-serif;}
		p.style5 {font: 18px/27px 'KomikaTextKapsRegular', Arial, sans-serif;}
		p.style6 {font: 18px/27px 'KomikaTextKapsItalic', Arial, sans-serif;}
		p.style7 {font: 18px/27px 'KomikaTextKapsBold', Arial, sans-serif;}
		p.style8 {font: 18px/27px 'KomikaTextKapsBoldItalic', Arial, sans-serif;}
		p.style9 {font: 18px/27px 'KomikaTextTightRegular', Arial, sans-serif;}
		p.style10 {font: 18px/27px 'KomikaTextTightItalic', Arial, sans-serif;}*/

* {
margin:0;
padding:0;
}

html, body {
height: 100%;
width: 100%;
}

#distance {
width: 10px;
height: 50%;
margin-bottom: -330px;
float: left;
}

#Container {
	background:url(images/hintergrund.jpg);
	margin: 0 auto;
	position: relative;
	height: 660px;
	width: 1200px;
	clear: left;
}

#baustelle {
	background:url(images/baustelle.jpg);
	margin: 0 auto;
	position: relative;
	height: 660px;
	width: 1200px;
	clear: left;
}

#Stage {
	margin: 0 auto;
	position: relative;
	height: 660px;
	width: 1200px;
	clear: left;
}

.logo {
	position: absolute;
	top: 20px;
	left: 695px;
}

#buchtitel {
	position: absolute;
	top: 50px;
	left: 40px;
}

#seitentitel {
	position: absolute;
	bottom: 50px;
	left: 40px;
}

#text {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 400px;
}

#latein {
	position: absolute;
	top: 100px;
	left: 40px;
	width: 400px;
}

.buch {
	position: absolute;
	bottom: 25px;
	right: 25px;
}

.weltkarte {
	position: absolute;
	top:135px;
	left:365px;
}

#menu {position:absolute; top:139px; left:30px;}

#menu ul {white-space:nowrap; padding:1px 1px 0 1px;}

#menu li {display:inline; list-style:none;}
#menu ul ul {position:absolute; left:-9999px;}

#menu a {display:block; color:#000; line-height:30px; text-decoration:none;padding:0 20px 0 10px;} 
#menu li a.fly {background: url(arrow.gif) no-repeat right top;}

#menu li a:hover {color:#860d12;} 
#menu li:hover > a {color:#860d12;}

#menu ul li:hover > ul {left:100%; margin-top:-32px; margin-left:-1px;}

#sublink  {
	position: absolute;
	top:200px;
	left:500px;
}

#sublink ul {list-style-type: none;}