/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
line-height: 1.5em;
color: #000;
font-family: 'Tahoma', sans-serif;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ----------------
---------------------------------------------------*/

body {
font-size: 0.8em;
text-align: left;
background: #E9EAED url(img/body_bg.jpg) repeat-x left top;
height: 100%;
width: 100%;
}

h1,
h2,
h3 {
font-family: 'Tahoma', sans-serif;
font-weight: bold;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 1.6em;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}

h3 {
font-size: 1.1em;
color: #505862;
margin-left: 13px;
}

p {
padding: 0.9em;
}

a:link
{
color: #000;
text-decoration: none;
}

a:hover,
a:focus
a:active {
color: #0098DB;
text-decoration: none;
}

#navi ul li#home a:visited {
color: #1E4389;
text-decoration: none;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/

#container {
position: relative;
width: 1010px;
height: 560px;
background: #FFF;
margin: 50px auto auto auto;
padding: 10px;
box-shadow: 0px 8px 6px -6px #888;
}

#datenschutz {
position: relative;
width: 1010px;
background: #FFF;
margin: 50px auto auto auto;
padding: 10px;
box-shadow: 0px 8px 6px -6px #888;
}

#logo {
width: 400px;
height: 200px;
float: left;
background: url(img/logo.jpg);
/*border: 1px solid #E4E4E4;*/
}

#logo2 {
width: 600px;
height: 200px;
float: right;
background: url(img/logo2.jpg);
/*border: 1px solid #E4E4E4;*/
}

#spruch {
width: 1010px;
height: 100px;
position: relative;
background: url(img/spruch.jpg) no-repeat center;
float: left;
padding: 30px;
text-align: center;
color: #0098DB;
font-size: 1.6em;
font-variant: small-caps;
}

#daten {
width: 500px;
height: 200px;
background: red;
float: left;
background: url(img/daten.jpg);
font-variant: small-caps;
font-size: 1.1em;
}

#anfahrt {
width: 500px;
height: 200px;
/*background: url(img/anfahrt.jpg);*/
float: right;
}



/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/

.fl {
float: left;
padding-right: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

.zentriert {
text-align: center;
}

.zentriertblau {
text-align: center;
color: #0098DB;
margin-top: 125px;
font-weight: bold;
}

.zentriertblaugross {
text-align: center;
color: #0098DB;
margin-top: 125px;
font-weight: bold;
}

.notrufnummer {
text-align: center;
color: #0098DB;
margin-top: 125px;
font-weight: bold;
}

.rechts {
text-align: right;
}

.clearfloat {
clear: both;
}

.fade {
   opacity: 0.7;
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   }

   .fade:hover {
      opacity: 1;
      }
	  
/*-----------------BILDER-------------------------------------
----------------------------------------------------------------*/

.teamfoto {
padding-top: 50px;
margin-top: 25px;
margin-right: 25px;
padding: 1px;
border: 1px solid #ff9933;
}

.kontaktfoto {
margin-left: 10px;
padding: 1px;
border: 1px solid #ff9933;
}

.teamfoto {
margin-top: 15px;
padding: 1px;
border: 1px solid #ff9933;
}

.hoffest {
margin-right: 42px;
margin-bottom: 30px;
padding: 1px;
border: 1px solid #ff9933;
}

.werkstatt {
margin-left: 10px;
padding: 1px;
border: 1px solid #ff9933;
}

.unternehmen {
margin: 40px;
padding: 1px;
border: 1px solid #ff9933;
}

.sliderbild {
margin-left: 10px;
padding: 1px;
border: 1px solid #ff9933;
}

.spende {
position: absolute;
top: 550px;
left: 900px;
}

/*-----------TOOLTIP--------------------------------------------------
---------------------------------------------------------------------*/

a.tooltip {
  position: relative;
  text-decoration: none;
}
a.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 20%;
  background: #ffcb66;
  padding: 5px 15px;
  color: #1E4389;
  -webkit-border-radius: 10px;
  -moz-border-radius : 10px;
  border-radius : 10px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -moz-transition : all 0.8s ease;
  transition : all 0.8s ease;
}
a.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid #ffcb66;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  -webkit-transition: all 0.8s ease;
  -moz-transition : all 0.8s ease;
  transition : all 0.8s ease;
  opacity: 0;
  left: 30%;
  bottom: 90%;
}
a.tooltip:hover:after {
  bottom: 100%;
}
a.tooltip:hover:before {
  bottom: 70%;
}
a.tooltip:hover:after, a:hover:before {
  opacity: 1;
}