/*** Allgemein ***********************************************************************************************/
img p div b i a
{
 border: 0px;
 margin: 0px;
 padding: 0px;
 text-decoration: none;
}

a
{
 color: #DA252C; 
}

/*** Frame ***********************************************************************************************/

body
{
 font-family: Trebuchet MS, Helvetica;
 background-color: #FFFFFF;
 padding: 0px;
 margin: 0px;
 border: 0px;
}

#content
{
 position: absolute;
 top: 100px;
 left: 0px;
 padding: 0px;
 margin: 0px;
 width: 100%;
}

/*** Navigationsbereich ***********************************************************************************************/

#nav
{
 position: fixed;
 left: 0px;
 top: 0px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 width: 100%;
 height: 100px;
 background-color: #FFFFFF;
}

#nav_center
{
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 float: left;
 margin: 0px;
 padding: 0px;
 border: 0px;
 height: 100%;
}

#nav_logo
{
 position: relative;
 left: 0px;
 top: 25%;
 margin: 0px;
 padding: 0px;
 border: 0px;
 height: 50%;
 float: left;
 text-align: right;
}

#logo
{
 margin: 0px 80px 0px 0px;
 padding: 0px;
 border: 0px;
 height: 100%;
}

#nav_menue
{
 position: relative;
 left: 0px;
 top: 37px;
 float: left;
 margin: 0px;
 padding: 0px;
 border: 0px;
}

.nav_link
{
 font-size: 24px;
 font-size: 1.5rem;
 color: #808080;
 margin: 0px 10px 0px 10px;
 padding: 0px;
 border: 0px;
 text-decoration: none;
 font-style:italic;
}

.nav_link:hover
{
 border-width: 0px 0px 3px 0px;
 border-style: dotted;
 border-color: #DA252C;
 color: #4A4A4A;
}

/*** Bilderblock **************************************************************************************************/
.banner_bild
{
 width: 100%;
}

.banner_platzhalter
{
 position: relative;
 top: 0;
 left: 0;
}

.mySlides
{
 position: absolute;
 top: 0;
 left: 0;
}

.slideshow-container
{
 width: 100%;
 position: relative;
 top: 0;
 left: 0;
 margin: 0px;
 padding: 0px;
}

