@charset "utf-8";

/*****************************************************************************************************************
 * Basics
 *****************************************************************************************************************/
 
	html, body, #navi, #subnavi, #superbgimage{
		margin:0;
		padding:0;
		height:100%;
		overflow:hidden;
		-webkit-font-smoothing: antialiased;}
		
	body{
		color:#FFF;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:1;
		background:url(../media/background_gradient_grey.jpg) left bottom repeat-x #f3f3f3;
		font:12px/18px Helvetica, Arial, sans-serif}
		
	h1{
		font-size:24px;
		text-transform:uppercase;
		margin-bottom:30px;
		font-weight:bold;}
		
	h1 span{
		font-weight:normal;}
		
	h2{
		font-size:30px;
		text-transform:uppercase;
		margin-bottom:20px;
		font-weight:bold;
		letter-spacing:-.05em;}
		
	h5{
		font-weight:normal;}
		
	p{
		margin:15px 0 15px 0;
		font-size: 14px;
		line-height: 21px;
		font-weight: normal;
		}
		
	p a{
		text-decoration:none;}
		
	p a:hover{
		/* text-decoration:underline; */}
		
	img{
		display:inline-block;}
		
	.loading{
		background:url(../media/loader_small.gif) no-repeat center center;}
		
	#js-alert{
		color:#FFF;
		height:30px;
		text-align:center;
		padding-top:15px;
		}
	
	
	dl {
		font-size: 14px;
		clear: both;
		color: #4C4C4C;

	}
	
	
	dt {
		float:left;
		width: 200px;
		font-weight: bold;
	}
	
	dd {
		width: 380px;
		float: left;
		margin-bottom: 24px;
	}
	
	
	#content ul {
		font-size: 14px;
		color: #4C4C4C;
		}
		
	#content strong {
		color: #4C4C4C;
		font-weight: bold;
		}
		
		
	#content a {
		-webkit-transition: color 0.2s ease;
		}
		
	#content a:hover {
		color: #4c4c4c;
		}
	
	
		
	
/*****************************************************************************************************************
 * Navi
 *****************************************************************************************************************/
 	
	#hundertgrad{
		font-size:14px;
		margin:30px 0 26px 0;
		font-weight:bold;}
		
	#hundertgrad span{
		font-weight:normal;}
		
	#navi{
		width:202px;
		position:absolute;
		text-align:right;
		text-transform:uppercase;
		z-index:4;
		padding-right:20px;
		overflow:visible;
		background:left bottom repeat-x;
		left:-242px;}
		
	#navi ul ul{
		margin-bottom:15px;}
		
	#navi a{
		text-decoration:none;}
		
	#navi ul li{
		margin-top:-3px;}
	
	.level-1{
		font-size:30px;
		font-weight:bold;
		letter-spacing:-.06em;}
		
	.level-2{
		font-size:12px;
		font-weight:normal;
		letter-spacing:0.02em;}
		
	.level-2.new-line-wrap{}
		
	.level-2.active{}
		
	.level-2 .new-line{}
		
	.level-2 .new-line cufon{}
		
	h4{
		margin:10px 0 0 0;
		font-size:18px;
		color:#FFF;}
		
	h4 a{
		color:#FFF;}
		
	.navi-wrap{
		display:none;}

	.separator{
		width:80px;
		height:2px;
		margin:0 0 15px 122px;
		overflow:hidden;}
	
	.active{
		font-weight:bold;
		padding-right:10px;
		margin-right:-11px;}
		
		
	/* Social Links --------------------------------------------------------------------------------- */	
		
	#social-links{
		position:absolute;
		bottom:10px;
		margin-left:10px;
		width:102px;
		left:90px;
		z-index:10;}
		
	#social-links a{
		float:right;
		display:block;}
		
	.social-link-people{
		width:14px;
		height:35px;
		background:url(../media/social-people.png) no-repeat -3px 0;}
		
	#social-link-5{
		background-position:-21px 0;}
		
	#social-link-4{
		background-position:-39px 0;}
		
	.social-link-people:hover, .social-link-people.hover, #social-link-6:hover, #social-link-6.hover, #social-link-5:hover, #social-link-5.hover, #social-link-4:hover, #social-link-4.hover{
		background-position:-57px 0;}
		
	.social-link-icon{
		width:16px;
		height:16px;
		background:no-repeat 0 0;
		margin-top:15px;
		margin-left:3px;}
		
	#social-link-3{
		margin-left:4px;}
	
	.social-link-icon:hover, .social-link-icon.hover{
		background-position:left bottom;}
		
	
