html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body{
margin:0;
padding:0;
border:0;
width:100%;
background:#CFD8DC;
font-family:Arial, Helvetica, sans-serif;
font-size:99%;
color:#3B5C72;
}
h1 {
font-size:1.875em;
line-height:2em;
font-weight:500;
margin:.4em 0 .3em 0;
padding:0 0 0 1.25em;
}
h2 {
font-size:1.125em;
line-height: 1.4em;
font-weight:500;
margin:.4em 0 .3em 0;
}
h3 {
font-size:0.814em;
line-height:1.4em;
font-weight:700;
margin:.4em 0 .8em 0;
}
h4 {
font-size:0.814em;
line-height:1.4em;
font-weight:700;
margin:.4em 0 .8em 0;
color:#FFFFFF;
}
.orangeheader h2 {
font-weight:500;
color:#FF7F00;
}
p, ul, ol, table {
font-size:.814em;
line-height:1.4em;
margin:.4em 0 .8em 0;
padding:0;
}
.smalltext {
font-size: 0.75em;
line-height: 1.3em;
}
.orange {
color:#FF7F00;
}
a {
background: transparent;
}
a:link {
  color:#3366ff;
}
a:visited {
  color:#6633cc;
}
a:hover {
  color:#3366ff;
  outline:0;
}
a:active {
  color:#3366ff;
  outline:0;
}
a img {
border:0px;
}
h2 a:link {
  color:#3B5C72;
  text-decoration:none;
}
h2 a:visited  {
color:#3B5C72;
text-decoration:none;
}
h2 a:hover {
color:#3366ff;
text-decoration:underline;
}
ul {
list-style-type:disc;
}
li {
margin:.4em 0 .8em 1.25em;
}
hr {
border:1px solid #3B5C72;
}
b,
strong {
font-weight:bold;
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup {
top:-0.5em;
}
sub {
bottom:-0.25em;
}
table {
border-collapse:collapse;
border-spacing:0;
}
td,
th {
padding:0;
}
svg:not(:root) {
overflow:hidden;
}
.nowrap {
white-space:nowrap;
}
.clear {
clear:both;
}
/*layout Startseite*/
@media only screen and (min-width: 630px) {
  .mask{
  clear:both;
  width:96%;
  margin: 0 0 0 24px; /*px-Wert entspricht der Logo-Groesse - Rahmen + Padding*/
  padding:0;
  overflow:hidden;
  }
  #links {
  float:left;
  width:50%;
  /*height:50em;*/
  background:#CFD8DC;
  }
  #rechts {
  float:right;
  width:50%;
  background:#3B5C72;
  }  
  #menuservice {
  margin-top:7em;
  } 
  #teaser {  
  position:absolute;
  right:3.75em;
  top:23em;
  padding:.5em .75em 0 .75em;
  color:#ffffff;
  border:1px dotted #BDCDD4;
  background:#3B5C72;
  overflow:hidden;
  }
  .company a {
  float:left;
  width:18em;
  color:#3B5C72;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.375em;
  font-weight:500;
  line-height:1.5em;
  text-decoration:none;
  }
  #sloganwrap {
  float:left;
  margin:.2em 0 .4em 28px; /*px-Wert entspricht der Logo-Groesse*/
  padding-left:1.5em;
  width:80%;
  min-width:12em;
  color:#FFFFFF;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.375em;
  font-weight:500;
  text-align:left;
  vertical-align:bottom;
  overflow:hidden;
  }
  .teasercontent {
  height:18.5em;
  text-align:left;
  }
  .teasercontent_reduced {
  height:18.5em;
  text-align:left;
  }
  #pfeil_li{
  float:left;
  position:relative;
  top:22px;
  margin:0 0 0 39px;
  }
  #pfeil_li_or{
  float:left;
  position:relative;
  top:21px;
  margin:0 0 0 -29px;
  visibility:hidden;
  }
  #pfeil_re{
  float:right;
  position:relative;
  top:22px;
  margin:0 39px 0 0;
  }
  #pfeil_re_or{
  float:right;
  position:relative;
  top:21px;
  margin:0 -29px 0 0;
  visibility:hidden;
  }
}
@media only screen and (max-width: 629px) {
  body{
  font-size:86%;
  }
  .mask{
  clear:both;
  width:92%;
  margin:auto;
  padding:0;
  overflow:hidden;
  }
  #links {
  float:left;
  width:100%;
  background:#CFD8DC;
  }
  #rechts {
  float:left;
  width:100%;
  background:#3B5C72;
  }
  #menuservice {
  margin-top:9.5em;
  }
  #teaser {
  position:absolute;
  left:3.5em;
  top:25em;
  padding:.5em .75em 0 .75em;
  color:#3B5C72;
  border:1px dotted #ffffff;
  background:#CFD8DC;
  overflow:hidden;
  }
  .company a {
  float:left;
  width:18em;
  color:#3B5C72;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.25em;
  font-weight:500;
  line-height:1.5em;
  text-decoration:none;
  overflow:hidden;
  }
  #sloganwrap {
  float:left;
  margin:.2em 0 .4em 28px; /*px-Wert entspricht der Logo-Groesse*/
  padding-left:1.5em;
  width:80%;
  min-width:12em;
  color:#FFFFFF;
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.25em;
  font-weight:500;
  text-align:left;
  vertical-align:bottom;
  overflow:hidden;
  }
  .teasercontent {
  height:17.7em;
  text-align:left;
  }
  #pfeil_li{
  float:left;
  position:relative;
  top:18px;
  margin:0 0 0 35px;
  }
  #pfeil_li_or{
  float:left;
  position:relative;
  top:17px;
  margin:0 0 0 -29px;
  visibility:hidden;
  }
  #pfeil_re{
  float:right;
  position:relative;
  top:18px;
  margin:0 34px 0 0;
  }
  #pfeil_re_or{
  float:right;
  position:relative;
  top:17px;
  margin:0 -29px 0 0;
  visibility:hidden;
  }
}
#wrapper{
clear:both;
float:left;
width:100%;
height:100%;
padding:0;
margin:0 auto;
overflow:hidden;
}
#startphonenumber {
position:absolute;
top:.5em;
right:0px;
width:18em;
height:1.3em;
margin:0;
padding-left:2em;
color:#ffffff;
font-size:.813em;
font-weight:700;
line-height:1.25em;
letter-spacing:0.1em;
}
#menuservice {
float:right;
width:100%;
min-width:15em;
text-align:right;
margin-right:2em;
padding:0 .5em .2em 0;
color:#3B5C72;
/*background:#3B5C72;*/
border-bottom:1px solid #3B5C72;
}
#menuservice:hover {
color:#FF7F00;
text-decoration:none;
border-bottom:1px solid #FF7F00;
}
#menuservice:active {
color:#FF7F00;
text-decoration:none;
border-bottom:1px solid #FF7F00;
}
#menuservice a:hover {
color:#FF7F00;
}
#menuservice a:active {
color:#FF7F00;
}
#menusales {
float:left;
width:100%;
min-width:15em;
margin: 7em 0 0 2em;
padding:0 0 .2em .5em;
color:#ffffff;
text-align:left;
background:#3B5C72;
border-bottom:1px solid #BDCDD4;
}
#menusales:hover {
color:#FF7F00;
text-decoration:none;
border-bottom:1px solid #FF7F00;
}
#menusales:active  {
color:#FF7F00;
text-decoration:none;
border-bottom:1px solid #FF7F00;
}
#menusales a:hover {
color:#FF7F00;
}
#menusales a:active {
color:#FF7F00;
}
#serviceslogan {
float:left;
text-align:left;
margin:.3em 2.1em 1em 4em;
font-size:1.125em;
font-weight:700;
color:#ffffff;
}
#saleslogan {
float:right;
text-align:right;
margin:.3em 4.6em 1em 0;
font-size:1.125em;
font-weight:700;
color:#FF7F00;
}
.startmenu {
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
vertical-align:bottom;
}
.startmenu_serv {
color:#3B5C72;
font-family:Helvetica, Arial, sans-serif;
vertical-align:bottom;
}
.firstline{
font-size:.75em;
font-weight:500;
line-height:1em;
}
.startmenu a {
display:block;
font-size:1.25em;
font-weight:600;
color:#fff;
text-decoration:none;
line-height:1.25em;
white-space:nowrap;
}
.startmenu_serv a {
display:block;
font-size:1.25em;
font-weight:600;
color:#3B5C72;
text-decoration:none;
line-height:1.25em;
white-space:nowrap;
}
#service {
clear:both;
float:right;
width:100%;
margin:0 0 1em 0;
padding:0 1.6875em 3em 0;
}
#sales {
clear:both;
float:left;
width:100%;
margin:0 0 1em 0;
padding:0 0 3em 2em;
background:#3B5C72;
}
#homeheader {
position:absolute;
top:0;
width:100%;
overflow:visible;
}
#teaser img {  
float:left;
margin:0 .7em .5em 0;
}
.startbox {
float:left;
width:282px;
height:282px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
}
.startbox.half {
float:left;
width:282px;
height:139px;
}
.halfframe {
width:261px;
height:123px;
border:4px solid #BDCDD4;
}
.startbox h2{
margin-top:0.5em;
margin-left:1em;
font-size:1em;
line-height:1.5em;
font-weight:700;
color:#FF7F00;
text-decoration:none;
}
.startbox img{
display:block;
float:left;
margin:0 5px 5px 0;
padding:0;
border:8px solid #BDCDD4;
vertical-align:top;
background:#3B5C72;
}
.startbox ul{
list-style-type: none;
list-style-image: none;
margin:.5em 1.2em 1em 1.2em;
}
.startbox li{
display:block;
margin:0;
padding:0.2em 0 0 1.25em;
color:#D5E0E8;
background:transparent url(../../bilder/orange_quad_7.png) no-repeat 0 0.7em;
}
.startbox  p {
color:#CFD8DC;
}
.startbox.serv {
float:right;
width:282px;
height:282px;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
}
.startbox.serv h2{
margin-top:0.5em;
margin-left:1em;
font-size:1em;
font-weight:700;
line-height:1.5em;
color:#FFFFFF;
text-decoration:none;
}
.startbox.serv li{
display:block;
margin:0;
padding:0.2em 0 0 1.25em;
color:#3B5C72;
background:transparent url(../../bilder/orange_quad_7.png) no-repeat 0 0.7em;
}


