/* Page Body */
html {
    background: url("../images/overall_bg.jpg") top left repeat;
    height: 100%;
    min-height: 100%;
}
body {
    background: url("../images/overall_header_bg.jpg") top left repeat-x;
    font-size: 12px;
    font-family: "arial", Verdana, Tahoma, trebuchet ms, sans-serif;
    color:  #005697;
    height: 100%;
    padding: 0;
    margin: 0;
}


/* Overall  */
#overall {
    /*background: url("../images/overall_bg.jpg") top left repeat;*/
    width: 1000px; 
    height: 100%;
    min-height: 100%;
    padding: 33px 0 0 0;
    margin: 0 auto;
}
body>#overall {
    height: auto;
    min-height: 100%;
}

/* Header */
#header {
    position: relative;
    background: url("../images/header_bg.jpg") top left repeat;
    width: 1000px;
    height: 84px;
    padding: 7px 0 0 0;
    margin: 0 auto;
} 

/* Logo */
.logo {
    float: left;
    padding: 0 0 0 18px; 
    margin: 0;
}

/* Rss Feed */
#rss {
    float: left;
    background: url("../images/rss.jpg") right 1px no-repeat;
    height: 21px;
    padding: 6px 31px 0 64px;
    margin: 0;
    font-size: 12px;
}
#rss a {
    font-weight: normal;
}

/* Fontsize */
#fontsize {
    float: left;
    position: relative;
    width: 153px;
    height: 23px;
    padding: 6px 0 0 20px;
    margin: 0;
    font-size: 12px;
}
#fontsize ul {
    position: absolute;
    top: -11px;
    right: 8px;
    list-style-type: none;
}
* html #fontsize ul {
    top: 0px;
}
*+html #fontsize ul {
    top: 0px;
}
#fontsize ul li {
    float: left;
    /*background: url("../images/font_size_bg.jpg") top left no-repeat;*/
    padding: 0 1px 0 0;
    margin: 0;
    width: 23px;
    height: 23px;
}
.font_size a {
    /*display: block;*/
    /*background: url("../images/font_size_bg.jpg") top left no-repeat;*/
    width: 23px;
    height: 23px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
#fontsize ul li a.klein {
    display: block;
    background: url("../images/font_size_klein_bg.jpg") top left no-repeat;
    width: 23px;
    height: 23px;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}
#fontsize ul li a.normal {
    display: block;
    background: url("../images/font_size_normal_bg.jpg") top left no-repeat;
    width: 23px;
    height: 23px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
#fontsize ul li a.gross {
    display: block;
    background: url("../images/font_size_gross_bg.jpg") top left no-repeat;
    width: 23px;
    height: 23px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
#fontsize ul li a span {
    display: none;  
}

/* Search */
#search {
    float: left;
    position: relative;
    width: 138px;
    height: 21px;
    padding: 5px 0 0 203px;
    margin: 0;
    font-size: 1em;
}
#search a {
    font-weight: normal;
}
.searchfield {
    position: absolute;
    top: 2px;
    left: 19px;
    background: url("../images/search_text_bg.jpg") top left no-repeat;
    width: 157px;
    height: 19px;
    padding: 4px 0 0 4px;
    margin: 0;
    border: 0;
    color: #005697;
    font-size: 1em;
}
* html .searchfield {
    top: 0;
}
*+html .searchfield {
    top: 0;
}
#search .submit {
    position: absolute;
    top: 2px;
    left: 176px;
    background: url("../images/submit_bg.jpg") top left no-repeat;
    width: 23px;
    height: 23px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
}
* html #search .submit {
    top: 0;
}
*+html #search .submit {
    top: 0;
}

/* Partner */
.ihk {
    float: left;
    padding: 0;
    margin: 0;
}      
.dihk {
    float: left;
    padding: 0 0 0 3px;
    margin: 0;
}

/* Navigation Top */
#naviTop {
    position: absolute;
    bottom: 0px;
    right: 23px;
    /*width: 602px;*/
    height: 28px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#naviTop li {
    float: left;
    width: auto;
    height: 28px;
    padding: 0 0 0 1px;
    margin: 0 1px 0 0;
}
#naviTop li a {
    position: relative;
    display: block;
    background: url("../images/naviTop_c.jpg") top left repeat-x;
    width: auto;
    height: 21px;
    padding: 7px 8px 0 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