/*****************************************************************************************************************
 * Subnavi
 *****************************************************************************************************************/
	
	#subnavi{
		width:100px;
		position:absolute;
		top:0;
		left:-120px;
		z-index:3;
		overflow:visible;
		background:left bottom repeat-x;}
		
	#subnavi-bottom-links{
		position:absolute;
		bottom:10px;
		margin-left:10px;}
		
	#subnavi-bottom-links a{
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:0.0em;}
		
	#logo{
		display:block;
		margin:20px 0 0 10px;}
		
	#subnavi-thumbs{
		width:100px;
		position:absolute;
		text-align:right;
		overflow:hidden;
		padding-bottom:20px;
		left:0;}
		
	#subnavi-thumbs-wrap{
		overflow:hidden;
		position:absolute;
		width:100px;
		top:165px;
		left:0;}
		
	#subnavi-thumbs-up{
		width:100px;
		height:24px;
		background:url(../media/button_up.png) no-repeat;
		position:absolute;
		top:140px;
		cursor:pointer;
		left:0;
		display:none;}
		
	#subnavi-thumbs-down{
		width:100px;
		height:24px;
		background:url(../media/button_down.png) no-repeat;
		position:absolute;
		bottom:53px;
		cursor:pointer;
		left:0;
		display:none;}
		
	/* Subnavi Thumbs */
	
	.comp-thumbs{
		margin-left:230px;
		position:absolute;
		z-index:11;
		margin-top:0px;
		text-align:left;}	
		
	#subnavi-thumbs .wrap{
		width:100px;
		padding-bottom:14px;}
		
	#subnavi-thumbs h5{
		margin-right:10px;
		margin-bottom:5px;
		margin-top:20px;
		letter-spacing:-.1em;}
	
	.subnavi-thumbs-item{
		cursor:pointer;
		padding-right:10px;
		height:25px;
		background:no-repeat 0 -50px;
		margin-bottom:-14px;}
		
	.subnavi-thumbs-item.preselected img{
		margin-left:0;}
		
	.subnavi-thumbs-item img{
		position:absolute;
		margin-left:-70px;
		left:0;}
		
	.subnavi-thumbs-arrow-red{
		height:25px;}
		
	.show .subnavi-thumbs-arrow-red{
		background-position:56px 0;}
	
	.subnavi-thumbs-item-num{
		display:none;
		padding-top:5px;}
		
	.subnavi-thumbs-item-line{
		padding-top:5px;
		display:block;
		padding-right:5px;}
		
	.subnavi-thumbs-item:hover .subnavi-thumbs-item-num, .show .subnavi-thumbs-item-num{
		display:block;}
		
	.subnavi-thumbs-item:hover .subnavi-thumbs-item-line, .show .subnavi-thumbs-item-line{
		display:none;}
	
	.comp-thumbs-thumb{}
	
	.comp-thumbs-thumb span{}
		
	.comp-thumbs-image{
		position:absolute;
		margin-left:25px;}
		

