html {height: 100%;}

body {
  background:#FFF; 
  margin: 0; padding: 1em;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

form {
  margin:0;
  padding:0;
}

h1 {color:#bc0b11;font-family:arial;font-size:10px;font-weight:normal;margin:0 0 10px 0;padding:0;}
h2 {color:#bc0b11;font-family:arial;font-size:14px;font-weight:bold;margin:0 0 10px 0;padding:0;}
p {font-family:verdana;font-size:12;margin:0 0 20px 0;padding:0 5px 5px 0;line-height: 1.7em;}

a:link IMG,a:active IMG ,a:visited IMG  {BORDER-LEFT: 0;BORDER-TOP: 0;BORDER-RIGHT: 0; BORDER-BOTTOM:0;text-decoration: none; }
a:hover IMG {BORDER-LEFT: 0;BORDER-TOP: 0;BORDER-RIGHT:0; BORDER-BOTTOM: 0;text-decoration: none;}

.message_error {
  font-family:arial;
  font-size:12px;
  color:#3D1505;
  background:#FAD2C2;
  BORDER: #501C07 1px solid;
  line-height: 1.7em;
  padding:10px; 
  margin-bottom:10px;  
}

.message_ok {
  font-family:arial;
  font-size:12px;
  color:#0A4712;
  background:#C1F6C7;
  border: #0A4712 1px solid;
  line-height: 1.7em;
  padding:10px; 
  margin-bottom:10px; 
}

.rightbox {
  background:#FFF url(schatten5.jpg) 0% 100% repeat-x;
  border:1px #999 solid;
  padding:10px 10px 16px 16px;
}

.foto_left {
  float:left;
  border:1px #000 solid;
  margin:0 10px 10px 0;
}

.foto_right {
  float:right;
  border:1px #000 solid;
  margin:0 0 10px 10px;
}


#navi {
   background-color: transparent;
   }

#navi LI {
   padding: 0;
   margin: 0;
   list-style: none;
   width: 160px;
   font-family:arial;
   font-size: 12px;
   font-weight:bold;
   }

#navi UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navi A {
   font: 12px arial;
   text-decoration: none;
   display: block;
   padding: 3px 5px;
   margin: 1px 0 0;
   width: 160px;
   }

#navi A:link, #navi A:visited {
   color: #000;
   padding: 3px 4px;
   border-bottom: 1px solid #C00C12;
   border-top: 1px solid #F00E17; 
   border-right: 1px solid #F00E17; 
   border-left: 1px solid #F00E17; 
   background:#F00E17; 
   }

#navi A:hover, #navi A:focus {
   color: #FFF;
   padding: 3px 4px;
   border-left: 1px solid #430406;
   border-top: 1px solid #430406;
   border-bottom: 1px solid #430406;
   border-right: 1px solid #430406;   
   background:#87080C;
   font-weight:normal;
   }

#navi A:link span, #navi A:visited span {
   display: none;
   }

#navi A:hover span, #navi A:focus span {
   font-family:arial;
   font-size: 12px;
   font-weight:bold;
   color: #FFF;
   width: 9.5em;
   display: block;
   position: absolute;
   top: 500px;   
}   
   
   
#seite {
  width:860px;
  margin:0;
  text-align:left;
  background:#FFF;
}

#top {
  width:860px;
  height:142px;
  background:#FFF;
  padding:0
  margin:0;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:#000;
  
}



#topmenu {
  width:600px;
  height:20px;
  background:#FFF;
  border:0px #EFEFEF solid;
  padding:1px 5px 1px 5px;
  margin:0;
  font-family:arial;
  font-size:12px;
  color:#444;
  text-align:right;
}

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:active {
  font-family:arial;
  font-size:10px;
  color:#444; 
  text-decoration:none;
}

#topmenu a:hover {
  font-family:arial;
  font-size:10px;
  color:#FF0000;
  text-decoration:none;
}

#main {
  width:860px;
  background:#FFF;
  padding:0;
  margin:0;
}

#right {
  width:165px;
  background:#FFF;
  float:right;
  margin: 0; padding: 0 1px 5px 10px;
  border-left:0px #EEE dotted;
  border-right:0px #EFEFEF solid;
  font-family:arial;
  font-size:10px;
  color:#555;
}