* html #naviTop li a {
    float: left;
    /*width: 150px;*/
}
#naviTop li a .naviTop_left {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/naviTop_l.jpg") top left repeat-x;
    width: 8px;
    height: 28px;
    padding: 0;
    margin: 0;
}
#naviTop li a .naviTop_right {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/naviTop_r.jpg") top left repeat-x;
    width: 8px;
    height: 28px;
    padding: 0;
    margin: 0;
}
#naviTop li a:hover {
    position: relative;
    display: block;
    background: url("../images/naviTop_c_h.jpg") top left repeat-x;
    /*width: auto;*/
    height: 21px;
    padding: 7px 8px 0 8px;
    margin: 0;
    color: #fff;
}
#naviTop li a:hover .naviTop_left {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/naviTop_l_h.jpg") top left repeat-x;
    width: 8px;
    height: 28px;
    padding: 0;
    margin: 0;
}
#naviTop li a:hover .naviTop_right {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/naviTop_r_h.jpg") top left repeat-x;
    width: 8px;
    height: 28px;
    padding: 0;
    margin: 0;
}
#naviTop li a.active {
    position: relative;
    display: block;
    background: url("../images/naviTop_c_a.jpg") top left repeat-x;
    /*width: auto;*/
    height: 21px;
    padding: 7px 8px 0 8px;
    margin: 0;
    color: #005697;
}
#naviTop li a.active .naviTop_left {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/naviTop_l_a.jpg") top left repeat-x;
    width: 8px;
    height: 28px;
    padding: 0;
    margin: 0;
}
#naviTop li a.active .naviTop_right {
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/naviTop_r_a.jpg") top left repeat-x;
    width: 8px;
    height: 28px;
    padding: 0;
    margin: 0;
}

/* Main */
#main {
    background: #fff;
    padding: 0;
    margin: 0 0 0 0;
}

/* Left */
#left {
    float: left;
    width: 276px;
    padding: 12px 0 0 18px;
    margin: 0;
}

/* Left - Box Header */
#left .box_header {
    background: url("../images/left_box_header.jpg") top left no-repeat;
    width: 255px;
    height: 31px;
    padding: 0;
    margin: 0;
}
#left .box_header h1 {
    padding: 10px 0 0 8px;
    margin: 0;
    font-size: 1em;
    font-style: normal;
    color: #005697;
}

/* Left - Box Content */
#left .box_content {
    width: 251px;
    border-left: 1px solid #cdd5e7;
    border-right: 1px solid #cdd5e7;
    border-bottom: 1px solid #cdd5e7;
    padding: 0 2px 15px 0;
    margin: 0 0 12px 0;
}
#left .box_content h1 {
    padding: 10px 0 0 8px;
    margin: 0;
    font-size: 1em;
    font-style: normal;
    color: #005697;
}
#left .box_content img {
    padding: 14px 0 16px 44px;
    margin: 0;
}
#left .box_content ul {
    list-style-image: url("../images/list.jpg");
    padding: 0 0 0 20px;
    margin: 0;
}
#left .box_content ul li {
    padding: 0;
    margin: 0;
    line-height: 16px;
}
#left .box_content ul li ul {
    list-style-image: none;
    list-style-type: circle;
    font-size: 10px;
    padding: 0 0 0 15px;
    margin: 0;    
}
#left .box_content p {
    padding: 10px 0 0 8px;
    margin: 0;
    font-size: 1em;
}


/* Right */
#right {
    float: left;
    width: 676px;
    padding: 12px 30px 0 0;
    margin: 0;
}

/* Right - Box Header */
#right .box_header {
    background: url("../images/content_box_header.jpg") top left no-repeat;
    width: 675px;
    height: 31px;
    padding: 0;
    margin: 0;
}
#right .box_header h1 {
    padding: 10px 0 0 8px;
    margin: 0;
    font-size: 1em;
    font-style: normal;
    color: #005697;
}