/*****************************************************************************************************************
 * Shadow
 *****************************************************************************************************************/
 	
	.shadow{
		background:url(../media/shadow-leftside.png) repeat-y 0 0;
		height:100%;
		width:30px;
		position:absolute;
		z-index:10;
		left:0;}
		
	.shadow-top{
		width:30px;
		height:270px;
		background:url(../media/shadow-top.png) no-repeat 0 0;}
		
	.shadow-bottom{
		width:30px;
		height:270px;
		background:url(../media/shadow-bottom.png) no-repeat 0 0;
		position:absolute;
		bottom:0;
		left:0;}
	
	#navi .shadow{
		margin-left:222px;}
		
	#subnavi .shadow{
		margin-left:100px;}
		
	#award{
		position:absolute;
		top:50%;
		right:0;
		margin-top:-82px;
		z-index:200;
		display:block;
		width:69px;
		height:164px;
		overflow:hidden;}
 
	
/*****************************************************************************************************************
 * Content
 *****************************************************************************************************************/
 	
	#content-area{
		height: 100%;
		width:100%;
		overflow: hidden;
		position:absolute;
		z-index:2;}
		
	#scroll-area {
		height: 100%;
		min-height:100%;
		width:100%;
		height: auto;
		overflow: auto;
		z-index:1;
		position:relative;}
		
	#fixed-area{
		position:absolute;
		height:70px;
		width:100%;
		bottom:0;
		background-color:#FFC;
		z-index:2;
		text-align:center;
		overflow: hidden;
		display:none;}
	 
	
	#content{
		color:#000;
		line-height:1.4;
		overflow:hidden;
		min-width:600px;}
		
	#content.loading{
		background:url(../media/hundergrad_loading.gif) no-repeat center center;
		width:100%;
		height:100%;}
		
	.content-center{
		width:640px;
		margin:50px auto 50px auto;
		padding:0 50px 0 50px;}
		
	.content-center.wide{
		width:800px;}
		
	.content-center-images{
		width:650px;
		margin:0 auto 50px auto;
		padding:0 50px 0 0;}
		
	.content-left{
		width:600px;
		margin:50px 0 50px 50px;}
		
	.content-fullsize{
		overflow:hidden;
		position:absolute;
		left:0;
		top:0;}
		
	.content-center a, .content-center-images a{
		text-decoration:none;}
		
	h3{
		font-size:24px;
		margin:50px 0 10px 0;
		text-transform:uppercase;
		letter-spacing:-.02em;}
		
		
	.content-center ul li{
		list-style-type:disc;
		margin-left:15px;
		line-height:1.6em;
		color: #4C4C4C;}
	
	#hundertgrad-loader{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:150px;}
		
		
/*****************************************************************************************************************
 * Content > Intro > Slideshow
 *****************************************************************************************************************/
		
	#superbgimage {
		position:absolute;
		top:0px;
		left:0px;
		z-index:1;
		width:100%;}
		
	#comp-slideshow{
		position:absolute;
		top:0;
		left:0;}
		
	#comp-slideshow img{
		position:absolute;
		display:none;}
		
		
		
/*****************************************************************************************************************
 * Content > Agentur
 *****************************************************************************************************************/

	#agentur a{		position:absolute;}
	#agentur-01{	z-index:3; margin:83px 0 0 0;}
	#agentur-02{	z-index:4; margin:50px 0 0 288px;}
	#agentur-03{	z-index:4; margin:298px 0 0 -47px;}
	#agentur-04{	z-index:0; margin:145px 0 0 163px;}
	#agentur-05{	z-index:5; margin:480px 0 0 0;}
	#agentur-06{	z-index:6; margin:480px 0 0 245px;}
	#agentur-07{	z-index:7; margin:397px 0 0 481px;}
	
	
/*****************************************************************************************************************
 * Content > Neuigkeiten
 *****************************************************************************************************************/

	#neuigkeiten a{		position:absolute;}
	#neuigkeiten-01{	z-index:0; margin:0;}
	#neuigkeiten-02{	z-index:1; margin:0 0 0 350px;}
	#neuigkeiten-03{	z-index:2; margin:344px 0 0 73px;}
	#neuigkeiten-04{	z-index:3; margin:253px 0 0 350px;}
	#neuigkeiten-05{	z-index:4; margin:424px 0 0 350px;}
	#neuigkeiten-06{	z-index:5; margin:559px 0 0 138px;}


