/* CSS Document */

body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; background:url(images/header.jpg) no-repeat 250px 410px ; margin:15px 0 0 0px; padding:0;}
div, h1, h2, h3, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* TOP PANEL*/
#topPanel{width:850px; height:350px; position:relative; margin:0 auto; padding:0;}
#topPanel img{width:850px; height:75px; z-index:1; padding:0; position:absolute; margin:0 0 0 0px;}

/* MENU PANEL*/
#topPanel ul{display:block; width:850px; height:36px; position:absolute; top:0; right:0; margin:90px 0 0; padding:0 0px 0 0px; border-bottom:1px solid #aeaeae;}
#topPanel ul li{ float:left; font:11px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; padding-right: 2px; padding-left: 1px;}
#topPanel ul li a{width:90px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:90px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li .active {width:90px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #ffffff; color:#fff; text-align:center; margin:0 1px 0 0;}

/* subnav*/
#topPanel #subnav ul{display:block; width:850px; height:30px; position:absolute; top:0; right:0; margin:130px 0 0; padding:0 0px 0 0px; border-bottom:1px solid #aeaeae;}
#topPanel #subnav ul li{ float:left; font:11px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; padding-right: 2px; padding-left: 0px;}
#topPanel #subnav ul li a{ width: auto; height:30px; display:block; padding:0; color:#3a7ec3; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 5px; top:0px; padding-right: 10px; padding-left:28px;}
#topPanel #subnav ul li a:hover{ width: auto; height:30px; font: bold 11px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #454545; background:#ffffff; }
#topPanel #subnav ul li .active{ width: auto; display:block; height:30px; font: bold 11px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #454545; background:#ffffff; text-align:center; margin:0 1px 0 0;}

/* HEADER PANEL*/
#topPanel #headerPanelfast{width:246px; height:200px; position:absolute; top:0; left:0; margin:185px 0 0; padding:0px; background:url(images/orange-normal.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#topPanel #headerPanelfast a{width:246px; height:200px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:246px; height:200px; background:url(images/orange-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}
#topPanel #headerPanelfast h2{display:block; margin:15px 0 0 25px; font:25px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#topPanel #headerPanelfast p{width:180px; display:block; font:12px/11px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:70px 50px 0 30px;}

#topPanel #headerPanelsecond{width:246px; height:200px; position:absolute; top:0; left:300px; margin:185px 0 0; padding:0px; background:url(images/green-normal.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#topPanel #headerPanelsecond a{width:246px; height:200px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:246px; height:200px; background:url(images/green-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}
#topPanel #headerPanelsecond h2{display:block; background:none; margin:15px 0 0 25px; font:25px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelsecond p{width:180px; display:block; font:12px/11px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:70px 50px 0 30px;}

#topPanel #headerPanelthird{width:246px; height:200px; position:absolute; top:0; right:0; margin:185px 0 0; padding:0px; background:url(images/blue-normal.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#topPanel #headerPanelthird a{width:246px; height:200px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{width:246px; height:200px; background:url(images/blue-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}
#topPanel #headerPanelthird h2{display:block; background:none; margin:15px 0 0 25px; font:25px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#topPanel #headerPanelthird p{width:180px; display:block; font:12px/11px Arial, Helvetica, sans-serif; position:absolute; top:0px; left:0px; z-index:1; padding: 0px; margin:70px 50px 0 30px;}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{width:1090px; height: 1000px; }

#bodyPanel .spalte1 {width:290px; margin:55px 0px 0px 250px; padding:0px 0px 0px 0px; float: left; }
#bodyPanel .spalte1 h2{ background: #fff; display:block; width:275px; height:50px; margin:50px 0px 0px 0px; font:14px/14px Georgia, "Trebuchet MS", Times, serif; font-weight:normal; padding:30px 0 0px 20px; color:#FF7113;}
#bodyPanel .spalte1 p{background: #fff; width: 275px; margin:0 0 0 0px; padding:0 0px 5px 20px; font: 12px/125% Arial, Helvetica, sans-serif; text-align: justify;}
#bodyPanel .spalte1 p span{width: 260px; font-weight:bold;}
#bodyPanel .spalte1 img{width:300px; z-index:1; padding:0; position:absolute; margin:150px 0 0 0px;}
#bodyPanel .spalte1 bild2{width:300px; z-index:1; padding:0; position:absolute; margin:500px 0 0 200px;}
#bodyPanel .spalte1 bild3{width:300px; z-index:1; padding:0; position:absolute; margin:800px 0 0 200px;}