/* Content - Startsite */
#start_content {
    position: relative;
    background: url("../images/content_bg.jpg") top left no-repeat #bbd3eb;
    width: 673px;
    min-height: 656px;
    border-left: 1px solid #cdd5e7;
    border-right: 1px solid #cdd5e7;
    padding: 0;
    margin: 0;
}
* html #start_content {
    height: 631px;
}

/* Innerfade */
#innerfade {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}
* html .innerfade {
    position: absolute;
    left: -25px;
    top: 0;
}

/* All Box */
#all_box {
    float: left;
    width: 379px;
    padding: 28px 23px 0 0;
}
* html #all_box {
    right: 0;
    top: 0;
    position: absolute;
}

/* Contact Box */
.contact_box {
    position: relative;
}

/* Content Button */
.content_button {
    float: right;
    display: block;
    background: url("../images/content_button_bg.png") top left no-repeat;
    width: 353px;
    height: 51px;
    padding: 0 0 0 0;
    margin: 0 0 8px 0;
}
.content_button:hover {
    background: url("../images/content_button_h_bg.png") top left no-repeat;
    width: 353px;
    height: 51px;
    padding: 0 0 0 0;
    margin: 0 0 8px 0;
}
.content_button a {
    display: block;
    padding: 19px 0 17px 32px;
    margin: 0 0 0 0;
    text-decoration: none;
}

/* Content */
.content {
    position: relative;
    background: url("../images/contentfade_bg.jpg") left bottom repeat-x #fff;
    width: 653px;
    min-height: 200px;
    border-left: 1px solid #cdd5e7;
    border-right: 1px solid #cdd5e7;
    padding: 10px;
    margin: 0;
    
}
* html .content {
    height: 200px; 
}
.content_bottom {
    width: 676px;
    background: url("../images/content_btm.jpg") left top no-repeat;
    height: 6px;
    padding: 0;
    margin: 0 0 20px 0;
}

/* Content Box */
#content_box {
    position: absolute;
    bottom: 10px;
    right: 12px;
    background: url("../images/content_box.png") top left no-repeat;
    width: 653px;
    height: 278px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
* html #content_box {
    top: 342px;
}
.content_box_bg {
    float: left;
    /* background: url("../images/mic.jpg") top left no-repeat; */
    width: 227px;
    height: 226px;
    padding: 0 0 0 0;
    margin: 28px 0 0 24px;
}

/* Content Box 1 */
#content_box1 {
    float: left;
    position: relative;
    background: url("../images/content_box_bg.png") top left no-repeat;
    width: 139px;
    height: 371px;
    padding: 0 0 0 16px;
    margin: 265px 0 0 11px;
}
* html #content_box1 {
    padding: 0 0 0 14px;
    margin: 265px 0 0 8px;
}
#content_box1 h1 {
    padding: 19px 0 16px 0;
    font-size: 1.2em;
    font-style: normal;
}
#content_box1 .content_box_bg {
    background: url("../images/content1_box.jpg") 0 15px no-repeat;
    width: 123px;
    height: 123px;
    padding: 15px 0 0 15px;
    margin: 0;
}
#content_box1 img {
    padding: 8px 0 0 26px;
    margin: 0;
}

/* Content Box 2 */
#content_box2 {
    float: left;
    position: relative;
    background: url("../images/content_box_bg.png") top left no-repeat;
    width: 139px;
    height: 371px;
    padding: 0 0 0 16px;
    margin: 265px 0 0 11px;
}
* html #content_box2 {
    padding: 0 0 0 14px;
}
#content_box2 h1 {
    padding: 19px 0 16px 0;
    font-size: 1.2em;
    font-style: normal;
}
#content_box2 .content_box_bg {
    background: url("../images/content2_box.jpg") 0 15px no-repeat;
    width: 123px;
    height: 123px;
    padding: 15px 0 0 15px;
    margin: 0;
}

