@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: "lucida grande", helvetica, verdana, arial, sans-serif;
	color:#cccccc;
}

/* A few IE bug fixes */
* { margin: 0; padding: 0; }
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }

#theMenu { width: 150px; height: 350px; margin:0px 0 0 0; padding: 30px 0 0 30px; }

/* Some list and link styling */
ul#theMenu li { width: 150px; }
ul#theMenu ul li { padding: 0; width: 150px; margin-bottom: 0; }
ul#theMenu ul li a { text-decoration:none; display:block; width:130px; color: #555; padding: 3px 0 3px 20px; font-size: 11px; }
ul#theMenu ul li a.selected { color:#69c; }

ul#theMenu ul li a:hover { display:block; color: #69c; /*background-color: #8be;*/ }
/* For the xtra menu */
ul#theMenu ul ul li { border-left: none; border-bottom: 1px solid #eee; padding: 0; width: 175px; margin-bottom: 0; }
ul#theMenu ul ul li ul li a { padding-left:20px; }
ul#theMenu ul ul li a { display:block; color: #555; padding: 3px 6px; font-size: small; }
ul#theMenu ul ul li a:hover { display:block; color: #69c; /*background-color: #eee;*/ padding: 3px 8px; font-size: small; }


#theMenu li { list-style-type: none; }
h2 { margin-top: 1.5em; }

/* Header links styling */
h3.head {
	font-size:12px;
	margin-top:10px;
}
h3.head a { 
color: #555;
display:block; 
padding: 3px 0 3px 6px;
text-decoration:none;
font-weight:normal;
}
h3.head a:hover { 
color: #69c;
/*background-color:#8be;*/
/*font-weight:bold;*/
}
h3.selected a { 
/*background-color: #69c;*/
color: #69c;
padding: 3px 6px;
}
a.selected {
/*background-color: #69c;*/
color: #69c;
}
h3.head.selected a:hover, li a.selected:hover { 
	color: #333;
	/*background-color:#eee;*/
}

/* Xtra Header links styling */
h4.head a { 
color: #555;
display:block; 
border-top: 1px solid #36a;
border-right: 1px solid #36a;
background: #eee url(down.gif) no-repeat; 
background-position: 98% 50%;
padding: 3px 6px;
}
h4.head a:hover { 
color: #69c;
/*
background: #ddd url(down.gif) no-repeat; 
background-position: 98% 50%;
*/
}
h4.selected a { 
background: #6c9 url(up.gif) no-repeat; 
background-position:98% 50%;
color: #fff;
padding: 3px 6px;
}
h4.selected a:hover { 
background: #6c9 url(up.gif) no-repeat; 
background-position:98% 50%;
color: #fff;
}

@media projection, screen {
.ui-tabs-hide {
	display: none;
}
}

a {	text-decoration:none; }
a:hover {}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

.obenrechts {
	position:absolute;
	top:-5px;
	right:10px;
}

.scroll {
	width:520px;
	height:420px;
	overflow:auto;
	padding-right:15px;
}
div#content2{
	position:absolute;
	top:120px;
	display:none;
	clear:both;
	width:520px;
	height:420px;
	overflow:auto;
	padding-right:15px;
}

#technic { display:none; }

form#formContact div, form#formShop div {
	width:100px;
	float:left;
}

form#formContact span, form#formShop span {
	clear:both;
}

textarea, input {
	padding:3px;
	border:1px solid #333;
	font-family: "lucida grande", helvetica, verdana, arial, sans-serif;
	color:#333;
	font-size:11px;
}

.error {
	background-color:#d10019;
	color:#fff;
}

ul#submenu li a {
	text-decoration:none;
	display:block;
	width:200px;
	height:19px;
	color: #555;
	padding: 0 0 0 5px;
	font-size: 11px;
}

ul#submenu li.ui-tabs-selected a {
	color:#69c;
	/*background-color: #69c;*/
}

ul#submenu li a:hover, ul#submenu li.ui-tabs-selected a:hover { 
	color: #69c;
	/*background-color:#8be;*/
}

#start {
	display:none;
	width:690px;
	height:500px;
	margin:0 auto;
	margin-top:28px;
	margin-bottom:-150px;
	background:#fff url("../gfx/alurunner_bg.jpg") center 160px no-repeat;
}

