html { height:101% }
body{padding:0; margin:0; background:url(images/bg-body.gif) 0 0 repeat-x #f5f9fa; font:12px Verdana, Arial, Helvetica, sans-serif; color:#707070; font-weight:normal;}
div, p, h1, h2, h3, ul, img, form {padding:0px; margin:0px;}
ul{list-style-type:none;}
a:focus { outline: none }

#header { width:965px; position:relative; margin:0 auto; padding:0; color:#CCCCCC; font-size:10px; height:12px; line-height:12px; text-align:right }

#topnav, #c-container  {width:965px; position:relative; margin:0 auto; padding:0; }
#topnav {height:106px}
#topnav ul{height:96px; display:block; position:absolute; top:0px; left:220px; margin:0; padding:0;}
#topnav ul li{float:left; width:104px; display:block; text-align:center;}
#topnav ul li a {width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background:url(images/bu-topnav.gif); background-repeat:no-repeat; text-decoration:none; margin:0; padding:61px 0 0 0;}
#topnav ul li a:hover, #topnav ul li a#activ  { background-position:0px -96px; display:block; color:#ff6600; text-decoration:none;}

#topnav span { color:#101111; font-size:11px; font-style:italic; font-weight:bold; letter-spacing:1px; padding-left:12px }

#le-container { float:left; width:741px }
/* #mi-container { float:left; padding:5px 0 0 11px } */
#ri-container { float:right; padding-top:17px }

#sbox { float:left; width:213px; margin-right:10px }
#sbox-top { color:#286b7b; font-size:13px; font-weight:bold; width:213px; height:112px; background-image:url(images/sbox-top-bg.gif)}
#sbox-top div { padding:47px 0 0 116px } 
#sbox-top img {float:left}
#sbox-bottom { color:#286b7b; font-size:11px; line-height:12px; width:193px; height:112px; background-image:url(images/sbox-bottom-bg.gif);  padding:0 0 0 20px}

#flashbox-h { float:left; width:202px; height:242px; background-image:url(images/bg-flashbox-h.gif); background-repeat:no-repeat; padding:8px 0 0 11px; font-size:11px; line-height:15px; margin:14px 10px 0 0 }
#flash-s { width:188px; height:150px; border:1px solid #d3d7d7; margin-top:20px }

#imgbox { float:left; width:498px; height:197px; background-image:url(images/bg-imgbox.gif); padding:22px 0 0 15px; margin-top:5px }
#flashbox { float:left; width:498px; height:197px; background-image:url(images/bg-imgbox.gif); padding:22px 0 0 15px; margin-top:5px }
#cbox-h { float:left; width:453px; height:234px; background-image:url(images/bg-cbox-h.gif); background-repeat:no-repeat; padding:25px 30px 0 30px; margin-top:4px }

#cbox-top { float:left; width:736px; height:19px; background-image:url(images/bg-cbox-top.gif); margin-top:4px }
#cbox { float:left; width:674px; padding:10px 30px 20px 30px; border-left:1px solid #d2d5d5; border-right:1px solid #d2d5d5; background-color:#fff }
#cbox-bottom { float:left; width:736px; height:7px; font-size:4px; background-image:url(images/bg-cbox-bottom.gif) }

#contactbox { width:201px; height:50px; background-image:url(images/bg-contactbox.gif); background-repeat:no-repeat; color:#fff; margin-bottom:8px; padding:9px 0 0 12px; font-weight:bold; font-size:11px }

#rbox-h { color:#707070; font-size:11px; width:201px; height:130px; background-image:url(images/bg-rbox-h.gif); background-repeat:no-repeat; margin-bottom:3px; padding:11px 0 0 12px }
#rbox-h ul { padding-top:5px}
#rbox-h li { background-image:url(images/arrow-g.gif); background-repeat:no-repeat; background-position:0 4px; padding:0 0 2px 12px; line-height:13px }

#rbox-h2 { color:#707070; font-size:11px; width:201px; height:78px; background-image:url(images/bg-rbox-h2.gif); background-repeat:no-repeat; margin-bottom:3px; padding:11px 0 0 12px }
#rbox-h2 ul { padding-top:5px}
#rbox-h2 li { background-image:url(images/arrow-g.gif); background-repeat:no-repeat; background-position:0 4px; padding:0 0 2px 12px; line-height:13px }

.wbox-top { width:213px; height:10px; margin-top:10px; background-image:url(images/wbox-top.gif); font-size:8px }
.wbox-bottom { width:213px; height:10px; background-image:url(images/wbox-bottom.gif); font-size:8px }
.wbox { width:213px; background-image:url(images/wbox-bg.gif); font-size:11px; }

#loginbox { width:206px; height:42px; background-image:url(images/bg-loginbox.gif); background-repeat:no-repeat; margin-bottom:8px; color:#286B7B; font-size:11px; padding:2px 0 0 7px; line-height:14px }

#loginbox input { float:left; width:70px; height:14px; border:1px solid #b8c1ca; font-size:11px; color:#676767; background-color:#fff; padding:0; margin:0 3px 0 0; } 
#loginbox input#go { width:46px; height:16px; background-image:url(images/go.gif); border:0; cursor:pointer; font-size:11px; padding:0; margin:0; }
#loginbox input#go:hover { background-position:0 -16px }

#partner { color:#707070; width:213px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:11px }
#lfbox, #lfbox-v, #lfbox-v2 { width:194px; height:136px; background-image:url(images/bg-lfbox.jpg); background-repeat:no-repeat; padding:7px 0 0 19px; margin-bottom:10px; font-size:11px; line-height:15px }
#lfbox-v { background-image:url(images/bg-lfbox-v.jpg); height:153px; width:203px; padding:12px 0 0 10px; }
#lfbox-v2 { background-image:url(images/bg-lfbox-v2.jpg); height:249px; width:203px; padding:7px 0 0 10px; }
#lfbox img {border:0 }
#lfbox div { font-size:10px; padding-top:85px }

#tabox { width:198px; height:80px; background-image:url(images/bg-tabox.gif); background-repeat:no-repeat; padding:15px 0 0 15px; font-size:11px; line-height:15px }
#tabox img {border:0}

#foot { font-family:Verdana, Arial, Helvetica, sans-serif; width:965px; height:97px; margin:0 auto; background:url(images/bg-foot.gif) 0 0 repeat-x #f5f9fa; text-align:center; margin-top:15px; padding-top:10px; font-size:10px; color:#707070; line-height:16px }
#foot img { margin-top:5px }
#foot a { color:#707070; text-decoration:none; padding:0 5px 0 5px }
#foot a:hover { text-decoration:underline }

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

a.orange-b, a.orange, a.red-b, a.turk-b, a.grey, a.thickbox, #rbox-h2 a  { text-decoration:none; font-weight:bold; background-position:bottom; background-repeat:repeat-x }
a.orange, a.thickbox {font-weight:normal}
a.orange-b, a.orange, a.thickbox { color:#ff6600; background-image:url(images/dot-orange.gif)  }
a.red-b { color:#ce000e; background-image:url(images/dot-red.gif) }
a.turk-b { color:#286b7b; background-image:url(images/dot-turk.gif) }
a.grey, #rbox-h2 a { color:#707070; font-weight:normal; background-image:url(images/dot-grey.gif); line-height:14px }
a.orange-b:hover, a.orange:hover, a.red-b:hover, a.turk-b:hover, a.grey:hover, a.thickbox:hover, #rbox-h2 a:hover { background:none }

a.download { color:#ff6600; background-image:url(images/disk.png); background-repeat:no-repeat; padding:0 0 4px 22px; text-decoration:none }
a.download:hover { text-decoration:underline }

h1, h1#home { color:#78bbad; font-size:14px; padding-bottom:4px; border-bottom:1px solid #78bbad; width:458px; margin-bottom:16px }
h1 { width:674px }
h2 { font-size:12px; padding-bottom:11px }

h2.ref { color:#707070; padding-bottom:16px  }

p { font-size:12px; line-height:16px; padding-bottom:8px; color:#525252 }

.orange-b, .orange-p { color:#ff6600; font-weight:bold }
.turk-b { color:#286b7b; font-weight:bold }
.orange-p { color:#E9E9E9; font-size:15px; float:right; margin-right:20px; }
.fs10 {font-size:10px}

em.tbw { font-weight:bold; color:#535353 }

div.refbox { clear:both; width:674px; padding-top:35px; } 
div.refbox div { display:inline; float:left; width:360px; padding:20px 15px 15px 25px; margin:0 0 0 5px; background-image:url(images/bg-refbox.jpg); background-repeat:no-repeat }
div.refbox div p { font-size:11px; line-height:14px }
div.refbox div p strong { color:#707070 } 
div.refbox div h2 { font-size:12px; padding-bottom:11px }
img.ref { float:right; padding-right:15px; margin-bottom:15px } 

div.refbox2 { clear:both; width:674px; padding-top:35px; display:inline } 
div.refbox2 div { display:inline; float:left; width:340px; padding:20px 0px 15px 25px; margin:0 0 0 5px; background-image:url(images/bg-refbox2.jpg); background-repeat:no-repeat }
div.refbox2 div p, .refbox2-sub p { font-size:11px; line-height:14px }
div.refbox2 refdiv p strong, .refbox2-sub p strong { color:#707070 } 
div.refbox2 div h2 { font-size:13px; padding-bottom:11px }

.refbox2-sub  { padding:5px 0px 0px 25px; background-image:url(images/_bg-refbox2-sub.jpg); background-repeat:no-repeat; background-position:bottom left }

div.toggler { width:66px;  padding:0; margin:0 0 0 29px; cursor:pointer; color:#ff6600; background-image:url(images/dot-orange.gif); background-repeat:repeat-x; background-position:bottom }
div.toggler:hover { background:none }

ul#s15, ul#service, ul.preise, #formbox, ul.cbox { padding:15px 0 10px 30px; color:#525252; background-color:#f5f9fa; border:1px dotted #47A9BE }

#paket-vk { color:#494949; width:634px; height:106px; background-image:url(images/bg-pbox-vk.jpg); background-repeat:no-repeat; padding:17px 20px 20px 20px }
#paket-s, #paket-m, #paket-l { float:left; width:188px; height:185px; padding:18px 0 0 24px; color:#fff }
#paket-s { background-image:url(images/bg-pbox-s.jpg)   }
#paket-m { background-image:url(images/bg-pbox-m.jpg); margin-left:17px  }
#paket-l { background-image:url(images/bg-pbox-l.jpg); margin-left:17px }
#paket-s strong, #paket-m strong, #paket-l strong { font-size:15px; padding-left:1px }
.tpak { font-size:11px; font-weight: bold }
.tpak-n { font-size:11px; font-weight:normal }

#paket-s2, #paket-m2, #paket-l2 { float:left; width:188px; height:185px; padding:18px 0 0 24px; color:#fff }

.pbox-top { width:673px; height:23px; background-image:url(images/pbox-top.gif); background-repeat:no-repeat }
.pbox-bot { clear:both; width:673px; height:23px; margin-bottom:15px; background-image:url(images/pbox-bottom.gif); background-repeat:no-repeat }
.pbox { width:643px; background-image:url(images/pbox-bg.gif); background-repeat:repeat-y; padding:0 10px 0 20px }

.cornage { color:#ff6600 }

.preis { color:#ff6600; background-color:#f9f9f9; padding:5px; text-align:right; font-size:14px }

ul#service, ul.preise, ul.cbox { padding-bottom:17px }
ul.preise { border:0 }
ul#service li, ul.preise li, ul.pakete li, ul.cbox li { padding:5px 0 5px 35px; background-image:url(images/li-arrow-o.gif); background-position:0 7px; background-repeat:no-repeat }
ul.pakete { padding:10px 0 10px 0px; background-color:#fff }
ul.pakete li { padding:5px 0 5px 35px; background-image:url(images/li-arrow-o.gif); background-position:0 7px; background-repeat:no-repeat }

li#s1, li#s2, li#s3, li#s4, li#s5 { padding:5px 0 10px 35px; line-height:14px;  }
li#s1 { background:url(images/1.gif) no-repeat }
li#s2 { background:url(images/2.gif) no-repeat }
li#s3 { background:url(images/3.gif) no-repeat }
li#s4 { background:url(images/4.gif) no-repeat }
li#s5 { background:url(images/5.gif) no-repeat }

img.ref { float:right; padding-right:15px } 

.inputField, .errorField { font-size:11px; border:1px solid #d2d5d5; color:#000000; background-color:#fff; padding:2px; margin-bottom:2px }
.errorField { border: 1px solid #FF0000 }
.errorText { color: red }
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:300px }
label { font-size:11px; float:left; clear:both; display:block; width:80px; margin-bottom:5px; padding-left:10px; }
  
formbox input { float:left; display:block; width:150px; border: 1px solid #333; background:#F4F4F4; font-size: 11px; margin-bottom:5px; padding:1px;}
  
.option, .checkbox { border:none; background:none; width:auto; display:inline; float:none; margin-bottom:0 }
.checkbox { display:inline }

input#submit { width:112px; height:30px; background-image:url(images/b-submit.gif); cursor:pointer; border:0; font-size:13px; font-weight:bold; color:#286B7B; margin:10px 0 5px 0; float:none }
input#submit:hover { color:#ff6600 } 

a.bu-toggle { width:78px; height:24px; background-image: url(images/bu_details.gif); display:block }

.ext-link a { background:none }
.ext-link a:hover { background-color }

.green { color:#6AC40E }