/*****************************************************************************************************************
 * Content > Menschen > Überblick
 *****************************************************************************************************************/
 	
	.comp-overview a{
		float:left;
		display:-moz-inline-block;
		display:inline-block;
		background:no-repeat;
		overflow:hidden;}
		
	.comp-overview a img{
		visibility:hidden;}
		
	.comp-overview a:hover img, .comp-overview a.hover img, .comp-overview a img:hover{
		visibility:visible;}
	
	#comp-resize-overlay{
		clear:left;
		width:600px;
		overflow:hidden;
		height:80px;}
		
	#comp-resize-overlay-jumper{
		z-index:30;
		text-align:left;
		display:none;
		width:100px;
		height:100px;
		position:absolute;
		margin-left:0;}
		
	#comp-resize-overlay-jumper.right-side{
		margin-left:-100px;}
		
	#comp-resize-overlay-jumper img.preview{
		visibility:hidden;
		float:left;
		width:100px;
		height:100px;}
		
	.item-box{
		background-color:#FFF;
		height:100px;
		width:200px;
		position:absolute;
		margin-left:100px;}
		
	.right-side .item-box{
		margin-left:-100px;}
		
 	.item-name{
		font-size:18px;
		text-align:center;
		font-weight:bold;
		padding:5px 10px 0px 10px;
		margin-top:10px;}
	
	.item-desc{
		text-align:center;
		padding:0 7px 2px 7px;
		visibility:hidden;}
		
	.worker{}
	
	.clicked .item-box{
		margin-left:200px;}
		
	.clicked .right-side .item-box{
		margin-left:-200px;}
		
	.clicked #comp-resize-overlay-jumper img.preview{
		visibility:visible;
		width:200px;
		height:200px;}

		
		
/*****************************************************************************************************************
 * Content > Menschen > Mitarbeiter
 *****************************************************************************************************************/
	
	.person{
		margin:0;
		padding-top:50px;
		width:600px;}
		
	.partner{
		width:300px;
		float:left;}
				
	.person:after{
		content:'.';
		display:block;
		height:0;
		visibility:hidden;
		clear:both;}
	
	.person-desc{
		width:284px;
		float:left;
		font-weight:bold;
		margin-right:16px;}
		
	.person-image{
		width:100px;
		height:100px;
		background:no-repeat left bottom;
		float:left;
		margin:0 16px 16px 0;}
		
	.person-details{
		width:184px;
		float:left;
		line-height:1.3em;
		margin-bottom:16px;}
		
	.person-details a{
		text-decoration:none;} 
		
	.person-details a:hover{
		text-decoration:underline;}
		
	.person-details-name{
		font-size:18px;
		font-weight:bold;
		margin-top:-2px;
		margin-bottom:2px;}
		
	.person-details-position{
		font-weight:bold;}
		
	.person-details-age{
		margin-bottom:10px;
		font-size:11px;}
		
	.person-details-skype{
		background:url(../media/icon_skype.png) no-repeat 0 0;
		padding:0px 0 2px 22px;
		display:block;}
		
	.person-details-twitter{
		background:url(../media/icon_twitter.png) no-repeat 0 0;
		padding:2px 0 2px 22px;
		display:block;}
		
	.person-details-email{
		padding:2px 0 2px 0;
		display:block;}
	
	.holder{
		width:430px;
		margin-left:100px;}
		
	.holder-details{
		float:left;
		width:200px;
		text-align:center;}
	
	.holder h3{
		margin:0;}
	
	.holder img{
		float:left;
		margin-right:30px;}
		
	.holder p{
		clear:both;
		padding-top:1px;}
		
	.holder .holder-details p{
		margin-top:0;}
		
		
		
