body {
background: #fefecc url();
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}

h1, h2, h3, h4, p, ul, ol {
margin: 0;
padding: 0;
font-weight: normal;
}

h1 { font-size: 32px; }

h2 { font-size: 23px; }

h3 { font-size: 18px; }

h4 {
font-size: 16px;
font-weight: bold;
}

select { font-size: 100%; }

code {font-family: courier, monospace;border:1px solid #cccccc;background-color:#ffffcc;padding-left:1px;padding-right:1px}

img { border: none; }

hr {
height: 1px;
border-width: 1px 0 0 0;/* für Mozilla*/
border-style: dotted;
color: #8C9082;
}
		
#bwnavi {
width: 912px;
background: #fefecc; 
margin: 3px auto 3px auto;
text-align: left;
font-size: 11px;
color: #8C9082;
}
		
#bwnavi a {
background: transparent url("../images/icon_linkextern.gif") 0 2px no-repeat;
padding-left: 16px;
}
		
#bwnavi a:link, #bwnavi a:visited { color: #8C9082; text-decoration: none; }
#bwnavi a:hover { color: #cc6600; text-decoration: none; }
		
#topnavi, #header {
background-color: #fff;
}
		
#topnavi {
width: 894px;
margin: 0 auto;
padding-left: 9px;
padding-right: 9px;
padding-top: 6px;
border: 1px solid #ebebeb;
border-bottom: none;
text-align: left;
font-size: 11px;
color: #8C9082;
}

#topnavi a:link, #topnavi a:visited { color: #8C9082; text-decoration: none; }
#topnavi a:hover { color: #00ace5; text-decoration: none; }
		
#wrapper {
width: 912px;
background: #fff; 
margin: 0 auto; 
border: 1px solid #ebebeb;
border-top: none;
}
		
#topvisual {
background: #fff url("../images/headerjb.jpg") top left no-repeat;
width: 912px;
height: 268px;
margin: 0 auto;
border: none;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}

/* Content */

.invis  { display: none; }

#content {
background-color: #fff;
width: 906px;
margin-left: 0;
padding: 6px 3px 6px 3px;
}
		
#content p.servicelink {
font-size: 12px;
font-weight: bold;
}
		
#content .blass {
color: #888;
font-weight: normal;
}

#content img.imgleft { float: left; margin: 3px 10px 7px 0; }
#content img.imgright { float: right; margin: 3px 0 7px 10px; }

#content ul, #content ol { margin: 0; }

#content p, #content li {
text-align: left;
font-size: 12px;
line-height: 20px;
}

#content li {
list-style-type: none;
display: block;
background: transparent url("../images/bullet.gif") 0 5px no-repeat;
padding-left: 17px;
margin-left: 5px;
}

#content #infobox {
background: #E3E7DB;
margin: 16px 0;
padding: 8px;
border: none;
}

#content .clear { clear: both; }

#content .table { border: 1px solid #FFF; border-bottom: 2px solid #333; border-collapse: collapse; empty-cells: show; speak-header-cell: once; }
#content caption { color: #333; font-size: 12px; font-weight: bold; padding: 0 0 10px 0; text-align: left; }
#content th, #content td { font-size: 12px; vertical-align: top; border: 1px solid #FFF; padding: 5px;}

#content th { color: #FFF; background: #333; }

#content .tblhd1 { font-weight: bold; color: #FFF; background: #333; text-align: left; }
#content .tblhd2 { font-weight: bold; color: #333; background: #e3e3e3; text-align: left; }
#content .tblrow { color: #000; background: #e3e3e3; }
#content .tblrowdarkgreen { color: #000; background: #aac600; }
#content .tblrowmediumgreen { color: #000; background: #d6e5ab; }
#content .tblrowlightgreen { color: #000; background: #eaf2d5; }

#content a:link , #content a:visited {
color: #00ace5;
text-decoration: underline;
}

#content a:hover, #content a:active {
color: #333;
text-decoration: underline;
}

#pagenavi {
border: 1px dotted #8C9082;
padding: 0 12px;
margin: 12px 0 0 0;
}

#pagenavi p { text-align: center; }
 
#articlebox { margin: 12px 0; }