#startLogo {
	width:133px;
	height:96px;
	margin:0 auto;
	background:#fff url("../gfx/logo_start.gif") 0 0 no-repeat;
}

#chooseLanguage {
	margin:0 auto;
	width:400px;
	height:30px;
	margin-top:330px;
	text-align:center;
}

#chooseLanguage a {
	text-decoration:none;
	font-size:13px;
	color:#555;
}

#chooseLanguage a:hover {
	color:#36c;
}

#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#888;
}

#container {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	background:#fff url("../gfx/alurunner_bg2.jpg") 50% 50% no-repeat;
}

#container2 {
	position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	margin:0 auto;
	background:#fff url("../gfx/alurunner_bg3.jpg") 50% 50% no-repeat;
}

#logo {
	position:absolute;
	bottom:30px;
	left:30px;
	width:133px;
	height:62px;
	background:transparent url("../gfx/logo.gif") 0 0 no-repeat;
}

#mainmenu {
/*	position:absolute;*/
	top:50px;
	left:50px;
}

ul#theMenu li { list-style-type: none; }
ul#submenu li { list-style-type: none; }
ul.marginleft { margin-top:10px; }
ul.marginleft li { margin-left:20px; }

#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:transparent;
	width:170px;
}
#navigation a.head {
	cursor:pointer;
	border:none;
	background:transparent url("collapsed.gif") no-repeat scroll 3px 4px;
	color:#ccc;
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	padding:4px 0 4px 0;
}
#navigation a.head:hover {
	color:#888;
	background-color:#fff;
}
#navigation a.selected {
	color:#fff;
	background-color:#a39d0d;
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
	border:0px solid red;
}
#navigation li {
	list-style:none outside none;
	display:inline;
}
#navigation li li a {
	color:#ccc;
	display:block;
	text-indent:30px;
	text-decoration: none;
	font-size:13px;
	padding:4px;
}
#navigation li li a:hover, #navigation li li a.current:hover {
	background-color:#a39d0d;
}

#navigation li li a.current {
	background-color:#111;
}

#content {
	/*display:none;*/
	position:absolute;
	top:40px;
	left:250px;
	width:500px;
	height:400px;
	border:0px solid red;
	color:#555;
	font-size:13px;
	line-height:20px;
}

#content h2 {
	font-size:16px;
	margin-bottom:10px;
}

sup {
	line-height: 0px;
	font-size:75%;
}

p.space {
	height:40px;
}

#gallery {
	height:97px;
	line-height:97px;
	margin-bottom:100px;
	position:relative;
}

#zoom {
	display:inline;
	vertical-align:bottom;
	position:absolute;
	bottom:0px;
	left:430px;
}

#gallery ul, .gallery ul, #gallery2 ul {
	list-style: none;
	margin:0;
}
#gallery ul li, .gallery ul li, #gallery2 ul li {
	display: inline;
}
#gallery ul a, .gallery ul a, #gallery2 ul a {
/*
	background-color:#eef;
	border:1px solid #999;
*/
	border:1px solid #f4f8fb;
	/*padding: 5px 5px 10px;*/
	display:block;
	float:left;
	margin:5px 10px 5px 0px;
	height:92px;
}
#gallery2 ul a { height:80px; }
#gallery ul a:hover, .gallery ul a:hover, #gallery2 ul a:hover {
	/*background-color:#fff;*/
	border:1px solid #ccc;
}
#gallery ul a img, .gallery ul a img, #gallery2 ul a img {
	/*border:1px solid #999;*/
}

#footer {
	position:absolute;
	right:30px;
	bottom:30px;
	width:500px;
	height:20px;
	border:0px solid red;
	font-size:12px;
	color:#fff;
}

#footer p {
	width:100%;
	height:100%;
	text-align:right;
	border:0px solid green;
}

#footer p a {
	margin:0 20px 0 20px;
	text-decoration:none;
	color:#ccc;
}

#footer p a:hover {
	color:#fff;
}

#legal {
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:9px;
	color:#ccc;
}
#legal img {
	border:0px solid #fff;
}

#impressum {
	position:absolute;
	right:0px;
	bottom:50px;
	width:200px;
	height:200px;
	color:#fff;
	background-color:#888;
	padding:30px;
}

#impressum div {
	font-size:11px;
}