@charset "utf-8";
html,body{margin:0;padding:0;width:100%;height:100%;}
img{border:none;}
ul{list-style:none;line-height:24px;}
body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#666;background:url(/img/bg-top.gif) repeat-x;line-height:20px;}
h1,h2,h3,h4,h5{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;}
h1{font-size:28px;line-height:50px;font-style:normal;color:#2690CF;padding:15px 0 15px 0;}
h2{font-size:16px;line-height:24px;border-top:1px dotted #2690CF;padding:15px 0 15px 0;}
h3{font-size:16px;color:#2690CF;padding:15px 0 15px 0;}
h4{font-size:16px;color:#2690CF;padding-top:40px;padding-bottom:0;}
h5{font-size:10px;}
p{padding-top:0;padding-bottom:10px;}
.fettblau{color:#2690CF;font-weight:bold;font-size:14px;font-family:Arial,Helvetica,sans-serif;line-height:24px;}
strong{font-weight:bold;}
acronym{cursor:help;border-bottom:1px dotted #2690CF;}
blockquote{font-family:Arial,sans-serif;font-size:16px;color:#2690CF;background:url(/img/haken.png) top left no-repeat;margin-bottom:30px;}
blockquote p{margin:10px 10px 10px 60px;padding:10px;border-left:3px solid #363636;line-height:30px;}
a{text-decoration:none;color:#2690CF;outline:none;}
a:hover{color:#333;}
a.emailbtn{font-size:16px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;display:inline-block;padding:15px;color:#FFF;background-color:#bbb;}
a:hover.emailbtn{background-color:#7F7F7F;}
a.blogbtn{font-size:16px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;display:inline-block;padding:15px;color:#FFF;background-color:#bbb;}
a:hover.blogbtn{background-color:#7F7F7F;}
a.linkExtern{background:url(/img/link_extern.gif) left no-repeat;padding:0 0 0 15px;}
.container{position:relative;width:980px;text-align:left;margin:0 auto 0 auto;height:auto;}
ul.topmenue{display:block;width:auto;position:relative;top:0;margin:0;height:40px;padding-right:0;background:url(/img/bg-top.gif) repeat-x;}
ul.topmenue li{float:right;height:30px;margin-top:8px;}
ul.topmenue li a{color:#FFF;font-weight:bold;font-size:12px;font-family:Arial,Helvetica,sans-serif;border:1px solid #2690CF;height:auto;padding:5px 15px 5px 15px;}
ul.topmenue li a:hover{color:#FFF;background-color:#2690CF;border:1px solid #FFF;}
.headerContainer{height:160px;}
#logo{position:absolute;background:#FFF url(/img/logo.png) no-repeat;width:680px;height:50px;top:55px;padding-top:10px;}
#logo h5{text-indent:-99999em;}
#logo h2{text-indent:-99999em;border:none;}
.hauptmenue{position:absolute;width:980px;height:50px;top:110px;border-top:1px solid #918F8F;}
.hauptmenue ul{display:block;width:auto;position:relative;top:0;margin:0;padding:0;}
.hauptmenue ul{padding-left:300px;padding-top:15px;}
.hauptmenue ul li{float:left;padding:0;margin-right:10px;margin-left:10px;}
.hauptmenue ul li a{color:#2690CF;font-weight:bold;font-size:18px;font-family:Arial,Helvetica,sans-serif;margin-top:6px;line-height:26px;right:0;width:auto;}
.hauptmenue ul li a.aktiv{color:#666;}
.hauptmenue ul li a:hover{color:#333;}
.linkeSpalte{position:relative;float:left;width:269px;margin:0;border-right:1px solid #918F8F;padding:0 30px 0 0;}
ul.download{font-size:13px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;line-height:20px;margin-left:-40px;}
ul.download a{color:#2690CF;}
ul.download a:hover{color:#333;}
ul.liste{font-size:13px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;list-style:square inside;line-height:20px;margin-left:-40px;margin-bottom:25px;}
ul.liste a{color:#2690CF;}
ul.liste a:hover{color:#333;}
ul.twitter{font-size:11px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;list-style:none;line-height:15px;margin-left:-40px;}
ul.twitter a{color:#2690CF;}
ul.twitter a:hover{color:#333;}
li.tweet{margin-bottom:15px;}
.inhalt{position:relative;width:640px;height:auto;float:right;padding-right:20px;padding-left:20px;}
.inhalt p a img{padding:2px;border:1px solid #CCC;margin:0 2px 1px 2px;}
ul.listeInhalt{list-style:square inside;line-height:20px;margin-bottom:25px;}
ul.listeInhalt a{color:#2690CF;}
ul.listeInhalt a:hover{color:#333;}
.inhalt p a:hover img{border:1px solid #2690CF;}
.inhalt img.rechts{float:right;margin:0 0 25px 25px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.arbeitsbeispiele{float:none;display:block;width:auto;clear:both;position:relative;height:auto;}
.refbox{float:left;width:312px;height:370px;padding:0;margin:0 4px 10px 4px;clear:none;}
.refbox img{display:block;border:1px solid #666;padding:5px;margin:0 0 20px 0;}
.refbox p{background-color:#666;display:block;color:#FFF;padding:5px;line-height:20px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin:0;}
.refbox p.kunde{border-bottom:1px dotted #FFF;font-weight:bold;}
.refbox a{color:#FFF;text-decoration:underline;}
.refbox a:hover{color:#2690CF;}
#map{width:630px;height:315px;border:2px solid #ccc;overflow:hidden;}
.fuss{position:relative;height:40px;border-bottom:1px solid #999;padding-top:25px;margin:0 20px 0 0;}
.fuss a{color:#2690CF;font-weight:normal;font-size:11px;font-family:Arial,Helvetica,sans-serif;margin-left:2px;margin-right:2px;}
.fuss a:hover{color:#333;}
.copyright{position:relative;background-color:#FFF;height:70px;text-align:right;font-size:11px;padding-top:30px;padding-bottom:20px;margin-right:20px;}
.copyright a{color:#2690CF;}
.copyright a:hover{color:#333;}
#leistungen-container{position:relative;float:left;width:640px;display:block;margin:25px 0 25px 0;}
#leistungen{position:relative;float:left;width:640px;height:200px;display:block;margin-bottom:25px;}
#leistungen ul{margin:0;padding:0;}
#leistungen li{display:inline;float:left;width:300px;height:200px;cursor:pointer;margin:0;}
.boxgrid{width:300px;height:200px;margin:0;float:left;background:#333;overflow:hidden;position:relative;}
.boxgrid img{position:absolute;top:0;left:0;border:0;}
.boxgrid p{padding:0 10px;color:#afafaf;font-weight:bold;font:10px Arial,sans-serif;}
.boxcaption{float:left;position:absolute;background:#000;height:100px;width:100%;opacity:.8;}
.captionfull .boxcaption{top:260px;left:0;}
.caption .boxcaption{top:220px;left:0;}
h2.blogtitel{font-size:16px;padding-top:15px;padding-bottom:5px;line-height:24px;border-top:1px dotted #2690CF;}
h2.blogtitel a{color:#666;}
h2.blogtitel a:hover{color:#fff;background-color:#2690CF;}
h2.blogarchivtitel{font-size:16px;padding-top:5px;padding-bottom:5px;line-height:24px;border:none;}
h2.blogarchivtitel a{color:#666;}
h2.blogarchivtitel a:hover{color:#fff;background-color:#2690CF;}
p.ablage{font-size:11px;background-color:#fff;padding:2px 2px 2px 2px;border:1px solid #eee;margin-bottom:20px;}
ul.kategorien{font-size:12px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;list-style:square inside;text-transform:uppercase;line-height:20px;margin-left:-40px;}
ul.kategorien a{color:#2690CF;}
ul.kategorien a:hover{color:#333;}
.faq {margin-bottom: 30px;}
.faq dt {font-size:14px;color:#2690CF;cursor:pointer;background-position:right 50%;background-repeat:no-repeat;padding: 10px 0 10px 0; border-bottom: 1px dotted #bbb;}
.faq dt:hover {color: #333;}
.faq dt.aus {background-image: url(/img/expand.gif);}
.faq dt.an {background-image: url(/img/collapse.gif);}
.faq dd {padding: 10px 0 25px 0;}
#no-javascript{font-size:14px;font-weight:bold;background:#fff url(/img/fehler.gif) no-repeat 2px 1px;color:#000;padding:4px 8px 4px 25px;display:block;margin:1px 0;border:2px solid #FF0000;}