* {  /** CSS RESET **/
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: underline;
	color:  #553d23;
}
	a:hover {
		text-decoration: none;
	}


.clear {
	clear: both;
}

body {
	font-family: "Droid Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 70%;
	color: #91683c;
	/*background: url('../images/body_bg.gif') top left repeat;*/
	background: url('../images/bg-web-neu.jpg') top left repeat;
}


#wrapper {
	width:  700px;
	margin:  0 auto;
	padding: 80px 0 0 0;
}

#header h1#logo {
	font-size: 0px;
	color: #b6c8db;
	text-indent: -999999px;
	display: block;
	height: 78px;
	width: 312px;
	background: url('../images/logo.png') top left no-repeat;
	float: left;
}

#header h1#logo_en {
	font-size: 0px;
	color: #b6c8db;
	text-indent: -999999px;
	display: block;
	height: 78px;
	width: 312px;
	background: url('../images/logo_en.png') top left no-repeat;
	float: left;
}

#header h2#logosub {
	font-size: 0px;
	color: #b6c8db;
	text-indent: -999999px;
}

ul#navigation {
	float:  right;
	list-style-type: none;
	margin: 44px 0 0 0;
}
	ul#navigation li {
		float:  left;
		margin-left: 10px;
	}
	ul#navigation li a.nav_btn{
		display: block;
		width: 77px;
		height: 27px;
		background: url('../images/nav_btn.png') top left no-repeat;
		text-align: center;
		line-height: 27px;
		font-size: 1em;
		text-shadow: 0 1px 0 #b6c8db;
		color: #2b4057;
		text-decoration: none;	
		font-weight: bold;
	}
		ul#navigation li a.nav_btn:hover, ul#navigation li a.nav_btn:focus{
			background: url('../images/nav_btn.png') center left no-repeat;
			text-shadow: 0 -1px 0 #234573;
			color: #d7e2ec;
		}
		ul#navigation li a.nav_btn:active{
			position: relative;
			top: 1px;
			background: url('../images/nav_btn.png') center left no-repeat;
			text-shadow: 0 -1px 0 #234573;
			color: #d7e2ec;
		}
	
	ul#navigation li a.nav_btn_active{
		display: block;
		width: 77px;
		height: 27px;
		text-align: center;
		line-height: 27px;
		font-size: 1em;
		background: url('../images/nav_btn.png') bottom left no-repeat;
		text-shadow: 0 -1px 0 #4d2a10;
		color: #dbc6af;
		text-decoration: none;	
		font-weight: bold;
	}
		ul#navigation li a.nav_btn_active:hover, ul#navigation li a.nav_btn_active:focus{
			background: url('../images/nav_btn.png') bottom left no-repeat;
			text-shadow: 0 -1px 0 #4d2a10;
			color: #dbc6af;
		}
		ul#navigation li a.nav_btn_active:active{
			background: url('../images/nav_btn.png') bottom left no-repeat;
			text-shadow: 0 -1px 0 #4d2a10;
			color: #dbc6af;
		}
		
	ul#navigation li a.nav_btn_en{
		display: block;
		width: 27px;
		height: 27px;
		font-size:  0;
		text-indent: -9999999999px;
		background: url('../images/nav_btn_en.png') top left no-repeat;
		text-align: center;
		line-height: 27px;
		color: #a2191b !important;
		text-decoration: none;	
		font-weight: bold;
	}
		ul#navigation li a.nav_btn_en:hover, ul#navigation li a.nav_btn_en:focus {
			background: url('../images/nav_btn_en.png') bottom left no-repeat;
			
		}
		
		ul#navigation li a.nav_btn_ger{
			display: block;
			width: 27px;
			height: 27px;
			font-size:  0;
			text-indent: -9999999999px;
			background: url('../images/nav_btn_ger.png') top left no-repeat;
			text-align: center;
			line-height: 27px;
			color: #a2191b !important;
			text-decoration: none;	
			font-weight: bold;
		}
			ul#navigation li a.nav_btn_ger:hover, ul#navigation li a.nav_btn_ger:focus {
				background: url('../images/nav_btn_ger.png') bottom left no-repeat;
				
			}
			
		ul#navigation li a.nav_btn_ger:active, ul#navigation li a.nav_btn_en:active {
			position: relative;
			top: 1px;
			
		}
	