/*****************************************************************************************************************
 * Content > Kreation
 *****************************************************************************************************************/
		
	.project{
		width:600px;
		height:700px;
		overflow:hidden;
		position:relative;}
		
	.project-media{}

	.project-media-tabs{
		width: 600px;
		font-size: 16px;
		text-align: center;
		height:13px;
		clear:left;
		overflow:hidden;
		padding:0;
		margin:0;
	}
		
	#content .project-media-tabs li{
		width:15%;
		height:15px;
		display:block;
		float:left;
		margin:0;
		list-style-type:none;}
	
	.project-media-tabs a{
		display:block;
		height:12px;
		font-size:10px;
		text-decoration:none;
		background-color:#C9C9D1;
		margin-right:1px;}
		
	.project-media-tabs li.first{
		width:90px;
		margin-left:0;}
		
	.project-media-tabs a span{
		display:block;
		height:12px;
		visibility:hidden;
		line-height:1.2em;
		color:#FFF;}
		
	.project-media-tabs .active a span{
		visibility:visible;}
	
	.sections {
		clear: left;
		overflow: hidden;
		width: 600px;
		height:424px;
		cursor:pointer;}
	
	.sections ul {
		width: 5250px;}
	
	.sections li {
		float: left;
		width: 600px;
		height:424px;
		overflow:hidden;
		text-align:center;
		background-color:#FFF;}
		
	.project-media-desc{
		margin-top:10px;}
		
	.project-media-desc-facts{
		width:140px;
		float:right;
		text-align:left;
		border-left:1px solid #C9C9D1;
		margin:0 0 100px 15px;
		font-size:11px;
		padding-left:10px;
		overflow:hidden;}
		
	.project-media-desc p{
		font-size:13px;
		line-height:1.4em;} 
		
	.iframe-button{
		width:140px;
		padding-bottom:5px;}
		
	.buttonLikeIt{
		display:-moz-inline-block;
		display:inline-block;
		width:87px;
		height:23px;
		background:url(../media/button_like_it.png) no-repeat left top;
		cursor:pointer;
		margin-bottom:7px;}
		
	.buttonLikeIt span{
		visibility:hidden;}
		
	.buttonLikeIt:hover{
		background-position:left bottom;
		text-decoration:none;}


/*****************************************************************************************************************
 * Content > Kontakt
 *****************************************************************************************************************/
		
	#gmap{
		width:600px;
		height:300px;}
		
		
/*****************************************************************************************************************
 * Content > Social-Media
 *****************************************************************************************************************/
 
	.content-main-col{
		width:450px;
		float:left;
		}
		
	.content-main-col h3{
		margin-top:20px;}
		
	.content-right-col{
		width:140px;
		float:left;
		padding-left:45px;
		padding-top: 15px;}
		
	.blog-actions{
		height:50px;
		text-align:left;
		color: #4c4c4c;

		}
		
	.blog-actions a {
		color: #4c4c4c !important;
		font-weight:bold;
		padding-left:16px;
		text-decoration:none;
		/*float:left;*/
		margin-right:10px;
		font-size:10px;}
		
	.blog-actions a {
		float:none;}
		
/*
	.blog-actions a:hover{
		text-decoration:	;}
*/
		
	.blog-actions .icon-comment{
		background:url(../media/blog-icon-comment.gif) no-repeat;
		margin:0;
		}
			
	
	.icon-forward{	background:url(../media/blog-icon-forward.gif) no-repeat;}
	
	.icon-email{	background:url(../media/blog-icon-email.gif) no-repeat;}
	.icon-facebook{	background:url(../media/blog-icon-facebook.gif) no-repeat;}
	.icon-twitter{	background:url(../media/blog-icon-twitter.gif) no-repeat;}
	.icon-bookmark{	background:url(../media/blog-icon-bookmark.gif) no-repeat;}
	.icon-vote-up{	background:url(../media/blog-icon-vote-up.gif) no-repeat;}
	
	.forward-options{
		clear:left;}
		
		
	/* Content Blog **************************************************************/

	#searchform{
		min-height:40px;}
	
	#searchform #s{
		background:#FFF;
		border:1px solid #ccc;
		width:100px;
		height:18px;
		padding:0;
		float:left;}
		
	#searchform-button{
		width:18px;
		height:18px;
		background:url(../media/search.png) no-repeat #FFF center center;
		border:1px solid #ccc;
		display:inline-block;
		float:left;
		border-left:0;}
		
	
	p.postmetadata {
	font-size: 12px;
	}
	
	p.postmetadata a {
		display:-moz-inline-block;
		display:inline-block;
		background: #fff;
		padding: 0px 3px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
	
	p.posted {
	font-size: 12px;
	}
	
	p.posted span {
	}
	
	#sidebar ul li {
	list-style: none outside;
	margin-left: 0px;
	font-size: 12px;
	}
	


		
	/* Forward Options **************************************************************/
	
	.forward-email{
		background-color:#FFF;
		margin-top:10px;
		margin-bottom:10px;
		padding:5px 0 5px 5px;
		height:80px;}
	
	.forward-email strong{
		display:block;
		font-size:11px;
		text-transform:uppercase;
		margin:5px 0 3px 0;}
		
		
	.forward-email .form-row.floating{
		float:left;
		width:175px;}
		
	.forward-email .form-row label{
		width:40px;}
	
	.forward-email .form-row .text{
		float:left;
		width:133px;}
		
	.forward-email .form-row .submit{
		border:0;
		background-color:}
		
	.form-row label.error-label{
		color:#990000;}
	
	/******************************************************************************/
	
	.case-link{
		text-decoration:none;
		height:85px;
		display:block;}
	
	.case-link img {
		float:left;}
		
	.case-link span {
		padding:10px 0 0 10px;
		display:block;
		float:left;
		width:80px;}
		
		
	
		
	a.button-small {
		display:-moz-inline-block;
		display:inline-block;
		font-size:12px;
		border:0;
		cursor:pointer;
		margin: 0 0 24px 2px;
		padding: 5px 9px;
		border-radius: 23px;
		-moz-border-radius: 23px;
		-webkit-box-shadow: 0px 1px 2px #666;
		box-shadow: 0px 1px 2px #666;
		-moz-box-shadow: 0px 1px 2px #666;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
		background: -moz-linear-gradient(0% 100% 90deg,#fff, #bbb);
		text-shadow: 0 1px 1px #fff;
		font-weight: bold;
		}




	
	form#searchform {
	margin-bottom: 6px;
	}
	
		
	.tweet{}
	
	#content .tweet_list li{
		display:block;
		clear:left;
		padding-bottom:20px;
		margin-left:0;}
		
	.tweet_list li:after{
		content:'.';
		display:block;
		height:1px;
		visibility:hidden;
		clear:left;}
	
	.tweet_avatar{
		float:left;}
	
	.tweet_time{
		font-size:10px;
		padding-bottom:5px;
		display:block;
		margin-left:70px;}
		
	.tweet_time a{
		text-decoration:none;}
	
	.tweet_join{}
	
	.tweet_text{
		width:300px;
		display:-moz-inline-block;
		display:inline-block;
		line-height:1.2em;
		margin-left:10px;}
	
		
