/*** STANDARDS **************************************************************/

body {
font-family: 'Open Sans Condensed', sans-serif;
color: #222;

margin: 0 auto 0 auto;
padding: 0;
text-align: center;
  
background: url(img/bg_grad_top.png) top repeat-x fixed, url(img/bg_grad_bottom.png) bottom repeat-x fixed, url(img/header_bg.jpg) repeat;
}

h1 {
margin: 10px auto 10px auto;
border-bottom: 3px solid #222;
font-family: 'Fjalla One', sans-serif;
color: #f19100;
font-size: 40px;
text-shadow: 0 2px 1px #000;
}

h2 {
margin: 10px auto 10px auto;
color: #f19100;
font-family: 'Fjalla One', sans-serif;
font-size: 34px;
margin: 0;
}

h3 {
font-family: 'Fjalla One', sans-serif;
font-size: 20px;
color: #006633;
text-decoration: underline;
}

p {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
color: #888;
}

a {
  font-family: 'Fjalla One', sans-serif;
  color: #006633;
  text-decoration: none;
}

a:hover {
  font-family: 'Fjalla One', sans-serif;
  font-size: 22px;
  color: #f19100;
  
  text-decoration: none;
  text-transform: uppercase;
  transition: 300ms;
}

table {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #222;
}

table td {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #222;
 }

table img {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

input {
font-family: 'Fjalla One', sans-serif;
font-size: 18px;

padding: 5px;
margin-bottom: 3px;
margin-top: 3px;

border: 1px solid #f19100;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}

textarea {
font-family: 'Fjalla One', sans-serif;
font-size: 18px;

padding: 5px;
margin-bottom: 3px;
margin-top: 3px;

border: 1px solid #f19100;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}

/*** KLASSEN **************************************************************/

.highlight_gruen {
color: #006633;
font-weight: bold;
}

.highlight_orange {
color: #f19100;
font-weight: bold;
}


/*** ID's **************************************************************/

#header {
background: url(img/img_1946.jpg) center center no-repeat;
background-size: 100%;
box-shadow: 0px 0px 20px #000;
}

#logo {
margin: 0;
}

#logo:hover {
height: 250px;
width: 360px;
opacity: 0.9;
transition: 300ms;
}

#nav {
background: #fff;
border-top: 8px outset #333;
border-bottom: 8px inset #f19100;

border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;

margin-bottom: 5px;
}

#slider {
background: #fff;
border-top: 8px outset #006633;
border-bottom: 8px inset #f19100;

border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;

margin-bottom: 5px;
}

#welcome, #steinreinigung, #dachreinigung, #fassadenreinigung, #referenzen, #kontakt, #versendet {
background: #fff;
border-top: 8px outset #006633;
border-bottom: 8px inset #f19100;

border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;

margin-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
box-shadow: 0px 0px 20px #000;
}

/*** BUTTONS **************************************************************/
#btn1 {
background: url(img/btn1.png) no-repeat;
width: 145px;
height: 37px;
background-size: 100%;
}

#btn1:hover {
background: url(img/btn1_hover.png) no-repeat;
background-size: 100%;
transition: 300ms;
}

#btn2 {
background: url(img/btn2.png) no-repeat;
width: 145px;
height: 37px;
background-size: 100%;
}

#btn2:hover {
background: url(img/btn2_hover.png) no-repeat;
background-size: 100%;
transition: 300ms;
}

#btn3 {
background: url(img/btn3.png) no-repeat;
width: 145px;
height: 37px;
background-size: 100%;
}

#btn3:hover {
background: url(img/btn3_hover.png) no-repeat;
background-size: 100%;
transition: 300ms;
}

#btn4 {
background: url(img/btn4.png) no-repeat;
width: 145px;
height: 37px;
background-size: 100%;
}

#btn4:hover {
background: url(img/btn4_hover.png) no-repeat;
background-size: 100%;
transition: 300ms;
}

#btn5 {
background: url(img/btn5.png) no-repeat;
width: 145px;
height: 37px;
background-size: 100%;
}

#btn5:hover {
background: url(img/btn5_hover.png) no-repeat;
background-size: 100%;
transition: 300ms;
}

#btn6 {
background: url(img/btn6.png) no-repeat;
width: 145px;
height: 37px;
background-size: 100%;
}

#btn6:hover {
background: url(img/btn6_hover.png) no-repeat;
background-size: 100%;
transition: 300ms;
}

/*** REFERENZEN **************************************************************/

#ref01, #ref02, #ref03, #ref04, #ref05, #ref06 {
width: 440px;
height: 300px;
margin: 5px 0 5px 0;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref01:hover, #ref02:hover, #ref03:hover, #ref04:hover, #ref05:hover, #ref06:hover {
transition: 300ms;
border: 2px solid #f19100;

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;

box-shadow: 0 0 15px #777;
}

/*** REFERENZEN FASSADENREINIGUNG **************************************************************/

#ref_fa_01 {
background:url(img/ref_fa_01.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_fa_01:hover {
background:url(img/ref_fa_01_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_fa_02 {
background:url(img/ref_fa_02.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_fa_02:hover {
background:url(img/ref_fa_02_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_fa_03 {
background:url(img/ref_fa_03.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_fa_03:hover {
background:url(img/ref_fa_03_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_fa_04 {
background:url(img/ref_fa_04.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_fa_04:hover {
background:url(img/ref_fa_04_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_fa_05 {
background:url(img/ref_fa_05.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_fa_05:hover {
background:url(img/ref_fa_05_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

/*** REFERENZEN STEINREINIGUNG **************************************************************/

#ref_stein_01 {
background:url(img/ref_stein_01.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_stein_01:hover {
background:url(img/ref_stein_01_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_stein_02 {
background:url(img/ref_stein_02.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_stein_02:hover {
background:url(img/ref_stein_02_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_stein_03 {
background:url(img/ref_stein_03.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_stein_03:hover {
background:url(img/ref_stein_03_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_stein_04 {
background:url(img/ref_stein_04.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_stein_04:hover {
background:url(img/ref_stein_04_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

/*** REFERENZEN DACHREINIGUNG **************************************************************/

#ref_dach_01 {
background:url(img/ref_dach_01.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_dach_01:hover {
background:url(img/ref_dach_01_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}

#ref_dach_02 {
background:url(img/ref_dach_02.jpg);
background-size: cover;
height: 300px;
width: 440px;

border: 2px solid #006633;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}

#ref_dach_02:hover {
background:url(img/ref_dach_02_hover.jpg);
border: 2px solid #f19100;
transition: 300ms;
}