/*  ------------------------------------------------------
WEB FONT EINBINDEN
--------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,300,300italic,700italic);

/*  ------------------------------------------------------
BODY
--------------------------------------------------------*/

body{
  margin: 0px 0px 0px 0px;
  background-color:#fff;
  color:#444444;
  font-family:'Roboto',Arial, Verdana, sans-serif;
  font-size:0.95em;
  font-weight:300;
  line-height:1.7em;
  letter-spacing:0.01em;
}

body.bg{
  margin: 0px 0px 0px 0px;
  background-color:#000;
  color:#444444;
  font-family:'Roboto',Arial, Verdana, sans-serif;
  font-size:0.95em;
  font-weight:300;
  line-height:1.7em;
  letter-spacing:0.01em;
}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/

#gesamt{
   width:1200px;
   height:2000px;
}

#wrapper {
   margin:0 auto; 
   width:1200px;
   height:2000px;
}

#wrapper2 {
   position: absolute;
   margin:0 auto; 
   height: 2000px;
   top: 2%;
}



/*  ------------------------------------------------------
BACKGROUND IMAGE
--------------------------------------------------------*/

div#backgroundimage{
  position:absolute;
  margin-left:-150px; 
  margin-top:-200px;
}

/*  ------------------------------------------------------
LOGO
--------------------------------------------------------*/

div#logo{
  position:absolute;
  margin-left:80px; 
  margin-top:75px;
  width:1200px;
}


/*  ------------------------------------------------------
SLOGAN
--------------------------------------------------------*/

div#slogan{
  position:absolute;
  margin-left:790px; 
  margin-top:57px;
  width:410px;
  font-family:'Roboto',Arial, Verdana, sans-serif;
  font-size:1.8em;
  font-weight:300;
  font-style: italic;
  color:#a54b28;
  line-height:1.3em;
  letter-spacing:0.01em;
}


/*  ------------------------------------------------------
LINIEN UM DAS HAUPTMOTIV
--------------------------------------------------------*/

div#linie1{
  position:absolute;
  margin-left:0px; 
  margin-top:165px;
  width:1200px;
}

div#linie2{
  position:absolute;
  margin-left:0px; 
  margin-top:592px;
  width:1200px;
}

div#linie3{
  position:absolute;
  margin-left:0px; 
  margin-top:650px;
  width:1200px;
}

hr.duenn{
  display:block;
  border:none;
  height:1px;
  color:#003366;
  background-color:#a54b28;
}

hr.dick{
  display:block;
  border:none;
  height:3px;
  color:#a54b28;
  background-color:#a54b28;
}



/*  ------------------------------------------------------
HAUPTMOTIV
--------------------------------------------------------*/

div#hauptmotiv{
  position:absolute;
  margin-left:0px; 
  margin-top:180px;

}

div#motivtext{
  position:absolute;
  margin-left:35px; 
  margin-top:535px;
  font-style:italic;
  font-size:1.45em;
  color:#fff;

}


/*  ------------------------------------------------------
SLIDESHOW
--------------------------------------------------------*/

div#slideshow{
  position:absolute;
  margin-left:0px; 
  margin-top:180px;
}


/*  ------------------------------------------------------
HAUPTMENUE
--------------------------------------------------------*/


div#hauptmenue{                     
  position:absolute; 
  margin-top:610px;
  margin-left:0px;
}

#hauptmenue li{
  display:inline;
  border-right: 0px solid #fff;
  padding: 0 2.1em 0 2.1em;
  font-size:0.9em;
}


/*  ------------------------------------------------------
FIND US ON FACEBOOK HOME
--------------------------------------------------------*/

div#linkFBhome{
  position:absolute;
  margin-left:1030px; 
  margin-top:700px;
  width:150px;
}

/*  ------------------------------------------------------
FIND US ON FACEBOOK BILDERGALERIE
--------------------------------------------------------*/

div#linkFBgalerie{
  position:absolute;
  margin-left:0px; 
  margin-top:0px;
  width:150px;
}

/*  ------------------------------------------------------
TEXT
--------------------------------------------------------*/

div#text{
  position:absolute;
  margin-left:400px; 
  margin-top:740px;
  height:500px;
  width:700px;
}


/*  ------------------------------------------------------
BILDUNTERSCHRIFT PORTRAIT UEBER UNS
--------------------------------------------------------*/

div#bildunterschrift{
  position:absolute;
  margin-left:600px; 
  margin-top:1000px;

}