/*layout alles*/
#header{
clear:both;
float:left;
width:100%;
margin:0;
text-align:left;
vertical-align:bottom;
overflow:hidden;
}
#phonenumber {
float:right;
width:18em;
height:1.3em;
margin:.5em 0 0 0;
padding-left:2em;
color:#3B5C72;
font-size:.813em;
font-weight:700;
line-height:1.25em;
letter-spacing:0.1em;
}
#phonenumber a{
color:#3B5C72;
font-weight:500;
text-decoration:none;
letter-spacing:0;
}
#phonenumber a:hover {
color:#3366ff;
text-decoration:underline;
}
.flag {
border:1px solid #3B5C72;
margin:0 .2em 0 0;
}
.logo{
border:0;
margin:.75em .75em 0 .75em;
}
.slogan {
float:left;
text-align:left;
vertical-align:bottom;
line-height:2em;
}
.bigorange {
color:#FF7F00;
font-size:1.313em;
font-weight:500;
line-height:1em;
}
/*menues*/
#mainmenu {
clear:both;
float:left;
width:100%;
background:#3B5C72;
border-top:17px solid #BDCDD4;
border-bottom:17px solid #BDCDD4;
vertical-align:bottom;
}
#mainmenu ul {
float:left;
list-style:none;
min-width:18em;
margin:0 0 0 2.1em;
padding-left:28px; /*px-Wert entspricht der Logo-Groesse*/
font-size:1em;
vertical-align:bottom;
}
#mainmenu ul li {
display:block;
float:left;
width:13em;
list-style:none;
margin:0;
padding:0;
vertical-align:bottom;
overflow:hidden;
}
#mainmenu ul li a {
display:block;
float:left;
margin:0;
padding:2px 0 5px 0;
font-size:1.125em;
font-weight:bold;
color:#CFD8DC;
text-decoration:none;
line-height:1.2em;
text-align:left;
vertical-align:bottom;
white-space:nowrap;
}
#mainmenu a:first-line{
font-size:.75em;
font-weight:500;
line-height:1.5em;
}
#mainmenu ul li a:hover {
padding-bottom:0px;
color:#ffffff;
border-bottom:5px solid #3366ff;
}
#mainmenu ul li.active a,
#mainmenu ul li .active:hover a{
padding-bottom:0;
color:#ffffff;
border-bottom:5px solid #FF7F00;
}
.iconmenu {
display:block;
float:left;
width:13em;
}
#mainmenu ul li.menuicon{
display:block;
width:3em;
margin:0;
overflow:visible;
}
#mainmenu .menuicon a {
display:block;
text-align:center;
color:#CFD8DC;
padding-bottom:5px;
}
.breadcrumb {
margin:.8em 0 0 3.4em;
color:#ffffff;
font-size:0.689em;
line-height:1em;
}
.breadcrumb a:link{
color:#ffffff;
text-decoration:none;
} 
.breadcrumb a:visited{
color:#ffffff;
text-decoration:none;
}
.breadcrumb a:hover{
color:#3366ff;
text-decoration:underline;
}
.breadcrumb a:active{
color:#3366ff;
text-decoration:underline;
}
.menu {
float:left;
width:16em;
min-height:11em;
margin:0 1em 1em 0;
padding:0 2.4em 0 2.4em;
text-align:left;
overflow:hidden;
}
.menu h2{
margin-top:0.5em;
font-size:1em;
line-height:1.5em;
color:#D5E0E8;
text-decoration:none;
}
.menu ul{
list-style-type: none;
list-style-image: none;
}
.menu li{
margin:0;
padding:0;
}
.menu a{
display:block;
padding:0.2em 0 0 1.25em;
font-size:1em;
line-height:1.5em;
color:#D5E0E8;
text-decoration:none;
background:transparent url(../../bilder/orange_quad_7.png) no-repeat 0 0.7em;
border-bottom:1px solid #BDCDD4;
}
.menu a:hover{
color:#3B5C72;
text-decoration:underline;
background:#BDCDD4 url(../../bilder/orange_quad_7.png) no-repeat 0 0.7em;
}
.menu .submenu a{
padding:0.2em 0 0 2.5em;
border-bottom:0;
background:transparent url(../../bilder/menu-collapsed.png) no-repeat 1.25em 0.6em;
}
.menu .submenu a:hover{
color:#3B5C72;
text-decoration:underline;
background:#BDCDD4;
}
.menu  p {
color:#CFD8DC;
}
/*layout Inhalt*/
.textbox {
float:left;
width:16em;
margin:0 .8em 1em 0;
padding:0 2.4em 0 2.4em;
text-align:left;
line-height:1.5em;
overflow:hidden;
}
.textbox img{
float:left;
margin:0 0 1em 0;
padding:0;
border-top:12px solid #BDCDD4;
border-bottom:12px solid #BDCDD4;
background:#3B5C72;
overflow:hidden;
}
.teaserbox {
float:left;
width:16em;
height:32em;
margin:0 1em 1em 0;
padding:0 1em 0 1em;
border:20px solid #BDCDD4;
list-style:none;
text-align:left;
overflow:hidden;
}
.reduced {
height:25em;
}
.teaserimg{
height:80px;
margin:1em 0 0 0;
padding:0;
border-top:12px solid #BDCDD4;
border-bottom:12px solid #BDCDD4;
background:#3B5C72;
overflow:hidden;
}
.teaserimg img{
float:left;
margin:0;
border:0;
}
.teasercontent img{
margin:0 0 .3em 0;
padding:0;
border-top:12px solid #BDCDD4;
border-bottom:12px solid #BDCDD4;
background:#3B5C72;
overflow:hidden;
}
.bildunterschrift {
font-size:.875em;
line-height:.875em;
font-weight:500;
font-style:italic;
text-decoration:none;
}
.teaserbuttons {
height:3em;
padding-top:.8em;
text-align:center;
}
.readmore {
padding:.2em 1em .2em 1em;
background:#3B5C72;
border:8px solid #BDCDD4;
font-size:.875em;
line-height: 1.5em;
font-weight:700;
text-decoration:none;
}
.readmore:link  {
color:#FFFFFF;
text-decoration:none;
}
.readmore:visited  {
color:#FFFFFF;
text-decoration:none;
}
.readmore:hover {
color:#FFFFFF;
text-decoration:none;
border:6px solid #FFFFFF;
background:#FF7F00;
}
#footer{
clear:both;
float:left;
width:100%;
position:relative;
bottom:0;
background:#3B5C72;
border-top:23px solid #BDCDD4;
overflow:hidden;
}
.adressfuss {
clear:both;
width:90%;
margin:1em 2em 1em 2em;
padding:1em 0 0 0;
font-size: 1em;
font-weight:500;
line-height: 1.4em;
text-align:center;
color:#D5E0E8;
background:#3B5C72;
}
/*forms*/
button,
input,
optgroup,
select,
textarea {
color:inherit;
font:inherit;
margin:0;
}
button {
  overflow:visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor:default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0;
}
input {
line-height:normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing:border-box; /* 1 */
padding:0;
}
textarea {
overflow:auto;
}
#menusearch div {
display:none;
}
#menusearch:hover div{
display:block;
margin:0;
padding:0;
width:14em;
height:3em;
position:relative;
top:0;
left:0;
line-height:1.25em;
background:#3B5C72;
}
#menusearch:focus div{
display:block;
margin:0;
padding:0;
width:14em;
height:3em;
position:relative;
top:0;
left:0;
line-height:1.25em;
background:#3B5C72;
}
#meusearch#searchbox {
margin:0 0 0 0;
padding:0;
width:14em;
line-height:1.25em;
background:#3B5C72;
}
#searchsubmit {
border:0;
width:24px;
height:24px;
margin:.5em 0 0 .6em;
background:url(../../bilder/lupe_24.png) no-repeat;
text-indent: -9999px;
}
.sisea-search-form fieldset {
float:left;
border:0;
margin:0;
padding:0;
vertical-align:bottom;
font-size:0.875em;
font-weight:500;
color:#3B5C72;
position:absolute;
bottom:7px;
}
.sisea-search-form label {
display:none;
}
.sisea-search-form input {
float:left;
width:11em;
height:1.5em;
border:6px solid #BDCDD4;
margin:0.25em 0 0 0;
padding:0;
color:#3B5C72;
vertical-align:bottom;
}
.sisea-highlight {
font-weight:700;
}
.sisea-paging {
font-size:1em;
line-height: 1.5em;
font-weight:500;
}
.sisea-result-pages {
margin-right: 0.3em;  
}
.sisea-result{
border-top:.7em solid #BDCDD4;
}
.gdvform {
text-align:left;
}
.gdvform fieldset {
border:0;
margin:0;
padding:0;
}
.gdvform label{
display:block;
margin:.3em 0 .1em .1em;
padding:0;
font-size:0.813em;
line-height:1.3em;
font-weight:700;
text-align:left;
}
.gdvform .option{
font-size:0.813em;
font-weight:500;
}
.gdvform a{
color:#3B5C72;
}
.gdvform input {
border:4px solid #BDCDD4;
width:15.1em;
color:#3B5C72;
}
.gdvform textarea {
border:4px solid #BDCDD4;
width:15em;
height:4.5em;
color:#3B5C72;
}
.checkboxes input{
float:left;
margin:.47em -.5em 0 0;
border:0;
width:2em;
}
.checkboxes label{
display:block;
margin-left:2.5em;
padding-top:.2em;
}
#submitall {
width:15.7em;
margin-top:.95em;
border:4px solid #ffffff;
background-color:#FF7F00;
font-weight:700;
color:#ffffff;
cursor:pointer;
} 
.error {
display:block;
width:18.9em;
margin:.2em 0 .2em 0;
padding:0 0 0 .2em;
font-weight:500;
color:#ff0000;
background-color:#FFCCCC;
}
.errorbox {
display:block;
width:18.9em;
margin:0;
padding:.2em;
font-size:0.813em;
line-height:1.3em;
font-weight:500;
color:#ff0000;
background-color:#FFCCCC;
border:1px solid #FF0000;
}
.gdvformsmall {
float:left;
width:16em;
height:31.8em;
margin:0 1em 1em 0;
padding:.2em 1em 0 1em;
border:20px solid #BDCDD4;
list-style:none;
text-align:left;
overflow:auto;
}