/* Content Box 3 */
#content_box3 {
    float: left;
    position: relative;
    background: url("../images/content_box_bg.png") top left no-repeat;
    width: 139px;
    height: 371px;
    padding: 0 0 0 16px;
    margin: 265px 0 0 11px;
}
* html #content_box3 {
    padding: 0 0 0 14px;
}
#content_box3 h1 {
    padding: 19px 0 16px 0;
    font-size: 1.2em;
    font-style: normal;
}
#content_box3 .content_box_bg {
    background: url("../images/content3_box.jpg") 0 15px no-repeat;
    width: 123px;
    height: 123px;
    padding: 15px 0 0 15px;
    margin: 0;
}

/* Content Box 4 */
#content_box4 {
    float: left;
    position: relative;
    background: url("../images/content_box_bg.png") top left no-repeat;
    width: 139px;
    height: 371px;
    padding: 0 0 0 16px;
    margin: 265px 0 0 11px;
}
* html #content_box4 {
    padding: 0 0 0 14px;
}
#content_box4 h1 {
    padding: 19px 0 16px 0;
    font-size: 1.2em;
    font-style: normal;
}
#content_box4 .content_box_bg {
    background: url("../images/content4_box.jpg") 0 15px no-repeat;
    width: 123px;
    height: 123px;
    padding: 15px 0 0 15px;
    margin: 0;
}

/* Contetn Footer */
#content_footer {
    background: url("../images/content_footer_bg.jpg") top left no-repeat;
    width: 675px;
    height: 10px;
    padding: 0;
    margin: 0;
}

/* Morelink */
.morelink {
    position: absolute;
    bottom: 14px;
    left: 15px;
}

/* to Top */
.totop {
    float: right;
    background: url("../images/totop.jpg")  0px 16px no-repeat;
    padding: 16px 0 0 16px;
    margin: 0;
    color: #005697;
    text-decoration: none;
}
.totop:hover {
    color: #005697;
    text-decoration: underline;
}

/* Footer */
#footer {
    position: relative;
    background: url("../images/footer_bg.jpg") top left repeat-x;
    width: 1000px;
    height: 29px;
    padding: 40px 0 60px 0;
    margin: 0;
}

/* Copyright */
#copy {
    float: left;
    padding: 0 0 0 17px;
    margin: 0;
    font-weight: bold;
}

/* Ceritfied */
#certified {
    float: left;
    /*background: url("../images/certified.png") top right no-repeat;*/
    height: 36px;
    padding: 0px 15px 0px 85px;
    margin: 0 10px 0 0;
}

#iso {
    position: relative;
    float: right;
    width: 100px;
    margin: 0 300px 0 0;
    bottom: 52px;
}

.certified_img {
    /*background: url("../images/certified.png") top right no-repeat;*/
    height: 36px;
    padding: 0;
    margin: 0px 0 30px 0;
}

#logo {
float: left;
margin: 0;

}


/* Navigation Bottom */
#naviBottom {
    position: absolute;
    top: 40px;
    right: 23px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#naviBottom li {
    float: left;
    background: url("../images/naviBottom_pipe.jpg") left center no-repeat;
    padding: 0 5px 0 5px;
    margin: 0;            
}
#naviBottom li.first {
    background: none;         
}
#naviBottom li a {
    padding: 0;
    margin: 0;
    font-weight: normal;
}
#naviBottom li a:hover, #naviBottom li a.active {
    padding: 0;
    margin: 0;
}

/* Sitemap */
.sitemap ul {
   padding: 0 0 10px 25px;
   margin: 0;
   font-size: 12px;
   list-style-type: none;
   background: url("../images/sitemap_left.gif") left top repeat-y;
}
.sitemap ul li ul {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   background: url("../images/sitemap_left.gif") left top repeat-y;
}
.sitemap li {
    padding: 0 0 0 24px;
    margin: 0;
    list-style-type: none;
    background: url("../images/sitemap_inner.gif") left top no-repeat;
    font-weight:bold;
    line-height: 22px;  
    font-size: 1.1em;
}
.sitemap li li {
    font-weight:normal;
}
.sitemap li.last {
   background: url("../images/sitemap_last.gif") left top no-repeat;
}   
.sitemap li.last ul, .sitemap ul.last {
   background: none;
}
.sitemap ul li ul.first {
   padding:0px;
}