/*****************************************************************************************************************
 * Komponenten
 *****************************************************************************************************************/

	.comp-flv-player{
		height:350px;}
	
	.comp-coda-slide{
		height:436px;
		overflow:hidden;}


/*****************************************************************************************************************
 * Kontakt > Formular
 *****************************************************************************************************************/
 
	.form{
	}
		
	
	.form-col{
		width:285px;
		float:left;}
	
	.form-row{}
	
	.form-row label{
		display:block;
		font-size:11px;
		color:#999999;
		float:left;
		width:100px;}
		
	.form-row label.w200{
		width:190px;}
		
	.form-row .text{
		width:185px;
		background-color:#c6c6c6;
		border:0;
		margin-bottom:5px;
		color:#424242;
		font-size:11px;}
		
	.form-row textarea.text{
		height:100px;}
		
	.success{
		background-color:#D7FFD7;
		padding:30px;
		border-bottom:1px solid #060;}
		
	.form-events input.xlarge{	width:240px;}
	.form-events input.medium{	width:140px;}
	
	
	.form-events input.small {
		width:52px;
		height: 14px;
}
	
	

	
	/* Events */
	
	.form-events .text{
		background-color:#E5E5E5;
		border:1px solid #b5b5b5;}
		
	.form-row label{
		color:#4c4c4c;
		font-size:12px;}
		
	.form-row label.inline{
		float:none;
		display:-moz-inline-block;
		display:inline-block;
		padding:0 10px 0 10px;
		width:20px;}
		
	.form-row label.important{
		color:#000;
		font-weight:bold;
		font-size:12px;}
		
	#add-person-button{
		position:absolute;
		margin-top:-25px;
		margin-left:215px;
		top:0;
		font-size:11px;}
		
	#remove-person-button{
		position:absolute;
		margin-top:0;
		margin-left:100px;
		top:0;
		font-size:11px;
		display:none;}
		
	.form-row label.input-error{
		color:#c00;
		font-weight:bold;}
		

