body {
	background-color:#54524f; padding:0px; margin:0px; height:100%;
	color:#e9e9e9;
	
}
body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
#all {
	border:0px solid #FF0000;  
	position:absolute;                
	left:50%;
	width:966px;
	margin:0px 0 0 -500px;
	z-index:0;
	padding-right:34px;
	min-height:100%;
}

#navi {
	border:0px solid #00FF00; 
	width:320px; 
	height:600px; 
	float:left;
	margin:0px 0px 0px 0px;
	background-image:url(images/navibgr.gif); background-repeat:no-repeat; background-position:20px 0px;
	z-index:1;
}
#navi_links {
	border:0px solid #000000; 
	width:120px; 
	float:left; 
	margin-top:210px; 
	padding-left:60px;

}
#navi_rechts {
	border:0px solid #000000; 
	width:120px; 
	float:left; 
	margin-top:210px; 


}

a.navi_head:link, a.navi_head:visited, .navi_head{
	font-size:16px; font-weight:bold;
	padding:0px 0px 10px 5px; margin:0px; color:#c4cdd2;
}
.navi_link, a.navi_link:visited, a.navi_link:link {
	display:block; width:100px; color:#c4cdd2; text-decoration:none; font-size:12px; 
	line-height:25px;
}
a.navi_link:hover, a.navi_head:hover {
	color:#FFFFFF;
}

#content {
	width:600px; 
	border:0px solid #0000FF; 
	float:left; 
	padding-left:37px;
	margin-bottom:0px
}

#sitefooter {
	margin-top:30px; height:30px;
	color:#C5C5C5; text-align:center;border:0px solid #0000FF;
	width:600px;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:hover, a.footerlink:active {
	color:#C5C5C5;
}
.inpbutton, button, .button, .cssbutton, a.cssbutton:link, a.cssbutton:visited {
	background-color:#c5c5c5;
	color:#000000;
}
.cssbutton, a.cssbutton:link, a.cssbutton:visited{
	display:inline; padding:2px 9px; margin:2px; line-height:26px;
}
a.cssbutton:hover, .inpbutton:hover, button:hover {
	background-color:#FFFFFF;
}

/** WEBSPELL CSS **/

h2 {
    font-size: 12px;
    color: #afbac2;
    text-transform: uppercase;
    font-weight: bold;
	line-height:20px;
	display:block;

	background-color:#54565c;
	text-align:right;
	margin:10px -9px 10px -9px;
	padding-right:30px;
	background-image:url(images/headbgr.gif);
	background-repeat:repeat-x;
}
h3 {
    font-size: 12px;
    color: #afbac2;
    text-transform: uppercase;
	line-height:24px;
	display:block;
	
	text-align:left;
	margin:10px -9px 6px -9px;
	padding-left:20px;
	border-bottom:1px solid #fd9417;
}

.small {  
    font-size: 9px; 
    color: #e9e9e9;
}

.title {
    font-size: 11px;
    color: #fd9417;
    font-weight: bold;
    background-repeat: repeat;
    background-position: left top;
	line-height:14px;
}

.category_big {  
    font-size: 14px; 
    color: #e9e9e9; 
    font-weight: bold; 
}

.category {  
    font-size: 11px; 
    color: #e9e9e9; 
    font-weight: normal; 
}

.marked {
    background-color: #000000;
    font-weight: bold;
}

a, a:visited, a:active {
    color: #e9e9e9;
    text-decoration: none;
    font-weight: normal;
}
a.text, a.text:visited, a.text:active {
	border-bottom:1px dotted #fd9417;
}


a:hover {
    color: #fd9417;
    text-decoration: none;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #fd9417;
    text-decoration:underline;
    font-weight: bold;
}

a.titlelink:hover {
    color: #fd9417;
    text-decoration:none;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #e9e9e9;
    text-decoration:underline;
}

a.category:hover {
    color: #e9e9e9;
    text-decoration: none;
}

option, textarea, input, select, file {  
    font-size: 12px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}

.footer {
	color: #FFFFFF; font-size:10px;
}
			
.form_off {  
    color: #666666; 
	background-color: #DCDCDC; 
    border: 1px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 1px solid #000000;
}

.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/username.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/password.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.loginbutton {
    background-image: url(images/login.gif);
	color:#c4cdd2;
}

.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}
#map {
	background-image: url(inc/dklein.png); 
	width:600px;
	height:771px;
	text-align:left;
        position: relative;
}

/* Der Container fr das MouseOver ... dingens */
#inf {
	display:none;
	position: absolute;
	background-color:#54524f;
	width: 200px;
	z-index:10;
	padding: 5px;
	border: 1px solid #666;
}

#inf h2 { 
	font-style: italic;
	font-weight: bold;
	font-size: 140%;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #666;
}


/* die punkte auf der karte (durch verschiedengroe bilder realisiert)*/
#map a {
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	text-decoration: none;
	overflow:hidden;
}

#map a:hover{ 
	border: 1px solid #fff;
}

.p1 {
	background-image: url(inc/p2.gif);
	background-position: 3px 3px;
}

.p2 {
	background-image: url(inc/p3.gif);
	background-position: 2px 2px;
}

.p3 {
	background-image: url(inc/p4.gif);
	background-position: 1px 1px;
}

.p4 {
	background-image: url(inc/p5.gif);
}