.sitemap li.first {
    padding: 15px 0 0 24px;
    background: url("../images/sitemap_inner.gif") left 15px repeat-y;
}
.sitemap li ul li.first {
    padding: 0 0 0 24px;
    background: url("../images/sitemap_inner.gif") left top no-repeat;
}
.sitemap a {
    text-decoration: none;  
}
.sitemap a:hover {
    text-decoration: underline; 
}

/* Button */
a.button {
    position: relative;
    display: block;
    background: url("../images/button_bg_left.png") top left no-repeat;
    width: 120px;
    height: 20px;
    padding: 0 0 0 15px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
a.button:hover {
    background: url("../images/button_bg_left_hover.png") top left no-repeat;
    color: #fff;
}
a.button span {
    position: absolute;
    top: 0;
    right: -8px;
    display: block;
    background: url("../images/button_bg_right.png") top right no-repeat;
    width: 8px;
    height: 20px;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
a.button:hover span {
    background: url("../images/button_bg_right_hover.png") top right no-repeat;
    color: #fff;
}

/* Page Navigation */
.pagenav {
    clear: left;
    float: none;
    display: block;
    width: 640px;
    text-align: center;
    margin: 20px 0 20px 0;
    padding: 0;
}
.pagenav a {
    margin: 0 -1px;
    padding: 3px 8px;
    background-color: #005697; 
    text-align: center;
    text-decoration: none;  
    color: #fff;
}
.pagenav strong { 
    margin: 0 -1px;
    padding: 3px 8px;
    background-color: #226EA8; 
    text-align: center;
    text-decoration: none;  
    color: #fff;
}
.pagenav a:hover {  
    background-color: #ced6e8; 
    text-decoration: none;  
    color: #005697;
}
.pagenav a.prev, .pagenav span.prev {
    padding: 3px 8px 3px 10px;
    background: url("../images/pagenav.png") no-repeat transparent;
    background-position: 0 100%;
    color: #fff;
}
.pagenav a.next, .pagenav span.next {
    padding: 3px 10px 3px 8px;
    background: url("../images/pagenav.png") no-repeat transparent;
    background-position: 100% 100%;
    color: #fff;
}
.pagenav a.prev:hover {  
    background-position: 0 0;  
    color: #005697;
}
.pagenav a.next:hover {  
    background-position: 100% 0;  
    color: #005697;
}

/* Custom */
.clear {
    clear: both;
}

.fl_left {
    float: left;
}

.fl_right {
    float: right;
}
.grey {
    color: #92abbe;
}

.acckurse {
    font-size: 11px; 
    font-weight: normal; 
    text-decoration: none;
}

/* Default */
h1 {
    font-size: 1.6em;
    color: #005697;
    font-style: italic;
    padding: 0 0 1.0em 0;
    margin: 0;  
}

h2 {
    font-size: 1.4em;
    color: #005697;
    padding: 0 0 1.0em 0;
    margin: 0;  
}

h3 {
    font-size: 1.2em;
    color: #005697;
    padding: 0 0 1.0em 0;
    margin: 0;  
    
}
h3.line {
    background: url("../images/headline_bg.png") top left no-repeat;
    color: #F1F6FA;
    padding: 5px 0 0 10px;
    margin: 0 0 20px 0;
    height: 22px;
    font-size: 1em;
}
h3.line a {
    color: #F1F6FA;
    text-decoration: none;
}
h3.line a:hover {
    color: #F1F6FA;
    text-decoration: underline;
}

h4 {
    font-size: 1em;
    color: #005697;
    font-style: italic;
    padding: 0 0 1.0em 0;
    margin: 0;  
}

h5 {
    font-size: 0.8em;
    color: #005697;
    font-style: italic;
    padding: 0 0 1.0em 0;
    margin: 0;  
}

h6 {
    font-size: 0.6em;
    color: #005697;
    font-style: italic;
    padding: 0 0 1.0em 0;
    margin: 0;  
}

hr {
    color: #CDD4E7;
    background: #CDD4E7;
    border: 0;
    height: 1px;
    line-height: 1px;
    padding: 0;
    margin: 10px 0;
}

p {
    margin: 0;
    padding: 0 0 1.0em 0;
    line-height: 18px;
}

a {
    color: #005697;
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    color: #005697;
    text-decoration: none;
}