/*****************************************************************************************************************
 * Social-Media > Kommentare
 *****************************************************************************************************************/
 
	.comment{
		margin:20px 0 20px 0;}
	
	.comment-text{
		background-color:#FFF;
		padding:10px;
		border:1px solid #ddd;}
		
	.comment-meta{
		font-size:11px;
		font-style:italic;
		margin-top:-1px;}
		
	.comment-meta span{
		display:-moz-inline-block;
		display:inline-block;
		padding-top:5px;}
	
	.comment-meta-name{
		background:url(../media/comment-meta-text.png) no-repeat top right;
		padding-right:60px;
		font-weight:bold;}
	
	.comment-meta-reply{
		float:right;}
		
	#comment{
		width:600px;
		height:100px;
		border:1px solid #ddd;}
		
	#commentform label{
		font-size:11px;
		display:block;
		width:100px;
		float:left;}
	
	.form-submit #submit{
		border:0;
		font-size:11px;
		cursor:pointer;
		border-style: none;
		}
		
	#commentform .required{
		margin-left:-10px;
		position:absolute;}


/*****************************************************************************************************************
 * Kontakt
 *****************************************************************************************************************/
 
	#form-groute{
		height:80px;}
		
	#form-groute div{
		float:left;}
		
	#form-groute input.text{
		border:1px solid #ccc;
		margin:0 5px 0 5px;}
		
	#form-groute .button-small{
		margin:0 0 0 10px;
		border-style: none;}
		
		
/*****************************************************************************************************************
 * Hundertgrad Logo as Watermark
 *****************************************************************************************************************/

	#hundertgrad-visual{
		position:absolute;
		z-index:1;}
		
	#hundertgrad-visual.version1{
		background:url(../media/hundertgrad-background-01.png) no-repeat;
		width:863px;
		height:722px;
		top:30px;
		left:80px;}
		
	#hundertgrad-visual.version2{
		background:url(../media/hundertgrad-background-02.png) no-repeat;
		width:491px;
		height:545px;
		top:0;
		right:0;}
		
	#hundertgrad-visual.version3{
		background:url(../media/hundertgrad-background-03.png) no-repeat;
		width:478px;
		height:461px;
		bottom:0;
		right:0;}
		
	#hundertgrad-visual.version4{
		background:url(../media/hundertgrad-background-04.png) no-repeat;
		width:541px;
		height:389px;
		bottom:0;
		right:0;}
		
	#hundertgrad-visual.version5{
		background:url(../media/hundertgrad-background-05.png) no-repeat;
		width:758px;
		height:547px;
		bottom:0;
		left:0;}



