/* The general styles that apply to all elements */
* {
	margin: 0;
	padding: 0;
}

/* The main body element */
body {
	background: #DEDEDE;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	padding:0px;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
}

/* Things that will not be visible to the regular eye :) */
#access, #footer li.html a span, #footer li.css a span, h2 {
	position: absolute;
	left: -9999px;
}

a {
	color: #8D1109;
	text-decoration: none;
}
a:hover {
	color: #4c4b4f;
	text-decoration:underline;
}

img, a img {
	border:0px;
	border:none;
	border-style:none;
}

h1, h2, h3, h4, h5 {
	font-weight: 100;
}

input, textarea, select {
	margin: 0 10px;
}
input, textarea {
	padding: 5px 10px;
	border: 1px #97977F solid;
	background: #F8F8F8;
}
input:focus, textarea:focus, input:hover, textarea:hover {
	border: 1px #870800 solid;

}
input {
	font-size: 90%;
}
textarea {
	font-family: Tahoma, sans-serif;
	font-size: 95%;
}

button {
	background: #000;
}
table {
	margin: 0 auto;
}
table td {
	padding: 5px;
}

.clear{
clear:both;
}

/* ################ HEAD ################ */
#headline {
background-color:#9A9A8A;
color:#FFFFFF;
height:26px;
line-height:26px;
width:800px;
}
#headline a, #headline a:hover, #headline a:visited{
color:#FFFFFF;
text-decoration:underline;
margin-left:15px;
}
#header
{
	background-image: url(../images/header_bg.gif);
	background-repeat:no-repeat;
	width:800px;
	height: 130px;
}
#headerright
{
	padding-top:10px;
	margin-left:520px;
	width: 235px;
	height: 120px;
	color:#505149;
}
		#loggedin
		{
			margin: 0 15px;
			list-style-type: none;
			color: #505149;
			font-size:80%;
		}
		#loggedin a
		{
			color: #8D1109;
		
		}
		#loggedin a:hover
		{
			color: #505149;
			text-decoration:underline;
		}
		
		
		/* Login box */
		#header form
		{
		padding-top:10px;
		margin-left:10px;
			width: 235px;
			
			font-size: 100%;
			color: #505149;
		}
		#header form fieldset
		{
			width: 225px;
			height: 26px;
			border: 0px;
			padding: 5px 0;
		}
		#header form legend
		{
			display: none;
		}

		#header form input
		{
			background: #fff;
			margin: 0;
			padding: 4px;
			border: 0px;
			width: 80px;
			font-size: 70%;
			position: relative;
			bottom: 7px;
			color: #3f3f3f;
			font-weight: bold;
		}
		#header form input:focus
		{
			background: #f5f5f5;
		}
		#header form input.submit
		{
			padding: 0;
			width: 25px;
			height: 21px;
			bottom: 1px;
		}

/* ################ NAVI ################ */
#topnav {padding:1px 0px 0px 0px; border:1px solid #a50; border-color:#D0CFC9 #F6F4EF #D4D0BE #F6F4EF; background-color:#BDB8A3; background-repeat:repeat-x; background-position:bottom left; background-image:url(../images/grad.gif); margin:0px 0px 0px 0px; font-size: 90%; text-align:center; width:798px;}

#point {padding:0; margin:0 auto; list-style:none; white-space:nowrap; height:2.5em; line-height:2.5em; width:798px;}
#point li {display:block; float:left; margin:0; padding:0;  height:2.5em; line-height:2.5em;}
#point li a {display:block; float:left; height:2.5em; line-height:2.5em; letter-spacing:1px; padding:0 1em; text-decoration:none; color:#4B4D42; background:#BDB8A3 url(../images/grad.gif) repeat-x bottom left; border-right:1px solid #D0CFC9; border-left:1px solid #F6F4EF;}
#point li a:hover, #point li a.current {background-image:url(../images/down_arrow.gif); background-repeat:no-repeat; background-position:center top; color:#8D1109;}
#point li a:hover b, #point li a.current b {display:block; float:left; background:transparent url(../images/up_arrow.gif) no-repeat center bottom; cursor:pointer}
#point li a:hover {background-color:#E1DED1}
#point li a.current {background-color:#8D1109}