#right A, #right A:link, #right A:visited, #right A:active {
  font-family:arial;
  font-size:10px;
  color:#bc0b11;
  text-decoration:none;
}

#right A:hover {
  font-family:arial;
  font-size:10px;
  color:#000;
  text-decoration:underline;
}


#navigation {
  width:170px;
  padding:0;
  margin:0;
  float:left;
}

#navigation2 {
  width:170px;
  min-height:400px;  
  background:#F00E17;
  padding:0 1px 5px 1px;
  margin:0;
  font-family:arial;
  font-size:10px;
  color:#FFF;
  border-right:1px #300304 solid;
  border-left:1px #000 solid;
}

.redbox {
  background:#F00E17;
  padding:0 10px 0 10px;
  width:152px;
  margin:0px;
  font-family:arial;
  font-size:10px;
  color:#FFF;
  border-right:1px #300304 solid;
  border-left:1px #000 solid;
}

#navigation strong {
  font-weight:normal;
  
}

#middle {
  width:430px;
  background:#FFF;
  padding:3px 30px 30px 30px;
  margin: 0 8em 0 176px;
  font-family:arial;
  font-size:12px;
  color:#555;
  line-height:1.5em;
  text-align:left;
}

#middle a, #middle a:active, #middle a:visited {font-family:arial;font-size:12px;color:#bc0b11;text-decoration:none;}
#middle a:hover {font-family:arial;font-size:12px;color:#000;text-decoration:underline;}

#middle p {
  font-family:arial;
  font-size:12px;
  color:#444;
  line-height:1.5em;
  text-align:left;

}


.table_head {
  background:#EFEFEF;
  padding:5px;
  margin:0;
  border-top:1px #DDD solid;
  border-left:1px #DDD solid;
  border-right:1px #DDD solid;
  border-bottom:1px #DDD solid;
  font-family:arial;
  font-size:10px;
  color:#555;
}

.table_td {
  padding:2px 5px;
  margin:0;
  border-bottom:1px #DDD dotted;
  font-family:arial;
  font-size:12px;
  color:#555;
}

#footer {
  width:838px;
  background:#EFEFEF;
  padding:10px 10px 10px 10px;
  margin:0;
  border-top:1px #DDD solid;
  border-left:1px #DDD solid;
  border-right:1px #DDD solid;
  border-bottom:1px #DDD solid;
  font-family:arial;
  font-size:9px;
  color:#555;
  clear:both;
}

#footer A, #footer A:link, #footer A:visited, #footer A:active {
  font-family:arial;
  font-size:10px;
  color:#bc0b11;
  text-decoration:none;
}

#footer A:hover {
  font-family:arial;
  font-size:10px;
  color:#000;
  text-decoration:underline;
}

.right_head {
  font-family:arial;
  font-size:11px;
  color:#666;
  font-weight:bold;
  margin-bottom:6px;
  padding:0 10px 0 0;
}

.inp {
  font-family:arial;
  font-size:12px;
  color:#555;
  border:1px #BBB solid;
  background:#FFF  url(schatten3.bmp) repeat-x;
  padding:2px;
  height:18px;
  margin-bottom:1px;
  margin-right:1px;
  
}

.inp2 {
  font-family:arial;
  font-size:12px;
  color:#005500;
  border-bottom:1px #005500 dotted;
  padding:2px;
  height:18px;
  margin-bottom:1px;
  margin-right:1px;
  
}

.button {
  font-family: arial,sans-serif;
  font-size:10px;
  color:#333;
  background:#FFF url(button.jpg) repeat-x;
  border:1px #555 solid;
  height:22px;
  margin:1px 0 0 0;
}





.text {
  font-family:verdana;
  font-size:12px;
  color:#111;
}

.beispiele {
  font-family:verdana;
  font-size:10px;
  color:#999;
}


.box_vorteile {
  border:1px #999 solid;
  padding:4px;
  margin:10px;
  width:250px;
  font-family:verdana;
  font-size:12px;
  color:#111;
  background:#EFEFEF;
  float:left;
  line-height: 1.7em;  
}

