@charset "utf-8";
/* CSS Document */

body {
	background:url(../img/body_bg.jpg) repeat-x scroll top #202020;
	font-family:Arial, Helvetica, sans-serif;
	color:#AAA;
}
.container {
	margin:0 auto;
	position:relative;
	width:900px;
	padding:0 15px;
}
#main {
	width:900px;
	margin:30px 0 20px;
	border-top:1px solid #000;
	border-bottom:1px solid #333;
	font-size:12px;
	line-height:2em;
}
#line {
	border-top:1px solid #333;
	border-bottom:1px solid #000;
	margin:20px 0 10px;
	height:0px;
}


/*TYPO*/

 #main h1 {
	font-size: 28px;
	font-weight: bold;
	color:#efefef;
	padding: 0 0 10px 0;
}
#main h2 {
	font-size: 22px;
	color:#efefef;
	padding: 0 0 5px 0;
}
#main h3 {
	font-size: 14px;
	color:#efefef;
	padding: 5px 0 0 0;
}
strong {
	color:#efefef;
	font-weight:normal;
}

/*TYPO END*/



/*HEADER*/

#header {
	height:130px;
	width:900px;
	background:url(../img/header_bg.jpg) no-repeat scroll center top;
}
#logo {
	height:55px;
	width:205px;
	float:left;
	padding: 40px 0 35px 0;
}
#navigation {
	float:right;
	margin:70px 0 0 0;
}
.footcontent ul {
	list-style:none;
}
#navigation li {
	padding:0;
	margin:0;
	font-size:1.0em;
	font-weight:bold;
	float:left;
}
#navigation li a {
	color:#555555;
	display:block;
	padding:10px 20px;
	text-decoration:none;
}
#navigation li a:hover, #navigation li a.active {
	color:#efefef;
	display:block;
	margin:0;
	text-decoration:none;
}

/*HEADER END*/


/*FOOTER*/

/*All*/

#footer {
	width:100%;
	padding:0 0 20px 0;
	margin:20px 0 0 0;
}
.footcontent {
	height:250px;
	width:100%;
	background-color:#0b0b0b;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	line-height:1.7em;
	color:#AAA;
}
.footcontent ul {
	list-style:none;
}
.footcontent li {
	padding:0;
	margin:0;
	font-size:0.8em;
}
.footcontent li a {
	color:#AAA;
	display:block;
	margin:0;
	text-decoration:none;
}
.footcontent li a:hover {
	color:#efefef;
	display:block;
	margin:0;
	text-decoration:none;
}
.footcontent p {
	font-size:0.8em;
	margin:0;
	padding:0;
}
.footcontent h2 {
	font-size:1.0em;
	color:#AAA;
	padding:0px 0px 5px;
}

/*Footerfirst*/

 #footnavi {
	padding: 0 20px 0 0;
}
#footnavi li a {
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
}
#footnavi li a:hover {
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
}

/*Footersecond*/

 #footsocial {
	padding: 0 20px 0 0;
}
#footsocial li a {
	padding:0px 0px 0px 30px;
}
#footsocial li a:hover {
	padding:0px 0px 0px 30px;
}
#facebook a {
	background:url(../img/socialmedia/facebook.png) no-repeat scroll left center;
}
#behance a {
	background:url(../img/socialmedia/behance.png) no-repeat scroll left center;
}
#vimeo a {
	background:url(../img/socialmedia/vimeo.png) no-repeat scroll left center;
}

/*Footerthird*/

 #footcontact a {
	color:#AAA;
	text-decoration:none;
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
}
#footcontact a:hover {
	color:#efefef;
	text-decoration:none;
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
}

/*Footerfourth*/

 #footfriends {
	padding: 0 20px 0 0;
}
#footfriends li a {
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
}
#footfriends li a:hover {
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
}

/*COPYRIGHT*/

.footcopy {
	padding:15px 15px;
	text-align:center;
}
.footcopy p {
	font-size:0.7em;
	color:#555555;
}
#copyright a {
	color:#AAA;
	text-decoration:none;
}
#copyright a:hover {
	color:#efefef;
	text-decoration:none;
}
/*COPYRIGHT END*/


/*FOOTER END*/


/*BOXES*/

