html,body {width:100%; padding:0; margin:0;}
body {font-family:verdana; overflow-x:hidden}

.fix {position: fixed; width: 100%; z-index: 1000;}
.rahmen1 {width:100%; text-align:center; background:#fff}
.top {width:100%; max-width:1003px; line-height:0; font-size:0; height:162px; margin: 0px auto;}
.logo      {width:50%; max-width:501px; display:inline-block; position:relative; height:100%; float:left;}
.logo img {width:69.3%; position:absolute; bottom:27%; left:2%}
.nebenlogo {width:50%; max-width:502px; display:inline-block; position:relative; height:100%; float:left; text-align: right; font-size:11px; line-height:20px; text-transform:uppercase}
.nebenlogo span {position:absolute; bottom:48%; right:2%; white-space:nowrap}
.nebenlogo a {text-decoration:none; color:#000}

.rahmen2 {width:100%; text-align:center; background:#ECEDEE; height:58px}
.menu {width: 100%; max-width: 1303px; height:58px; margin: 0px auto; line-height: 0; font-size: 0px; background:#ECEDEE; overflow:hidden}
.menu div {display:inline-block; position:relative; height:100%; float:left; line-height:58px}
.menu div a {text-decoration:none; color:#000; font-size: 19px; text-transform: uppercase; padding: 0 14px 0 14px; display: block;}
.slider {position:absolute; left:0; top:0; background:#8B2D2D; width:100px; height:4px; opacity:1}


.rahmen3 {width:100%; text-align:center; background:#A7A7A7; line-height:0;}
.bild {width:100%; max-width:1300px; margin: 0px auto;}
.bild img {width:95%; height:auto}


.rahmen {position: relative; top: 220px;}
.rahmen center {line-height:0;}
.rahmen4 {width:100%; background:#A7A7A7; padding-bottom: 150px;}
.boxen {width:100%; max-width:1003px; position:relative; top:-54px; margin: 0 auto; font-size:0; line-height:0; text-align:center}
.box1 {width:334px; max-width:100%; height:301px; max-height:301px; overflow:hidden; display: inline-block; position: relative; text-align:left;}
.box2 {width:334px; max-width:100%; height:301px; max-height:301px; overflow:hidden; display: inline-block; position: relative; text-align:left;}
.box3 {width:334px; max-width:100%; height:301px; max-height:301px; overflow:hidden; display: inline-block; position: relative; text-align:left}
.box1 img, .box2 img, .box3 img {width:329px; display:none; box-shadow: 0 0 4px #000; }
.snw {width:96%; max-width:981px; margin:0 auto; padding:0; color:#fff; text-align:center}
.snw h1 {text-transform:uppercase; padding:0; margin:0 0 40px 0; text-align:center; font-weight:normal; color:#8B2D2D}
.pfeil {margin:0 auto;}

.rahmen5 {width:100%; background:#fff; padding-bottom: 100px; margin-top: -31px;}
.portale {width:96%; max-width:981px; margin:0 auto; padding:0; color:#000; text-align:left}
.portale h1 {text-transform:uppercase; margin:0; padding:60px 0 40px 0; text-align:left; font-weight:normal; color:#8B2D2D; font-size: 30px;}
.portale a {text-decoration:none; color:#000}

.rahmen6 {width:100%; background:#E7E7E7; padding-bottom: 100px; margin-top: -31px;}
.software {width:96%; max-width:981px; margin:0 auto; padding:0; color:#000; text-align:left}
.software h1 {text-transform:uppercase; margin:0; padding:60px 0 40px 0; text-align:left; font-weight:normal; color:#8B2D2D}
.software a {text-decoration:none; color:#000}

.rahmen7 {width:100%; background:#fff; padding-bottom: 100px; margin-top: -31px;}
.jobs {width:96%; max-width:981px; margin:0 auto; padding:0; color:#000; text-align:left}
.jobs h1 {text-transform:uppercase; margin:0; padding:60px 0 40px 0; text-align:left; font-weight:normal; color:#8B2D2D}
.jobs a {text-decoration:none; color:#000}

.rahmen8 {width:100%; background:#E7E7E7; padding-bottom: 100px; margin-top: -31px;}
.kontakt {width:96%; max-width:981px; margin:0 auto; padding:0; color:#000; text-align:left}
.kontakt h1 {text-transform:uppercase; margin:0; padding:60px 0 40px 0; text-align:left; font-weight:normal; color:#8B2D2D}
.kontakt a {text-decoration:none; color:#000}

.rahmen9 {width:100%; background:#a7a7a7; padding-bottom: 100px; margin-top: -33px;}
.impressum {width:96%; max-width:981px; margin:0 auto; padding:0; color:#fff; text-align:left}
.impressum h1 {text-transform:uppercase; margin:0; padding:60px 0 40px 0; text-align:left; font-weight:normal; color:#8B2D2D}
.impressum a {text-decoration:none; color:#fff}

.rahmen10 {width:100%; background:#fff; padding: 100px 0;}
.footer {width:96%; max-width:981px; margin:0 auto; padding:0 ; color:#fff; text-align:left}
.footer div {display: inline-block; position: relative; text-align:left; margin: 10px}
.footer h1 {text-transform:uppercase; margin:0; padding:25px 0 25px 0; text-align:left; font-weight:normal; color:#fff}
.footer a {text-decoration:none; color:#000}

.over1 {position:fixed; top:0; left:0; width:100%; height:100%; display:none; background:#fff; opacity:0.7;  z-index:1050}
.over2 {background:#fff; position:fixed; top:0; left:0; max-width:300px; width:90%; z-index:1100; display:none; box-shadow:0 0 8px #888}