@charset "utf-8";

/* CSS Document */

* {
	text-decoration: none;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}
body {
	background-color: #0e213d;
	background-image: url(grafik/body-hg.jpg);
	background-repeat: no-repeat;
}
#roballin #content #spielbrett {
	width: 535px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	position: relative;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#roballin {
	width: 1060px;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px;
}
#roballin #head {
	height: 99px;
	width: 1060px;
	background-color: #333366;
	background-image: url(grafik/head-hg.png);
}
#roballin #robhead {
	height: 121px;
	width: 121px;
	position: absolute;
	z-index: 5;
	left: 10px;
	top: -10px;
}
#roballin #robfont {
	position: absolute;
	height: 62px;
	width: 315px;
	left: 127px;
	top: 27px;
	background-image: url(grafik/head-font.png);
}
#roballin  #robfont:hover {
	position: absolute;
	height: 62px;
	width: 315px;
	left: 127px;
	top: 27px;
	background-image: url(grafik/head-font-hover.png);
}


#roballin #head h1 {
	font-size: 20px;
	color: #336633;
	text-indent: -999px;
}
#roballin #head #navi-1 {
	position: absolute;
	top: 0px;
	left: 880px;
}
#roballin #head #navi-1 ul {
	margin: 0px;
	padding: 0px;
	width: 200px;
}
#roballin #head #navi-1 li {
	font-size: 13px;
	list-style-type: none;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
	font-weight: bold;
}
#roballin #head #navi-1 a {
	color: #164316;
	margin-bottom: 2px;
	vertical-align: top;
}
#roballin #head #navi-1 a:hover {
	color: #D36D12;
}

#roballin #head #navi-1 img {
	display: block;
	top: -1px;
	position: relative;
}
#roballin #head #navi-2 {
	position: absolute;
	top: 40px;
	left: 471px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 700px;
	height: 50px;
}
#roballin #head #navi-2 ul {
	margin: 0px;
	padding: 0px;
}
#roballin #head #navi-2 #down {
	margin-top: 24px;
	margin-left: 70px;
	padding: 0px;
}

#roballin #head #navi-2 li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 700px;
}
#roballin #head #navi-2 .navi-1 {
	height: 21px;
	width: 88px;
	background-image: url(grafik/navi-1.png);
}
#roballin #head #navi-2 .navi-2 {
	background-image: url(grafik/navi-2.png);
	height: 21px;
	width: 117px;
	margin-left: 5px;
}
#roballin #head #navi-2 .navi-3 {
	background-image: url(grafik/navi-3.png);
	height: 21px;
	width: 127px;
}
#roballin #head #navi-2 .navi-4 {
	background-image: url(grafik/navi-4.png);
	height: 21px;
	width: 68px;
}
#roballin #head #navi-2 .navi-5 {
	background-image: url(grafik/navi-5.png);
	height: 21px;
	width: 68px;
}
#roballin #head #navi-2 .navi-6 {
	background-image: url(grafik/navi-6.png);
	height: 21px;
	width: 88px;
}
#roballin #head #navi-2 .navi-7 {
	background-image: url(grafik/navi-7.png);
	height: 21px;
	width: 88px;
	margin-left: 20px;
}
#roballin #head #navi-2 .navi-8 {
	background-image: url(grafik/navi-8.png);
	height: 21px;
	width: 100px;
}
#roballin #head #navi-2 .navi-9 {
	background-image: url(grafik/navi-9.png);
	height: 21px;
	width: 88px;
	margin-left: 10px;
}
#roballin  #head  #navi-2  .navi-1:hover  {
	background-image: url(grafik/navi-1-hover.png);
}
#roballin #head #navi-2 .navi-2:hover {
	background-image: url(grafik/navi-2-hover.png);
}
#roballin #head #navi-2 .navi-3:hover {
	background-image: url(grafik/navi-3-hover.png);
}
#roballin #head #navi-2 .navi-4:hover {
	background-image: url(grafik/navi-4-hover.png);
}
#roballin #head #navi-2 .navi-5:hover {
	background-image: url(grafik/navi-5-hover.png);
}
#roballin #head #navi-2 #down .navi-6:hover {
	background-image: url(grafik/navi-6-hover.png);
}
#roballin #head #navi-2 #down .navi-7:hover {
	background-image: url(grafik/navi-7-hover.png);
}
#roballin #head #navi-2 #down .navi-8:hover {
	background-image: url(grafik/navi-8-hover.png);
}
#roballin #head #navi-2 #down .navi-9:hover {
	background-image: url(grafik/navi-9-hover.png);
}


#roballin #content {
	position: relative;
	height: 550px;
	width: 1060px;
	top: 0px;
	background-color: #E8E3D0;
	left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#roballin #content #clockid {
	position: absolute;
	z-index: 3;
	left: 991px;
	top: 91px;
	height: 28px;
	width: 28px;
}
#roballin #content #fenster {
	height: 268px;
	width: 187px;
	position: absolute;
	z-index: 4;
	left: 753px;
	top: 0px;
}
#roballin   #content   #hg-fenster {
	height: 260px;
	width: 182px;
	position: absolute;
	z-index: 3;
	left: 755px;
	top: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #009966;
}
#roballin #deckerblue {
	background-color: #0e213d;
	position: relative;
	height: 300px;
	width: 1060px;
	margin-top: 4px;
	z-index: 6;
}