.row {
	clear:both;
	width:900px;
	border-top:1px solid #333;
	border-bottom:1px solid #000;
	padding:30px 0 40px 0;
}
.footsingle {
	width:210px;
	margin-top:30px;
	float:left;
}
.double {
	width:440px;
	float:left;
}
.single {
	width:225px;
	float:left;
}
.trible {
	width:653px;
	float:left;
	margin:0 0 0 20px;
}

/*BOXES END*/




/*SPECIALS*/


/*HOME*/

#hello {
	margin:0 20px 0 0;
}
#news {
	width:398px;
	float:left;
	padding:20px;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.latestwork{
	margin: 10px 0 0;
}
#latestimage{
	float:left;	
}
#latestimage img{
	border:10px solid #e3e3e3;	
}
#latesttext{
	float:right;
	padding:0 5px;
	width:180px;
}
#latesttext a {
	color:#AAA;
	text-decoration:none;
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	 line-height: 3em;
}
#latesttext a:hover {
	color:#efefef;
	text-decoration:none;
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	 line-height: 3em;
}

/*HOME END*/


/*ABOUT*/

#about img {
	border:10px solid #e3e3e3;
}
#personal {
	margin:0 20px 0 0;
}
#career {
	width:440px;
	float:left;
}
#career em {
    float: left;
    font-style: normal;
    padding: 0 65px 0 20px;
    width: 70px;
}
#career ul {
	margin-top:5px;
	width:398px;
	padding:0 20px 15px;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/career_bg.png) repeat-y left #111;
}
#career li {
	padding:10px 0;
	 height: 10px;
}
#career a {
	color:#AAA;
	text-decoration:none;
}
#career a:hover {
	color:#efefef;
	text-decoration:none;
}
.careertext{
	float: left;
    
}



/*ABOUT END*/






/*PORTFOLIO*/

#worknavi {
}
#work {
	padding:20px 0px 0px;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*WORK*/

/*SUB NAVIGATION*/

#column {
	width:223px;
	float:left;
	margin:10px 0 0 0;
}
#column ul {
	-moz-border-radius:5px 5px 5px 5px;
	background:#111111;
	border-color:#000000 #333333 #333333 #000000;
	border-style:solid;
	border-width:1px;
	background: url(../img/career_bg.png) repeat-y right #111;
	padding:8px 0;
}
ul.sub-navigation li {
	clear:both;
	list-style:none;
	text-align: left;
	margin:8px 0px 8px 50px;
}
ul.sub-navigation li a {
	color: #AAA;
	text-decoration:none;
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0 0 0 20px;
}
ul.sub-navigation li h1 a, ul.sub-navigation li.selected a, ul.sub-navigation li a:hover, ul.sub-navigation li a:focus {
	color:#fff;
	text-decoration:none;
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0 0 0 20px;
}
ul.sub-navigation li h1 a span, ul.sub-navigation li.selected a span, ul.sub-navigation li a:hover span, ul.sub-navigation li a:focus span {
	color:#fff;
	text-decoration:none;
}
/*SUB NAVIGATION END*/

/*IMAGES*/

.project-grid {
	position:relative;
	width:654px;
	float:left;
}
.project-grid li {
	float:left;
	margin:0 0 15px 17px;
	background:#000;
	list-style:none;
	border:10px solid #e3e3e3;
}
.project-grid li a {
	position:relative;
	overflow:hidden;
	display:block;
	width:175px;
	height:120px;
	text-decoration:none;
}
.project-grid li a img {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	opacity:0.3;
	border:0px;
}
.project-grid li a:hover img, .project-grid li a:focus img {
	opacity:1;
	border:0px;
}
.project-grid li a em {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	overflow:hidden;
	display:block;
	width:57px;
	height:57px;
	background:url(../img/new.png) no-repeat 0 0;
	text-indent:-9999px;
}
.project-grid li a span {
	text-align:center;
	position:absolute;
	z-index:2;
	bottom:-50px;
	display:block;
	padding: 3px 0;
	width:175px;
	background:#e3e3e3;
	color:#fff;
	opacity:0.8;
}
.project-grid li a:hover span, .project-grid li a:focus span {
	bottom:0;
}
.project-grid li a span strong {
	display:block;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
/*IMAGES END*/




/*WORK END*/


/*WORKDETAIL*/
/*LEFT*/
#workdetail p a {
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	color:#AAA;
	display:block;
	margin:10px 0;
	text-decoration:none;
}
#workdetail p a:hover {
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	color:#efefef;
	display:block;
	margin:10px 0;
	text-decoration:none;
}
/*ADDTHIS*/