.fade
{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

@-webkit-keyframes fade
{
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fade
{
  from {opacity: 0}
  to {opacity: 1}
}

/*** Footer **************************************************************************************************/

.footer_grey
{
 position: relative;
 margin: 0px;
 padding: 10px 0px 10px 0px;
 width:100%;
 background-color: #4A4A4A;
 color: #FFFFFF;
 text-align: center;
}

.footer_grey a
{
 color: #FFFFFF;
 text-decoration: none;
}

.footer_grey a:hover
{
 border-width: 0px 0px 3px 0px;
 border-style: dotted;
 border-color: #DA252C;
}

/*** Sociallink **************************************************************************************************/

.footer_white_left
{
 position: relative;
 width:20%;
 height:100px;
 background-color: #FFFFFF;

}

.footer_white
{
 position: relative;
 width:80%;
 height:100px;
 background-color: #FFFFFF;
 float:right;
}

.social_link_left
{
 float:left;
 margin: 25px 30px 25px 30px;
}

.social_link
{
 float:right;
 margin: 25px 30px 25px 0px;
}

a.facebook
{
 display: block;
 width:50px;
 height:50px;
 background-image:url(logo_facebook_grey.png);
 background-size: 50px;
}

a.facebook:hover
{
 background-image:url(logo_facebook_red.png);
 height:50px;
}

a.fivepx
{
 display: block;
 width:50px;
 height:50px;
 background-image:url(logo_500px_grey.png);
 background-size: 50px;
}

a.fivepx:hover
{
 background-image:url(logo_500px_red.png);
 height:50px;
}

a.flickr
{
 display: block;
 width:50px;
 height:50px;
 background-image:url(logo_flickr_grey.png);
 background-size: 50px;
}

a.flickr:hover
{
 background-image:url(logo_flickr_red.png);
 height:50px;
}

a.instagram
{
 display: block;
 width:50px;
 height:50px;
 background-image:url(logo_instagram_grey.png);
 background-size: 50px;
}

a.instagram:hover
{
 background-image:url(logo_instagram_red.png);
 height:50px;
}

a.top
{
 display: block;
 width:50px;
 height:50px;
 background-image:url(logo_top_grey.png);
 background-size: 50px;
}

a.top:hover
{
 background-image:url(logo_top_red.png);
 height:50px;
}

/*** Titelbanner **************************************************************************************************/

.headline
{
 position: relative;
 margin: 20px 0px 20px 0px;
 padding: 0px;
 width:100%;
 background-color: #FFFFFF;
 text-align: center;
 letter-spacing: 0.5rem;
 font-size: 2rem;
 font-weight: bold;
 color: #808080;
}

.headline_grey
{
 position: relative;
 margin: 20px 0px 0px 0px;
 padding: 20px 0px 20px 0px;
 width:100%;
 background-color: #4A4A4A;
 text-align: center;
 letter-spacing: 0.5rem;
 font-size: 2rem;
 font-weight: bold;
 color: #FFFFFF;
}

.anchor
{
 position:absolute;
 top:-110px;
 margin: 0px;
 padding: 0px;
 height: 0px;
}

.anchor2
{
 position:relative;
 top:-120px;
 margin: 0px;
 padding: 0px;
 height: 0px;
}


/*** Texttrenner **************************************************************************************************/
.bullet
{
 margin: 0px 10px 4px 10px;
 padding: 0px;
 width: 5px;
}

.bullet2
{
 margin: 0px 10px 4px 10px;
 padding: 0px;
 width: 8px;
}

.space30
{
 position: relative;
 margin: 0px;
 padding: 0px;
 width:100%;
 background-color: #FFFFFF;
 height: 50px;
}

/*** KONTAKT **************************************************************************************************/
#kontaktdaten
{
  font-size:1.5rem;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

/*** PORTFOLIO **************************************************************************************************/

.portfolio_bullets
{
 position: relative;
 margin: 0px;
 padding: 0px;
 border: 0px;
 width: 100%;
 height: 150px;
}

.portfolio_bullets_center
{
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 float: left;
 margin: 0px;
 padding: 0px;
 border: 0px;
 height: 100%;
}

.portfolio_bullet
{
 float: left;
 margin: 15px 30px 25px 15px;
}

a.paare
{
 display: block;
 width:100px;
 height:100px;
 background-image:url(portfolio_paare.png);
 background-size: 100px;
}

a.paare:hover
{
 background-image:url(portfolio_paare_grey.png);
 height:100px;
}

a.hochzeit
{
 display: block;
 width:100px;
 height:100px;
 background-image:url(portfolio_hochzeit.png);
 background-size: 100px;
}

a.hochzeit:hover
{
 background-image:url(portfolio_hochzeit_grey.png);
 height:100px;
}

a.portrait
{
 display: block;
 width:100px;
 height:100px;
 background-image:url(portfolio_portrait.png);
 background-size: 100px;
}

a.portrait:hover
{
 background-image:url(portfolio_portrait_grey.png);
 height:100px;
}

a.business
{
 display: block;
 width:100px;
 height:100px;
 background-image:url(portfolio_business.png);
 background-size: 100px;
}

a.business:hover
{
 background-image:url(portfolio_business_grey.png);
 height:100px;
}

/*** INHALT **************************************************************************************************/

.content_grey
{
 position: relative;
 overflow: auto;
 overflow-x: hidden;
 margin: 0px;
 padding: 20px 0px 20px 0px;
 width:100%;
 background-color: #F5F5F5;
}

.bilder
{
 margin: 0px;
 padding: 10px;
 background-color: #FFFFFF;
 border-width:0px;
 width: 400px;
}

.bilder_galerie
{
 margin: 0px 0px 10px 10px;
 padding: 10px;
 background-color: #FFFFFF;
 border-width:0px;
 height: 250px;
}

.content_center
{
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 float: left;
 margin: 0px;
 padding: 0px;
 border: 0px;
 text-align: center;
}

.content_image
{
 position: relative;
 float: left;
 margin: 0px 10px 0px 10px;
 padding: 0px;
 width:420px;
}

.content_text_right
{
 position: relative;
 float: left;
 margin: 0px 10px 0px 10px;
 padding: 0px;
 width:500px;
 color: #4A4A4A;
 text-align: left;
}

.content_text_left
{
 position: relative;
 float: left;
 margin: 0px 10px 0px 10px;
 padding: 0px;
 width:500px;
 color: #4A4A4A;
 text-align: right;
}

.content_headline
{
 letter-spacing: 0.5rem;
 font-size: 1.5rem;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}

.content_text
{
 margin: 10px 0px 0px 0px;
 padding: 0px;
 font-size: 1rem;
 text-align: justify;
}

.content_text2
{
 margin: 0px;
 padding: 0px;
 font-size: 1rem;
 text-align: justify;
}

.content_comment
{
 margin: 10px 0px 0px 0px;
 padding: 0px;
 font-size: 0.8rem;
 text-align: justify;
 font-style:italic;
 color: #808080;
}