/* Style sheet basis-neu */
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}
#linkliste{width:970px;}
.einruecken{text-indent: 22px;}
h1.hallo{width:175px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/hallo.gif");text-indent: -999em;}
#formular{width:100%;}
#header{background-image:url("tl_files/hk/grafik/collage.jpg");background-position:center top;background-repeat:no-repeat;border-bottom:1px solid #000;}
#main p,#right p{margin-bottom:5px;font: 0.8em/1.48em Arial,Helvetica, sans-serif;color: #333;}
p.ohneleerzeile{margin-bottom: 0px !important;}
body{background-color:#98ADAE;background-image:url("tl_files/hk/grafik/background_neu.png");background-position:center top;background-repeat:repeat-x;font-family:Arial, Helvetica, sans-serif;}
#right .inside{margin:10px 0px 10px 20px;}
#main .inside{margin:10px 0px 50px 0px;}
#footer{position:relative;clear:both;/*Sticky-Footer*/position:relative;margin-top:-70px; /*negative Footer-Hoehe*/clear:both;}
#footer .inside{width:970px;margin-left:50px;padding:10px 0px;border-top:1px solid #000000;margin-right:auto;margin-left:auto;}
#main .mod_article h1{margin-top:0.8em;margin-bottom:0.8em;font-size:1.4em;color:#ff7b00;}
#main .mod_article h2{margin-top:0.8em;margin-bottom:0.8em;font-size:1.3em;color:#000;}
#referenzliste ul{margin-left:1em;}
#referenzliste{width:970px;}
#kontaktinfo{width:279px;height:212px;margin-top:40px;}
#kontaktinfo h1{margin-bottom:5px;padding-top:50px;padding-left:40px;font-size:1.3em;color:#000;}
#kontaktinfo p{padding-left:40px;font-size:0.8em;color:#000;line-height:1.7em;}
#kontaktinfo a,#willkommen p a,.kontakt a,#linkliste a{padding-left:18px;background-image:url("tl_files/hk/grafik/pfeil.gif");background-position:left center;background-repeat:no-repeat;text-decoration:none;color:#BF0D22;}
#kontaktinfo a:hover,#willkommen p a:hover,.kontakt a:hover,#linkliste a:hover{text-decoration:underline;color:#BF0D22;}
.biete-liste{margin-top:20px;margin-bottom:20px;}
#footer .mod_breadcrumb{width:75%;float:left;font-size:0.7em;color:#000;}
#footer .impressum{width:19%;float:right;text-align:right;font-size:0.7em;}
#footer a{text-decoration:none;color:#000;}
#footer a:hover{text-decoration:underline;color:#bf0d22;}
html,body,#wrapper{height:100%;}
body > #wrapper{height: auto;min-height: 100%;}
#container{padding-bottom:70px; /*Footer-Hoehe*/}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
#referenz-vorschau{margin-top:15px;margin-bottom:10px;margin-left:30px;}
#referenz-vorschau .mod_box_items{width:270px;float:left;margin:10px 0px;padding:0px;}
#referenz-vorschau .mod_box_items h1{margin-top:10px;font-size:1em;color:#000;}
#referenz-vorschau .mod_box_items img{float:left;margin:3px 20px 10px 0px;padding:3px;background-color:#C1CBCC;border:1px solid #8A999B;}
#referenz-vorschau .mod_box_items p{margin-bottom:5px;}
#referenz-vorschau a,#fehler a{text-decoration:none;color:#000;}
#referenz-vorschau a:hover,#fehler a:hover{text-decoration:underline;color:#BF0D22;}
#referenz-vorschau p a,#fehler a{padding-left:18px;background-image:url("tl_files/hk/grafik/pfeil.gif");background-position:left center;background-repeat:no-repeat;}
#beispielbox{margin-top:20px;margin-bottom:20px;}
#beispielbox .mod_box_items{margin-left:5px;padding:10px 15px 10px 33px;background-color:#f7f7f7;border:1px solid #bdbdbd;}
#beispielbox p{margin-bottom:5px;font-size:0.8em;}
#beispielbox a.textlink{padding-left:18px;background-image:url("tl_files/hk/grafik/link.gif");background-position:left center;background-repeat:no-repeat;text-decoration:underline;color:#575757;}
#beispielbox a.textlink:hover{text-decoration:underline;color:#ff7b00;}
#beispielbox img{margin-top:5px;margin-right:10px;margin-bottom:5px;border:1px solid #b3b3b3;}
#portfolio .toggler{padding-left:18px;background-image:url("tl_files/hk/grafik/pfeil.gif");background-position:left center;background-repeat:no-repeat;font-weight:bold;font-size:1.3em;color:#000;line-height:1.6em;}
#portfolio .toggler:hover{color:#BF0D22;}
#portfolio .toggler.active{color:#BF0D22;}
#referenzliste .accordion{margin-bottom:30px;}
#portfolio h3{margin-top:25px;margin-bottom:10px;font-size:1.1em;color:#000;}
#linkliste h3{margin-top:25px;margin-bottom:10px;font-size:1.1em;color:#000;}
#linkliste h4{margin-top:10px;margin-bottom:4px;font-size:0.9em;color:#000;}
#portfolio .image_container{margin-top:25px;margin-right:40px;margin-bottom:5px;}
#portfolio img{float:left;padding:3px;background-color:#C1CBCC;border:1px solid #8A999B;}
#portfolio .ce_text{margin-bottom:20px;}
#navi{top:175px;position:relative;}
#navi .level_1 ul{display: inline;}
#navi .level_1 li{float:left;margin-right:25px;margin-left:0px;font-size:0.9em;list-style-type:none;}
#navi .level_1 li.active{padding-bottom:12px;}
#navi .level_1 li.active span{border-bottom: 4px solid #BF0D22;padding-bottom: 3px;background: transparent;color: #BF0D22;}
#navi .level_1 a:hover{border-bottom: 4px solid #000;padding-bottom: 3px;background: transparent;/*alt: .mod_navigation .level_1 a:hover*/}
#navi .level_1 a:link,#navi .level_1 a:visited{/*float: left;*/font-weight: normal;/*margin: 0 10px 4px 10px;*/text-decoration: none;color: #000;/*alt: .mod_navigation .level_1 a:link, .mod_navigation .level_1 a:visited*/}
h1.portfolio{width:263px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/portfolio.gif");text-indent: -999em;}
h1.kontakt{width:250px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/kontakt.gif");text-indent: -999em;}
h1.impressum{width:352px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/impressum.gif");text-indent: -999em;}
h1.fehler{width:142px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/fehler.gif");text-indent: -999em;}
h1.vernetzt{width:259px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/vernetzt.gif");text-indent: -999em;}
h1.webdesign{width:347px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/webdesign.gif");text-indent: -999em;}
h1.grafik{width:191px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/grafik.gif");text-indent: -999em;}
h1.kartographie{width:409px;height:78px;background-image:url("tl_files/hk/grafik/Ueberschriften/kartographie.gif");text-indent: -999em;}
.ce_form .formbody{margin-top:20px;margin-bottom:20px;font-size:0.8em;}
.ce_form input.text{width:200px;}
.ce_form input.captcha{width:25px;}
.ce_form input.text,.ce_form textarea,.ce_form input.captcha{padding-top:0;padding-right:0;padding-bottom:0;border: 0 none;margin: 5px 0;padding:7px 5px 5px;}
.ce_form input.captcha{border: 0 none;margin: 5px 0 5px 7px;padding:7px 5px 5px;}
.ce_form textarea{width:185px;height:83px;font-family:Arial, Helvetica, sans-serif;font-size:1em;}
.ce_form select{padding-top:0;padding-right:0;padding-bottom:0;margin: 5px 0;}
.ce_form fieldset{padding:15px;}
.ce_form fieldset.person{float:left;margin-right:15px;}
.ce_form fieldset.captcha{float:left;border: none;}
.ce_form .captcha_question{color:#BF0D22;}
.ce_form div.submit_container{float:left;margin-top:19px;margin-left:15px;}
.ce_form input.submit{width:107px;height:29px;margin:0px;padding:0px;border:0px;text-indent: -999em;background: transparent url(tl_files/hk/grafik/absende-button.gif) no-repeat center top;cursor: pointer; /* hand-shaped cursor *//*cursor: hand;*/ /* for IE 5.x */}
.ce_form fieldset.projekt{width:200px;}
.ce_form fieldset legend{margin-left:-8px;padding-right:8px;padding-left:8px;font-weight:bold;font-size:1.2em;}
.ce_form p.error{font-size: 1em !important;color: #BF0D22 !important;}
#portfolio a{text-decoration:none;color:#BF0D22;}
#portfolio a:hover{text-decoration:underline;}
#portfolio{margin-top:15px;}