*{

margin: 0;
padding:0;

}

html{

font-family: 'Roboto', sans-serif!important;
overflow-x: hidden;

}

body{

background: black;

}

#menu{

width:100%;
height:50px;
background: white;
font-size: 14px;
position: fixed;
margin-top:-50px;
z-index: 1030; 

}

#menu > ul {

width:1000px;
height: 50px;
margin: 0 auto;

}

#menu > ul > a {

width:100px;
height: 50px;

}

#menu > ul > a > li {

min-width:100px;
height: 47px;
line-height: 50px;
text-align: center;
list-style: none;
display: inline-block;
float: right;
text-decoration: none;
color: rgb(125, 125, 125);

}

#menu >ul > a:hover li{

color: black;
border-bottom: solid 3px rgb(247, 95, 9);
}

/*header*/

header{

  width: 100%; 
  height: 175px;
  background: url(../images/header.png)fixed no-repeat;
  margin-top: 50px!important;
   
}

#headerinfo{

  width: 100%; 
  height: 175px;
  background: url(../images/header.png)fixed no-repeat;
    margin-top: 0px!important;
    border-bottom: solid 3px rgb(247, 95, 9);
      background-size: inherit;


}
#autarkheaderinfo{

  width: 100%; 
  height: 175px;
  background: url(http://www.autark-holding.de/uploads/media/slice_paar_01.jpg) no-repeat;
    margin-top: 0px!important;
    border-bottom: solid 3px rgb(39, 125, 174);
    background-size: cover;



}


#menu2{

width:100%;
height:50px;
background: white;
font-size: 14px;
z-index: 1030; 

}

#menu2 > ul {

width:1000px;
height: 50px;
margin: 0 auto;

}

#menu2 > ul > a {

width:100px;
height: 50px;

}

#menu2 > ul > a > li {

width:100px;
height: 47px;
line-height: 50px;
text-align: center;
list-style: none;
display: inline-block;
float: right;
text-decoration: none;
color: rgb(125, 125, 125);

}

#menu2 >ul > a:hover li{

color: black;
border-bottom: solid 3px rgb(247, 95, 9);
}

/*hometext*/

#wrapper
{
  width: 100%;
  background: rgb(255, 255, 255);
  margin: 0 auto;
    min-height: 300px;
}

#sidemap{

height: 50px;
width: 100%;
margin: 0 auto;
background: white;
}


#hometext
{


  width: 1020px;
  height: 83px;
  margin: 0 auto;
  padding-top: 33px;


}

.fadey{

display: none;
font-weight: bold!important;
font-size:0.96em!important;

}

#hometext > article > p{

color: black!important;

}

#hometext > article > h2{

color: black!important;

}

/* Nur Firefox */
@-moz-document url-prefix() {
    h2{

    
margin-bottom: 15px;
background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.79);
width: 298px!important;
border-radius: 5px;
padding: 5px;
font-size: 1.3em !important;
text-align: left;

}
}

@-moz-document url-prefix() {
    .serv{

      list-style: none!important;

}
}
@-moz-document url-prefix() {
    a{

     text-decoration: none!important;

}
}

@-moz-document url-prefix() {
    .fadey{

     font-size:14px!important;

}
}




#filter{

height: 95px;
width: 100%;
margin: 0 auto;
border-top: solid 3px rgb(247, 95, 9);
background: rgb(234, 234, 234);
}


/*box*/

.box{

width: 1000px;
height: 150px;
margin: 0 auto;
margin-top: 50px;
border-bottom: solid 1px lightgray;
border-radius: 5px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;


}

.boxbild{

width: 450px;
height: 100%;
float: left;
background:dimgrey;
background-position: center;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;

}

.boxpreis{

width:200px;
height: 150px;
float: left;
  background: rgb(71, 71, 71);
font-size: 35px;
  color: rgb(249, 123, 52);
  line-height: 110px;
  text-align: center;

}

.zsatz{

position: absolute;
  margin-top: 50px;
  font-size: 29px;
  margin-left: -100px;


}

.title{

min-width: 300px;
height: 55px;
margin: -15px;
background: rgb(249, 123, 52);
text-align: center;
line-height: 55px;
border-radius: 5px;
position: absolute;
margin-top: -30px;


}

