* { padding: 0; margin: 0; }


body {
  background-color: #fff;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
}


#header-gray {
background-color: #f6f6f6;
}

#header-blue {
background-color: #285B94;
margin-top: 25%;
margin-bottom: 15%;
opacity: 0.8;
}

#header-blue2 {
background-color: #285B94;
}

#bg {
background-image: url(../img/container-mieten.jpg);
background-repeat:no-repeat;
width:100%;
height:auto;
}








/* IMAGES */

img { max-width: 100%; height: auto; }
img { width: auto; /* IE8 */}

 img.logo { 
padding: 5% 0% 5% 0%;
 }
 
 img.icons { 
padding-top: 10%;
padding-bottom: 3%;

 }
 
  img.thumbnail { 
margin: 3%;
float: left;
 }
 
 




 

/* H1 */


h1 {
  font-size: 185%;
  font-weight: 400;
  color:  #fff;
  line-height: 35px;
  text-transform: uppercase;
  text-align: left;
  padding: 4%; 
 }


h2 {
  font-size: 135%;
  font-weight: 400;
  color:  #fff;
  line-height: 35px;
  text-transform: none;
  text-align: center;
  padding: 4% 0% 3% 0%; 
 }
 
h3 {
  font-size: 125%;
  font-weight: 400;
  color:  #2A5B96;
  line-height: 35px;
  text-transform: none;
  text-align: center;
  padding: 4% 0% 3% 0%; 
 }


/* FONT */


.box-logo{
  font-size: 185%;
  font-weight: 300;
  color:  #285B94;
  line-height: 35px;
  text-decoration:none;
  text-align: left;
  padding: 4% 0% 0% 0%;
}

.box-index{
  font-size: 115%;
  font-weight: 300;
  color:  #222;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
  padding: 0% 0% 0% 0%;
}

.box-message {
  font-size: 125%;
  font-weight: 300;
  color:  #fff;
  line-height: 25px;
  text-decoration:none;
  text-align: left;
  padding: 4%;
}

.box-footer {
  text-align: center;
    font-size: 115%;
  font-weight: 300;
  color:  #222;
  line-height: 25px;
  text-decoration:none;
  padding: 0% 5% 0% 5%;
}

.box-footer2 {
  text-align: center;
    font-size: 95%;
  font-weight: 300;
  color:  #ccc;
  line-height: 25px;
  text-decoration:none;
  padding: 0% 5% 0% 5%;
}

/* LINKS */

a.readmore {
  font-size: 105%;
  font-weight: 400;
  color: #fff;
  background: #3AB101;
  line-height: 40px;
  text-decoration:none;
  text-transform: uppercase;
    text-align: center;
	padding: 12px;
}
 
a.readmore:hover {
  border: 1px solid #fff;
}


a.readmore2 {
  font-size: 95%;
  font-weight: 400;
  color: #fff;
  background: #3AB101;
  line-height: 30px;
  text-decoration:none;
  text-transform: uppercase;
    text-align: center;
	padding: 6px;
}
 
a.readmore2:hover {
  background: #2A5B96;
}


a.readmore3 {
  font-size: 95%;
  font-weight: 300;
  color: #222;
  line-height: 30px;
  text-decoration:none;
  text-transform: uppercase;
    text-align: center;
	padding: 6px;
}
 
a.readmore3:hover {
  text-decoration:underline;
}