/*** Frame ***********************************************************************************************/
#content
{
 position: absolute;
 top: 200px;
 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: 200px;
 background-color: #FFFFFF;
}

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

#nav_logo
{
 position: relative;
 top: 10px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 margin: 0px;
 padding: 0px;
 border: 0px;
 height: 50px;
}

#logo
{
 margin: 0px;
 padding: 0px;
 border: 0px;
 height: 50px;
}

#nav_menue
{
 position:absolute;
 top: 70px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 margin: 0px;
 padding: 0px;
 border: 0px;
 text-align: center;
}

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

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

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

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

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



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

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

.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: 5px 5px 5px 5px;
}

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

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

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

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

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

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

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

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






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

.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;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width:100%;
 text-align: center;
}

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

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


.content_text_right
{
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 margin: 0px;
 padding: 0px;
 width:90%;
 color: #4A4A4A;
 text-align: center;
}

.content_text_left
{
 position: relative;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 margin: 0px;
 padding: 0px;
 width:90%;
 color: #4A4A4A;
 text-align: center;
}

.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: center;
}

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

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


.content_image
{
 margin: 0px;
 padding: 0px;
 width:90%;
}


/*** ANKER ***********************************************************************************************************/

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

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