/* CSS Document */

body { background-color:#ffffff; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:20px; margin:0; }

h1 { font-size:150%; color:#000000; padding:0 0 18px 0; margin:0;  font-weight:bold; font-family: Arial, Helvetica, sans-serif;  }
h2 { font-size:120%; color:#000000; padding:18px 0; margin:0;  font-weight:normal; line-height:18px; clear:both; }
h3 { font-size:100%; color:#000000; padding:0 0 0 0; margin:0;  font-weight:bold; line-height:18px;  }

a { color:#000000; text-decoration:underline;  }
a:hover { text-decoration:none;   }
img { border: 0px; margin:0; }
.clear	{ clear:both; height:0px; }
form { padding:0; margin:0; }
.success { background-color:#ffcc00; padding:4px 10px; margin:1px 0; font-size:10px;  }
.error { background-color:#CC3300; color:#ffffff; border:1px solid #CC6633; padding:10px 5px; margin:5px 0 10px 0;}
p { padding:0; margin:0; }
.colored { color:#88ba14; }
.colored2 { color:#454545; }
sup { font-size:10px; font-weight:normal}
.webdesign { float:right }


#header { width:660px; height:90px; }
#header .logo { float:right; width:182px; height:61px; margin:0 }
#header .hotline { float:left; margin:0; padding: 24px 0 0 0; font-size:12px; font-weight:normal; }

#rahmen { width:660px; padding:0; margin:0;  }

#menue { display:none}

#leiste { display:none}

#content	 { }

/*Bannerr*/
.banner_home { display:none }

.banner_aktionsangebot { display:none}

#left	 { line-height:18px; }

#submenu { display:none }

#footer { display:none }

#klngdrckts { width:660px; padding:40px 0; margin:0; font-size:10px; color:#888888; text-align: justify;}

/*Buchungsformular / Kontaktformular*/
.formular { background-color:#ededed; padding:20px 20px 10px 20px; }
.formular#colored { border:3px solid #88ba14; }
.formular table { width:540px; border-collapse:collapse }
.formular td { background-color:#ededed; padding:0; border-bottom:10px solid #ededed; }
.formular td.first { width:140px; background-color:#bbbbbb; padding:3px 10px; color:#ffffff }
.formular td.needed { width:140px; background-color:#888888; padding:3px 10px; color:#ffffff }
.formular td.wert { width:375px; padding:0 5px 0 10px; }
.formular ul { list-style-type:square; }
.formular table.control td { border-bottom:1px solid #ededed; }

.buchungsformular_number { float:left; background-color:#bbbbbb; border-right:3px solid #ffffff; color:#ffffff; padding:4px 6px 4px 6px; margin-bottom:3px;  }
.buchungsformular_title { background-color:#709a11; color:#ffffff; padding:4px 20px 4px 34px; margin-bottom:3px; }
.buchungsformular_module { background-color:#dddddd; padding:5px; margin-bottom:3px; } 
.buchungsformular_module_preis { float:right;  } 


input { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:250px; border:1px solid #dddddd}
textarea 	{ padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:250px; font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd}
select 	{ padding: 3px; font-size: 12px; padding-left:0; padding-right:20px;  }
select#liste { background-color:#9e9e9e; color:#ffffff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input#submit { float:right; background: #ffffff url(/templates/images/hg-button.gif) no-repeat; padding:0;  font-weight:bold; width:130px; height: 34px; color:#666666; margin-top:10px; border:none; }
input#submit:hover	{  color:#88ba14; }
input#number { width:14px; margin:0 5px 2px 0; padding:1px; text-align:center; vertical-align:middle}

/*Tooltipp*/
a.tooltipp { color:#a2bb3a; }
a.tooltipp b { display:none; }
a.tooltipp:hover { border:0; position:relative; z-index:500; text-decoration:none; }
a.tooltipp:hover b { display:block; position:absolute; top:0px; left:0px; padding:2px; font-weight:normal; color:#666666; border:4px solid #cccccc; background-color:#ffffff; z-index:100;padding:4px }

a.tooltippbuchung img { vertical-align:middle; margin-right:8px; border:1px solid #ededed }
a.tooltippbuchung b { display:none; }
a.tooltippbuchung:hover { border:0; position:relative; z-index:500; text-decoration:none; }
a.tooltippbuchung:hover b { display:block; position:absolute; top:10px; left:5px; width:440px; padding:4px; font-weight:normal; color:#666666; border:4px solid #cccccc; background-color:#ffffff; z-index:200; }
a.tooltippbuchung:hover b img { float:left; margin:0 8px 80px 0; }

/*Produkte Kasten*/
.produkte { } 
.produkte table { width:580px; border-collapse:collapse }
.produkte td { padding:4px 0; width:270px; border-right:10px solid #ffffff; vertical-align:top; color:#88ba14; }
.produkte td.name { background-color: #454545; padding:20px 8px; color:#ffffff; font-size:18px; }
.produkte td.beschreibung { background-color: #ffffff; padding:20px 8px; font-size:12px; color:#454545; }
.produkte td.preis { background-color: #88ba14; color:#ffffff; padding:10px 8px; font-weight:bold; }
.produkte td a { display:block; background: #ffffff url(/templates/images/hg-button.gif) no-repeat; padding:8px 0 0 11px;  font-weight:bold; width:130px; height: 34px; color:#666666; margin-top:10px; }
.produkte td a:hover { color: #88ba14; text-decoration:none}
.produkte ul { padding:0; margin:10px 0 10px 20px; list-style-type:square; }
.produkte li { } 

/*Buchung Produkte*/
.produkt { background-color:#ededed; padding:20px 20px 20px 20px; } 
.produktimage { float:left; width:100px;  } 
.produktbeschreibung { float:right; width:430px;  } 
.produktpreis { float:right; background-color: #88ba14; padding:5px 10px; font-size:14px; color:#ffffff;  } 
.produkt ul { padding:0; margin:10px 0 10px 16px; list-style-type:square; }
.produkt li { }

.buchenbutton { text-align:right }
.buchenbutton a { display:block; background-color:#454545; color:#88ba14; padding:5px 10px; width:190px; }

.signiture { display:block; }
.printCheckbox { display:none; }

/*Buchung Module*/
.module { background-color:#ededed; padding:20px 20px 20px 20px;  } 
.moduleimage { float:left; width:50px;  } 
.modulebeschreibung { float:right; width:480px;  } 
.moduleauswahl { padding:6px 0 0 0; font-size:11px; }
.modulepreis { float:right; } 
.auswahl { background-color:#e0e0e0; margin-bottom:3px; padding:3px 6px}

/*Liste Module*/
.liste_tabelle { } 
.liste_tabelle table { border-collapse:collapse}
.liste_tabelle td { padding:4px 8px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; line-height:18px; font-size:11px; vertical-align:top }
.liste_tabelle td.top { background-color: #454545; color:#ffffff; font-weight:bold;  }
.liste_tabelle td.grey1 { background-color: #eeeeee; }
.liste_tabelle td.grey2 { background-color: #e0e0e0; }
.liste_tabelle td.color1 { background-color: #88ba14; color:#ffffff; }
.liste_tabelle td.color2 { background-color: #709a11; color:#ffffff; }
.liste_tabelle ul { padding:0; margin:0 0 0 16px; list-style-type:square; }
.liste_tabelle li { }

/*FAQs*/
.faq {  } 
.faq_question { background-color:#cccccc; padding:8px; font-weight:bold;  } 
.faq_answer { background-color:#ededed; padding:8px;   } 
.faq ul {  list-style-type:square; }
.faq li { }
.faq li a { padding:0 0; margin:0; }
.tothetop { padding:12px 0;text-align:right;  } 

/*Referenzen*/
.referenzen { padding:0 0 20px 0; } 
.referenzen img { float:right; } 

/*Downloads*/
.downloads { } 
.downloads ul { padding:0; margin:10px 0 10px 0; list-style-type:none; }
.downloads li { font-weight: bold; }
.downloads ul li ul { padding:0; margin:10px 0 10px 0; list-style-type:none; }
.downloads ul li ul li { background-color:#ededed ; padding:4px 8px; margin:0 0 1px; font-weight: normal;  }
.downloads_right { float:right }