#bodyPanel .spalte1 p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; padding:20px; margin:20px 40px 0 25px; color:#000;}
#bodyPanel .spalte1 p.capstext{background: url(images/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Trebuchet MS", Georgia, Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel .spalte1 p.more{height:100px; padding:0; background:none; margin:0;}
#bodyPanel .spalte1 p.more a{width:200px; height:100px; display:block; margin:400px 20px 9px 618px; background:url(images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font: bold 14px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:30px 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel .spalte1 p.more a:hover{background:url(images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel .spalte1 h3{background:#fff; display:block; width:200px; height:34px; margin:34px 0 12px 0; font:30px/30px "Trebuchet MS", Georgia, Times, serif; font-weight:normal; padding:0 0 0 20px; color:#FF7113;}
#bodyPanel .spalte1 #testimonial{width:200px; height:162px; display:block; background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB; padding:32px 33px 0 148px; margin:0 0 0 20px; color:#786321;}
#bodyPanel .spalte1 #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel .spalte1 #testimonial p span{color:#786321; background:#FFFAED;}
#bodyPanel .spalte1 h4{ background:#fff; width:200px; height:30px; position:absolute; top:361px; right:5px; margin:0; font:30px/30px "Trebuchet MS", Georgia, Times, serif; font-weight:normal; padding:0px; color:#FF7113;}
#bodyPanel .spalte1 ul{width:400px; display:block; position:absolute; right:30px; top:405px; }
#bodyPanel .spalte1 ul li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(images/symbol2.gif) 0 8px no-repeat; padding:0 0 0 10px;}
#bodyPanel .spalte1 ul span{ background:url(images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}

#bodyPanel .spalte2 {width:500px;  margin:0px 0px 0px 550px; padding:0px 0px 0px 0px; float: left; }
#bodyPanel .spalte2 h2{ width:500px; height:30px; margin:0px 0px 0px 0px; font:20px/22px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 20px 50px; color:#FF7113;}
#bodyPanel .spalte2 p{ width: 450px; margin:0 0 0 0px; padding:0 42px 15px 50px; font: 12px/25px Arial, Helvetica, sans-serif; text-align: justify; }
#bodyPanel .spalte2 p span{font-weight:bold;}
#bodyPanel .spalte2 p.dotline{background:url(images/dot-line.jpg) 10px 0 repeat-x; padding:0; margin:0 0px 0 250px;}
#bodyPanel .spalte2 p.capstext{background: url(images/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel .spalte2 p.more{height:70px; padding:0; background:none; margin:0;}
#bodyPanel .spalte2 p.more a{width:250px; height:70px; margin:0px 0px 0px 300px; display:block; background:url(images/more.gif) 0 0 no-repeat #fff; color:#fff; text-decoration:none; font: bold 14px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:8px 0 0 25px; text-transform:uppercase; top:0px; right:0px;}
#bodyPanel .spalte2 p.more a:hover{background:url(images/more2.gif) 0 0 no-repeat #fff; color:#fff; text-decoration:none;}
#bodyPanel .spalte2 h3{background:#fff; width:300px; hight: 200px; margin:34px 0 50px 250px; font: bold 20px/20px Georgia, "Times New Roman", Times, serif; padding:0 0 0 20px; color:#FF7113;}
#bodyPanel .spalte2 #testimonial{width:283px; height:162px; display:block; background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB; padding:32px 33px 0 148px; margin:0 0 0 20px; color:#786321;}
#bodyPanel .spalte2 #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel .spalte2 #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel .spalte2 h4{ background:#fff; width:300px; height:30px; position:absolute; top:361px; right:5px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px; color:#FF7113;}
#bodyPanel .spalte2 ul{display:block; margin-left: 60px; width: 420px; padding-bottom: 15px;}
#bodyPanel .spalte2 ul li{font:12px/25px Arial, Helvetica, sans-serif; font-weight:normal; background:url(images/symbol2.gif) 0 8px no-repeat; padding:0 0 0 20px;}

#bodyPanel .spalte3 {width:120px; margin-left: 100px; float: right; }

#bodyPanel fieldset.kontaktform { margin: 0px 0px 0px 0px; width: 350px; height: 500px; border:none; position: relative; padding-left: 30px;}
#bodyPanel fieldset.kontaktform h1 { font:20px/25px Georgia, "Times New Roman", Times, serif; color: #FF7113; padding: 0px 0px 0px 10px;}
#bodyPanel fieldset.kontaktform p { font: 11px/125% Arial, Helvetica, sans-serif; vertical-align: middle; padding: 0px; margin: 0 0 5px 10px; }
#bodyPanel fieldset.kontaktform label {float: left; width: 50px; padding-left: 10px; padding-top: 5px; padding-right: 10px; }
#bodyPanel fieldset.kontaktform label.info { width: 230px; margin-left: 10px; }
#bodyPanel fieldset.kontaktform input {width: 230px; padding: 0px 0 0 0px; border: 1px dotted #454545; height: 20px; font: 11px/12px Arial, Helvetica, sans-serif;}
#bodyPanel fieldset.kontaktform input.error { background-color: #DC2622; color: #FFF; }
#bodyPanel fieldset.kontaktform input.submit { width: auto; height: 17px; background-color: #FFF; border: 1px dotted #454545; margin: 10px 0 0 150px; }
#bodyPanel fieldset.kontaktform select { border: 0px dotted #454545; font: 10px/120% Arial, Helvetica, sans-serif;width: 230px; }
#bodyPanel fieldset.kontaktform option { padding-left: 1px; font: 10px/120% Arial, Helvetica, sans-serif;}
#bodyPanel fieldset.kontaktform textarea { border: 1px dotted #454545;  font: 10px/120% Arial, Helvetica, sans-serif; width: 226px; height: 100px;}

a:link {color:#84bc36; text-decoration:none}
a:visited {color:#84bc36; text-decoration:none}
a:active {color:##84bc36; text-decoration:none}
a:hover {color:#84bc36; text-decoration:underline}