/**/
@import "../css/reset.css";

html {width: 100%;}
body {color:#086ea1;min-width:900px;height: 100%;min-height: 100%;font-family: Arial, Helvetica, sans-serif;background-color: #fff;}
html, body {height:100%;}
/*main*/
.main {width: 900px;margin-right: auto;margin-left: auto;}
/*Content*/
.content {height: auto;width: 900px;position:relative;color: #086ea1;font-family: Arial, Helvetica, sans-serif;display: block;}
/*header*/
.header {height: 175px;width: 900px;background-image: url(../images/Logo.jpg);text-align:right;}
.footer {height: 30px;width: 900px;text-align:right;border-top-width: 2px;border-top-style: solid;border-top-color: #086ea1;}
.text-logo {padding-top: 60px;font-size: 32px;line-height: 55px;font-weight: bold;}
.text-logo1 {font-size: 29px;font-weight: bold;}
.blank-links {position:absolute;left: -400;}
/*navigation*/
.navigation {display: block;height: 30px;width: 900px;}
.menu_block {float: left;}word-spacing: 5px;
.menu_block nav {top:3px;left:0px;}
nav{ position:relative;padding: 0px 0 0 0;}
.sf-menu ul {position:absolute;top:-999px; display:none;}
.sf-menu li {float:left;position:relative}
.sf-menu>li {text-align: center;}
.sf-menu>li>ul>li {float: none;}
.sf-menu>li>a{position:relative;color: #086ea1;font-family: Arial, Helvetica, sans-serif;display: block;font-size: 20px;line-height: 25px;padding-right: 25px;}
.sf-menu>li>a:hover{color: #000;}
.current{color: #000;font-family: Arial, Helvetica, sans-serif;display: block;padding-right: 35px;font-size: 20px;line-height: 25px;padding-right: 30px;}
.menu_block-f {float: right;}
.menu_block-f nav {top:3px;left:0px;}
.sf-foot ul {position:absolute;top:-999px; display:none;}
.sf-foot li {float:left;position:relative}
.sf-foot>li {text-align: center;}
.sf-foot>li>ul>li {float: none;}
.sf-foot>li>a{position:relative;color: #086ea1;font-family: Arial, Helvetica, sans-serif;font-size: 11px;display: block;padding: 0px 6px 0px 5px;}
.sf-foot>li>a:hover{color: #000;}
/* allgemein */
.clear {float: none !important;clear: both;}
p {margin-top:5px;margin-bottom:15px;}
h1, h2, h3, h4, h5, h6 {font-family: Tahoma, Geneva, sans-serif;font-weight: normal;}
h1 {font-weight: bold;font-size: 17px;margin-bottom:20px;margin-top:20px;}
h2 {font-weight: bold;font-size: 15px;margin-bottom:15px;}
h3 {font-weight: bold;font-size: 13px;margin-bottom:15px;}
h4 {font-weight: normal;font-size: 13px;margin-bottom:15px;}
.txt-allg {margin-left: 0px;margin-top: 30px; z-index:100;font-size: 15px;line-height: 22px;word-spacing: 4px;}
.txt-allg1 {margin-left: 20px;margin-top: 30px; z-index:100;margin-bottom: 20px;line-height: 25px; z-index:100;}
.txt-haft {font-size: 13px;line-height: 20px;color: #086ea1; position:relative; z-index:100;}
/*links*/
a {text-decoration: none;color: #086ea1;outline: none;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
a:hover {color: #a4707e;}
a.link2 {color: #086ea1;font-weight: normal;}
a.link2:hover {color: #000;font-weight: normal;}
/* Kontaktformular */
.bg-grau {background:#fff;}
.txt-gr {font-family: Helvetica, sans-serif;font-size: 0.8em;color:#086ea1;margin-bottom:10px;}
.left3 {float:left;width: 160px;color:#086ea1;font-size: 0.8em;}
.right3 {float:right;width: 278px;text-align: right;margin-right: 20px;font-size: 0.9em;}
.input_booking {margin-bottom:5px;width:270px; height:18px; background:#efefef; border:1px solid #4d3038; padding:0px 1px;color:#086ea1;}
.input_booking4 {margin-bottom:5px;width:50px; height:18px; background:#efefef; border:1px solid #4d3038; padding:0px 1px;color:#086ea1;}
.send_booking {margin-right:100;  margin-left:100; margin-bottom:1px;width:100px; height:23px; background:#efefef; border:1px solid #4d3038; padding:0px 5px;color:#086ea1;}
.textarea_booking {overflow: auto; margin-bottom:10px; width:262px; height:66px; background:#efefef; border:1px solid #4d3038; padding:0px 5px;color:#086ea1;font-size: 0.8em; resize: none; }
.col7{ width:550px;float:left;}
.box{ overflow:hidden;}
/* Bildplatzierung */
.img-index {z-index:50; position:absolute; top:250px;left:620px;}
.img-kommunikation {z-index:50; position:absolute; top:185px;left:620px;}
.img-netzwerke {z-index:50; position:absolute; top:210px;left:620px;}
.img-service {z-index:50; position:absolute; top:130px;left:620px;}
.img-software {z-index:50; position:absolute; top:210px;left:620px;}
.img-beratung {z-index:50; position:absolute; top:300px;left:620px;}
.img-marketing {z-index:50; position:absolute; top:300px;left:620px;}
.img-wartung {z-index:50; position:absolute; top:125px;left:620px;}
.qr-code {z-index:50; position:absolute; top:40px;left:610px;}