input.submit {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
height: 19px;
margin: 0;
padding: 1px 6px 2px 6px;
border: 1px solid #aac600;
color: #000000;
background: #e4edae url("../images/bg_button.jpg") 0 0 repeat-x;
}

input.submit:hover { background: #e4edae url("../images/bg_buttonhover.jpg") 0 0 repeat-x; }
		
#beitrag {
width: 720px;
padding: 0 0 0 9px;
margin: 0;
}

#beitrag p { text-align: justify; }

#beitrag .h1-title {
color: #3e3d40;
margin: 0;
padding: 0;
font-family: Garamond, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 36px;
text-transform: uppercase;
}

#beitrag .h1 {
color: #333;
margin: 0;
padding: 27px 0 9px 0;
font-size: 28px;
line-height: 32px;
font-weight: normal;
font-family: Garamond, "Times New Roman", Times, serif;
}

#beitrag .h2 {
color: #333;
margin: 0;
padding: 27px 0 9px 0;
font-style: normal;
font-family: Garamond, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 24px;
}

#beitrag .h2info {
color: #aac600;
display: block;
padding: 27px 0 9px 21px;
font-style: normal;
font-family: Garamond, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 24px;
background: transparent url("../images/icon_information.jpg") 0 33px no-repeat;
}

#beitrag .h2dwnld {
color: #aac600;
display: block;
padding: 7px 0 0 45px;
margin: 27px 0 0 0;
font-style: normal;
font-family: Garamond, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 24px;
background: transparent url("../images/icon_hdownload.gif") 0 0 no-repeat;
height: 60px;
}

#beitrag .h3 {
color: #333;
margin: 0;
padding: 27px 0 9px 0;
font-style: normal;
font-family: Garamond, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 18px;
}

/* Bottom */			
#bottom {
padding: 0 0 0 9px;
}

#bottom p {
font-size: 11px;
color: #8C9082; 
margin-top: 24px;
}
				
#bw {
height: 70px;
width: 912px;
margin: 6px auto 0 auto;
background: transparent url("../images/kl_bw_logo.gif") right top no-repeat;
}


/* Horizontale Navi */	
#content #animatedtabs { /*Credits: Dynamic Drive CSS Library http://www.dynamicdrive.com/style/*/
border-bottom: 1px solid #aac600;
overflow: hidden;
width: 718px;
font-size: 14px;
margin-top: 24px;
margin-bottom: 0px;
}

#content #animatedtabs ul {
list-style-type: none;
margin: 0;
margin-left: 10px;
padding: 0;
}

#content #animatedtabs li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
background: transparent url() 0 0;
line-height: normal;
}

#content #animatedtabs a {
float: left;
position: relative;
top: 5px; /* (1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url("../images/tab-blue-left.gif") no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
}

#content #animatedtabs a span {
float: left;
position: relative;
display: block;
background: url("../images/tab-blue-right.gif") no-repeat right top;
padding: 5px 14px 3px 5px; /* (2) Padding within each tab. The 3rd value, or 3px, should equal (3) MINUS (1) */
font-weight: bold;
color: #444;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#content #animatedtabs a span {float:none;}
/* End IE5-Mac hack */

#content #animatedtabs li.current_page_item00 a,
#content #animatedtabs li.current_page_item11 a,
#content #animatedtabs li.current_page_item22 a,
#content #animatedtabs li.current_page_item33 a,
#content #animatedtabs li.current_page_item44 a,
#content #animatedtabs li.current_page_item55 a,
#content #animatedtabs li.current_page_item66 a {
background-position: 0 -125px;
top: 0;
}

#content #animatedtabs li.current_page_item00 a span,
#content #animatedtabs li.current_page_item11 a span,
#content #animatedtabs li.current_page_item22 a span,
#content #animatedtabs li.current_page_item33 a span,
#content #animatedtabs li.current_page_item44 a span,
#content #animatedtabs li.current_page_item55 a span,
#content #animatedtabs li.current_page_item66 a span {
background-position: 100% -125px;
color: #000;
padding-bottom: 8px; /* (3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#content #animatedtabs a:hover {
background-position: 0% -125px;
top: 0;
}

#content #animatedtabs a:hover span  {
background-position: 100% -125px;
padding-bottom: 8px; /* (3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #000;
}