html, body {
margin: 0;
padding: 0;
}

body {
background-color: #000000;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;/*fuer IE_quirks*/
}

a {
font-family: georgia,times new roman,serif;
color: #000000;
}

#wrapper1 {
margin: 0;
padding: 0;
background:url(bg_color.png);
background-color: #302C20; 
}

#wrapper2 {
margin: 0;
padding: 0;
background-image: url(bg_schwarzverlauf.png); 
background-repeat: repeat-x;
background-position: bottom;
}

#wrapper3 {
position: relative;
margin: 0 auto;
padding: 0;
width: 1194px;
background:url(bg_zierrand.png) repeat-y;
text-align: left;/*Aufheben von IE_quirks im BODY*/
}

#header {
width: 980px;
margin: 0;
padding: 0;
margin-left: 107px;
background:url(header2.png) no-repeat; /* speziell für die startseite */
height: 152px;
}

#topnavi {
position: relative;
top: 125px;
text-align: center;
}

#topnavi, a.topnavi {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

a.navi_aktiv {
font-weight: bold;
}
	
#schild_links {
position: absolute;
left: 60px;
width: 200px;
height: 200px;
background:url(schild.png) no-repeat;
}

#schild_rechts {
position: absolute;
left: 950px;
width: 200px;
height: 200px;
background:url(schild.png) no-repeat;
}

#inner {
width: 980px;
background-color: #fff;
background:url(bg_innen_dunkel.png) repeat;
color: #000;
margin: 0px 107px 0px 107px;
padding: 0;
text-align: center;
}

#content { /* speziell für die startseite */
position: relative;
top: 25px;
width: 940px;
margin: 0 auto;
}

#zierrand_links {
position: absolute;
left: 0px;
bottom: 0px;
width: 99px;
height: 200px;
margin: 0;
padding: 0;
background:url(bg_schwarzverlauf.png) repeat-x bottom;
}

#zierrand_rechts {
position: absolute;
right: 0;
bottom: 0px;
width: 99px;
height: 200px;
margin: 0;
padding: 0;
background:url(bg_schwarzverlauf.png) repeat-x bottom;
}

#zierleiste_unten {
position: relative;
text-align:center;
left: 4px;
}

#rand_unten {
width: 996px;
height: 7px;
margin: 0 auto;
padding: 0;
background:url(rand_unten.png) no-repeat;
}

.footer {
color: #6F6B56;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
text-decoration: none;
}

/* speziell für die startseite */
#ritter {
position: absolute;
top: -415px;
left: 725px;
width: 254px;
height: 452px;
/*background:url(ritter.png) no-repeat;*/
z-index: 100;
}

#linke_spalte {
position: absolute;
top: 0px;
left: 0px;
width: 145px;
margin: 0px;
padding: 0px;
font-family: georgia,times new roman,serif;
font-size: 12px;
font-weight: bold;
color: #FFF7EB;
text-align: center;
}

#mitte {
width: 580px;
min-height: 640px;
margin: 0px 200px 0px 160px;
padding: 0px;
text-align: left;
font-family: georgia,times new roman,serif;
font-size: 16px;
line-height: 20px;
/*
font-size: 1.3em;
line-height: 1.3em;
*/
}

.mitte {
font-family: georgia,times new roman,serif;
font-size: 16px;
line-height: 20px;
}

a.mitte {
font-family: georgia,times new roman,serif;
font-size: 16px;
line-height: 20px;
text-decoration: none;
color: #000000;
}

a.mitte_underline {
font-family: georgia,times new roman,serif;
font-size: 16px;
line-height: 20px;
text-decoration: underline;
color: #000000;
}

#rechte_spalte {
position: absolute;
top: 0px;
right: 0px;
width: 180px;
z-index:10;
}



#holzrahmen {
position: relative;
margin: 0px;
padding: 0px;
}

#holzrahmen_ecke_oben_links {
position: absolute;
top: 0px;
left: 0px;
width: 8px;
height: 8px;
background:url(holzrahmen_ecke_oben_links.png);
overflow: hidden; /* hack fuer IE */
}

#holzrahmen_ecke_oben_rechts {
position: absolute;
top: 0px;
right: 0px;
width: 12px;
height: 8px;
background:url(holzrahmen_ecke_oben_rechts.png);
overflow: hidden; /* hack fuer IE */
}

#holzrahmen_rand_oben {
height: 8px;
margin: 0px 12px 0px 8px;
padding: 0px;
background:url(holzrahmen_rand_oben.png);
overflow: hidden; /* hack fuer IE */
}


#holzrahmen_ecke_unten_links {
position: absolute;
left: 0px;
width: 8px;
height: 18px;
background:url(holzrahmen_ecke_unten_links.png);
margin: 0px;
padding: 0px;
overflow: hidden; /* hack fuer IE */
}

#holzrahmen_ecke_unten_rechts {
position: absolute;
right: 0px;
width: 12px;
height: 18px;
background:url(holzrahmen_ecke_unten_rechts.png);
margin: 0px;
padding: 0px;
overflow: hidden; /* hack fuer IE */
font-size: 6px;
}

#holzrahmen_rand_unten {
height: 18px;
margin: 0px 12px 0px 8px;
padding: 0px;
background:url(holzrahmen_rand_unten.png);
overflow: hidden; /* hack fuer IE */
}


#holzrahmen_rand_links {
background:url(holzrahmen_rand_links.png) repeat-y;
overflow: hidden; /* hack fuer IE */
}

#holzrahmen_rand_rechts {
background:url(holzrahmen_rand_rechts.png) repeat-y;
background-position: right;
overflow: hidden; /* hack fuer IE */
}

#holzrahmen_mitte {
margin: 0px 12px 0px 8px;
padding: 0px;
background:url(bg_innen.png);
/* im div-tag selbst definieren:
background-position: 94px -17px; */
overflow: hidden; /* hack fuer IE */
}