.box {
  border:1px #333 solid;
  padding:4px;
  width:350px;
}

.rubrik {
  font-family:verdana;
  font-size:16px;
  color:#FFF;
  background:#6666AA;
  border:1px #333377 solid;
  padding:5px;
  font-weight:bold;
}

.punkte {
  font-family:verdana;
  font-size:16px;
  color:#2C2C58;
  font-weight:bold;
  padding:5px;
  margin-bottom:5px;
  border-bottom:1px #6666AA solid;
  border-left:1px #6666AA solid;
  border-right:1px #6666AA solid;
  background:#DDDDEE;
  height:25px;
}
.punkte_back {
  border:1px #999 solid;
  width:250px;
  height:20px;
  float:left;
}

.wert {
  font-family:verdana;
  font-size:12px;
  color:#000;
  float:left;
  width:140px;
  padding:3px;
}

.wert_ok {
  font-family:verdana;
  font-size:12px;
  color:#005500;
  font-weight:bold;
  padding:3px;

}

.wert_lala {
  font-family:verdana;
  font-size:12px;
  color:#855000;
  font-weight:bold;
  padding:3px;

}

.wert_bad {
  font-family:verdana;
  font-size:12px;
  color:#FF0000;
  font-weight:bold;
  padding:3px;

}

.info_box {
  font-family:verdana;
  font-size:12px;
  color:#333;
  BORDER-BOTTOM: #CCC 1px solid;
  BORDER-LEFT: #CCC 1px solid;
  BORDER-RIGHT: #CCC 1px solid; 
  BORDER-TOP: #CCC 1px solid;
  background:#EFEFEF;
  line-height: 1.7em;
  padding:10px;
  
}



#youarehere {
  background:transparent;
  padding:6px 5px 2px 0px;
  margin:0 0 15px 0;
  font-family:arial;
  font-size:10px;
  color:#555;
}

#youarehere a, #youarehere a:link, #youarehere a:visited, #youarehere a:active {
  font-family:arial;
  font-size:10px;
  color:#555;
  text-decoration:none;
}

#youarehere a:hover {
  font-family:arial;
  font-size:10px;
  color:#970202;
  text-decoration:none;
}



/* WYSIWYG */

.wysiwyg {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:#FFF;
  padding:0;
  BORDER-LEFT: #333 1px solid;
  BORDER-RIGHT: #333 1px solid;
  margin:0;
  width:398px;
  height:200px;

}

.wysiwyg_inp {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#111;
  background:#FFF;
  padding:2px;
  BORDER-BOTTOM: #CCC 1px solid;
  margin:0;
  height:15px;
}

