/*
- - - - - - - - - - - - - - - - - -
farbangabe im code wie folgt:
- - - - - - - - - - - - - - - - - -
orange:      #FABE00

R: 250
G: 190
B: 0

- - - - - - - - - - - - - - - - - -
bordeaux:    #A91819

R: 169
G: 24
B: 25
- - - - - - - - - - - - - - - - - -
Beispielhintergrund: #FCDE7F;

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
*/

#hb_header {
   position:absolute;
   left:0px;
   top:0px;
   width:100%;
   height:88px;
   padding:4px;
   background-color:#FABE00;
}

#hb_titel {
   position:absolute;
   left:230px;
   top:35px;
}

#hb_logo {
   position:absolute;
   left:61px;
   top:12px;
}

#hb_headspace {
   position:absolute;
   left:0px;
   top:88px;
   width:1024px;
   height:22px;
   border: 0px;
   background-color:#FFFFFF;
}

#hb_navi {
   position:absolute;
   left:0px;
   top:110px;
   width:190px;
   height:658px;
   border: 0px;
   overflow:visible;
   /*background-color:#FABE00;
   height:100%;
   min-height:658px;*/

}

#hb_content2 {
   position:absolute;
   left:190px;
   top:110px;
   width:410px;
   min-height:658px;
   margin: 0px 20px;
   border:solid 1px #A91819;
   overflow:visible;
}

#hb_content {
   position:relative;
   left:0px;
   top:0px;
   width:392px;
   min-height:640px;
   margin: 4px;
   padding: 4px;
   border:solid 1px #A91819;
   overflow:visible;
}



#hb_teaser {
   position:absolute;
   left:640px;
   top:110px;
   width:202px;
   height:658px;
   border: 0px;
}

#hb_rightspace {
   position:absolute;
   left:822px;
   top:110px;
   width:202px;
   height:658px;
   border: 0px;
}

html {
   hheight: 100%;
   line-height:100%;

}
body {
   margin:0px 0px 0px 0px;
   FONT-FAMILY: Verdana, Arial, sans-serif;
   font-weight:normal;
   font-size: 11px;
   line-height:18px;
   background-color: #FFFFFF;
   background-image:url(/images/bg_navi.gif);
   background-repeat:repeat-y;
   background-position: 0px 110px;
   color: #000000;
   height: 100%;
}

.main{
   background-color: #FCFCFC;
   height: 100%;
   margin:0px 0px 0px 0px;
}
h1 {
 font-family:verdana, arial, sans-serif;
 font-size:16px;
 font-weight:bold;
 text-align: left;
 line-height:22px;
 color:#A91819;
 padding: 8px 0px 0px 0px; margin: 0px 0px 8px 0px;
}

