








	* {
		border: 0;
		margin: 0;
		padding: 0;
		color: #fff;
		font-family: arial, helvetica, verdana, sans-serif;
		text-decoration: none;
		outline: 0;
		font-weight: normal;
		font-style: normal;
	}








	/**
	*
	*	Grundgerüst
	*
	**/
	
	body {
		background: #fff;
	}
	
	div#container {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -478px;
		margin-top: -300px;
		width: 955px;
		height: 600px;
		overflow: hidden;
		background: url(/imgs/bg_container.jpg) no-repeat;
	}
	
	div#head {
		position: absolute;
		top: 23px;
		left: 0;
		width: 935px;
		height: 158px;
	}
	
	div#content {
		position: absolute;
		top: 204px;
		left: 43px;
		width: 912px;
		height: 356px;
		overflow: hidden;
	}

	div#footer {
		position: absolute;
		right: 27px;
		bottom: 2px;
	}
	
	div#footer * {
		font-size: 10px;
		color: #0E0E0E;
	}
	
	div#footer address {
		display: none;
	}














	/**
	*
	*	Head, Navigation
	*
	**/
	
	div#head h1 {
		position: absolute;
		top: 18px;
		left: 0;
		width: 540px;
		height: 140px;
		background: url(/imgs/bg_h1.gif) no-repeat;
	}
	
	body.lang_en div#head h1 {
		background: url(/imgs/bg_h1_en.gif) no-repeat;
	}
	
	div#head h1 span {
		display: none;
	}
	
	div#head ul#nav {
		position: absolute;
		top: 27px;
		left: 717px;
		width: 148px;
		height: 124px;
		list-style: none;
	}
	
	div#head ul#nav li a {
		display: block;
		width: 148px;
		height: 31px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -200000em;
		overflow: hidden;
	}
	
	div#head ul#nav li a:hover, div#head ul#nav li a:focus, div#head ul#nav li a:active,
	div#head ul#nav li a.active {
		background-position: left bottom;
	}
	
	a#b_portfolio { background-image: url(/imgs/b_portfolio.gif); }
	a#b_profile { background-image: url(/imgs/b_profil.gif); }
	a#b_contact { background-image: url(/imgs/b_kontakt.gif); }
	a#b_imprint { background-image: url(/imgs/b_impressum.gif); }
	
	body.lang_en a#b_portfolio { background-image: url(/imgs/b_portfolio_en.gif); }
	body.lang_en a#b_profile { background-image: url(/imgs/b_profil_en.gif); }
	body.lang_en a#b_contact { background-image: url(/imgs/b_kontakt_en.gif); }
	body.lang_en a#b_imprint { background-image: url(/imgs/b_impressum_en.gif); }
	
	div#head ul#nav li a#b_hireme {
		position: absolute;
		top: 0;
		left: 123px;
		width: 86px;
		height: 93px;
		background: url(/imgs/b_hireme.gif) no-repeat !important;
	}
	
	
	div#head ul#nav ul.subnav {
		position: absolute;
		top: 11px;
		left: -140px;
		width: 130px;
		list-style: none;
		display: none;
	}
	
	div#head ul#nav li.active ul.subnav {
		display: block;
	}
	
	div#head ul#nav ul.subnav li a {
		width: 130px;
		background: none;
		height: auto;
		text-indent: 0;
		text-align: right;
		font-size: 12px;
		color: #DAE3EB;
		padding: 1px 0;
	}
	
	div#head ul#nav ul.subnav li a:hover, 
	div#head ul#nav ul.subnav li a:focus,
	div#head ul#nav ul.subnav li a:active,
	div#head ul#nav ul.subnav li a.active {
		color: #A4B9CA;
	}
	
	
	div#lang {
		position: absolute;
		top: 0;
		right: 45px;
		width: 100px;
		height: 18px;
		background: url(/imgs/bg_lang.gif) no-repeat;
		overflow: hidden;
	}
	
	div#lang span {
		display: none;
	}
	
	div#lang a {
		display: block;
		float: left;
		width: 46px;
		margin-right: 1px;
		height: 16px;
		background: #CCD9E3;
		text-align: center;
		color: #5B5B5B;
		font-size: 12px;
		padding-top: 2px;
	}
	
	div#lang a:hover, div#lang a:focus, div#lang a:active, div#lang a.active {
		color: #000;
		background: #A4B9CA;
	}
	
	
	div#b2 span {
		display: none;
	}
	
	a#b2_mail {
		position: absolute;
		top: 123px;
		left: 233px;
		width: 109px;
		height: 17px;
		display: block;
		overflow: hidden;
		text-indent: -200000em;
		z-index: 5;
	}
	
	a#b2_home {
		position: absolute;
		top: 36px;
		left: 16px;
		width: 208px;
		height: 37px;
		display: block;
		overflow: hidden;
		text-indent: -200000em;
		z-index: 5;
	}
	
	
	
	
	
	/**
	*
	*	Content
	*
	**/
	
	div#content h2 {
		height: 105px;
		width: 356px;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		text-indent: -200000em;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	div#content div.contents {
		position: absolute;
		top: 105px;
		left: 21px;
		width: 872px;
		height: 231px;
	}
	
	
	
	
	
	
	
	
	
	
	
	/**
	*
	*	Seite: Impressum
	*
	**/
	
	body.site_imprint h2 {
		background-image: url(/imgs/h2_impressum.gif);
	}
	
	body.site_imprint_en h2 {
		background-image: url(/imgs/h2_impressum_en.gif);
	}
	
	body.site_imprint div.contents h4 {
		color: #000;
		background: #DAE3EB;
		padding: 4px;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 3px;
	}
	
	body.site_imprint div.first {
		width: 336px;
		height: 229px;
		float: left;
		margin-right: 20px;
		border: 1px solid #fff;
		border-width: 1px 0;
		padding-top: 2px;
	}
	
	body.site_imprint div.first, body.site_imprint div.first * {
		line-height: 16px;
	}
	
	body.site_imprint div.second {
		width: 516px;
		height: 229px;
		float: left;
		border: 1px solid #fff;
		border-width: 1px 0;
		padding-top: 2px;
	}
	
	
	body.site_imprint div.first h5 {
		color: #A4B9CA;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 2px;
		margin-top: 13px;
	}
	
	body.site_imprint div.first h5.first {
		margin-top: 0;
	}
	
	body.site_imprint p {
		font-size: 12px;
	}


	body.site_imprint div.second div.box-content {
		height: 199px;
		overflow: auto;
		padding: 0 3px;
	}
	
	body.site_imprint div.box-content {
		border-top: 1px solid #fff;
		padding-left: 4px;
	}


	body.site_imprint div.second h5 {
		font-size: 11px;
		margin-top: 20px;
		text-decoration: underline;
		margin-bottom: 4px;
	}
	
	body.site_imprint div.second p {
		font-size: 11px;
		margin-bottom: 6px;
	}
	
	body.site_imprint div.second p.last {
		margin-bottom: 15px;
	}

	body.site_imprint div.second h5.first {
		margin-top: 13px;
	}



	
	
	
	
	
	
	
	
	
	
	
	/**
	*
	*	Seite: Kontakt
	*
	**/
	
	body.site_contact h2 {
		background-image: url(/imgs/h2_kontakt.gif);
	}
	
	body.site_contact h4 {
		color: #A4B9CA;
		text-transform: uppercase;
		font-size: 12px;
		margin-bottom: 2px;
		margin-top: 12px;
	}
	
	body.site_contact h4.first {
		margin-top: 0;
	}
	
	body.site_contact address, body.site_contact p {
		font-size: 12px;
	}
	
	body.site_contact .img1 {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	body.site_contact div.box-content {
		border-top: 1px solid #fff;
	}







	/**
	*
	*	Seite: Portfolio
	*
	**/
	
	body.site_portfolio_corporate-design h2 {
		background-image: url(/imgs/h2_portfolio_cd.gif);
	}
	
	body.site_portfolio_corporate-publishing h2 {
		background-image: url(/imgs/h2_portfolio_cp.gif);
	}
	
	body.site_portfolio_graphic-design h2 {
		background-image: url(/imgs/h2_portfolio_gd.gif);
	}
	
	body.site_portfolio_graphic-design_en h2 {
		background-image: url(/imgs/h2_portfolio_gd_en.gif);
	}
	
	body.site_portfolio h3 {
		display: none;
	}
	
	body.site_portfolio ul.nav-portfolio {
		list-style: none;
		position: absolute;
		top: 105px;
		left: 21px;
		width: 336px;
		border-top: 1px solid #fff;
	}
	
	body.site_portfolio ul.nav-portfolio li {
		border-bottom: 1px solid #fff;
		margin-top: 1px;
	}
	
	body.site_portfolio ul.nav-portfolio li a {
		display: block;
		margin-bottom: 1px;
		font-size: 12px;
		color: #fff;
		padding:7px 5px;
	}
	
	body.site_portfolio ul.nav-portfolio li a:hover,
	body.site_portfolio ul.nav-portfolio li a:focus,
	body.site_portfolio ul.nav-portfolio li a:active,
	body.site_portfolio ul.nav-portfolio li a.active {
		color: #000;
		background: #DAE3EB;
	}
	
	body.site_portfolio div.nav-portfolio-thumbs {
		position: absolute;
		top: 310px;
		left: 21px;
		overflow: hidden;
	}
	
	body.site_portfolio div.nav-portfolio-thumbs * {
		white-space: nowrap;
	}
	
	body.site_portfolio div.nav-portfolio-thumbs img {
		margin-right: 12px;
	}

	body.site_portfolio div.portfolio-big-imgs,
	body.site_portfolio div.portfolio-big-imgs-overlay {
		position: absolute;
		top: 20px;
		left: 375px;
		width: 517px;
		height: 316px;
		overflow: hidden;
	}
	
	body.site_portfolio div.portfolio-big-imgs-overlay {
		z-index: 2;
		background: url(/imgs/clear.gif);
	}
	
	body.site_portfolio div.portfolio-big-imgs div.img-container {
		position: absolute;
		top: 0;
		left: 0;
		white-space: nowrap;
	}
	
	body.site_portfolio div.portfolio-big-imgs div.img-container * {
		white-space: nowrap;
	}

	body.site_portfolio div.portfolio-big-imgs div.portfolio-desc {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 497px;
		height: 32px;
		background: #fff;
		padding: 10px;
		z-index: 2;
	}

	body.site_portfolio div.portfolio-desc * {
		color: #000;
		font-size: 12px;
		line-height: 16px;
	}
	
	body.site_portfolio div.portfolio-loading {
		position: absolute;
		top: 0;
		left: 0;
		width: 517px;
		height: 316px;
	}
	
	body.site_portfolio div.portfolio-loading img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -8px;
	}










	
	
	
	
	/**
	*
	*	Seite: Profil
	*
	**/
	
	body.site_profile_vita h2 {
		background-image: url(/imgs/h2_profile_vita.gif);
	}
	
	body.site_profile_vita_en h2 {
		background-image: url(/imgs/h2_profile_vita_en.gif);
	}
	
	body.site_profile_know-how h2 {
		background-image: url(/imgs/h2_profile_know-how.gif);
	}
	
	body.site_profile_know-how_en h2 {
		background-image: url(/imgs/h2_profile_know-how_en.gif);
	}
	
	body.site_profile div.contents ul {
		list-style: none;
		border-top: 1px solid #fff;
	}
	
	body.site_profile div.contents ul * {
		font-size: 12px;
		line-height: 16px;
	}
	
	body.site_profile div.contents ul li {
		padding: 10px 4px 0 4px;
	}
	
	body.site_profile div.contents h4 {
		color: #000;
		background: #DAE3EB;
		padding: 4px;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 3px;
	}
	
	body.site_profile div.first {
		width: 336px;
		height: 229px;
		float: left;
		margin-right: 20px;
		border: 1px solid #fff;
		border-width: 1px 0;
		padding-top: 2px;
	}
	
	body.site_profile div.second {
		width: 248px;
		height: 229px;
		float: left;
		margin-right: 20px;
		border: 1px solid #fff;
		border-width: 1px 0;
		padding-top: 2px;
	}
	
	body.site_profile div.theird {
		width: 248px;
		height: 229px;
		float: left;
		border: 1px solid #fff;
		border-width: 1px 0;
		padding-top: 2px;
	}
	
	body.site_profile strong.wasweissich {
		white-space: nowrap;
	}