/* Allgemeine Layout-Einstellungen */
body {
	background: #000000 url('background.jpg');
	color: #E0DED6;
	font-size: 13px;
	font-family: Tahoma;
}

/* Links */
a, a:link, a:visited {color: #FFFFFF; text-decoration: none;}
a:hover, a:active, a:focus {color: #FFFFFF; text-decoration: underline;}

/* Haupttabelle */
.main {width: 850px; vertical-align: top; background: url('carpet02.jpg'); border: 1px solid #C0C0C0; margin: auto;}
.head {width: 850px; height: 120px;}
.content {width: 649px; text-align: left; vertical-align: top; float: right;}
.content-in {width: 640px; margin: 10px; margin-left: 0px;}
.content a {font-weight: bold;}
.navi {width: 200px; text-align: center; vertical-align: top; margin-top: 10px; margin-bottom: 10px;}

.menu{
  width: 180px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 18px;
  background: url('mdend-bg.png') no-repeat center bottom;
  font-size: 11px;
}

.menu .mdname {
  display:block;
  font-weight: bold;
  font-size: 13px;
  background: url('mdname-bg.png') no-repeat center center;
  color: #E0DED6;
  height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu  .mlink,.menu .mlink:link,.menu .mlink:visited{
  display: block;
  background: #7B6751 url('mlink.png') repeat-x center top;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  text-decoration: none;
  height: 15px;
  width: 88px;
  color: #FFFFFF;
  float: left;
}
.menu .mlink:hover,.menu .mlink:active {
  background: #7B6751 url('mlink.png') repeat-x center bottom;
  color: #FFFFFF;
}
.menu .mlinkw,.menu .mlinkw:link,.menu .mlinkw:visited {
  display: block;
  background: #7B6751 url('mlink.png') repeat-x center top;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  text-decoration: none;
  height: 15px;
  width: 178px;
  color: #FFFFFF;
  float: left;
}
.menu .mlinkw:hover,.menu .mlinkw:active {
  background: #C0C0C0 url('mlink.png') repeat-x center bottom;
  color: #FFFFFF;
}

.menu .mclear {clear: left;}

.copyright {
  text-align: center;
  border-top: 1px solid #C0C0C0;
  clear: both;
  font-size: 10px;
  font-weight: bold;
  background: url('burlap01.jpg');
}

/* Div-Container */
.div-main {border: 1px solid #C0C0C0; padding: 3px; background: url('burlap01.jpg');}
.div-head {border-bottom: 1px solid #C0C0C0; font-weight: bold;}

/* News-Erweiterung */
.div-content {margin: 3px; text-align: justify;}
.div-avatar {padding: 5px; margin-left: 3px; border-left: 1px solid #C0C0C0; text-align: center;}
.div-footer {border-top: 1px solid #C0C0C0; text-align: right;}

/* Schriftformatierungen */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

/* Diagonale Schriftformatierungen */
.leftt {text-align: left; vertical-align: top;}
.leftm {text-align: left; vertical-align: middle;}
.leftb {text-align: left; vertical-align: bottom;}
.centert {text-align: center; vertical-align: top;}
.centerm {text-align: center; vertical-align: middle;}
.centerb {text-align: center; vertical-align: bottom;}
.rightt {text-align: right; vertical-align: top;}
.rightm {text-align: right; vertical-align: middle;}
.rightb {text-align: right; vertical-align: bottom;}

/* Weitenangaben */
.w20 {width: 20%;}
.w25 {width: 25%;}
.w33 {width: 33%;}
.w50 {width: 50%;}
.w75 {width: 75%;}
.w100 {width: 100%;}

/* Überschriften */
h1,h2,h3 {
	text-shadow: #FFFFFF 0px 0px 2px;
	border: 1px solid #C0C0C0;
	background: url('carpet03.jpg') repeat-x;
	color: #E0DED6;
	padding-bottom: 2px;
	margin-bottom: 3px;
	padding-left: 5px;
	letter-spacing: 1px;
}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}

/*h2:before
{
  content: counter(i) ". ";
  counter-increment: i;
  counter-reset: j;
}
h3:before {
  content: counter(i) "." counter(j) " ";
  counter-increment: j;
}*/

/* Sonstiges */
img {border: 0px;}

.b {font-weight: bold;}
.u {text-decoration: underline;}
.s {text-decoration:line-through;}
.i  {font-style: italic;}
.nowrap {white-space: nowrap;}
.justify {text-align: justify;}

.floatl {float: left;}
.floatr {float: right;}

.clearl {clear: left;}
.clearb {clear: both;}
.clearr{clear: right;}

.border {border: 1px solid #C0C0C0;}
.bordert {border-top: 1px solid #C0C0C0;}
.borderr {border-right: 1px solid #C0C0C0;}
.borderb {border-bottom: 1px solid #C0C0C0;}

dt {font-weight: bold;}
dt:before {content: "- ";}

.picspace {margin: 10px;}
.chara-img{padding: 2px; border: 1px solid #B5B599; margin: 1px;}