#hireme {
	height: 55px;
	margin: 60px 0 30px 0;
	text-align: center;
	background: url('../images/ribbon.png') no-repeat center top;
	padding: 15px 0 0 0;
}
	#hireme span {
		font-size: 1.8em;
		font-weight: normal;
		color: #d3dae1;
		text-shadow: 0 -1px 0 #2b4057;
	}
	
#arrow {
	display: block;
	height: 54px;
	width: 51px;
	background: url('../images/arrow.png') no-repeat left top;
	position: relative;
	top: -65px;
	left: 595px;
	opacity: .85;
}
		
.slider_wrapper {
	height: 317px;
	width: 700px;
	background: url('../images/slider_bg.png') top left no-repeat;
	padding: 10px;
	margin:  0 0 0 0;
}		

#slider {
	position: relative;
}

#slider img {
	position:absolute;
	top:10px;
	left:10px;
	display:none;
	height: 280px;
	width: 680px;
}

#inner_content {
	background: #d3dae1 url('../images/highlight_body.gif') top left repeat-x;
	border: 1px solid #5b83ae;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 35px 0 0 0;
	padding: 35px 40px 35px 40px;
	text-shadow: 0 1px 0 #fff;
	font-size: 1.1em;
	color: #553d23;
	position: relative;
}

	#inner_content h2 {
		font-weight: bold;
		font-size: 2em;
		color: #2b4057;
		margin: 0 0 20px 0;
		float: left;
	}
	
	
#inner_content_impressum {
	background: #d3dae1 url('../images/highlight_body.gif') top left repeat-x;
	border: 1px solid #5b83ae;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 35px 0 0 0;
	padding: 35px 40px 35px 40px;
	text-shadow: 0 1px 0 #fff;
	font-size: 1.1em;
	color: #553d23;
	position: relative;
}

	#inner_content_impressum h2 {
		font-weight: bold;
		font-size: 2em;
		color: #2b4057;
		margin: 0 0 20px 0;
	}
	#inner_content_impressum h3 {
		font-weight: bold;
		font-size: 1.5em;
		color: #2b4057;
		margin: 25px 0 0px 0;
	}
	#inner_content_impressum p {
		margin: 25px 0 0 0;
	}
		#inner_content_impressum p strong {
			font-weight: bold;
		}
	


	#inner_content p.anleser{
		display: block;
		width:  455px;
		float:  left;
		margin: 0 0 .6em 0;
	}
	
	img#paperclip {
		float: right;
		position: absolute;
		top: 0px;
		right: 10px;
		top: -16px;
	}
	
#inner_content_letter{
	background: #e0dfda url('../images/paper.png') top left repeat;
	border: 1px solid #9a9787 ;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 35px 0 25px 0;
	padding: 70px 40px 50px 40px;
	text-shadow: 0 1px 0 #fff;
	font-size: 1.1em;
	color: #553d23;
	position: relative;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-webkit-box-shadow: 1px 1px 6px #888;
	font-size: 1.6em;
}
	#inner_content_letter input, textarea {
	opacity: .6;
	}
	#inner_content_letter h2 {
		font-weight: bold;
		font-size: 1.6em;
		color: #2b4057;
		margin: 0 0 25px 0;
	}
	#inner_content_letter p {
		margin:  0 0 1.3em 0;

	}
	
	#inner_content_letter input, textarea {
		padding: 5px;
		font-size: .8em;
		background: #f2f1eb;
		-webkit-box-shadow: 0 0 2px #444;
	}
	#inner_content_letter input {
		margin-left: 10px;
	}
	
	#inner_content_letter #namediv h3 {
			font-family: 'Pacifico', "Droid Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
			
			/** font-family: 'Reenie Beanie', "Droid Sans", Helvetica, "Helvetica Neue", Arial, sans-serif; **/
			margin:  0px 0 0 70px;
			font-size:  2em;
			color: #2b4057;
			-webkit-transform: rotate(-2deg);
			-moz-transform: rotate(-2deg);
	}
	

	#inner_content_letter textarea {
		width: 100%;
		height: 8em;
		margin-bottom: 25px;
	}
	
	#inner_content_letter input#submit_btn {
		float: right;
		padding:  15px;
		-webkit-box-shadow: 0 0 0;
		border:  1px solid #2b4057;
	}
	
	#inner_content_letter input#submit_btn:active {
		position:  relative;
		top: 1px;
	}
	
	#inner_content_letter #coffee_stain {
		background: url('../images/coffee_stain.png') top left no-repeat;
		height: 250px;
		width: 250px;
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
	}
	
	
	
