html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:9pt; 
  background-color: #333333;  
}

DIV#main {
  position: absolute; left: 10px; top: 10px;
  background-color: #ffffff;
  width: 880px;
  text-align: left;
  border: solid 2px #E5E5E5;
}

DIV#kopf {
  height: 250px;
  background-color: #007dc3;
  margin-bottom: 20px;
}

DIV#kopf_logo {
  width: 170px;
  wid\th: 150px;
  padding: 0 10px 0 10px;
  height: 250px;
  background-color: #FFFFFF;
}

#SpryContactForm{ 
  border-style: solid;
  border-width: 1px;
  border-color: #b2b2b2;
  background-color: #E5E5E5;
  margin-bottom: 20px;
  padding: 10px;
}

#kopf_logo p.Hotline {
  font-weight:bold;
  font-size:14pt; 
  text-align: center;
  color: #007dc3;
  padding-top: 30px;
}

DIV#kopf_bild {
  position: absolute; left: 170px; top: 0px;
  height: 250px;
}

DIV#box_li {
  width: 160px;
  wid\th: 155px;
  margin-left: 5px;
  float: left;
}

DIV#box_re {
  width: 160px;
  wid\th: 155px;
  margin-right: 5px;
  float: right;
}

DIV#box_mi {
  width: 560px;
  wid\th: 540px;
  margin: 0 10px 0 10px;
  float: left;
  border-color: #000000;
}

DIV#box_mi_breit {
   width: 720px;
   wid\th: 700px;
   margin: 0 10px 0 10px;
   float: left;
}

DIV#fuss {
  clear: both;
  height: 20px;
  border-top: solid 2px #007dc3;
}

.box {
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #b2b2b2;
  background-color: #E5E5E5;
  margin-bottom: 20px;
}

.box_titel {
  padding: 2px 2px 2px 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #007dc3;
}

.box_titel h1 {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  color: #ffffff;
}

.box_text {
  padding: 0 10px 0 10px;
  color: #333333;
}

.box_text_ronja {
  padding: 0 1px 0 1px;
  color: #333333;
}

.box_navi_titel {
  padding: 2px 2px 2px 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #007dc3;
}

.box_navi_inhalt {
  padding: 2px 2px 2px 2px;
  font-size: 8pt;
  text-decoration: none;
}

img {
  border: 0px;
}

hr {
  border:solid #007dc3 1px;
}

/* --------- */
/* Schriften */
/* --------- */
p.adresse {
  font-size:8pt; 
}

label {
  font-size:8pt; 
}

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

#box_mi a {
  font-size: 9pt;
  font-style: normal;
  text-decoration: underline;
  color: #333333;
}
#box_mi a:hover {
  font-size: 9pt;
  font-style: normal;
  text-decoration: none;
  background-color: #007dc3;
  color: #ffffff;
}

p {
  color: #333333;
}

li {
  color: #333333;
} 

h1 {
  font-weight:bold;
  font-size:11pt;
  color: #333333;
  margin-bottom: 0px;
}

a {
  color: #333333;
  font-weight:bold;
  text-decoration: underline;
}

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

h3 {
  font-weight:bold;
  font-size:12px;
  color: #333333;
  margin: 0px;
  margin-top: 0px;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
.box_navi_inhalt ul {
    margin:0;
    padding:0;
    background-color:transparent;
}
.box_navi_inhalt ul li {
    list-style-type:none;
}
.box_navi_inhalt ul li a {
  background: url(../upload/bilder/layout/bgnav1off.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  height: 18px;
  padding: 2px 0 0 22px;
  color: #E5E5E5;
  display: block;
  margin-left: 2px;
}

.box_navi_inhalt ul li a:hover, .box_navi_inhalt ul li.active a {
  background: url(../upload/bilder/layout/bgnav1on.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  height: 18px;
  padding: 2px 0 0 22px;
  color: #FFFFFF;
  display: block;
  margin-left: 2px;
}

/* Level 2 */
.box_navi_inhalt ul.subNavigation {
}
.box_navi_inhalt ul.subNavigation li a {
  background: url(..);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  padding-bottom: 3px;
  display: block;
  height: 14px;
}
.box_navi_inhalt ul.subNavigation li.active a {
  background: url(..);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  color: #007dc3;
  padding-bottom: 3px;
  display: block;
  height: 14px;
}
.box_navi_inhalt ul.subNavigation li a:hover, .box_navi_inhalt ul.subNavigation li.active a {
  background: url(..);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  color: #007dc3;
  padding-bottom: 3px;
  display: block;
  height: 14px;
}

/* Level 3 */
.box_navi_inhalt ul.subSubNavigation {
}
.box_navi_inhalt ul.subNavigation li ul.subSubNavigation li a {
  background: url(..);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  padding-bottom: 3px;
  display: block;
  height: 14px;
  padding: 2px 0 0 30px;
}
.box_navi_inhalt ul.subNavigation li ul.subSubNavigation li a:hover, .box_navi_inhalt ul.subNavigation li ul.subSubNavigation li.active a {
  background: url(..);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-decoration: none;
  color: #007dc3;
  padding-bottom: 3px;
  display: block;
  height: 14px;
  padding: 2px 0 0 30px;
}

/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 20px; }
.articlelistItem img { float: left; margin-right: 10px; }
.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; font-weight: bold; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }

/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */
.box input {
    border:1px solid #ccc;
    width:125px;
    font-size:10px;
    margin-left: 10px;
}
.box input.sbmt {
    border:0;
    width:5px;
    margin:0;
}

/* ###################################################### */
/* ####################### SITEMAP ################# */
/* ###################################################### */

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Frederic Schneider
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2008-04-11
 */

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap li {
    list-style-type:none;
}

.sitemap .level1 {
  background-color: #dedede;

        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
  background-color: #E5E5E5;
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}