body {
margin:0px;

text-align:center;	

}


a {color: #990000; text-decoration: none;}
a:visited {color:#990000;}
a:hover {color: #564b47;}
a:active { color:#cc0000;text-decoration: underline;}

hr {
border:1px dotted #beb1a2;
}

b {
font-size: 10px; font-weight: bold;color: #666666;font-stretch: extra-expanded;padding-bottom: 6px;
}


li{}

i{color:#cc0000; font-weight: bold;font-style: normal;font-size: 12px}

/* ----------centerbox zentriert das layout-------------- */
#centerbox {
	width:1024px;
	margin:0px auto;
	text-align:left;
	padding:4px;
	border:1px dashed #333;
	background-color:#eee;

} 

#bg {
z-index: 1;

width: 100%;
text-align: center;
vertical-align: top;
padding: auto;
 }
/* ----------menu links komplett-------------- */

#menu { 
z-index: 10;
visibility: visible;
position:absolute; 
top:130px;
margin-left:20px;
width: 190px; 
height: 352px;
}

#menu li {

list-style-type:none; 
height:30px;
}

#menu a, #menu a:visited {
position:absolute; 
display:block; 

left:0px;
width:180px; 
height:20px; 
border:1px solid #ffffff; 
background-color:#ccd1a9; 
color:#000; 
text-decoration:none; 
padding: 7px; 
margin: 2px;
font-size:13px; 
font-variant: small-caps; 
vertical-align:middle; 
}

#menu a span, #menu a:visited span {
display:none;
vertical-align:middle;
}

#menu a:hover {
color:#990000; 
background-color:#beb1a2; 
border:1px solid #ffffff; 
text-decoration:none;
vertical-align:middle;
}



#menu a:hover span {
position:absolute; 
display:block; 
left:195px; 
top:7px; 
width:0px; 
height:0px; 
border-left:12px solid #c00; 
border-top:6px solid #fff; 
border-bottom:6px solid #fff; 

line-height:0;
}

/* #menu a:hover span:after{
content:url(../img/red_hor.gif); padding-left: 6px;}*/




#menu .leer {

display:block;


width:180px; 
height:30px; 

text-decoration:none; 
padding: 7px; 
margin: 2px;
margin-left: -40px;
}

#menu .ohnelink {
 
display:block; 


width:180px; 
height:20px; 
border:1px solid #ffffff; 
background-color:#ccd1a9; 
text-decoration:none; 
padding: 7px; 
margin: 2px;
font-size:12px; 
font-variant: small-caps; 
vertical-align:middle; 
margin-left: -40px;
}

#menu td a {
position:relative;
width:auto; 
height:auto; 

text-decoration:none; 
padding: 0px; 
margin: 0px;
border:1px solid #990000; 
background-color:#ffffff; 
}




/* -----------------Seiten HEDAER--------------------- */
#contentheader  { 
z-index: 11;
position:absolute;
visibility: visible; 
margin-top: 110px;
width: 239px; 
height: 20px; 
background-color: #ccd1a9;
}

#contentheader h1{
	
	font-size: 12px;
	font-stretch: extra-expanded;
	vertical-align: middle;
	text-transform: uppercase;
	text-align:right;

	color:#cc0000;
}


#contentheader h1:after{
content:url(../img/red_hor.gif); padding-left: 6px;}


/* -----------------contentbreit--------------------- */

#contentbreit   { 
z-index: 20;
position:absolute;
background-color: #ffffff; 
visibility: visible; 
padding-right: 30px;
top: 140px; 
margin-left: 240px;
width: 740px; 
height: 340px; 
overflow: auto; 
border: dotted 1px #beb1a2 }



#contentbreit li { 
border: 1px #cccccc dotted;
list-style-type: none; 
margin-left: 110px; 
margin-bottom: 8px;
padding-top:8px;
padding-bottom:8px;
padding-left: 4px;
padding-right: 4px;
border-left: 1px #cc0000 solid;
width: 350px;
background-color: #dddddd
}