.is_guest #point{
 width:498px;
} 

/* The linktree / deaktiviert */
.nav
{
        color: #888;
        margin-bottom: 18px;
        position: relative;
}
.nav a
{
        font-weight: bold;
        color: #888;
}
.nav a:hover
{
        color:#0066FF;
}

/* ################ MAIN ################ */
#bodyarea
{
	padding: 15px 20px 15px 40px;
	/**overflow: auto;**/
	clear: both;

}

#bodyarea p
{
	margin-bottom: 11px;
	line-height: 140%;
}

#bodyarea h3
{
	font-size: 150%;
	clear: both;
	position: relative;
	color: #535043;
	padding: 5px;
	margin-bottom: 4px;
	margin-top:15px;
	border-bottom:1px solid #97977F;
	/**background-image:url(../images/h1_bg.gif);
	background-repeat:repeat-x;**/
}
#bodyarea h3 a
{
	color: #8D1109;
}
#bodyarea h3 a:hover
{
	color: #4c4b4f;
}
#bodyarea h3 img
{
	vertical-align: middle;
}
.collapse img
{
        position: relative;
        float: right;
        top: 4px;
}

h4
{
        width: 100%;
	font-size: 130%;
	color: #4c4b4f;
	padding-bottom: 6px;
}
h4 a
{
	color: #4c4b4f;
}
h4 a:hover
{
	color: #8D1109;
}

/* ################ WERBUNG ################ */
.werbung{
background-color:#F1F0EA;
margin-top:5px;
margin-bottom:10px;
padding:10px;
text-align:center;
background-image:url(../images/anzeige.gif);
background-position:right;
background-repeat:no-repeat;
}

/* ################ FOOTER ################ */
#footer
{
	text-align: center;
	color: #9a9a9a;
	list-style-type: none;

	height: 18px;

	border-top:1px solid #9a9a9a;
	padding-top:10px;
}
#footer a
{
	color: #9a9a9a;
}


/* !!! SMF Spesific Styles For Compatibility !!! */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666;
	background: #666;
}
.help
{
	cursor: help;
}
.meaction
{
	color: red;
}
.editor
{
	width: 96%;
}
.highlight
{
	background: #ebf5b5;
	font-weight: bold;
	color: black;
}
.windowbg, .windowbg3
{
	color: #000;
	background: #FFF;
        padding: 3px 10px;
}
.windowbg2
{
	color: #000;
	background: #fff;
        padding: 3px 10px;
}
.calendar_today
{
	background: #f1f9f0;
	border: 1px #c9e2ef solid;
}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	font-size: 90%;
	clear: both;
	font-weight: bold;
	position: relative;
	color: #8D1109;
	margin-bottom: 12px;
}
.titlebg img, titlebg2 img
{
	vertical-align: middle;
}
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td, .catbg2 , tr.catbg2 td
{
	background: #97977F;
	border-top: 5px #000;
	color: #fff;
	padding-left: 12px;
	padding-right: 12px;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td
{
	font-size: 95%;
}
.catbg a, .catbg2 a, .catbg3 a
{
	color: #fff;

}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #f0f0f0;
}
.bordercolor
{
	padding: 0;
}
.tborder
{
	padding: 1px;
}
.smalltext
{
	font-size: 90%;
	font-family: verdana, sans-serif;
}
.middletext
{
	font-size: 100%;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}
.signature
{
	width: 100%;
	overflow: auto;
	padding: 0;
	line-height: 1.3em;
}
.error
{
	color: red;
}
#helpmain ul, #helpmain ol
{
	margin: 0 0 12px 25px;
}
#ajax_in_progress
{
	background: #FFF url(../images/ajaxloading.gif) no-repeat 10%;
	color: #000;
	text-align: left;
	font-size: 18px;
	font-family: "Trebuchet MS", sans-serif;
	padding: 10px;
	padding-left: 65px;
	position: absolute;
	left: -105px;
	width: 105px;
        border: 1px solid #D0D0D0;

}
#ajax_center
{
	top: 45%;
	width: 105px;
	position: absolute;
	left: 50%;
}