/*-------------------------------------------------------*/
			/* Base styles	 */
		/*-------------------------------------------------------*/
		body {
		background-color: #F6F6F6;
		margin: 0px;
		padding: 0px;
		font-family:'Open Sans', Arial;
		font-size: 12px;
		}
		/*-------------------------------------------------------*/
			/* Wrap */
		/*-------------------------------------------------------*/
		#container {
			margin:0 auto;
			width:860px;
			margin-bottom: 20px;
			margin-top: 30px;
		}
		#content {
			background-color:#FFF;
			-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
			-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
			box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
		}
		/*-------------------------------------------------------*/
			/* Generic Classes */
		/*-------------------------------------------------------*/
		.hidden {
			display: none;
		}
		.clear {
			clear: both;
		}
		/*-------------------------------------------------------*/
			/* Typography */
		/*-------------------------------------------------------*/
		h1 {font-size: 37px;}
		h2 {font-size: 30px;}
		h3 {font-size: 20px;}
		h4 {font-size: 15px;}
		h5 {font-size: 13px;}
		h6 {font-size: 12px;}
		
		h3.main-heading {
			background-image:url('../images/plus.png');
			background-repeat: no-repeat;
			background-position:left 2px;
			margin:15px 2px;
			line-height:24px;
		}
		h3.main-heading span {
			border-bottom:1px solid #999;
			padding-bottom:7px;
			color:#333;
			margin-left:28px;
			display:block;
		}
		strong {
    font-weight: bold;
    color: #B10000;
		}
		/*-------------------------------------------------------*/
			/* Top Section */
		/*-------------------------------------------------------*/
		div.top {
		height:85px;
		margin-bottom:20px;
		overflow:hidden;
		}
		/* Logo */
			#logo {
			float:left;
			overflow:hidden;
			margin-left:10px;
		}
		#logo h2 {
			font-size:30px;
			font-weight:900;
			color: #444;
			line-height:40px;
		}
		#logo h4 {
			color:#666;
			line-height:20px;
		}
		
		/*-------------------------------------------------------*/
			/* Profile Section */
		/*-------------------------------------------------------*/
		#profile {
			background-image:url(../images/header-shadow.png), url(../images/header-bg.png);
			background:url(../images/header-bg.png) repeat-x\0/; /* For ie8 */
			background-position:center bottom, left top;
			background-repeat:repeat-x;
			overflow:hidden;
			background-color:#767676;
		}
		/* About */
		.about {
			margin-top:15px;
			width:800px;
			margin-left:20px;
			height:220px;
		}
		
		.about .photo-inner {
			float:left;
			background:url(../images/photo-inner.png) no-repeat;
			width:192px;
			height:212px;
			padding:12px 0 0 20px;
		}
		.about .photo-inner img {
			background-color:#FFF;
		}
		.about h1 {
			font-weight:900;
			color:#FFF;
			line-height:34px;
			margin-top:8px;
		}
		.about h3 {
			margin-top:5px;
			font-size:18px;
			color:#FFF;
			line-height:18px;
		}
		.about p {
			font-size:12px;
			margin-top:15px;
			color:#fff;
			line-height:20px;
		}
		
		.about p b{
			font-size:12px;
			margin-top:15px;
			color:#fff;
			line-height:20px;
			font-weight:bold;
		}
		/*-------------------------------------------------------*/
			/* Slideshow */
		/*-------------------------------------------------------*/		
		#slideshow {
			position:relative;
			height:254px;
		}
	
		#slideshow DIV {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
			opacity:0.0;
			height:254px;
		}
	
		#slideshow DIV.active {
			z-index:10;
			opacity:1.0;
		}
	
		#slideshow DIV.last-active {
			z-index:9;
		}
	
		#slideshow DIV IMG {
			height:254px;
			display: block;
			border: 0;
			margin-bottom: 10px;
		}
		/*-------------------------------------------------------*/
			/* Menu */
		/*-------------------------------------------------------*/
		.menu {
			height:100px;
			background-color:#ededed;
			position:relative;
		}
		.tabs {
			height:116px;
			position: absolute;
			margin-top:-14px;
			padding-left:200px;
			z-index:100;
		}
		.tabs li {
			float:left;
			height:116px;
		}
		.tabs li > a {
			padding-top:80px;
			width:115px;
			height:35px;
			display:block;
			background-repeat:no-repeat;
			font-size:14px;
			color:#b9b9b9;
			text-align:center;
		}
		.tabs li.active {
			background:url('../images/tab-hover.png') no-repeat;
		}
		.tabs li.active a {
		color:#b1433b;
		}
		.tabs li .tab-profile {
			background-image:url(../images/profile-icon.png);
			background-position:center 40px;
		}
		.tabs li .tab-resume {
			background-image:url(../images/resume-icon.png);
			background-position:center 30px;
		}
		.tabs li .tab-portfolio {
			background-image:url(../images/portfolio-icon.png);
			background-position:center 35px;
		}
		.tabs li .tab-contact {
			background-image:url(../images/contact-icon.png);
			background-position:center 41px;
		}
		.tabs li .tab-impressum {
			background-image:url(../images/impressum-icon.png);
			background-position:center 30px;
		}
		/* Active icons */
			.tabs .active .tab-profile {
			background-image:url(../images/profile-icon-active.png);
		}
		.tabs .active .tab-resume {
			background-image:url(../images/resume-icon-active.png);
		}
		.tabs .active .tab-portfolio {
			background-image:url(../images/portfolio-icon-active.png);
		}
		.tabs .active .tab-contact {
			background-image:url(../images/contact-icon-active.png);
		}
		.tabs .active .tab-impressum {
			background-image:url(../images/impressum-icon-active.png);
		}
		/*-------------------------------------------------------*/
			/* Resume Section */
		/*-------------------------------------------------------*/
		#resume {
			padding:20px;
			overflow:hidden;
		}
		.skills-section, .timeline-section {
			float:left;
		}
		/* Timeline Section */
		.timeline-section {
			width:350px;
			padding-right:30px;
		}
		.timeline {
			padding-top:10px;
		}
		.timeline li {
			margin-bottom:20px;
			float:left;
		}
		.timeline li .timelineUnit {
			float:left;
			line-height:17px;
			margin-left:11px;
			color:#444;
			font-size:13px;
			border-left:1px solid #b1433b;
			padding-left:15px;
			width:330px;
		}
	
		
		.timeline li .timelineUnit .timelineDate {
			line-height:17px;
			color:#b1433b;
			font-size:14px;
			margin-left:10px;
			font-weight: normal;
			padding:2px 6px;
			float:right;
		}
		.timeline li .timelineUnit h4 {
			line-height:24px;
			font-size:15px;
			color: #444;
		}
		.timeline li .timelineUnit h5 {
			line-height:18px;
			font-size:13px;
			color: #999;
		}
		.timeline li .timelineUnit p {
			color: #666;
			font-size:12px;
			margin-top:5px;
		}
	
		/*-------------------------------------------------------*/
			/* Portfolio Section */
		/*-------------------------------------------------------*/
		#portfolio {
			padding:0 20px 20px 20px;
			overflow:hidden;
		}
		#portfolio .extra-text {
			font-size:20px;
			padding:24px 0;
			border-bottom:1px solid #ededed;
			color: #999;
			margin-bottom:20px;
		}
		/* Filter menu */
		#portfolio-filter {
			border-bottom:1px solid #ededed;
			overflow:hidden;
			padding:15px 0;
		}
		#portfolio-filter li a {
			float:left;
			margin-right:10px;
			color:#fff;
			background-color: #666;
			padding:6px;
			margin-bottom:5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px
		}
		#portfolio-filter li a:hover {
		background-color: #b1433b;
		}
		#portfolio-filter li a.current {
		background-color: #b1433b;
		}
		/* Images list */
		#portfolio-list {
			width:820px;
		}
		#portfolio-list li {
			float:left;
			margin-right:25px;
			text-align:center;
			background-color:#f8f8f8;
			border-bottom:1px solid #a5a5a5;
			height:150px;
			margin-bottom:30px;
			width:180px;
		}
		#portfolio-list li:hover {
			border-bottom:1px solid #b1433b;
			height:150px;
		}
		#portfolio-list img {
			background-color:#FFF;
			height:120px; 
			width:180px;
		}
		#portfolio-list li:hover .title {
		color:#b1433b;
		}
		#portfolio-list li .title {
			font-size:14px;
			margin-top:6px;
			font-weight: 400;
			color: #3A3A3A;
		}
		#portfolio-list li .categorie {
			font-size:11px;
			line-height:25px;
			color:#999;
		}
		/* adipoli */
			.adipoli-wrapper {
			margin:auto;
			position:relative;
			display: inline-block;
		}
		.adipoli-wrapper>img {
			position: absolute;
			z-index: 1;
		}
		.adipoli-before {
			position: absolute;
			z-index: 5;
		}
		.adipoli-after {
			position: absolute;
			z-index: 10;
		}
		.adipoli-slice {
			display:block;
			position:absolute;
			z-index:15;
			height:100%;
		}
		.adipoli-box {
			display:block;
			position:absolute;
			z-index:15;
		}
		.infobox {
			min-height:200px;
			width:300px;
		}
		
		.infobox p{
			line-height:19px;
			font-size:12px;
			margin-top:10px;
		}
		.infobox h3{
			margin-top:10px;
			color:#b1433b;
		}
		/*-------------------------------------------------------*/
			/* Contact Section */
		/*-------------------------------------------------------*/
		#contact {
			padding:30px 0;
			overflow:hidden;
		}
		.contact-info, .contact-form {
			float:left;
			padding:0 20px;
		}
		.contact-info {
			width:250px;
		}
		.contact-form {
			width:530px;
		}
		/* Contact info */
		.contact-info ul {
			float:left;
			margin-left:11px;
			border-left:1px solid #b1433b;
			padding-left:18px;
		}
		.contact-info ul li {
			font-size:13px;
			line-height:20px;
			color: #666;
			overflow: hidden;
		}
		/* Contact Form */
		#contactform {
			padding-left:30px;
		}
		#contactform p {
			margin-bottom:15px;
		}
		#contactform p label {
			display:block;
			color:#999;
			margin-bottom:8px;
			font-size:13px;
		}
		#contactform .input {
			line-height: 20px;
			height: 20px;
			width:60%;
		}
		#contactform .textarea {
			width:95%;
		}
		#contactform .submit {
			color:#fff;
			background-color: #666;
			padding:8px;
			border:none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			cursor:pointer;
			font-size:13px;
		}
		#contactform .submit:hover {
		background-color: #b1433b;
		}
		#contactform .input, .textarea {
			padding:6px;
			background-color:#f5f5f5;
			border: 1px solid #CCC;
			color:#999;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			font-size: 13px;
		}
		.success, .error {
			padding:10px;
			margin-bottom:10px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.success {
			background-color: #E3EBC6;
			color: #8FA442;
			border: 1px solid #C2D288;
		}
		.error {
			background-color: #f9e5e6;
			color: #b3696c;
			border: 1px solid #f7c7c9;
		}
		/* Google map */
			#map {
			height: 300px;
			margin-bottom:25px;
			width: 100%;
			border-bottom:1px solid #CCC;
			border-top:1px solid #CCC;
		}
		
		/*-------------------------------------------------------*/
			/* Impressum Section */
		/*-------------------------------------------------------*/
		#impressum {
			padding:20px;
			overflow:hidden;
		}
		.skills-section, .impressum-section {
			float:left;
		}
		
		/* Timeline Section */
		.impressum-section1 {
			width:260px;
			padding-right:60px;
			float:left;
		}
		.impressum-section2 {
			width:440px;
			padding-right:60px;
			float:left;
		}
		.impressum {
			padding-top:10px;
		}
		.impressum li {
			margin-bottom:20px;
			float:left;
		}
		.impressum li .impressumUnit {
			float:left;
			line-height:17px;
			margin-left:11px;
			color: #444;
			font-size:13px;
			border-left:1px solid #b1433b;
			padding-left:15px;
		}
		.impressum li .impressumUnit .impressumDate {
			line-height:17px;
			color: #b1433b;
			font-size:14px;
			margin-left:10px;
			font-weight: normal;
			padding:2px 6px;
			float:right;
		}
		.impressum li .impressumUnit h4 {
			line-height:24px;
			font-size:15px;
			color: #444;
		}
		.impressum li .impressumUnit h5 {
			line-height:18px;
			font-size:13px;
			color: #999;
		}
		.impressum li .impressumUnit p {
			color: #666;
			font-size:12px;
			margin-top:5px;
		}
		
		
		/*-------------------------------------------------------*/
			/* Footer */
		/*-------------------------------------------------------*/
		div.footer {
			margin-top:20px;
			height:20px;
		}
		div.footer .copyright {
			float:left;
			color:#333;
			padding-left:6px;
		}
		/*-------------------------------------------------------*/
			/* Isotope filtering */
		/*-------------------------------------------------------*/
		.isotope-item {
			z-index: 2;
		}
		.isotope-hidden.isotope-item {
			pointer-events: none;
			z-index: 1;
		}
		.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
			-webkit-transition-duration: 0.8s;
			-moz-transition-duration: 0.8s;
			transition-duration: 0.8s;
		}
		.isotope {
			-webkit-transition-property: height, width;
			-moz-transition-property: height, width;
			transition-property: height, width;
		}
		.isotope .isotope-item {
			-webkit-transition-property: -webkit-transform, opacity;
			-moz-transition-property:-moz-transform, opacity;
			transition-property:transform, opacity;
		}
		
		
	/*-------------------------------------------------------*/
		/* Style switcher */
	/*-------------------------------------------------------*/	
	#style-switcher {
		position:absolute;
		top:150px;
		left:0;
		width:100px;
		background-color:#333;
		padding:15px;}
	#style-switcher .title {
		font-size:14px;
		color:#FFF;
		padding:5px;
		margin-bottom:12px;}
	#style-switcher ul {
		margin-top:20px;}
	#style-switcher ul li {
		float:left;
		margin-right:5px;
		margin-bottom:5px;}
	#style-switcher ul li:last-child {
		margin-right:0px;}
	/*-------------------------------------------------------*/
		/* Media Queries */
	/*-------------------------------------------------------*/