.boxtext{

width: 350px;
height: 100%;
float: right;
background: rgb(71, 71, 71);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.innertext{

width: 335px;
height: 71px;
margin: 7.5px;

}

.infos{

color: white;
  padding-bottom: 5px;

}

.info{

color: white;
  padding-bottom: 5px;

}

.infowrapper{

  margin-top: 33px;
  font-size: 15px;
  margin-left: 40px;

}

.linkbar{
	
width: 100%;
height: 65px;

}

.btncont{

width: 160px;
  height: 50px;
  margin: 7.5px;
  background: rgb(158, 154, 154);
  text-align: center;
  line-height: 50px;
  float: left;
  color: white;
  font-size: 20px;
  font-family: tahoma;
  border-radius: 5px;
}

.btncont:hover{

background: rgb(32, 32, 32); 

}

.btnver{

  width: 160px;
  height: 50px;
  margin: 7.5px;
  background: rgb(249, 123, 52);
  text-align: center;
  line-height: 50px;
  float: right;
  font-family: tahoma;
  font-size: 20px;
  color: white;
  border-radius: 5px;
}

.btnver:hover{

background: rgb(172, 81, 30);

}

/*footer*/

footer{

border-top: 3px solid lightgray;
background: rgba(62, 62, 62, 1);
width:100%;
}

/*setting*/

.p{

line-height: 2em;

  width: 560px;
background: rgba(255, 255, 255, 0.79);
  /* width: 290px; */
  padding-left: 10px;
  border-radius: 5px;

}

input{

border-radius: 5px;
border: solid 2px rgb(38, 38, 38);
margin-top: 10px!important;
}

textarea{

border-radius: 5px;
border: solid 2px rgb(38, 38, 38);
 margin-top: 10px!important; 
 margin-bottom: 10px!important;
}



h2{

	margin-bottom: 15px;
  background: rgba(255, 255, 255, 0.79);
  width: 268px;
  border-radius: 5px;
  padding: 5px;
  font-size: 1.2em;
  text-align: left;
}

h1{

  font-size: 27px;
    padding-left: 10px;
      padding-right: 10px;


}

#cont{

width: 1050px;
margin: 0 auto;
height: auto;

}

#cont > h1{

padding: 5px;
padding-top: 25px;
padding-bottom: 25px;

}

#cont > p{

padding: 5px;

}


.filtbtn{

min-width: 85px;
  padding-left: 5px;
  margin: 2px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  padding-right: 5px;
  background: white;
  border-radius: 5px;
  cursor: pointer;

}

.filtbtn:hover{

  background:rgb(247, 95, 9);


}

#filter > ul{

  width:1000px;
  margin:0 auto;
  margin-top: 4px!important;
  }

  #schadens{

  height: 40px;
  width: 40px;

  }

  .serv{

  height: 40px;
  width: 40px;
  background: url(../images/serv.png)no-repeat;
  background-size: 36px;
  margin-top: 7px;
  float: left;
  list-style: none!important;



  }

  .serv > div{

  width: 550px!important;

  }

  .serv > div:after{



  content: "Schadenhotline: +49 (0)4321/48 909-0 „Schleswiger Vers. Service AG“"; 
  margin-left:50px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;

  }


#changebox{

width:100px;
height: 100px;
float: right;
position: fixed;
line-height: 25px;
text-align: center;
  background: rgb(71, 71, 71);
  color: rgb(249, 123, 52);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
margin-top: 300px;
  }

  #changebox > p{

  margin-top: 25px;
  margin-top: 12px;
  font-size: 13px;

  }


h3{


margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
  
}

h4{

    width: 445px;
    margin: auto;
    text-align: left;
    margin-top: 30px;
    padding-bottom: 15px;
    font-size: 20px;


}

h5{

font-size: 20px;
    color: #F97B34;
    background-color: white;
    padding: 5px;
    border-radius: 4px;
    text-align: center;

}

#linkbox{

  width: 1020px;
  margin:0 auto;
}

#linkbox > p{

margin-bottom: 5px;
color: gray;

}

#linkbox > p > a{

text-decoration: none!important;
color: gray;
font-size: 11px;

}

#linkbox > p > a:hover{

text-decoration: none!important;
color: lightgray;

}

#copy{

width: 500px;
text-align: center;
line-height: 25px;
height: 25px;
margin: 0 auto;
color: rgb(158, 154, 154);
}



/*Rechner*/


#cont > iframe{

  width: 1020px!important;
  margin: 0 auto;
  margin-top: 50px!important;
  height: 1200px!important;
  overflow: hidden!important;
  border: none;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;


}

#filterbtn{

display: none;

}

#changebox2{

display: none;

}


.namecheck{


width: 450px!important;


}

.packetform1{
    width: 430px;
    padding: 10px;
    margin: auto;
    background:url(../images/http1.png)#474747 no-repeat;
    border-radius: 5px;
    margin-top: 15px;
    background-position: 30px 44px;
  }

  .packetform2{
    width: 430px;
    padding: 10px;
    margin: auto;
    background:url(../images/http2.png)#474747 no-repeat;
    border-radius: 5px;
    margin-top: 15px;
    background-position: 30px 56px;
  }

  .packetform3{
    width: 430px;
    padding: 10px;
    margin: auto;
    background:url(../images/http3.png)#474747 no-repeat;
    border-radius: 5px;
    margin-top: 15px;
        background-size: 455px;
    background-position: 15px 65px;
  }


  .packetform > input{


    width: 190px;
    border: none!important;
    background-color: rgb(247, 95, 9);
    font-size: 18px!important;

  }

 .packetform > select{

    width: 190px;
    border: none!important;
  }


  .autarklogo{

width: 150px;
height: 50px;
background: url(../images/autark.png)no-repeat;
background-position: 7px 11px;
background-size: 317px;
display: none!important;


  }


  #cont > #autarkright > #autarkiframe{

  width:530px!important;
  height:283px!important;
  float: right;
  margin-top: 53px;

  }

  #autarkleft{

 float: left;
 margin-top: 50px;

  }

  #autarkright{

    float: right;
    margin-top: 100px;
    width: 565px;

  }

  .autarkp{

  font-weight: 600;


  }