/*----- GENERAL ----- */
body {
	margin:0;
	padding:0;
	font-family:Brandon,  Arial, sans-serif;

background-color: #ffffff;
	color:#525252;
}


body , html {height: 100%;}

p, img, a, ul, form, h2, h1 {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
a {
	text-decoration:none;
	outline:none;
}
img {
	border:none;
}

input:focus {
background-color: #ededed;
outline: none;
} 

textarea:focus {
background-color: #ededed;
outline: none;
} 

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #ededed inset;
outline: none;
}

textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #ededed inset;
outline: none;
}




#top {width: 884px;
height: 1px;
z-index: 5000;
display: block;
margin-left: 35px;
margin-top: -41px;
margin-bottom: 36px;}

.toptoptop {
position: fixed;
bottom: 0px;
height: 46px;
width: 50px;
right: 20%}


.languages {width: 80px;
margin-top: 29px;
float: right;
margin-right: 22px;
height: 11px;}

.item {
display:none;}

a.talk , a.talk2 {color: #dbdbdb;
height: 11px;}



a.talk2{color: #dbdbdb;
height: 11px;
margin-right: 2px;
padding-right: 5px;
border-right: 1px solid #dbdbdb;}






.clearing { clear: both; }

@font-face { font-family: 'Brandon';
             src: url('Brandon.ttf') format('truetype'); }

@font-face { font-family: 'Eames';
             src: url('Eames.ttf') format('truetype'); }


#slidingDiv, #slidingDiv_2{
	height:300px;


	display:none;
}

button {border: 0px;
float: right;
text-transform: uppercase;
padding: 0px;
font-size: 8px;
cursor: pointer;
background: #ffffff;}

.close_me {height: 11px;
width: 11px;
float: right;
margin-top: 14px;}

.close_me2{height: 11px;
width: 11px;
float: right;
margin-top: 41px;}

.close_me3 {height: 11px;
width: 11px;
float: right;
margin-top: 41px;}




button:hover{opacity: 0.6; filter: alpha(opacity=60);}



button:focus {outline:0 !important;}



.againz {
margin-top: 41px;}

.text {width: 264px;
background-color: #f5f5f5;
border: 0px;
height: 146px;
color: #b9a794;
line-height: 12pt;
font-family: Georgia, serif;
padding: 10px;
font-size: 1em;}

.submit {border: 0px;
background-color: #b9a794;
color: #ffffff;
margin-top: -22px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 10px;
padding: 8px 11px 8px 11px;
margin-left: 229px;}

.pflicht {margin-top: 6px;
color: #d9d9d9;}


.name , .mail , .subject {width: 272px;
height: 33px;
margin-bottom: 10px;
padding-left: 12px;
font-family: Brandon, Arial, sans-serif;
background-color: #f5f5f5;
border: 0px;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #b9a794;
font-size: 10px;
}









.hello {width: 884px;
padding:0px 0px 40px 0px;
margin-bottom: 50px;
color: #a5a5a5;
font-size: 3em;
text-transform: uppercase;
line-height: 1em;
margin-left: 35px;

border-bottom: 1px solid #ececec;
}
.lightgrey {color: #dbdbdb;}

.skillz {margin-bottom: 4px;}


img.portport {
	width: 574px;
}

a.fb {
width: 16px;
height: 16px;
position: relative;
top: 32px;
left: 30px;
margin-right: 4px;
}




.clearing { clear: both; }

.open_left {width:576px;

float: left;}

img.open_left {width: 576px;}


.open_right {
float: right;
margin-left: 30px;
width: 275px;}

.open_text {
margin-top: 12px;
text-align: justify;
font-size: 8pt;
line-height: 12pt;
color: #a5a5a5;
font-family: Georgia, serif;

}

.open_headline {
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000000;
font-size: 14px;
margin-top: -5px;
font-family: Brandon, Arial, sans-serif;
}

.open_section{
text-transform: uppercase;
letter-spacing: 0.1em;
color: #b9a794;
margin-top: 3px;
font-size: 12px;
font-family: Brandon, Arial, sans-serif;}

.open_section2{
text-transform: uppercase;
letter-spacing: 0.1em;
color: #b9a794;
margin-top: 3px;
font-size: 10px;
font-family: Brandon, Arial, sans-serif;}



#mypage-info1 , #mypage-info2 , #mypage-info3 , #mypage-info4 , #mypage-info5 , #mypage-info6 , #mypage-info7 , #mypage-info8 , #mypage-info9 , #mypage-info10 , #mypage-info11 , #mypage-info12{
display: none;
margin-bottom: 30px;
width: 884px;
height: auto;
border-bottom: 1px solid #ececec;
padding-bottom: 30px;}


#mypage-info19 , #mypage-info20{
display: none;
margin-bottom: 30px;
width: 884px;
height: auto;
border-bottom: 1px solid #ececec;
padding-bottom: 30px;
margin-left: 35px;}


 #mypage-info21 , #mypage-info22{
display: none;
margin-bottom: 30px;
width: 884px;
height: auto;

padding-bottom: 30px;
margin-left: 35px;}


.open-mypage1 , .open-mypage2 , .open-mypage3 , .open-mypage4 , .open-mypage5 , .open-mypage6 , .open-mypage7 , .open-mypage8 , .open-mypage9 , .open-mypage10 , .open-mypage11 ,  .open-mypage12 , .open-mypage19 , .open-mypage20 , .open-mypage21 , .open-mypage22{cursor: pointer;}

