body

{

	background-image: url(img/background.jpg);

	background-position: left top;

	background-repeat: repeat-x;

	background-color: #5F5035;

}



.left

{

	width: 5px;

	height: 100%;

	background-image: url(img/rand_l.jpg);

	background-position: right top;

	background-repeat: no-repeat;

}



.center

{

	width: 100%;

	height: 100%;

	background-image: url(img/bg.jpg);

	background-repeat: repeat-x;

	background-color: #ffffff;

}



.top

{

	width: 100%; height: 9px;

	background-image: url(img/ecke_lo.jpg);

	background-position: left bottom;

	background-repeat: no-repeat;

}



.bottom

{

	width: 100%;

	height: 12px;

	background-image: url(img/ecke_lu.jpg);

	background-position: left top;

	background-repeat: no-repeat;

}



.reiter

{

	width: 36px;

	height: 185px;

	vertical-align: top;

	text-align: left;

}



.reiter_unten

{

	width: 36px;

	height: 336px;

	background-image: url(img/rand_r.jpg);

	background-position: left top;

	background-repeat: no-repeat;

}



.content

{

	vertical-align: bottom;

}



.menu

{

	vertical-align: bottom;

}



.navi

    { color: #ffffff; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; text-transform: lowercase }



a.navi

    { color: #fff; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; text-decoration: none; text-transform: lowercase }



a.navi:hover

    { color: #999; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; text-decoration: none; text-transform: lowercase }
   
   
a.navi:active

    { color: #999; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; text-decoration: none; text-transform: lowercase }
   
   
a.navi:focus

    { color: #999; font-size: 11px; font-family: Arial, SunSans-Regular, sans-serif; text-decoration: none; text-transform: lowercase }