body {
	margin: 0;
	padding: 0;
	background: #670000;
}
div#body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #f4f4f4 url("/images/head_bg.gif") 0 0 repeat-x;
}
div {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
i {
	font-size: 13px;
	line-height: 17px;
}
div#main {
	margin: 0 auto;
	width: 870px;
	position: relative;
	
}
div#navi {
	width: 495px;
	height: 151px;
	position: absolute;
	background: url("/images/navi.gif") 0 -150px no-repeat;
	top: 17px;
	left: 75px;
}
div#date {
	width: 205px;
	height: 153px;
	position: absolute;
	right: 60px;
	top: 15px;
	background: url("/images/date.jpg") 0 0 no-repeat;
}
#date h2 {
	color: #8d7d6d;
	margin: 50px 30px 0 30px;
	padding: 0;
	font: bold 18px/22px Georgia, serif;
}
#date h1 {
	color: #393939;
	margin: 5px 30px 0 30px;
	padding: 0;
	font: 16px/20px Georgia, serif;
}
#date p.more {
	text-align: right;
	margin: 5px 30px 0 30px;
	padding: 0;
	display: block;
	width: 150px;
	font: 13px Georgia, serif;
}
#date a {
	color: #8d7d6d;
	text-decoration: none;
}
#date a:hover {
	text-decoration: underline;
}
div#faces {
	width: 870px;
	height: 190px;
	position: absolute;
	left: 0px;
	top: 184px;
}
ul#face_nav {
	width: 870px;
	height: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative; 
	background: url("/images/faces.jpg") 0 0 no-repeat;
	
}
#face_nav li {
	position:absolute;
	padding: 0;
	margin: 0;
	top: 0;
	text-indent: -9999px; /* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */
}
#face_nav li, #face_nav a {
	height: 190px;
	display: block;
	text-indent: -9999px; /* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */
}
#face1 { top: 0px; left: 0px; width: 120px;}
#face2 { top: 0px; left: 85px; width: 140px;}
#face3 { top: 0px; left: 175px; width: 140px;}
#face4 { top: 0px; left: 279px; width: 120px;}
#face5 { top: 0px; left: 368px; width: 127px;}
#face6 { top: 0px; left: 460px; width: 116px;}
#face7 { top: 0px; left: 549px; width: 133px;}
#face8 { top: 0px; left: 645px; width: 134px;}
#face9 { top: 0px; left: 740px; width: 120px;}

#face1 a { background: transparent url(/images/faces.jpg) 1px -380px no-repeat;  width: 120px;}
#face2 a { background: transparent url(/images/faces.jpg) -84px -190px no-repeat; width: 140px;}
#face3 a { background: transparent url(/images/faces.jpg) -174px -380px no-repeat; width: 140px;}
#face4 a { background: transparent url(/images/faces.jpg) -278px -190px no-repeat; width: 120px;}
#face5 a { background: transparent url(/images/faces.jpg) -367px -380px no-repeat; width: 127px;}
#face6 a { background: transparent url(/images/faces.jpg) -459px -190px no-repeat; width: 116px;}
#face7 a { background: transparent url(/images/faces.jpg) -548px -380px no-repeat; width: 133px;}
#face8 a { background: transparent url(/images/faces.jpg) -644px -190px no-repeat; width: 134px;}
#face9 a { background: transparent url(/images/faces.jpg) -739px -380px no-repeat; width: 120px;}


ul#main_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
}
#main_nav li {
	position:absolute;
	padding: 0;
	margin: 0;
}
#main_nav li, #main_nav a {
	display: block;
	text-indent: -9999px; /* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */
}
#nl1 { top: 13px; left: 0px; width: 113px; height: 43px;}
#nl2 { top: 0px; left: 111px; width: 193px; height: 47px;}
#nl3 { top: 15px; left: 310px; width: 150px; height: 35px;}
#nl4 { top: 57px; left: 17px; width: 147px; height: 41px;}
#nl5 { top: 48px; left: 170px; width: 260px; height: 47px;}
#nl6 { top: 99px; left: 0px; width: 173px; height: 45px;}
#nl7 { top: 97px; left: 190px; width: 150px; height: 40px;}
#nl8 { top: 100px; left: 342px; width: 148px; height: 43px;}

#nl1 a { background: transparent url(/images/navi.gif) 0px -13px no-repeat; width: 113px; height: 43px;}
#nl2 a { background: transparent url(/images/navi.gif) -111px 0px no-repeat; width: 193px; height: 47px;}
#nl3 a { background: transparent url(/images/navi.gif) -310px -15px no-repeat; width: 150px; height: 35px;}
#nl4 a { background: transparent url(/images/navi.gif) -17px -57px no-repeat; width: 147px; height: 41px;}
#nl5 a { background: transparent url(/images/navi.gif) -170px -48px no-repeat; width: 260px; height: 47px;}
#nl6 a { background: transparent url(/images/navi.gif) 0px -99px no-repeat; width: 173px; height: 45px;}
#nl7 a { background: transparent url(/images/navi.gif) -190px -97px no-repeat; width: 150px; height: 40px;}
#nl8 a { background: transparent url(/images/navi.gif) -342px -100px no-repeat; width: 148px; height: 43px;}