.portfolio_item1 {
width: 275px;
float: left;
display: block;
margin-bottom: 30px;}

.portfolio_item_more {
width: 275px;
float: left;
margin-left: 30px;
display: block;
margin-bottom: 30px;}

.portfolio_headline {
text-transform: uppercase;
letter-spacing: 0.1em;
color: #000000;
font-size: 12px;
margin-top: 8px;}

.portfolio_section{
text-transform: uppercase;
letter-spacing: 0.1em;
color: #b9a794;
font-size: 10px;
}

.portfolio_text {
color: #a5a5a5;
font-family: Georgia, serif;
font-size: 0.6em;
text-align: justify;
margin-top: 15px; 
line-height: 15px;}


.portfolio_thumb:hover { opacity: 0.6; filter: alpha(opacity=60); } 

.descript{
margin-bottom: 20px;
color: #a5a5a5;
font-family: Brandon, Arial, sans-serif;
text-transform: uppercase;
font-size: 0.6em;
text-align: justify;
margin-top: 5px; 
line-height: 15px;}





#wrapper {height: 157px;
border-bottom: 1px solid #ececec;
background-color: #ffffff;
width: 100%;}

#logo {width: 268px;
border-right: 1px solid #ececec;
height: 90px;
float: left;}

img.logo {position: relative;
left: 33px;
top: 11px;}

#menu {height: 90px; 
width: 956px;
background-color: #ffffff;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
margin: 0 auto;
position: relative;
top: 67px;}

a.menn {padding: 30px 30px 0px 30px;
border-right: 1px solid #ececec;
height: 60px;
display: block;
float: left;
color: #000000;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.1em;
}

.clearing { clear: both; }

#wrapper_inner {width: 956px;
min-height: 500px;
background: #ffffff;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
margin: 0 auto;
position: relative;
top: 68px;
z-index: 99px; 
padding-top: 35px;
padding-bottom: 35px;
}

#header {}


.about_open {width: 956px;
margin-bottom: 20px;
height: 100px;
margin-bottom: 30px;}

.about_open2 {
margin-bottom: 20px;
height: 100px;
margin-top: 30px;
border-top: 1px solid #ececec;
padding-top: 30px;
}



#about {

border-bottom:  1px solid #ffffff;

}

#about_bottom {
padding-top: 50px;
border-top:  1px solid #ececec;

}

#about_bottom2 {
padding-top: 25px;
border-top:  1px solid #ececec;

}

#about7443 {padding-bottom: 35px;
padding-top: 29px;
border-bottom:  1px solid #ffffff;
border-top:  1px solid #ececec;}

.aboutleft , .aboutmiddle , .aboutright {font-size: 0.7em;
line-height: 12pt;
height: 264px;
font-family: Georgia, serif;
color: #a5a5a5;}

.aboutleft3 , .aboutmiddle3 , .aboutright3 {font-size: 0.7em;
line-height: 12pt;
height: 175px;
font-family: Georgia, serif;
color: #a5a5a5;}




.aboutleft2 , .aboutmiddle2 , .aboutright2 {font-size: 0.7em;
line-height: 12pt;
height:100px;
font-family: Georgia, serif;
color: #a5a5a5;}


.aboutleft , .aboutleft3{
width: 272px;
margin-right:35px;
float:left;
text-align: justify;

}

.aboutleft2 {
width: 272px;
margin-right:35px;
float:left;
text-align: justify;
margin-bottom: 30px;
}


.aboutmiddle , .aboutmiddle3{
width: 272px;
margin-right:35px;
float: left;
text-align: justify;
}


.aboutmiddle2{
width: 272px;
margin-right:35px;
float: left;
text-align: justify;
}


.aboutright , .aboutright3{
width: 272px;
float: left;
text-align: justify;}

.aboutleft2 a , .aboutmiddle2 a{color: #b9a794;}

.aboutright2 {
width: 270px;
float: left;
text-align: justify;
padding-top: 5px;}

.about_head {text-transform: uppercase;
font-family: Brandon, Arial, sans-serif;
letter-spacing: 0.1em;
color: #000000;
font-size: 14px;
margin-bottom: 5px;}

li.abouts{list-style: none;
margin-bottom: 14px;}

#portfolio {width: 886px;
margin-left: 35px;







margin-bottom: 35px;
z-index: 98;}

#footer {background-color: #ffffff;
border-top: 1px solid #ececec;
padding: 0px 0px 20px 0px;
display: block;
margin-top: 68px;
margin-bottom: 50px;
}

#footer_inner {width: 956px;
margin: 0 auto;}

#footer_logo {width: 45px;
height: 45px;
margin: 0 auto;
top: -10px;
position: relative;
background: url(images/footer_logo.png);
z-index: 150;
margin-top: -6px;
}

#footer_links {
padding:20px 0px 20px 0px;
width: 956px;
height: 30px;
margin: 0 auto;
text-align: center;}


a.footer {padding: 0px 25px 0px 25px;
height:20px;
display: inline-block;
color: #000000;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
}


#footer_rights{
text-align: center;
font-size: 7pt;
display: block;
color: #a5a5a5;
font-family: Georgia, serif}