.addthis_toolbox {
	margin:20px 0px 15px;
}
.addthis_toolbox a {
	color:#AAA;
	text-decoration:none;
	line-height:1.5em;
	margin:0 2px;
}
.addthis_toolbox a:hover {
	color:#efefef;
	text-decoration:none;
	line-height:1.5em;
	margin:0 2px;
}
/*ADDTHIS END*/

.phpwcmsBackLink {
}
/*LEFT END*/


/*RIGHT*/
#workimages {
	padding:20px 0px 30px;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#workimages img {
	border:10px solid #e3e3e3;
	margin: 0 15px 15px;
}

.video {
	border: 10px solid #E3E3E3;
    margin: 0 15px 15px;
}
/*RIGHT END*/


/*WORKDETAIL END*/


/*PORTFOLIO END*/




/*CONTACT*/

#contact p a {
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	color:#AAA;
	display:block;
	margin:10px 0;
	text-decoration:none;
}
#contact p a:hover {
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	color:#efefef;
	display:block;
	margin:10px 0;
	text-decoration:none;
}
#mail {
	width:593px;
	float:left;
	margin:0 0 0 20px;
	padding:20px 30px;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#newsletterbox {
	width:593px;
	float:left;
	margin:0 0 0 20px;

}
#newsletter {
	width:593px;
	float:left;
	margin:10px 0 0 0;
	padding:15px 30px 30px;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#newsletter p a {
	background:url(../img/typo/pfeil_footer.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	color:#AAA;
	display:block;
	margin:10px 0;
	text-decoration:none;
}
#newsletter p a:hover {
	background:url(../img/typo/pfeil_footer_hover.png) no-repeat scroll left center;
	padding:0px 0px 0px 20px;
	color:#efefef;
	display:block;
	margin:10px 0;
	text-decoration:none;
}
#socialcontent {
}
#socialcontent li a {
	padding:0px 0px 0px 30px;
}
#socialcontent li a:hover {
	padding:0px 0px 0px 30px;
}
#socialcontent ul {
	list-style:none;
	margin:10px 0 0 0;
}
#socialcontent li {
	padding:0;
	margin:0;
}
#socialcontent li a {
	color:#AAA;
	display:block;
	margin:0;
	text-decoration:none;
}
#socialcontent li a:hover {
	color:#efefef;
	display:block;
	margin:0;
	text-decoration:none;
}


#contactleft{
	float:left;
}
#contactright{
	float:right;
}
#mailtext{
	margin:0 0 15px 0;
}
#mailsend{
	float:right;
	}
.formular{
	margin:0 0 10px 0;
}
#Name, #Text, #E-mail, #Subject{
   	background-color: #000000;
   	border: 1px solid #333333;
   	color: #AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
   	font-size: 1em;
   	line-height: 1.4em;
   	padding: 5px;
   	width: 270px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	
	}

#Send_message{
    background-color: #000;
    border: 1px solid #333;
    color: #AAA;
    cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		}
		
		
#mce-EMAIL, #mce-FNAME, #mce-LNAME {
	   	background-color: #000000;
   	border: 1px solid #333333;
   	color: #AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
   	font-size: 1em;
   	line-height: 1.4em;
   	padding: 5px;
   	width: 270px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		
	}
	
.mc-field-group	{
	margin:0 0 10px 0;
}
		
#mc_embed_signup{
	float:left;
	width:270px;
}
#mc-embedded-subscribe{
	background-color: #000;
    border: 1px solid #333;
    color: #AAA;
    cursor: pointer;
	float:right;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#unsubscribe{
	float:right;
	width:270px;
}
		
#co-facebook a {
	background:url(../img/socialmedia/facebook.png) no-repeat scroll left center;
}
#co-behance a {
	background:url(../img/socialmedia/behance.png) no-repeat scroll left center;
}
#co-vimeo a {
	background:url(../img/socialmedia/vimeo.png) no-repeat scroll left center;
}

/*CONTACT END*/

/*IMPRESSUM*/
#impressum{
	padding:0 20px 20px;


}


/* Scroll*/

.nav_up {
	padding:7px;
	margin:0 auto;
	background-color:#111;
	background:transparent url(../img/scroll/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:35px;
	height:35px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
}
/* END Scroll*/