/*  ------------------------------------------------------
ASIDE LINKE SEITE MIT LINIEN
--------------------------------------------------------*/

aside{
  position:absolute;
  margin-left:50px; 
  margin-top:750px;
  width:300px;
}


/*  ------------------------------------------------------
TRANSPARENTE HINTERGRUNDFLÄCHE
--------------------------------------------------------*/

div#transparenterHG{
  position:absolute;
  margin-left:-1000px; 
  margin-top:0px;
  height:5000px;
  width:3000px;
  background-color:#000;
  opacity: 0.7; 
  filter:Alpha(Opacity=70);

}


/*  ------------------------------------------------------
BILDERGALERIE-INHALTE
--------------------------------------------------------*/

div#bildergalerie{
  position:absolute;
  margin-left:400px; 
  margin-top:740px;
  height:1000px;
  width:700px;
}

.bildergalerietext{
  float:left;
  margin-left:0px; 
  margin-top:0px;
  height:100px;
  width:350px;
}

.zurueck{
  position: absolute;
  margin-left:900px; 
  margin-top:40px;
  height:20px;
  width:180px;
  font-size:0.8em;
  font-weight:700;
  color:#fff;
}

.bildergalerie_bild{
  margin-left:400px; 
  margin-top:30px;
  height:75px;
  width:300px;
  border-top-color:#000;
  border-bottom-color:#000;
  border-left-color:#000;
  border-right-color:#000;
  border-width:1px;
  border-style:solid;
}


p.bgues{
  font-size:1.5em;
  font-weight:300;
  line-height:1em;
  color:#a54b28;
}

p.bgtext{
  margin-top:-10px;
  font-weight: 300;
  line-height:1.4em;
}


div#sliderFrame{
  position:absolute;
  margin-left:400px; 
  margin-top:140px;
}



/*  ------------------------------------------------------
ALLGEMEINE AUSZEICHNUNGEN
--------------------------------------------------------*/


.icon{
  border:none;
}

.thumb{
  border-style:solid;
  border-width:1px;
  border-color:#996600;
  margin:30px;
}

p.textklein{
  font-size:0.9em;
  line-height:1.5em;
  letter-spacing:0.01em;
}


p.kursiv{
  font-style:italic;
}


p.rostbraunkursiv{
  font-size:1.4em;
  font-weight:300;
  font-style: italic;
  color:#a54b28;
  line-height:1.3em;
  letter-spacing:0.01em;
}


ul {
  list-style-image:url(img/bulletpoint.gif);
}


h1{
  font-size:1.5em;
  font-weight:300;
  line-height:1.5em;
  color:#a54b28;
}

h2{
  font-size:1.2em;
  font-weight:300;
  line-height:1.5em;
  color:#a54b28;
}


a:link {text-decoration:none; color:#444444; font-weight: 400;}
a:visited {text-decoration:none; color:#444444; font-weight: 400;}
a:active {text-decoration:none; color:#a54b28; font-weight: 400;}
a:focus {text-decoration:none; color:#a54b28; font-weight: 400;}
a:hover {text-decoration:none; color:#a54b28; font-weight: 400;}

a.hauptmenue:link {text-decoration:none; color:#444444; font-weight: 400;}
a.hauptmenue:visited {text-decoration:none; color:#444444; font-weight: 400;}
a.hauptmenue:active {text-decoration:none; color:#a54b28; font-weight: 400;}
a.hauptmenue:focus {text-decoration:none; color:#a54b28; font-weight: 400;}
a.hauptmenue:hover {text-decoration:none; color:#a54b28; font-weight: 400;}

a.aktuell:link {text-decoration:none; color:#a54b28; font-weight: 400;}
a.aktuell:visited {text-decoration:none; color:#a54b28; font-weight: 400;}
a.aktuell:active {text-decoration:none; color:#a54b28; font-weight: 400;}
a.aktuell:focus {text-decoration:none; color:#a54b28; font-weight: 400;}
a.aktuell:hover {text-decoration:none; color:#a54b28; font-weight: 400;}

a.back:link {text-decoration:none; color:#dddddd; font-weight: 400;}
a.back:visited {text-decoration:none; color:#dddddd; font-weight: 400;}
a.back:active {text-decoration:none; color:#a54b28; font-weight: 400;}
a.back:focus {text-decoration:none; color:#a54b28; font-weight: 400;}
a.back:hover {text-decoration:none; color:#a54b28; font-weight: 400;}