html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
body{
line-height: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#4E4E4E;
}
:focus {
outline: 0;
}
#wrapper{
margin: 0 auto;
width: 940px;
padding: 20px;
}
/* ---------------------- */
#header{
height: 200px;
width: 100%;
position:relative;
/*background: url("../images/header.png") no-repeat left top;*/
}
#header p{
width: 205px;
line-height: 24px;
font-size: 14px;
font-weight:700;
position:absolute;
bottom: 40px;
text-align:right;
}
#header #ani{
position: absolute;
left: 230px;
z-index: 100;
width: 580px;
}
#header #schlagworte{
position: absolute;
left: 750px;
width: 220px;
z-index: 200;
line-height: 19px;
font-size: 13px;
bottom: 40px;
color: #999;
}
/* ---------------------- */
#navigation{ 
width: 220px;
float: left;
}
#navigation ul { 
width: 220px;
}
#navigation ul a{ 
width: 210px;
line-height: 40px;
background: url("../images/bg_navi.png") no-repeat left top;
color: #4E4E4E;
display: block;
text-decoration: none;
padding-left: 10px;
font-weight: 700;
}
#navigation a:hover{
background: url("../images/bg_navi.png") no-repeat left bottom;
color: #fff;
}
#navigation .active{
background: url("../images/bg_navi.png") no-repeat left bottom;
color: #fff;
}
#navigation .extralink{
background: url("../images/bg_navi_extralink.png") no-repeat left top;
color: #fff;
}
#zusatzinfo{
width: 200px;
padding: 20px 0 0 10px;
line-height: 140%;
}
/* ---------------------- */
#content{
float: right;
width: 720px;
background: #fff;
margin-bottom:20px;
}
#content h1{
line-height: 40px;
font-size: 35px;
margin-left: 17px;
font-weight: 700;
color: #395950;
letter-spacing:0.2px;
}
#content h2{
line-height: 20px;
font-size: 16px;
margin-left: 20px;
margin-bottom: 10px;
color: #4E4E4E;
font-weight:700;
/*width: 460px;*/
}
#content h3{
line-height: 40px;
font-size: 20px;
margin-left: 20px;
font-weight: 700;
color: #395950;
}
#content h4{
line-height: 20px;
font-size: 16px;
margin-left: 20px;
color: #4E4E4E;
font-weight:700;
}
#content h5{
font-size: 12px;
width: 200px;
line-height: 15px;
font-weight:700;
color: #005C9D;
}
#content p{
line-height: 18px;
font-size: 14px;
margin-left: 20px;
color: #395950;
margin-bottom: 10px;
}
#heft{
float: left;
margin-left:15px;
}

#content ul{
margin: 0 0 0 15px;
line-height: 30px;
margin-bottom: 20px;
}
#content li{
background: url("../images/liste.png") no-repeat left top;
padding-left: 5px;
}

#content strong,
#zusatzinfo strong{
font-weight: 700;
}
#content hr{
margin: 20px 0 0 20px;
}
#content a,
#zusatzinfo a{
color: #005C9D;
}
#content a:visited,
#zusatzinfo a:visited{
color: #666;
}

/* --------------- ZUSATZINFO -------- */
#zusatzinfo h1{
font-size: 35px;
font-weight: 700;
color: #395950;
letter-spacing:0.2px;
}
#zusatzinfo h2{
font-size: 16px;
color: #4E4E4E;
font-weight:700;
/*width: 460px;*/
}
#zusatzinfo h3{
font-size: 20px;
font-weight: 700;
color: #395950;
}
#zusatzinfo h4{
font-size: 16px;
color: #4E4E4E;
font-weight:700;
}
#zusatzinfo p{
line-height: 18px;
font-size: 14px;
color: #395950;
}
/* ---------------------- */
#content .right{
float: right;
margin-left: 10px;
}
#content .left{
float: left;
margin-right: 10px;
}
#marginalspalte{
float: right;
margin-left:10px;
width: 240px;
margin: 0;
}
#marginalspalte p{
font-size: 12px;
padding: 0;
}
/* ---------------------- */
#content .bergisches_land,
#zusatzinfo .bergisches_land{
color: #DD492B;
font-weight:700;
}
#content .maerkischer_kreis,
#zusatzinfo .maerkischer_kreis{
color: #007E42;
font-weight:700;
}
#content .hagen_u_en,
#zusatzinfo .hagen_u_en{
color: #005C9D;
font-weight:700;
}