/* CSS Document */
body { background:#ffffff url(/templates/images/hg.jpg) no-repeat; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:0 0 0 35px; margin:0; }

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

a { color:#88ba14; text-decoration:none;  }
a:hover { text-decoration:underline;   }
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 }
.ahref { color:#88ba14; cursor:pointer; }

#header { width:934px; height:113px; }
#header .logo { float:right; width:182px; height:61px; background-color:#ffffff; margin:30px 20px 0 0 }
#header .hotline { float:left; margin:0; padding: 64px 0 0 20px; color:#ffffff; font-size:16px; font-weight:normal; line-height:20px; }

#rahmen { width:894px; padding:20px; margin:0; background:transparent url(/templates/images/hg-rahmen.png) repeat;  }

#motiv { background:#88ba14 url(/templates/images/hg-motiv.gif) no-repeat; padding:0; height:107px; font-size:11px; margin-bottom:3px; }

#menue { background:#333333; padding:0 0 0 10px; height:34px; font-size:11px; margin-bottom:3px; }
#menue .datum { float:right; color:#eeeeee; padding:10px 20px; }

ul#menue { list-style-type:none; padding:0; margin:0;  }
ul#menue li { display:inline; }
ul#menue li a { display:block; float:left; color:#ffffff;  line-height:34px; font-weight:normal; text-decoration:none; padding:0 40px 0 0; font-size:12px; font-weight:bold;  }
ul#menue li a:hover { color: #88ba14; }
ul#menue li a#onBereich { color: #88ba14; }

#leiste { background-color:#474747; padding:10px 20px; color:#aaaaaa; font-size:12px;margin-bottom:3px; }
#leiste a { color:#ededed; }

#optionen { padding:0;  text-align:right; height:24px;  }
#optionen a { color:#ffffff;   }
#optionen img { vertical-align:middle }

#content	 { background: #ffffff url(/templates/images/hg-content.gif) repeat-y; height:100%;}

#submenue { float:right; padding:10px 20px 100px 20px; width:200px; }

ul#submenu { list-style-type:none; padding:0; margin:0; }
ul#submenu li  { }
ul#submenu li a { display:block; padding:0 20px 0 10px; color:#ffffff; line-height:26px; margin-bottom:3px; background-color:#444444; border-left:3px solid #444444; font-size:11px; }
ul#submenu li a:hover { border-color:#888888; text-decoration:none }
ul#submenu li a#onSite { border-color:#88ba14  }

.submenu_kasten { padding:10px; background-color:#444444; color:#ffffff; }
.submenue_box { margin-top:14px;}
#submenu .speedtest { height:280px; }
#submenu .speedtest ul { padding:0; margin:0; list-style-type:none; height:100px; }
#submenu .speedtest li { display:inline; }
#submenu .speedtest li a { float:left; border:1px solid #333333; padding:5px; margin:0 5px 5px 0; height:30px; width:73px; line-height:13px;font-size:10px; }
#submenu .speedtest li a:hover { border-color:#666666; color:#ffffff;  }
#submenu .speedtest li a.ontab { background-color:#333333; }
#submenu .speedtest li a.last { margin:0;}
#submenu .speedtest_content { font-size:10px; }
#submenu .speedtest_rahmen { height:18px; background:#88ba14 url(/templates/images/speedtest/grey.gif) repeat; margin:6px 0 4px 0;}
#submenu .speedtest_rahmen_green { height:18px; background:#88ba14 url(/templates/images/speedtest/green.gif) repeat; }
#submenu .speedtest_wert { float:right; }

#left	 { float:left; width:654px; }
.left_text { padding:35px 40px 100px 40px; line-height:17px; }

#footer { background-color:#88ba14; padding:20px; margin:0; font-size:12px; color:#ffffff; line-height:22px; border-top:3px solid #ffffff; }
#footer a { color:#ededed; }

#klngdrckts { width:850px; padding:20px 20px 20px 40px; margin:0; font-size:10px; color:#aaaaaa; text-align: justify;}
#klngdrckts2 { width:850px; padding:20px 20px 20px 40px; margin:0; font-size:10px; color:#aaaaaa; text-align: justify;}

.wechsel_info_box { background-color:#eeeeee; border:1px solid #dddddd; padding:10px; }
.kosten { padding:10px; background-color:#444444; color:#ffffff; width:180px;}
.kosten .small { font-size:10px; line-height:15px; padding-top:6px}

/*Startseite*/
ul#home { list-style-type:none; padding:0; margin:0; }
ul#home li  { float:left; width:195px; margin-right:3px; padding:10px 10px 20px 10px; line-height:17px; }
ul#home li .header { color:#ffffff; font-size:16px; }
ul#home li.one  { background:#ffffff url(/templates/images/hg-home-one.gif) no-repeat; }
ul#home li.two  { background:#ffffff url(/templates/images/hg-home-two.gif) no-repeat;}
ul#home li.three  { margin-right:0; background:#ffffff url(/templates/images/hg-home-three.gif) no-repeat;}

@media all{

 * html b\ody ul#home li   { margin-right:1px; }

          }

ul#home_links { list-style-type:none; padding:0; margin:0; }
ul#home_links li { padding:10px 0 0 0; border-top:1px solid #cccccc; margin-bottom:15px; }

ul#home_news { list-style-type:none; padding:0; margin:0; }
ul#home_news li { padding:0; margin-bottom:25px; }
ul#home_news li .datum { font-size:10px; }
ul#home_news li .title { font-weight:bold;  }

#empfehlung { clear:both; height:210px; padding:10px; text-align:right; }
#vonklaus { float:left; width:205px; height:180px; background:#ffffff }
#vonklaus .image { position:relative; top:-170px; left:0; z-index:100; width:196px; height:250px; background:#ffffff url(/templates/images/vonklaus.gif) no-repeat; }
#produkt { float:right; width:403px; padding:10px; border:1px solid #cccccc; text-align:left; line-height:18px;  }

#maxi { clear:both; padding:10px; border:1px solid #cccccc;  }
table#maxi_bundles { width:553px; padding:0; margin:0; table-layout:fixed; }
table#maxi_bundles td { background:#eeeeee; padding:4px 10px; text-align:center}
table#maxi_bundles td.name { width: 280px; }
table#maxi_bundles td.one { width: 200px; background:#dddddd; text-align:left}
table#maxi_bundles td.two {background:#dddddd; }
table#maxi_bundles td.three { background:#dddddd; }
table#maxi_bundles td.four { background:#dddddd; }

table#maxi_bundles td.preis { width: 85px; background:#dddddd; }
table#maxi_bundles td.gesamtpreis { width: 85px; background:#88ba14; color:#ffffff; }


table#home_empfehlung { width:400px; text-align:left; padding:0; margin:0; table-layout:fixed; }
table#home_empfehlung td { background:#eeeeee; padding:4px 10px; }
table#home_empfehlung td.name { width: 280px; }
table#home_empfehlung td.first { width: 275px; background:#dddddd; }
table#home_empfehlung td.last { width: 275px; background:#ffffff; }
table#home_empfehlung td.preis { width: 85px; background:#dddddd; }
table#home_empfehlung td.gesamtpreis { width: 85px; background:#88ba14; color:#ffffff; }

#home_aktion { padding:10px; background:#eeeeee; margin:6px 0; }

a.button { padding:4px 15px 4px 6px; color:#ffffff; line-height:28px; background-color:#444444; border-left:3px solid #88ba14; font-size:11px; font-weight:bold; }
a.button:hover { border-color:#888888; text-decoration:none }

/*Bannerr*/
.banner_home { float:left; width:651px; height:305px; background:#88ba14 url(/templates/images/hg-banner-home.gif) no-repeat; padding:0; margin-bottom:3px; }
.banner_home ul { list-style-type:none; padding:246px 0 0 490px; margin:0; }
.banner_home li a { display:block; background: url(/templates/images/hg-button-a.gif) no-repeat; height:49px; width:151px; text-align:center; line-height:49px; color:#ffffff; }
.banner_home li a:hover { background: url(/templates/images/hg-button-b.gif) no-repeat; }

.banner_aktionsangebot { float:left; width:430px;  height:50px; background:#333333 url(/templates/images/aktionen/no.gif) no-repeat; padding:20px 20px 20px 204px; color:#ffffff;  margin-bottom:3px;}
.banner_aktionsangebot_text { height:45px; font-size:13px; line-height:20px; padding-left:80px; }
.banner_aktionsangebot_ende{ text-align:right; height:20px; font-size:12px;  }

.banner_gewinnspiel { float:left; width:651px; height:305px; background:#88ba14 url(/templates/images/gewinnspiel/hg-gewinnspiel.jpg) no-repeat; padding:0; margin-bottom:3px; }
.banner_em { float:left; width:651px; height:305px; background:#88ba14 url(/templates/images/gewinnspiel/hg-gewinnspiel.jpg) no-repeat; padding:0; margin-bottom:3px; }
ul#gewinnspiel {padding:10px 20px; margin:0; list-style-type:none; }
ul#gewinnspiel li { float:left; width:250px; height:40px; }
ul#gewinnspiel li img { vertical-align:middle; margin-right:10px;  }

/*Buchungsformular / Kontaktformular*/
.formular { background-color:#ededed; padding:20px 20px 10px 20px; }
.formular#colored { border:3px solid #88ba14; }
.formular table { width:540px; border-collapse:collapse; table-layout:fixed }
.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:365px; 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:0;  }
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}
input#submitsmall { background: #ffffff; padding:0;  font-weight:bold; width:30px; height: 24px; color:#666666; margin:0; border:none; }

/*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 { color:#666666 }
a.tooltippbuchung img { vertical-align:middle; margin-right:8px; border:1px solid #ededed }
a.tooltippbuchung b { display:none; }
a.tooltippbuchung span.ahref { color:#88ba14; text-decoration:none; }
a.tooltippbuchung:hover { border:0; position:relative; z-index:500; text-decoration:none; }
a.tooltippbuchung:hover b { display:block; position:absolute; top:30px; left:32px; width:480px; 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; }

/*Tooltipp*/
a.tooltippPraemie {color:#444444;}
a.tooltippPraemie b {display:none;}
a.tooltippPraemie:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltippPraemie:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:300px; font-size:11px; }
a.tooltippPraemie:hover b table {font-size:11px; padding:0; margin:0}
a.tooltippPraemie:hover b table td {font-size:11px; padding:0; margin:0}
a.tooltippPraemie:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; display:block; font-size:1px;}

/*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; border:1px solid #333333; } 
.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; height:40px; }
.buchenbutton a { display:block; background: url(/templates/images/hg-button-a-grey.gif) no-repeat; height:49px; width:151px; text-align:center; line-height:49px; color:#ffffff; }
.buchenbutton a:hover { background: url(/templates/images/hg-button-b-grey.gif) no-repeat;}

.signiture { display:none; }

/*Buchung Module*/
.module { background-color:#ededed; padding:20px 20px 20px 20px;  border:1px solid #333333;} 
.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 { clear:both; padding:0 0 30px 0; } 
.referenzen img { float:right; } 

/*News*/
.news { } 
.news h2 { padding-bottom:0 } 
.news img { float:right; border:4px solid #dddddd; margin:0 0 10px 10px} 
.news_date { font-size:11px; font-weight:bold; } 
.news_title { font-size:14px; padding-bottom:2px; } 
.news_title_detail { font-size:14px; padding-bottom:4px; font-weight:bold;} 
.news ul { padding:0; margin:0; list-style-type:none; }
.news li { padding:0 0 20px }

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

/*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 } 

/*Admin Liste Buchungen*/
.liste { margin-top:1px; } 
.liste ul { padding:0; margin:0; list-style-type:none; }
.liste li { clear:both; background-color:#ededed; margin:0; font-weight: normal;  font-size:11px; padding:0; line-height:24px; margin-bottom:1px; }
.liste li .datum { float:left; background-color:#88ba14; color:#ffffff; width:80px; margin-right:8px; font-weight:bold; text-align:center; line-height:24px;}
.liste li .uhrzeit { float:left;  width:60px;  line-height:24px; }
.liste li .kunde {float:left;  line-height:24px; font-weight:bold; width:230px; }
.liste li .ort { float:left; width:80px;line-height:24px;}
.liste li .todo { float:right; width:25px;line-height:24px;}

/* Fussball Weisheiten*/

ul#fussball-weisheiten { padding:0; margin:0; list-style-type:none; }
ul#fussball-weisheiten li { border:1px solid #dddddd; padding:5px 10px 5px 5px ; margin-bottom:10px}
ul#fussball-weisheiten li h5 { padding:0; margin:0; font-size:11px; color:#88ba14; line-height:20px; }
ul#fussball-weisheiten li small { padding:0; margin:0;  font-style:italic}

#alter
{
	display:none;
}

.boxInfo { border:1px solid #ddd; background:#eee; padding:10px; }