html { height:100%; }
body{padding:0; margin:0; background-color:#fff; font:12px Verdana, Arial, Helvetica, sans-serif; color:#434640; font-weight:normal }
div, p, h1, h2, h3, ul, img, a {padding:0px; margin:0px;}

.clear { clear:both; visibility:hidden; height:0px; line-height:0px; font-size:0px }

ul{list-style-type:none;}
p { padding-bottom:10px }
h3 { font-size:13px }
a:focus { outline: none }

a img { border:0 }

#header { width:945px; height:20px; position:relative; margin:0 auto; padding:0 40px 0 0; color:#434640; font-size:10px; text-align:right; background-image:url(images/bg-header.jpg) }

#container, #container-2  { width:990px; margin:0 auto; padding:0; background-image:url(images/bg-content.jpg); background-repeat: no-repeat; padding-top:20px }
#container-2 { width:960px; padding-left:30px }

#head { width:946px; height:58px; margin:0 auto; padding:0 22px 2px 22px; }

#head span#stitle { font-size:11px; font-weight:bold; padding-left:105px }

#logo { float:left; }

#tabs {float:right;font-size:13px;font-weight:bold;line-height:normal;}
#tabs ul {margin:0;padding:27px 10px 0 0px;list-style:none;}
#tabs li {display:inline;margin:0;padding:0;}
#tabs a {float:left;background:url("images/tableft1.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabs a span {float:left;display:block; background:url("images/tabright1.gif") no-repeat right top;padding:8px 12px 7px 6px;color:#434640;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#ff6600;}
#tabs a:hover {background-position:0% -31px;color:#ff6600;}
#tabs a:hover span {background-position:100% -31px;color:#ff6600;}
#tabs #current a {background-position:0% -31px;color:#ff6600;}
#tabs #current a span {background-position:100% -31px;color:#ff6600;}

#topcontainer { width:990px; margin:0 auto; }
#topnav { width:940px; height:18px; padding:0 50px 0 0; margin:0 auto; background-image:url(images/bg-topnav.jpg); text-align:right; }

#vacbox { float:left; width:940px; padding:10px 25px 10px 25px; margin:0 auto; background-color:#fff; color:#FF0000; font-size:14px;}

#topnav a { color:#fff; font-size:11px; text-decoration:none; line-height:18px; height:18px; margin-left:15px }
#topnav a:hover, #topnav a#activ { color:#ff6600 } 
#topnav a#home { background-image:url(images/bg-home.gif); background-repeat:no-repeat; padding-left:15px }
#topnav a#home:hover { background-position:0 -37px }

#leftcol { float:left; width:621px; padding-top:30px }
#rightcol { float:right; width:325px }

#imgbox-h { float:left; width:570px; height:302px }
#imgbox-h img { float:right }

#flashbox-h { float:left; width:561px; height:305px; padding:4px 0 0 9px; background-image:url(images/bg-flashbox-l.gif); background-repeat:no-repeat }
#flashbox-closed { float:left; width:570px; height:309px; background-image:url(images/bg-flashbox-l.gif); background-repeat:no-repeat }

#box1-h { float:right; width:391px; height:214px; background-image:url(images/bg-box1-h.gif); background-repeat:no-repeat; margin-top:1px; padding:18px 0 0 19px }
#box1-h h1 { color:#ff6600; font-size:12px; font-weight:bold; padding-bottom:15px }
#box1-h li { background-image:url(images/li.gif); background-repeat:no-repeat; background-position:0 2px; font-size:11px; padding:0 0 12px 15px; line-height:14px }

#b-partner { float:right; margin:0 30px 15px 0; border:0 }
#b-faq { float:right; margin:0 10px 15px 0; border:0 }

#textbox-h { float:left; width:530px; padding:20px 0 0 40px; font-size:11px }
#textbox-h h2 { color:#010000; font-size:12px; font-weight:bold; padding-bottom:15px }
#textbox-h p { line-height:15px }

#flashbox { float:right; width:394px; height:148px; padding:17px 0 0 16px; margin-top:23px; background-image:url(images/bg-flashbox.gif) }

#fy-box { float:right; width:399px; height:61px; padding:104px 0 0 13px; margin-top:23px; background-image:url(images/bg-5y-box.gif); background-repeat:no-repeat; color:#ff6600; font-size:11px; font-weight:bold; line-height:15px; }

#foot { width:963px; height:23px; padding:15px 20px 0 0; margin:0 auto; background-image:url(images/bg-foot.gif); background-position:bottom;  background-repeat:repeat-x; color:#010000; font-size:11px; text-align:right }

#sitemap { width:983px;  margin:0 auto; text-align:center; font-size:10px; color:#010000; line-height:20px; padding:10px 0 10px 0 }
#sitemap a { color:#010000; text-decoration:none; padding:0 5px 0 5px }
#sitemap a:hover, #sitemap a#activ { color:#ff6600; text-decoration:underline }
#sitemap div { color:#999999 }
#sitemap div a { color:#999999; padding:0 2px 0 2px }

#partnerbox { float:left; width:530px; padding-left:30px; margin-top:32px }

#tobeweb { float:left; width:299px; height:117px; padding-left:18px; background-image:url(images/bg-tbw.gif); color:#000; font-size:10px; letter-spacing:1px }
#tobeweb img { border:0 }
#tobeweb span { letter-spacing:0 }
#tobeweb span#part { margin-left:-10px; letter-spacing:1px }
#tobeweb span#stitle { color:#101111; font-size:11px; font-style:italic; font-weight:bold; letter-spacing:1px; display:block }

#tas { float:right; width:196px; height:117px; padding-left:7px; background-image:url(images/bg-tas.gif); background-repeat:no-repeat; background-position:bottom; color:#000; font-size:10px; letter-spacing:1px }
#tas img { border:0; padding:20px 0 2px 0 }
#tas span, #tas2 span { color:#676767; font-size:11px; letter-spacing:0; line-height:15px }

#rabbox { float:right; width:203px; height:117px; color:#000; font-size:10px; letter-spacing:0px }

a#rabatt { display:block; width:203px; height:99px; background-image:url(images/a-rabattaktion.gif); background-repeat:no-repeat }
a#rabatt:hover { background-position:0 -99px }
a#rabatt span { display:none }

#tas2 { float:left; width:304px; height:117px; padding-left:13px; background-image:url(images/bg-tas2.gif); color:#000; font-size:10px; letter-spacing:1px; margin-bottom:10px }
#tas2 img { border:0; padding:12px 0 2px 0 }
#tas2 span#part { color:#000; font-size:10px; margin-left:-7px; letter-spacing:1px }

#greenbox { float:right; display:inline; width:382px; height:89px; padding:28px 0 0 20px; background-image:url(images/bg-greenbox.gif); background-repeat:no-repeat; background-position:bottom; margin-right:8px; color:#fff; font-size:11px; line-height:15px; margin-top:8px }
#greenbox h3 { font-size:12px; font-weight:bold }

#orangebox { float:right; display:inline; width:369px; height:22px; padding:7px 0 0 33px; background-image:url(images/bg-orangebox.gif); background-repeat:no-repeat; background-position:bottom; margin:10px 8px 0 0; color:#fff; font-size:12px; line-height:15px }

#orangebox a { font-size:12px }

#box621-top { float:left; width:621px; height:14px; background-image:url(images/bg-box621-top.gif); background-repeat:no-repeat }
#box621-ks-top { float:left; width:621px; height:122px }
#box621-bottom { float:left; width:621px; height:14px; background-image:url(images/bg-box621-bottom.gif) }
#box621, #box621-ks { float:left; width:574px; padding:5px 27px 15px 20px; background-image:url(images/bg-box621.gif); font-size:11px}
#box621 h1 { color:#ff6600; font-size:12px; font-weight:bold; margin-bottom:15px; padding-bottom:3px; background-image:url(images/dot-orange.gif); background-position:bottom; background-repeat:repeat-x }
#box621-ks-top h1 { padding:0; margin:0 }
#box621-ks-top img { float:left }
#box621-ks p { padding:0 }
#box621 img { float:left }
#box621 ul { padding:5px 0 10px 0 }
#box621 li { background-image:url(images/li.gif); background-repeat:no-repeat; background-position:0 3px; font-size:11px; padding:0 0 12px 19px; line-height:17px; margin-left:10px }

table.kundenstimmen { width:100% }
table.kundenstimmen tr { background-image:url(images/dot-g.gif); background-repeat:repeat-x; background-position:bottom }
table.kundenstimmen td { vertical-align:top; padding-bottom:15px }

#box325-top { width:325px; height:12px; font-size:10px; line-height:12px; margin-top:20px; background-image:url(images/bg-box325-top.gif); background-repeat:no-repeat }
#box325-bottom { width:325px; height:14px; background-image:url(images/bg-box325-bottom.gif) }
#box325 { width:305px; padding:0 0 9px 20px; background-image:url(images/bg-box325.gif); font-size:11px; line-height:14px}

#box-g-top { width:318px; height:10px; font-size:8px; line-height:10px; margin-top:20px; background-image:url(images/box-g-top.gif); background-repeat:no-repeat }
#box-g-bottom { width:318px; height:10px; font-size:8px; background-image:url(images/box-g-bottom.gif); margin-bottom:10px }
#box-g { width:303px; padding:0 0 5px 15px; background:#6ac40e; color:#fff; font-size:11px; line-height:13px }
#box-g h3 { font-size:12px; font-weight:bold; padding-bottom:2px }

#box-vk { float:left; width:318px; height:183px; background-image:url(images/bg-vkarte.jpg); color:#ff6600; font-size:11px; font-weight:bold; line-height:15px; }

#box-fbsp { float:left; width:188px; height:285px; padding:40px 0 0 130px; background-image:url(images/bg-fbsp.jpg); color:#ff6600; font-size:11px; font-weight:bold; line-height:15px; margin-bottom:10px }

#box-logob { float:left; width:318px; height:206px; background-image:url(images/bg-logobest.gif); color:#ff6600; font-size:11px; font-weight:bold; line-height:15px; margin-bottom:10px }

.right { float:right }
.left { float:left }

.orange { color:#ff6600 }
.magenta { color:#e30059 }

a.magenta { color:#e30059; background-image:url(images/dot-magenta.gif) }
a.orange-b, a.orange, a.orange-bf { color:#ff6600; background-image:url(images/dot-orange.gif) }
a.white-b, a.white, #box-g a  { color:#FFFFFF; background-image:url(images/dot-white.gif) }
a.red { color:#ce000e; background-image:url(images/dot-red.gif) }
a.brown { color:#6e4426; background-image:url(images/dot-brown.gif) }
a.orange-b, a.orange, a.orange-bf, a.white-b, a.white, #box-g a, a.red, a.magenta, a.brown { font-weight:bold;  background-repeat:repeat-x; background-position:bottom; text-decoration:none }
a.orange, a.white, #box-g a { font-weight:normal }
a.orange-b:hover, a.orange:hover, a.white:hover, a.white-b:hover, #box-g a:hover, a.red:hover, a.magenta:hover, a.brown:hover { background:none }

a.tbw {  color:#ff6600; font-weight:bold; text-decoration:none; font-style:italic }
a.tbw:hover { text-decoration:underline }

h2.green, h2.white { font-size:13px; font-weight:bold; padding-bottom:10px }
h2.green, .green, th { color:#6ac40e }
h2.white { color:#fff }

th { padding-bottom:5px }
td { padding:3px 10px 3px 10px }
tr.sta { background-color:#E6E6E6 }
tr.stb { background-color:#CECECE}

label { cursor:pointer; vertical-align:middle; height:15px; line-height:15px }

form { padding:20px; background-color:#F8F8F8 }

input, select { width:260px; height:15px; padding:1px; margin:7px 0 0 0; border:1px solid #CCCCCC; font-size:11px}
select { height:auto; width:110px; font-size:11px }
input.checkbox { width:20px; border:0 }
input#submit { width:150px; height:27px; color:#ff6600; font-weight:bold; font-size:12px; background-image:url(images/bu-submit.gif); background-color:#F8F8F8; border:0; padding:0; cursor:pointer; line-height:11px; }
input#submit:hover { color:#6ac40e }
textarea { width:500px; height:90px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #CCCCCC; }