#nl1 a.sel { background: transparent url(/images/navi.gif) 0px -163px no-repeat; width: 113px; height: 43px;}
#nl2 a.sel { background: transparent url(/images/navi.gif) -111px -150px no-repeat; width: 193px; height: 47px;}
#nl3 a.sel { background: transparent url(/images/navi.gif) -310px -165px no-repeat; width: 150px; height: 35px;}
#nl4 a.sel { background: transparent url(/images/navi.gif) -17px -207px no-repeat; width: 147px; height: 41px;}
#nl5 a.sel { background: transparent url(/images/navi.gif) -170px -198px no-repeat; width: 260px; height: 47px;}
#nl6 a.sel { background: transparent url(/images/navi.gif) 0px -249px no-repeat; width: 173px; height: 45px;}
#nl7 a.sel { background: transparent url(/images/navi.gif) -190px -247px no-repeat; width: 150px; height: 40px;}
#nl8 a.sel { background: transparent url(/images/navi.gif) -342px -250px no-repeat; width: 148px; height: 43px;}

#container {
	float: left;
	margin: 420px 0 50px 65px;
	width: 730px;
}
#left {
	float: left;
	position: relative;
	width: 295px;
}
#left1 {
	float: left;
	position: relative;
	width: 200px;
}
#right {
	float: right;
	width: 400px;
}
img.logo, img.logo_kl {
	position: absolute;
	border: 0;
	top: 0px;
	left: 15px;
}
#leftbox_header {
	margin-top: 100px;
	width: 290px;
	height: 73px;
	position: relative;
	float: left;
	background: url(/images/leftbox_header.gif) 0 0 no-repeat;
}
#leftbox_header1 {
	margin-top: 120px;
	width: 200px;
	height: 73px;
	position: relative;
	float: left;
}
#leftbox {
	width: 290px;
	float: left;
	background: url(/images/leftbox_bg.gif) 0 0 repeat-y;
}
#leftbox1 {
	width: 200px;
	float: left;
}
#leftbox_footer {
	width: 290px;
	height: 15px;
	float: left;
	background: url(/images/leftbox_footer.gif) 0 0 no-repeat;
}
#leftbox_header h1 {
	position: absolute;
	color: #8d7d6d;
	padding: 0;
	font: bold 18px/22px Georgia, serif;
	left: 35px;
	top: 27px;
}
#leftbox_header1 h1 {
	position: absolute;
	color: #8d7d6d;
	padding: 0;
	font: bold 18px/22px Georgia, serif;
	left: 30px;
	top: 27px;
}
#right h1 {
	color: #8d7d6d;
	padding: 0;
	margin: 0 0 10px 45px;
	font: 25px/32px Georgia, serif;
}
#right p {
	color: #262626;
	padding: 0;
	margin: 0 0 0 45px;
	font: 15px/20px Georgia, serif;
}
#right a {
	color: #262626;
	font: 15px/20px Georgia, serif;
	text-decoration: underline;
}
#right a:hover {
	text-decoration: none;
}
#footer {
	clear: both;
	height: 150px;
	width: 100%;
	background: #670001 url(/images/footer.gif) 0 0 repeat-x;
	text-align: center;
}
#footer p {
	width: 100%;
	display: block;
	padding: 35px 0 0 0;
	text-align: center;
	font: 12px/16px Georgia, serif;
	color: #f4f4f4;
}
#footer a {
	color: #f4f4f4;
	text-decoration: none;
}
#footer a:hover {
	color: #f4f4f4;
	text-decoration: underline;
}
#leftbox object {
	margin-left: 30px;
	margin-top: 20px;
	width: 250px;
	height: 24px;
}
#leftbox1 object {
	margin-left: 25px;
	margin-top: 20px;
	width: 180px;
	height: 24px;
}
#leftbox p {
	margin-left: 35px;
	margin-top: 5px;
	padding: 0;
	font: 11px verdana, san-serif;
	color: #8d7d6d;
}
#leftbox1 p {
	margin-left: 25px;
	margin-top: 5px;
	padding: 0;
	font: 11px verdana, san-serif;
	color: #8d7d6d;
}
#login_container {
	background: #670001;
	color: #fff;
	margin: 0;
	margin-top: -65px;
	text-align: center;
}
#login_box {
	width: 240px;
	text-align: right;
	margin: 0 auto;
}
#login_container input {
	width: 150px;
	height: 20px;
	background: #fff;
	border: solid 1px #8d7d6d;
	height: 18px;
	color: #8d7d6d;
	font: 12px/16px Georgia, serif;
	padding: 2px;
	margin: 0;
	margin-bottom: 10px;
}

/* ########## Editiermenue unterm Kopf ########## */

.edit_container {
	margin:0;
	padding: 10px;
	background: #F2E354;
	height: 30px;
}
#right a.edit_link, #right a.edit_link:hover {
	display: block;
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	line-height: 29px;
	font-family: Verdana;
	background: url(/images/editlinks_back.gif) no-repeat 0% 50%;
	width: 150px;
	height: 29px;
	padding-left: 30px;	
}
a.edit_link1, a.edit_link1:hover {
	display: block;
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	line-height: 29px;
	width: 80px;
	height: 29px;
}

a.link_edit, a.link_edit:hover {
	font-size: 11px;
	color: #0a0;
}

a.link_delete, a.link_delete:hover {
	font-size: 11px;
	color: #a00;
}

div#playa1, div#playa2, div#playa3, div#playa4 {
	padding-left: 35px;
	margin-top: 15px;
	color: #8d7d6d;
	font: Georgia;
}
div#playa1 a, div#playa2 a, div#playa3 a, div#playa4 a {
	color: #8d7d6d;
	font: Georgia;
}