@charset "utf-8";

body {
      text-align: center;
      background-image:url('images/Hintergrund/2.jpg');
      }

/* Alles mittig setzen */
#container {
		width:60em;
      text-align:left;
      margin:0 auto;
      }

#banner {
	background-image: url(images/Banner.jpg);
	background-repeat: no-repeat;
	/* position: absolute;  */
	height: 88px;
	left: 0px;
	top: 0px;
	background-color: #EEEEEE;
}

/* linke Navileiste */
	#navi {
	   /* position: absolute; */
	    padding: 0;
	    width: 9em;
	    top: 89px;
	    left: 0px;
	    font-family: Arial, Helvetica, sans-serif;
	    float:left;
	}

	#navi ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}

	#navi ul li{
	   /* display: block;*/
	    margin: 1px 0 1px 0;
	    background-color: #000064;
	    color: #FFFF00;
	    /* width: 100%; */
	    /* padding: 1px 1px 2px 0.4em; */
	}

	li.ueber {
	    padding: 1px 1px 2px 0.4em;
	    width: 8em;
	    display: block;
	    width: 100%;
	    border-left: 10px solid #000064;
	}

	#navi li a:link, #navi li a:visited {
	    display : block;
	    background-color: #0000CC;
	    color: #FFFF00;
	    text-decoration: none;
	    padding: 1px 1px 2px 0.4em;
	    border-left: 10px solid #005EBB;
	    width: 100%;
	      }

	html>body #navi li a{
	    width:auto;
	}

	#navi li a:hover, #navi li a:active, #navi li a:focus {
	    display : block;
	    background-color: #FFFF66;
	    color: #0000FF;
	    text-decoration: none;
	    padding: 1px 1px 2px 0.4em;
	    border-left: 10px solid #000000;
	    width: 100%;
	      }

/* Horizontale Navileiste */

#navi2 ul {
	list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0 0 0px 0;
    }

#navi2 li {
	display: inline;
    margin: 0px 0px;
    }

#navi2 li a:link, #navi2 li a:visited {
	border-left: 5px solid #005EBB;
    border-right: 5px solid #005EBB;
    text-decoration: none;
    padding: 2px 5px;
    background-color: #0000CC;
    color: #FFFF00;
    width: 100%;
    }

#navi2 li a:hover, #navi2 li a:active, #navi2 li a:focus {
	    background-color: #FFFF66;
	    color: #0000FF;
	    text-decoration: none;
        padding: 2px 5px;
	    border-left: 5px solid #000000;
        border-right: 5px solid #000000;
        width: 100%;
	    }

/* Horizontale Navileiste */
#navi3 tr {
	height: 30px;
    }

#navi3 td {
	width: 150px;
    text-align: center;
    }

#navi3 a:link, #navi3 a:visited {
	display: block;
	text-decoration: none;
	background-color: #0000CC;
    color: #FFFF00;
    padding: 5px 0 5px 0;
    border-left: 5px solid #005EBB;
    border-right: 5px solid #005EBB;
    }

#navi3 a:hover, #navi3 a:active, #navi3 a:focus {
	display: block;
	text-decoration: none;
    background-color: #FFFF66;
    color: #0000FF;
    padding: 5px 0 5px 0;
    border-left: 5px solid #000000;
    border-right: 5px solid #000000;
    }


/* Inhaltsbereich */
#inhalt {
	/* position: relative; */
	margin-left: 11em;
	top: 89px;
	right: 30px;
   	font-family: Arial, Helvetica, sans-serif;
	}


/* Benutzerzähler */
#online {
	/* position : absolute; */
	margin-left : 15px;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #005EBB;
    font-size:0.8em;
    }

#usercounter {
	/* position: absolute; */
    margin-left : 10px;
    margin-top: 5px;
    margin-bottom : 10px;
    font-size:0.8em;
    }

* html #usercounter, #online {
  /*	position: absolute; */
    font-size:0.8em;
    }


/* Interner Bereich */
#navileiste-login ul li{
	list-style-type: none;
    display : inline;
    margin: 0px 25px 0px 0px;
    }