h2 {  FONT-FAMILY: verdana, arial; font-size: 14px; color: #A91819; font-weight: bold; padding: 8px 0px 8px 0px; margin: 0px 0px 0px 0px;}
h3 {  FONT-FAMILY: verdana, arial; font-size: 11px; color: #A91819; font-style:italic; font-weight: bold; padding: 10px 0px 6px 0px; margin: 0px 0px 0px 0px;}
h4 {  FONT-FAMILY: verdana, arial; font-size: 11px; color: #A91819; font-weight: bold; padding: 10px 0px 4px 0px; margin: 0px 0px 0px 0px;}
h5 {  FONT-FAMILY: verdana, arial; font-size: 11px; color: #000000; font-weight: bold;}
h6 {  FONT-FAMILY: verdana, arial; font-size: 11px; color: #000000; font-weight: bold;}
h7 {  FONT-FAMILY: verdana, arial; font-size: 11px; color: #000000; font-weight: bold;}

.main_content {
   FONT-FAMILY: Verdana, Arial, sans-serif;
   color: #000000;
   text-align: justify;
}

p {
   margin:0px 0px 8px 0px;
   FONT-FAMILY: Verdana, Arial, sans-serif;
   font-weight:normal;
   font-size: 11px;
   line-height:18px;
}

hr {
   border:1px solid #A91819;
}
form, input, select, textarea  {
   FONT-FAMILY: Verdana, Arial, sans-serif;
   margin: 0;
   padding: 0;
}


select, textarea, input {
   FONT-SIZE: 100%;
}

.ruler{
   margin: 0px 0px 0px 0px;
   padding: 1px 0px 0px 0px;
   background-image: url(images/bg_dotpattern.gif);
   background-repeat: repeat-x;
}

.ruler2{
   margin: 0px 0px 0px 0px;
   padding: 1px 0px 0px 0px;
   background-color:#8C8A8C;
}

.botbg {
}

A{
   TEXT-DECORATION: none;
}

A:link {
   COLOR: #A91819;

}
A:active {
   COLOR: #A91819;

}
A:visited {
   COLOR: #A91819;

}
A:hover {
   COLOR: #A91819;
   /*font-weight:bold;*/
   background-color: #FCDE7F;

}


#pod {
   margin: 0px 0px 0px 0px;
   PADDING-RIGHT: 0px;
   PADDING-LEFT: 6px;
   PADDING-BOTTOM: 30px;
   PADDING-TOP: 139px;
   BACKGROUND: url(images/nav_top2.gif) no-repeat 0px 26px;
   FONT-SIZE: 0.85em;
}
.menu_bg{
   BORDER-LEFT: #A91819 0px solid;
}

UL  {
  list-style-image:url(/images/flower.gif);
}

UL.beispiel_liste  {
  list-style-image:url(/images/flower_orange.gif);
}
UL.nav-pod A:hover {
   BACKGROUND-COLOR: #FEFEFE;
   COLOR: #A91819;
}

.nav-pod A{
   COLOR: #A91819;
}

.nav-pod A:visited {
   COLOR: #A91819;
}

UL.nav-pod {
   PADDING-LEFT: 0px;
   PADDING-TOP: 0px;
   MARGIN: -7px 0px 10px 0px;
   LIST-STYLE-TYPE: none;
   list-style-image: none;
}


UL.nav-pod LI {
   BORDER-TOP: #A91819 1px solid;
   BORDER-BOTTOM: #A91819 1px solid;
   padding: 0px 0 0 0;
   MARGIN: -1px 0px 0px 0px;
   FONT-WEIGHT: bold;
}

UL.nav-pod LI A {
   DISPLAY: block;
   padding: 6px 5px 6px 21px;
    MARGIN: 0px 0px 0px 0px;
   BACKGROUND-IMAGE: url(images/caret-rs.gif);
   BACKGROUND-REPEAT: no-repeat;
   BACKGROUND-POSITION: 5px center;
}

UL.nav-pod LI.sel {
   BACKGROUND-COLOR: #F4FBFF;
   margin: -1px 0px -1px 0px;
}

UL.nav-pod LI.sel A.sel {
   color: #A91819;
}

UL.nav-pod UL {
   MARGIN: 0px 0px -1px 0px;
   padding: 0px 0px 0px 10px;
   LIST-STYLE-TYPE: none;
   list-style-image: none;
}

UL.nav-pod UL LI{
   bBACKGROUND-COLOR: #fff;
   BORDER-TOP: #A91819 1px solid;
   BORDER-BOTTOM: #A91819 1px solid;
   MARGIN: 0px 0px -1px -10px;
   padding: 0 0 0 10px
}

UL.nav-pod UL LI A {
   PADDING-LEFT: 30px;
   MARGIN: 0px 0px 0px -10px;
   BACKGROUND-IMAGE: url(images/caret-rs.gif);
   BACKGROUND-REPEAT: no-repeat;
   BACKGROUND-POSITION: 15px center;
}

.menu_bg {
   vertical-align: top;
   BACKGROUND-POSITION: left;
   MARGIN: 0px 20px 20px 0px;
   BACKGROUND-REPEAT: repeat-y;
   BACKGROUND-IMAGE: url(images/menu_main1.gif);
}


#breadcrum{
   FONT-SIZE: 0.9em;
   LINE-HEIGHT: 1.2em;
   color: #FABE00;
   padding: 2px 4px 2px 0px;
}

#breadcrum A , #breadcrum A:hover {
   COLOR: #A91819
}

.menu {
   font-size: 8pt
}

.footer {
   font-size: 100%;
   color: #FABE00;
   font-weight: bold;

}
.footer a, .footer a:visited {
   font-size: 80%;
   color: #202D4C;
   font-weight: bold;
}
.footer2 {
   font-size: 80%;
   color: #A91819;
   padding: 10px 0 16px 10px;
}
.bot_nav {
   padding: 12px 15px 0 6px;
}

.infoBody{
   padding-top:0;
   padding-bottom:0;
   lline-height:100%;

}
li{
   /*margin-left: -14px; */
}

/* Tiny MCE Section Start*/
table.beispiel{
    color:#A91819 ;
    font-weight:normal;
    padding-right:4px;
    padding-top:4px;
    background-image:url(/images/bg_beispiel.gif);
}

table.plantabelle{
    color:#A91819;
    font-weight:normal;
    font-size:0.9em;
    background-color:#FFFFFF;
    border-spacing: 1px;
    border: solid 1px #FABE00;
}
table.plantabelle td{
    border: 0px;
    background-color:#FCDE7F;
}

.bildlinksoben {
   margin: 5px 5px 10px 0px;
}
/* Tiny MCE Section End*/