.box_drittel {
	float: left;
	width: 167px;
	background: #b6c8db url('../images/highlight.gif') top left repeat-x;
	border: 1px solid #5b83ae;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 20px 25px 0 0;	
	padding: 10px 10px 5px 10px;
}
	.box_drittel p {
		margin:  0 0 .5em 0;
	}

#box_drittel3 {
	margin-right: 0px;	
}

h4.skill {
	font-weight: bold;
	color: #553d23;
	padding-left: 58px;
	font-size: 1.6em;
	margin-bottom: 15px;
	padding-top: 5px;
}

	#webdesign {
		background: url('../images/icon_web.png') top left no-repeat;
	}
	#icondesign {
		background: url('../images/icon_icondesign.png') top left no-repeat;
	}
	#corporatedesign {
		background: url('../images/icon_corporate.png') top left no-repeat;
}


#inner_content2 {
	padding: 0px 40px 35px 40px;
	text-shadow: 0 1px 0 #fff;
	font-size: 1.1em;
	color: #553d23;
	position: relative;
	margin: 0 0 40px 0;
}


.zweidrittel {
	width:  405px;
	margin: 40px 25px 0 0;
	float: left;
}


a.social_link {
	font-size: 0px;
	text-indent: -99999999999999999999px;
	color: #b0c9dd !important;
	text-shadow: none;
	display:  block;
	height: 48px;
	width: 48px;
	float: left;
}
	a.social_link:active {
		position: relative;
		top: 1px;
	}

a#xing {
	background: url('../images/social/xing.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#xing:hover {
		background: url('../images/social/xing_hover.png') top left no-repeat;
	}
	
a#behance {
	background: url('../images/social/behance.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#behance:hover {
		background: url('../images/social/behance_hover.png') top left no-repeat;
	}	

a#deviantart {
	background: url('../images/social/deviantart.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#deviantart:hover {
		background: url('../images/social/deviantart_hover.png') top left no-repeat;
	}

a#zootool {
	background: url('../images/social/zootool.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#zootool:hover {
		background: url('../images/social/zootool_hover.png') top left no-repeat;
	}
	
a#delicious {
	background: url('../images/social/delicious.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#delicious:hover {
		background: url('../images/social/delicious_hover.png') top left no-repeat;
	}

a#tumblr {
	background: url('../images/social/tumblr.png') top left no-repeat;
	padding: 0 0 15px 0;
	cursor: pointer;
}
	a#tumblr:hover {
		background: url('../images/social/tumblr_hover.png') top left no-repeat;
	}	
	
a#gplus {
	background: url('../images/social/gplus.png') top left no-repeat;
	padding: 0 0 15px 0;
	cursor: pointer;
}
	a#gplus:hover {
		background: url('../images/social/gplus_hover.png') top left no-repeat;
	}	
	
a#flickr {
	background: url('../images/social/flickr.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#flickr:hover {
		background: url('../images/social/flickr_hover.png') top left no-repeat;
	}	
	
a#lastfm {
	background: url('../images/social/last_fm.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#lastfm:hover {
		background: url('../images/social/last_fm_hover.png') top left no-repeat;
	}
	
a#dribbble {
	background: url('../images/social/dribbble.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#dribbble:hover {
		background: url('../images/social/dribbble_hover.png') top left no-repeat;
	}
a#skype {
	background: url('../images/social/skype.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#skype:hover {
		background: url('../images/social/skype_hover.png') top left no-repeat;
	}
	
a#twitter {
	background: url('../images/social/twitter.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#twitter:hover {
		background: url('../images/social/twitter_hover.png') top left no-repeat;
	}	