#contentbreit h1{
	padding:  0px 0px 0px 0px;
	font-size: 17px;
	font-weight: lighter;
	font-variant: small-caps;
	text-align: left;
	text-decoration: underline;
	color: #9ac63d;
	margin-bottom: 40px;
}
#contentbreit h1:before{
	content: url(../img/dot.gif); padding-right: 10px;
}




#contentbreit h2{
	padding:  0px 0px 0px 4px;
	font-size: 14px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #cc0000;
	
	margin-top: 20px;
}

/* -----------------content--------------------- */

#content   { 
z-index: 20;
position:absolute;
background-color: #ffffff; 
visibility: visible; 

top: 140px; 
margin-left: 240px;
width: 530px; 
height: 340px; 
overflow: auto; 
border: dotted 1px #beb1a2 }

#contentbild  { 
z-index: 20;
visibility: visible; 
top: 0px; 
left: 0px; 
width: 50px; 
height: 50px;  
border: 1px dotted #beb1a2;
padding-left: 7px;
padding-top: 7px;

 }

#contenttext{ 
z-index: 20;
top: 52px; 
left: 0px; 
padding: 14px;

font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#666666;

 }

#contenttext h1{
	padding:  0px 0px 0px 0px;
	font-size: 17px;
	font-weight: lighter;
	font-variant: small-caps;
	text-align: left;
	text-decoration: underline;
	color: #9ac63d;
	margin-bottom: 40px;
}
#contenttext h1:before{
	content: url(../img/dot.gif); padding-right: 10px;
}




#contenttext h2{
	padding:  0px 0px 0px 4px;
	font-size: 14px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #cc0000;
	
	margin-top: 20px;
}

#content li { 
list-style-type: square; 
padding: 0 10px 0 25px; 
padding-bottom:8px; }

#content h1{
	padding:  0px 0px 0px 0px;
	font-size: 17px;
	font-weight: lighter;
	font-variant: small-caps;
	text-align: left;
	text-decoration: underline;
	color: #9ac63d;
	margin-bottom: 40px;
}
#content h1:before{
	content: url(../img/dot.gif); padding-right: 10px;
}




#content h2{
	padding:  0px 0px 0px 4px;
	font-size: 14px;
	font-weight: lighter;
	font-variant: small-caps;
	color: #cc0000;
	
	margin-top: 20px;
}


/* -----------------contentmeta--------------------- */
#contentmeta   { 
z-index: 0;
position:absolute;
background-color: #ffffff; 
visibility: visible; 
top: 140px; 
margin-left: 800px;
width: 200px; 
height: auto; 
max-height: 340px;
overflow: auto; 
border: dotted 1px #beb1a2 }

#contentmetabild  { 
z-index: 20;
visibility: visible; 
top: 0px; 
left: 0px; 
width: 50px; 
height: 50px;  
border: 1px dotted #beb1a2;
padding-left: 7px;
padding-top: 7px;

 }

#contentmetatext{ 
z-index: 20;
top: 52px; 
left: 0px; 
padding: 8px;

font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#666666;
 }

#contentmeta h1{
	padding:  0px 0px 0px -12px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #80356f;
	vertical-align: top;
}
#contentmeta h2{
	padding:  0px 0px 0px -12px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
}

#contentmeta li { 
padding:  0px 5px 0px 0px;
	list-style-type: circle; }



/* -----------------navi--------------------- */
#navi  { 
z-index: 20;
visibility: visible; 
position: absolute; 
top: 97px; 
margin-left:480px;
width: 520px;
height: 14px;  
font-size: 10px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#80356f;

text-align: right;
}


/*Farben
#8ab961 dunkelgrün
#b5e567 hellgrün
#ccd1a9 grünbraun nav NORM
#beb1a2 grünbraun Nav OVER
#80356f violett
#990000 rot
#cc0000 helleres rot
*/

.bildimtext{margin-left: 500px; margin-top: -30px;padding: 4px;}
.wwwlink{letter-spacing: 1px;margin-bottom: -1em; color: #990000;}
.wwwlink a:before { content: url(../img/link.gif);padding-right: 5px;}
.kasten{border: 1px #cccccc dotted;width:400px;margin-left: 30px;}