﻿@charset "utf-8"; 
#content {text-align: center;}
a, a:hover{text-decoration:none; color:#48f}
a:hover{color:#3CF;}

hr{background-color:#ccc; border:0; height:2px;}

input, textarea{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#666;}
label{color:#CCC; cursor:pointer; padding-left:2px; line-height:16px;}
label.chosen{color:#CCC}

.outtaHere{position:absolute; left:-3000px}

.radioArea, .radioAreaChecked{display:block; float:left; clear:left; width:15px; height:14px; font-size:0; cursor:pointer;}
.radioArea{background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked{background:url(../images/radio.gif) no-repeat left bottom}

.checkboxArea, .checkboxAreaChecked{display:block; float:left; clear:left; width:13px; height:13px; font-size:0; padding:0; margin:0; cursor:pointer}
.checkboxArea{background:url(../images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked{background:url(../images/checkbox.gif) no-repeat left bottom;}
.focused{border:1px dotted #ddd}

.textinput, .textinputHovered{height:15px; background:url(../images/input_bg.gif) repeat-x left top; border:none; padding:4px 0; vertical-align:middle}
.textinputHovered{background-position:left bottom}
.inputCorner{padding-bottom:0; vertical-align:middle}

.txtarea .tr, .txtarea .tr_xon{background:url(../images/txtarea_tr.gif) no-repeat top right}
.txtarea .tr_xon{background:url(../images/txtarea_tr_xon.gif) no-repeat top right}
.txtarea img.txt_corner{width:5px; height:5px; display:block}
.txtarea .br, .txtarea .br_xon{background:url(../images/txtarea_br.gif) no-repeat top right}
.txtarea .br_xon{background:url(../images/txtarea_br_xon.gif) no-repeat top right}
.txtarea .cntr{background:url(../images/txtarea_cntr.gif) repeat-y right top}
.txtarea .cntr_xon{background:url(../images/txtarea_cntr_xon.gif) repeat-y right top}
.txtarea .cntr_l, .txtarea .cntr_l_xon{width:5px; background:url(../images/txtarea_l.gif) repeat-y left top; float:left}
.txtarea .cntr_l_xon{background:url(../images/txtarea_l_xon.gif) repeat-y left top}
.txtarea textarea{border:0; background:none; padding:0; margin:5px}

.buttonSubmit, .buttonSubmitHovered{width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(../images/button_bg.gif) repeat-x left top; cursor:pointer; border:none}
.buttonSubmitHovered{background-position:left bottom}
.buttonImg{vertical-align:bottom}

#rnd_container{background:#FFF; margin:1px}
    
    .rnd_top, .rnd_bottom{display:block; background:#FFF; font-size:1px}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4{display:block; overflow:hidden}
    .rnd_b1, .rnd_b2, .rnd_b3{height:1px}
    .rnd_b2, .rnd_b3, .rnd_b4{background:#99CDFF; border-left:1px solid #99CDFF; border-right:1px solid #99CDFF}
    .rnd_b1{margin:0 5px; background:#99CDFF}
    .rnd_b2{margin:0 3px; border-width:0 2px}
    .rnd_b3{margin:0 2px}
    .rnd_b4{height:2px; margin:0 1px}
    
    .rnd_content{    display:block;     border:0 solid #99CDFF;     border-width:0 1px;     padding:4px;     background:#99CDFF;     color:#000}

select, input, textarea, button{outline:none; resize:none}
body, html, div, p, h1, h2, h4, h5, h6, span, img, ul, ol, li{margin:0; padding:0}

ul{list-style:none}
h3{margin:0; padding:0; color:#646464}
body{font:normal 12px Arial,Helvetica,sans-serif; color:#646464; background:url(../images/bodybg.jpg) repeat-x}

.sclear{clear:both}

.maincontainer{ padding:0;  margin:0 auto;  width:925px;  height:auto; padding-top:0px}
 
.header{width:auto; background:url(../images/header.jpg) repeat-x; height:auto}

.logo{ float:left}


.headerrght{width:700px; float:right; padding:0 0 0 0}

.headerin{float:left; background:url(../images/blackbg.jpg) repeat-x; padding:17px 0 5px 0; height:47px; width:680px}

.headerin li{float:left; padding:0 2px;  font-size:14px;  font-weight:bold;  font-family:Tahoma;  height:30px;  width:auto; display:block}
 
.headerin li img{padding-right:5px}

.headerin li a{background:none; color:#FFF; text-decoration:none; width:auto; height:30px; float:left; padding:0 5px 0 5px}

.headerin li a:hover{background:none; color:#F7A63A;  height:30px; width:auto; display:block; float:left; padding:0 5px 0 5px}

.leftpanel{width:580px; float:left; padding:0 15px 0 15px; position:relative; top:auto; display: inline-block;}
#content{
display: inline-block;
position:absolute;

}



.leftpanel h2{padding:10px 0 10px 0}

.leftpanel h2 span{display:none}

.leftpanel p{padding:0 0 25px 0; line-height:18px}

.leftpanel ul{padding:0px 0 10px 10px}
.leftpanel ul li{display:block; height:auto; line-height:19px; padding:10px 0 10px 0}
.leftpanel ul li img{padding:3px 10px 15px 0}
.leftpanel ul li span{color:#23A2C9; font:bold 13px Arial,Helvetica,sans-serif; padding:7px 0 0 0; margin:0}
.leftpanel ul li span a{color:#23A2C9; font:bold 13px Arial,Helvetica,sans-serif; text-decoration:none}
.leftpanel ul li span a:hover{color:#23A2C9; font:bold 13px Arial,Helvetica,sans-serif; text-decoration:underline}
.rghtpanel{width:301px; float:right}

.greybox{background:#9CF}

.greybox h2{ padding:0 0 0 5px}

.greybox h2 span{display:none}

.greybox ul{padding:10px 0 2px 10px}

.greybox ul li{padding:6px 30px 10px 15px; background:url(../images/customerli.jpg) left 8px no-repeat; line-height:19px; text-align:justify}

.greybox ul li a{font-weight:bold; color:#646464; text-decoration:none}

.greybox ul li a:hover{font-weight:bold; color:#646464; text-decoration:none}

.more{color:#23A2C9; padding:5px 0 0 0}

.more a{color:#23A2C9 !Important; text-decoration:underline !Important}

.more img{padding:0 5px}

.txtbox{background:#FFF; border:1px solid #D2D2D2; width:174px; height:20px}

.btn{border:none; background:url(../images/submitbtn.jpg) no-repeat; width:62px; height:25px}
#footer{text-align: center;}

.banner{padding:0px 0}
.banner2{padding:5px 0}

.site{width:580px; float:left; padding:0 15px 0 15px}

.site h2{padding:10px 0 10px 0}

.site h2 span{display:none}

.site p{padding:0 0 8px 0; line-height:18px}

.heading{color:#23A2C9; font:bold 13px Arial,Helvetica,sans-serif; padding:7px 0 0 0; margin:0; height:48px}

.bullet{padding:0 5px 0 20px; margin-top:5px; width:auto;  text-decoration:none; font-size:13px; color:#646464}

.bullet ul{padding:0 5px 0 0; margin-top:5px; text-decoration:none; font-size:13px; color:#646464}

.bullet ul li{background:url(../images/bullet.gif) left 4px no-repeat;  padding:0 5px 0 15px; margin-top:5px; text-decoration:none; font-size:13px; color:#646464}

.bullet ul li a{text-decoration:none; color:#646464}

.bullet ul li a:hover{text-decoration:underline; color:#EF911D}

.btmcontent2 form{margin:0; padding:0 0 0 25px}

.btmcontent2 label{width:200px !Important; padding:0; margin:0; display:block; float:left; margin-bottom:5px}

.txtbox{width:180px !Important; height:16px; border:1px solid #057DB1; padding:0; margin:0; margin-bottom:5px; font:normal 11px Arial,Helvetica,sans-serif; color:#333}

.btmcontent2 textarea{width:180px !Important; height:50px; border:1px solid #057DB1; padding:0; margin:0; margin-bottom:5px; font:normal 11px Arial,Helvetica,sans-serif; color:#333}

.btn{background:url(../images/trynow.jpg) 0 top no-repeat; width:114px !Important; height:46px !Important;  border:none; margin-left:200px; margin-top:0}
.gridstyle{border:1px solid #22B6E6; border-bottom:2px}
.gridstyle th{background:#FC690A; color:#fff; font-size:13px; text-align:left; height:14px; padding:4px; border-right:2px solid #fff}
.gridstyle td{padding:3px; border-bottom:1px solid #D7F6F9}

.accordtitle{ cursor:pointer;  border-bottom:1px solid #EEE}
.tabcontent{margin:8px 2px; float:left;  width:286px}

*{margin:0; padding:0}

body, html{height:100%}

body{text-align:left; font:normal 90%/140% arial,helvetica,sans-serif}

#container{min-height:100%}

* html #container{height:100%}

h1{font:bold 200%/140% arial,helvetica,sans-serif; border-bottom:2px solid #FFF; margin-bottom:8px}

h2{text-align:center; font:bold 150%/140% arial,helvetica,sans-serif}

p{padding:0.5em}

#setContainer{width:768px; margin:0 auto; text-align:left}

#set1, #set2, #set3{width:580px; float:left; margin-left:0px}

#set1 h3, 
#set2 h3, 
#set3 h3, 
#vorVollen_sControl{color:#23A2C9; font:bold 13px Arial,Helvetica,sans-serif}
.leftpanel img{padding:3px 10px 15px 0}

.s_control{padding:0 !important; display:inline !important}

.s_control a{display:block; height:12px; padding:2px 8px; position:relative; text-decoration:none}

.s_control a span{position:absolute; top:6px; right:8px; width:12px; height:16px; font-size:1px}

.sc_shrunk a span{background-position:0 0}

.sc_shrinking a span{background-position:-12px -16px}

.sc_expanding a span{background-position:-12px 0}

.sc_shrinking, 
.sc_expanding{background:#FFF}

.s_content{background:#FFFFFF; border:solid #FFFFFF; border-width:0 2px 2px; overflow:hidden; margin-bottom:8px; font:normal 12px/16px arial,helvetica,sans-serif}

.s_content.s_shrunk{border-bottom:0}

#textContentContentWrap{margin:0 auto; min-width:768px; max-width:996px; text-align:left; padding-bottom:42px}

* html #textContentWrap{width:768px; width:expression((document.body.clientWidth>996) ? "996px":((document.body.clientWidth>766) ? "auto":"768px"))}

#textContent_sControl{clear:both; height:32px; padding:4px 0 4px; font:bold 22px/32px arial,helvetica,sans-serif}

#textContent_sControl a span{position:relative; display:-moz-inline-block; display:-moz-inline-box; display:inline-block; top:0; right:-8px; vertical-align:middle}

#textContent{overflow:hidden}

#Wrapper{margin:0 auto; padding:10px; width:500px; background:#fff; border:1px solid #999}

fieldset{margin:0px; padding:0px; border:0px}

legend{display:none}

input, textarea{margin:0px; padding:1px; font-family:Courier,monospace; font-size:11px; border:1px solid #0FF}

span.cursor{cursor:pointer}

p#Error_msg{color:red}

.ddpanel .ddpanelcontent{color:white; background:black url(../images/black.jpg) no-repeat left top}

.ddpanel .ddpaneltab{margin-right:20px; font:normal 12px Arial}

.ddpanel .ddpaneltab a{float:right; color:white; background:url(../images/tog.gif) no-repeat bottom; text-decoration:none; letter-spacing:1px}

.ddpanel .ddpaneltab a span{float:left; display:block; padding:1px 1px 3px 7px; cursor:pointer}

.ddpanel .ddpaneltab a span img.pointerimage{margin-top:2px; margin-left:5px}

.ddpanel .ddpaneltab a:hover{background-color:navy}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{outline:0}

.ddpanel .ddpaneltab a:hover span{background-color:transparent}