/*****************************************************************************************************************
 * Skin Switcher
 *****************************************************************************************************************/
 
	#skin-switch{
		position:absolute;
		z-index:10;
		bottom:-120px;
		right:24px;
		width:18px;}
		
	#skin-switch a{
		display:block;
		width:16px;
		height:16px;
		float:right;}
		
	#skin-switch .skin-switch{
		width:18px;
		height:30px;
		background:url(../media/color_picker.png) no-repeat;}
		
	.skin-switch-red{		background-color:#cf003d;}
	.skin-switch-blue{		background-color:#0084cf;}
	.skin-switch-lime{		background-color:#c8cf00;}
	.skin-switch-orange{	background-color:#f17d00;}
	
	#current-skin{
		display:none;}


/*****************************************************************************************************************
 * Event Notifier
 *****************************************************************************************************************/
 	
	.error{
		border-bottom:1px solid #900;
		background-color:#FFD7D7;
		padding:30px;}
		
	.history-back{
		display:block;
		text-decoration:none;
		cursor:pointer;
		cursor:url(../media/back-icon.gif), pointer;}
		
	.history-back:hover{
		text-decoration:none;}
		
		
/*****************************************************************************************************************
 * Special: Florian Inger
 *****************************************************************************************************************/
	
	#florian-inger{
		position:relative;
		bottom:0;
		right:0;}
		
	#florian-inger-imac{
		position:absolute;
		left:-150px;
		bottom:0;}
		
	#florian-inger-text{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-170px;
		width:470px;
		margin-top:-300px;
		font-size:12px;}
		
	#florian-inger-nameplate{
		position:absolute;
		right:0;
		bottom:8px;
		z-index:1000;}
		
	#florian-inger-face{
		position:absolute;
		left:50%;
		margin-left:-300px;
		bottom:43px;}
		
	#florian-inger-table{
		position:absolute;
		left:0;
		bottom:0;
		height:43px;
		width:100%;
		background:url(/wp-content/themes/hundertgrad/media/special/f_inger/fallback/table.png) repeat-x;}
		
	.flo-button-spright{
		margin-right:30px;}
		
	#florian-inger-restart{
		width:71px;
		height:17px;
		background:url(/wp-content/themes/hundertgrad/media/special/f_inger/fallback/restart.png) no-repeat;
		position:absolute;
		right:15px;
		top:13px;
		z-index:10000;
		cursor:pointer;}
		
	#florian-inger-teaser{
		background:url(/wp-content/themes/hundertgrad/media/special/f_inger/florian-inger-teaser.png) no-repeat -150px 0;
		width:150px;
		height:117px;
		overflow:hidden;
		position:absolute;
		bottom:0;
		left:0;}
		
	#florian-inger-teaser:hover{
		background-position:0 0;}
		
	#florian-inger-visitenkarte{
		background:url(/wp-content/themes/hundertgrad/media/special/f_inger/visitenkarte.png) no-repeat 0 0;
		position:absolute;
		left:50%;
		margin-left:-148px;
		top:50%;
		margin-top:-211px;
		width:296px;
		height:422px;
		display:none;}
		
	.florian-v-close{
		position:absolute;
		width:30px;
		height:30px;
		top:20px;
		right:28px;
		cursor:pointer;
		display:block;}
	
	.florian-v-email{
		position:absolute;
		width:127px;
		height:20px;
		right:28px;
		top:185px;
		cursor:pointer;
		display:block;}
	
	.florian-v-website{
		position:absolute;
		width:109px;
		height:20px;
		right:28px;
		top:239px;
		cursor:pointer;
		display:block;}
 
 
		
/*****************************************************************************************************************
 * NEUTRAL COLORS / same colors for every skin
 *
 * 04	#c9c9d1		grey
 * 05	#fff		white
 * 06	#000		black
 * 07	#4c4c4c		dark grey
 *****************************************************************************************************************/
			
	h4, .level-2:hover, .active.level-2, .over.level-2, .project-media-tabs, .project-media-tabs a, .button-small, .subnavi-thumbs-item, .form-submit #submit{
		color:#FFF;}
		
	.project-media-tabs{
		background-color:#FFF;}
		
	p, .person, .blog-actions a, .tweet_time, .grey, .comment-meta, #commentform label, #reply-title{
		color:#4c4c4c;}
		
	h2{
		color:#dadada;}
		
	.black, p strong{
		color:#000;}

		
	.nav-previous {
		float: left;
		width: 50%;
	}
	.nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}