html, body {
    margin: 0px;
    padding: 0px;
	background: #000000;
}

html, body, div, td {
    font-family: Arial;
	font-size: 13px;
    color: #000000;
	
}

a {
    color: #000000;
}

h1, h2, h3, h4, h5 {
    margin-top: 0px;
}

div#background { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -99999;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div#background img {
    width: 100%;
    height: 100%;
}

div#wrapper {
    width: 1028px;
    margin: auto;
}

div#wrapper #head {
    position: absolute;
    z-index: -1;
    width: 1028px;
    height: 180px;
    background-image: url(../images/header.png);
    background-position: top center;
    background-repeat: no-repeat;
}

div#wrapper #left {
    margin-top: 150px;
    float: left;
    width: 178px;
    height: 580px;
    background-image: url(../images/menu_left.png);
}

div#wrapper #mid {
    margin-top: 150px;
    float: left;
    width: 672px;
    height: 580px;
}

div#wrapper #right {
    margin-top: 150px;
    float: left;
    width: 178px;
    height: 580px;
    background-image: url(../images/menu_right.png);
}

div#wrapper #mid #top {
    width: 672px;
    height: 102px;
    background-image: url(../images/scroll_top.png);
}

div#wrapper #mid #content {
    width: 672px;
    min-height: 407px;
    background-image: url(../images/scroll.png);
}

div#wrapper #mid #bot {
    width: 672px;
    height: 83px;
    background-image: url(../images/scroll_bot.png);
	margin-top:-10px;
	background-repeat: no-repeat;	
	
}

div#wrapper #mid #content .contentDiv {
    width: 572px;
    min-height: 407px;
    margin-left: 52px;
    margin-right: 60px;
}

div#wrapper #leftNav, div#wrapper #rightNav {
    margin-left: 43px;
    margin-top: 155px;
    width: 100px;
}

div#wrapper #leftNav a, div#wrapper #rightNav a {
    display: block;
    width: 100px;
    height: 20px;
    background-repeat: no-repeat;
}

/*Hinzugefügt für Verein*/

div#wrapper #leftNavVerein {
    margin-left: 43px;
    margin-top: 155px;
    width: 100px;
}

div#wrapper #leftNavVerein {
    display: block;
    width: 100px;
    height: 20px;
    background-repeat: no-repeat;
}

/*end of Hinzugefügt für Verein*/

*/div#wrapper #mid #content .contentDiv #arrowBar {
    position: absolute;
    z-index: 5;
    top: 0px;
    margin-top: 672px;
    width: 572px;
    text-align: center;
}*/

div#wrapper #mid #content .contentDiv #arrowBar #leftArrow {
    float: left;
    width: 192px;
    height: 22px;
    background-image: url(../images/arrow_left.png);
}

div#wrapper #mid #content .contentDiv #arrowBar #leftArrow {
    float: left;
    width: 192px;
    height: 22px;
    background-image: url(../images/arrow_left.png);
}

div#wrapper #mid #content .contentDiv #arrowBar #rightArrow {
    float: right;
    width: 192px;
    height: 22px;
    background-image: url(../images/arrow_right.png);
}


/* ------------------------ */

div#wrapper #leftNav a {
    background-image: url(../images/nav_left.png);
}

div#wrapper #leftNav a#neuigkeiten { background-position: 0px 0px; }
div#wrapper #leftNav a#neuigkeiten:hover { background-position: -100px 0px; }

div#wrapper #leftNav a#ueber_larp { background-position: 0px -23px; }
div#wrapper #leftNav a#ueber_larp:hover { background-position: -100px -23px; }

div#wrapper #leftNav a#forum { background-position: 0px -69px; }
div#wrapper #leftNav a#forum:hover { background-position: -100px -69px; }

div#wrapper #leftNav a#die_gruppe { background-position: 0px -92px; }
div#wrapper #leftNav a#die_gruppe:hover { background-position: -100px -92px; }

div#wrapper #leftNav a#links { background-position: 0px -115px; }
div#wrapper #leftNav a#links:hover { background-position: -100px -115px; }

div#wrapper #leftNav a#bilder { background-position: 0px -138px; }
div#wrapper #leftNav a#bilder:hover { background-position: -100px -138px; }

div#wrapper #leftNav a#impressum { background-position: 0px -196px; }
div#wrapper #leftNav a#impressum:hover { background-position: -100px -196px; }

/*Hinzugefuegt für Verein*/
div#wrapper #leftNav a#verein { background-position: 0px -168px; }
div#wrapper #leftNav a#verein:hover { background-position: -100 -168px; }
/*end of Hinzugefuegt für Verein*/


/* ---------------------- */

div#wrapper #rightNav a {
    background-image: url(../images/nav_right.png);
}

div#wrapper #rightNav a#geschichte { background-position: 0px 0px; }
div#wrapper #rightNav a#geschichte:hover { background-position: -100px 0px; }

div#wrapper #rightNav a#geographie { background-position: 0px -23px; }
div#wrapper #rightNav a#geographie:hover { background-position: -100px -23px; }

div#wrapper #rightNav a#voelker { background-position: 0px -45px; }
div#wrapper #rightNav a#voelker:hover { background-position: -100px -45px; }

div#wrapper #rightNav a#herrschaft { background-position: 0px -67px; }
div#wrapper #rightNav a#herrschaft:hover { background-position: -100px -67px; }

div#wrapper #rightNav a#der_glaube { background-position: 0px -91px; }
div#wrapper #rightNav a#der_glaube:hover { background-position: -100px -91px; }

div#wrapper #rightNav a#krieg { background-position: 0px -114px; }
div#wrapper #rightNav a#krieg:hover { background-position: -100px -114px; }

div#wrapper #rightNav a#sitten_und_braeuche { height: 31px; background-position: 0px -137px; }
div#wrapper #rightNav a#sitten_und_braeuche:hover { background-position: -100px -137px; }