.wysiwyg_listbox_font {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:url(font.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  width:135px;
  height:25px;  

}

.wysiwyg_listbox_font_over {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#0000FF;
  background:url(font.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  width:135px;
  height:25px;  

}

.wysiwyg_listbox_font_click {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#0000FF;
  background:url(font_click.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  width:135px;
  height:25px;  

}


.wysiwyg_listbox_fontsize {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:url(fontsize.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  width:65px;
  height:25px;  

}

.wysiwyg_listbox_fontsize_over {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#0000FF;
  background:url(fontsize.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  width:65px;
  height:25px;  
}

.wysiwyg_listbox_fontsize_click {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#0000FF;
  background:url(fontsize_click.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  width:65px;
  height:25px;  
}

.wysiwyg_listbox_icons {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:url(icons.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  height:25px;  

}

.wysiwyg_listbox_icons_over {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:url(icons.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  height:25px;  
}

.wysiwyg_listbox_icons_click {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:url(icons_click.jpg) no-repeat left center;
  padding:3px;
  margin:0 10px 0 0;
  height:25px;  
}

.wysiwyg_back {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:#EEE;
  padding:0;
  BORDER-TOP: #999 1px solid;
  BORDER-BOTTOM: #999 1px solid;
  BORDER-LEFT: #999 1px solid;
  BORDER-RIGHT: #999 1px solid;
  margin:0;
  width:400px;
}

.wysiwyg_toolbar1 {
  font-family:verdana;
  font-size:11px;
  text-decoration:none;
  color:#999;
  background:#EEEEEE url(seperator_left.gif) no-repeat left center;
  padding:3px 3px 3px 10px;
  BORDER-TOP: #FFF 1px solid;
  BORDER-BOTTOM: #999 1px solid;
  BORDER-LEFT: #FFF 1px solid;
  BORDER-RIGHT: #333 1px solid;
  margin:0;
  height:25px;
}

.wysiwyg_toolbar2 {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:#DDD url(seperator_left.gif) no-repeat left center;
  padding:3px 3px 3px 10px;
  BORDER-TOP: #FFF 1px solid;
  BORDER-BOTTOM: #333 1px solid;
  BORDER-LEFT: #FFF 1px solid;
  BORDER-RIGHT: #333 1px solid;
  margin:0;
  height:25px;

}

.wysiwyg_toolbar_angaben {
  font-family:verdana;
  font-size:9px;
  text-decoration:none;
  color:#777;
  background:#FFFFFF;
  padding:5px 10px 3px 10px;
  BORDER-TOP: #333 1px solid;
  BORDER-BOTTOM: #999 1px solid;
  BORDER-LEFT: #333 1px solid;
  BORDER-RIGHT: #333 1px solid;
  margin:0;
  height:25px;
  text-align:left;
}

.wysiwyg_toolbar_status {
  font-family:verdana;
  font-size:9px;
  text-decoration:none;
  color:#777;
  background:#FFFFFF;
  padding:5px 10px 3px 10px;
  BORDER-BOTTOM: #333 1px solid;
  BORDER-LEFT: #333 1px solid;
  BORDER-RIGHT: #333 1px solid;
  margin:0;
  height:25px;
  text-align:right;
}

.wysiwyg_toolbar_bottom {
  font-family:verdana;
  font-size:10px;
  text-decoration:none;
  color:#000;
  background:#DDD;
  padding:3px 3px 3px 3px;
  BORDER-TOP: #FFF 1px solid;
  BORDER-BOTTOM: #333 1px solid;
  BORDER-LEFT: #FFF 1px solid;
  BORDER-RIGHT: #333 1px solid;
  margin:0;
  height:25px;
}

.wysiwyg_button {
  BORDER-RIGHT: #EFEFEF 1px solid;
  BORDER-TOP: #EFEFEF 1px solid;
  BORDER-LEFT: #EFEFEF 1px solid;
  BORDER-BOTTOM: #EFEFEF 1px solid;
  font-family:verdana;
  font-size:11px;
  color:#000;
  padding:0;
  margin:0;
}

.wysiwyg_button_over {BORDER-RIGHT: #333 1px solid;BORDER-TOP: #333 1px solid;BORDER-LEFT: #333 1px solid;BORDER-BOTTOM: #333 1px solid;BACKGROUND: #FFF;font-family:verdana;font-size:11px;color:#000;padding:0;margin:0; }

.wysiwyg_fontname_arial {font-family:arial;}
.wysiwyg_fontname_comicsansms {font-family:comic sans ms;}
.wysiwyg_fontname_couriernew {font-family:courier new;}
.wysiwyg_fontname_georgia {font-family:georgia;}
.wysiwyg_fontname_impact {font-family:impact;}
.wysiwyg_fontname_sansserif {font-family:sans serif;}
.wysiwyg_fontname_tahoma {font-family:tahoma;}
.wysiwyg_fontname_timesnewroman {font-family:times new roman;}
.wysiwyg_fontname_verdana {font-family:verdana;}


/* WYSIWYG */

/* Font Type and Size Drop Down */
.dropdown          { background-color: #EFF; border: 1px solid #333; padding: 1px;margin:0; }
button.mouseOver   { background-color: #EEE; border: 1px solid #CCC; padding: 1px; cursor: default; text-align: left;width:100px;}
button.mouseOut    { background-color: #FFF; border: 1px solid #FFF; padding: 1px; cursor: default; text-align: left;width:100px;}

/* Dropdown Anklicken und Loslassen  */
.on   { background-color: #EEE; border: 1px solid #CCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFF; border: 1px solid #FFF; padding: 6px; width: 140px; cursor: default; height: 5px;}