a#facebook {
	background: url('../images/social/facebook.png') top left no-repeat;
	padding: 0 23px 15px 0;
	cursor: pointer;
}
	a#facebook:hover {
		background: url('../images/social/facebook_hover.png') top left no-repeat;
	}

a#gowalla {
	background: url('../images/social/gowalla.png') top left no-repeat;
	padding: 0 0 15px 0;
	cursor: pointer;
}
	a#gowalla:hover {
		background: url('../images/social/gowalla_hover.png') top left no-repeat;
	}
	

	
	
	
	
	
img.social {
	float: left;
}

img.social2 {

}

.box_drittel2 {
	float: left;
	width: 167px;
	height: 89px;
	background: #b6c8db url('../images/highlight.gif') top left repeat-x;
	border: 1px solid #5b83ae;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 40px 0 0 0;	
	padding: 10px;
	position: relative;
	text-align: center;
}

.box_drittel3 {
	float: left;
	width: 167px;
	height: 89px;
	margin: -20px 0 0 0;	
	position: relative;
}
	#bird {
		float: left;
		margin:  0 20px 0 5px;
	}
	.box_drittel3 h5 {
		margin:  20px 0 0 0px;
		font-size: 1em;
		font-weight:  bold;
	}
		.box_drittel3 h5 a {
			margin:  20px 0 0 0px;
			font-size: 1em;
			font-weight:  bold;
			text-decoration: none;
			color: #553d23;
		}
			.box_drittel3 h5 a:hover {
				text-decoration: underline;
				color: #553d23;
			}
			.box_drittel3 h5 a:active {
				text-decoration: underline;
				position: relative;
				top: 1px;
				color: #553d23;
			}

.bubble {
	background: url('../images/speech_bubble_tip.png') top left no-repeat;
	height: 19px;
	width: 18px;
	position: absolute;
	top: 109px;
	left: 60px;
}

.date {
	position: absolute;
	top: 115px;
	right: 20px;
	font-size: .8em;
	font-weight: bold;

}

#footer {
	padding: 0px 40px 35px 40px;
	text-shadow: 0 1px 0 #fff;
	font-size: 1em;
	color: #2b4057;
	position: relative;
	margin: 0 0 40px 0;
	text-align: center;
	font-weight: bold;
}
	#footer a {
		text-shadow: 0 1px 0 #fff;
		color: #2b4057;
		text-decoration: none;
	}
		#footer a:hover {
			text-shadow: 0 1px 0 #fff;
			text-decoration: underline;
		}
	
		#footer a:active {
			text-shadow: 0 1px 0 #fff;
			text-decoration: underline;
			position: relative;
			top: 1px;
		}
		
		a.braun {
			color: #553d23 !important;			
		}
		
div.portfolio_entry {
	text-align: center;
	margin: 50px 0 0 0;
}
	div.portfolio_entry h3 {
		font-weight: bold;
	}
		div.portfolio_entry h3 span {
			font-weight: normal;
		}
	div.portfolio_entry .portfolio_img  {
		width: 618px;
		margin:  0 0 10px 0;
	}
	
div#inner_content_impressum #img_404 {
	margin: 0 0 0 -40px;
	width: 698px;
}	

::-webkit-scrollbar {
  width: 10px; 
background: #acc9db;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 10px; 
background: #acc9db;}

::-webkit-scrollbar-button:vertical:increment {
  background-color: #acc9db; 
}

::-webkit-scrollbar-track-piece {
  background-color: #acc9db; 
	border-radius: 5px;
	}

::-webkit-scrollbar-thumb:vertical {
  background-color: white;
right: 5px;
width: 1px;
border-radius: 5px; 
padding-right:15px;
	border: 1px solid #284055;}
	
div.steve {
	display: block;
	height: 100%;
	width: 100%;
	background: black;
	position: fixed;
	top: 0;
	left:  0;
	z-index: 100000;
	margin: 0 auto;
	padding: 200px 0 0 0;
	text-align: center;
}	

h2.steve {
	font-family: "Myriad Pro", Helvetica, sans-serif;
	font-size: 4em;
	color: #ccc;
	margin-top: 50px;
}