@charset "utf-8";
  /********************/
 /* Design allgemein */
/********************/
/* standart HTML Befehle */
html{
	min-width:950px;
	width:100%;
	max-width:2000px;
	max-height:2000px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt; line-height:1.5;
	overflow-y:scroll;
	background-color:#000;
}
body{
	margin:0;
}
table{
	border-color:#CCC;
	border-style:solid;
	border-width:0;
	margin:0;
	margin-top:15px;
	padding:0;
	border-spacing:0;
	border-collapse:separate;
}
tr,td{
	margin:0;
	padding:2px;
}
textarea{
	width:100%;
	min-height:100px;
	font-size:16px;
	resize:vertical;
}
input{
	width:100%;
	font-size:16px;
}
#content img{
	max-width:580px;
	max-height:500px;
	width:auto;
	height:auto;
	border:1px solid #fff;
}
#content img:hover{
	max-width:100%;
	max-height:700px;
}

/* div Ebenen */
#all{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
#head{
	position:fixed;
	width:100%;
	min-height:200px;
	height:200px;
	max-height:200px;
	overflow:hidden;
	top:0;
	background-image:url(../bilder/design/top.png);
	z-index:100;
}
#top{
	position:fixed;
	width:600px;
	min-height:160px;
	height:160px;
	max-height:160px;
	overflow:hidden;
	top:0;
	background-color:#000;
	z-index:200;
}
#top h1{
	font-size:62px;
	margin-left:40px;
	color:white;
}
#logo{
	min-width:560px;
	width:560px;
	max-width:560px;
	min-height:100px;
	height:100px;
	max-height:100px;
	margin:20px 0 10px 20px;
	background-image:url(../bilder/design/logo.png);
	z-index:200;
}
#menu{
	min-width:560px;
	width:560px;
	max-width:560px;
	min-height:30px;
	height:30px;
	max-height:30px;
	margin:0 0 0 20px;
	z-index:200;
}
#scroll{
	position:relative;
	max-width:1350px;
	margin:200px 10px 50px 318px;
	width:auto;
	background-color:#f00;
}
#mario{
	position:relative;
	min-width:341px;
	width:341px;
	max-width:341px;
	min-height:468px;
	height:468px;
	max-height:468px;
	float:right;
	margin-top:-110px;
	background-image:url(../bilder/design/mario_bg.png);
	z-index:110;
}
#mario #facebook{
	position:absolute;
	width:536px;
	top:488px;
	margin-left:-245px;
}
#mario #facebook p{
	float:left;
	width:376px;
	margin:0 80px 0 0;
	font-size:25px;
}
#mario #facebook p:hover{
	color:#3a569b;
}
#mario #facebook img{
	float:left;
}
#content_bg{
	position:relative;
	min-width:400px;
	width:100%;
	max-width:1000px;
//	min-height:400px;
	margin:10px 0 50px 0;
	float:left;
	background-image:url(../bilder/design/text_bg.png);
	z-index:20;
}
#content{
	position:relative;
	width:auto;
	margin:20px;
	text-align:center;
	z-index:30;
}
#joschi{
	position:fixed;
	min-width:298px;
	width:298px;
	max-width:298px;
	min-height:620px;
	height:620px;
	max-height:620px;
	bottom:0;
	left:10px;
	background-image:url(../bilder/design/joschi_bg.png);
	background-repeat:no-repeat;
	z-index:10;
}
#bottom{
	position:fixed;
	width:100%;
	min-height:50px;
	height:50px;
	max-height:50px;
	overflow:hidden;
	bottom:0;
	background-image:url(../bilder/design/bottom.png);
	z-index:100;
}
#joschib{
	min-width:360px;
	width:360px;
	max-width:360px;
	min-height:50px;
	height:50px;
	max-height:50px;
	margin-left:-50px;
	background-image:url(../bilder/design/joschi_bg_bottom.png);
}


  /***********/
 /* Schrift */
/***********/
h1,h2,h3,h4,h5,h6,p,strong,b,i,bi,ib,big,ul,li,div,table,tr,td,#content a,#content a:link,#content a:visited,#content a:focus,#content a:hover,#content a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#FFF;
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	margin-top:20px;
	margin-bottom:-10px;
}
h1{
	font-size:24px;
	color:#CCC;
}
h2{
	font-size:20px;
	color:#DDD;
}
h3,h4,h5,h6{
	font-size:18px;
	color:#EEE;
}
p{
	line-height:160%;
	text-align:justify;
}
i{
	font-style:italic;
}
b,big{
	font-weight:bold;
}
bi,ib{
	font-style:italic;
	font-weight:bold;
}
#content a,#content a:link,#content a:visited,#content a:focus,#content a:hover,#content a:active{
	text-decoration:none;
	color:#F70;
	font-style:italic;
}
#content a:focus,#content a:hover,#content a:active{
	color:#F90;
}
/* Menü */
#menu ul,#menu li{
	color:#FFF;
	list-style:none;
}


  /************/
 /* Top Menu */
/************/
/* Menu Dropdown */
#menu ul{
	position:absolute;
	height:30px;
	width:560px;
	margin:0 auto 0 auto;
	padding:0;
}
#menu ul li{
	position:relative;
	float:left;
	width:20%;
	padding:0;
	text-align:center;
	line-height:30px;
	color:#CCC;
	z-index:101;
}
#menu ul li a:hover{
	background-image:url(../bilder/design/w20.png);
}
#menu ul li ul{
	width:100%;
	margin:0;
	padding:0;
	visibility:hidden;
	z-index:100;
}
#menu ul li ul li{
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	background-image:url(../bilder/design/s70w20.png);
}
#menu ul li:hover ul{
	visibility:visible;
	position:relative;
}
#menu ul li:hover ul li ul{
	display:none;
	
}
#menu ul li a:hover ul li a:hover{
	background-image:url(../bilder/design/s70w40.png);
}
#menu ul li:hover ul li:hover ul{
	display:none;
}

/* Menu Design */
#menu ul li a,#menu ul li a:visited{
	display:block;
	text-decoration:none;
	width:100%;
	line-height:30px;
}
#menu ul li:hover ul a,#menu ul li:hover ul a:visited{
	display:block;
	text-decoration:none;
	width:100%;
	line-height:30px;
}
#menu a,#menu a:link,#menu a:visited,#menu a:focus,#menu a:hover,#menu a:active{
	color:#FFF;
}