@charset "UTF-8";
	.QOverlay {
	background-color:#fff;
	z-index:9999;
	margin-top: -2px;
}

.QLoader {
	background-color:#fff;
	height:1px;
}

.QAmt {
	color:#333;
	font-size:2em;
	font-weight:bold;
	line-height:50px;
	letter-spacing:.2em;
	height:50px;
	width:400px;
	margin:-70px 0 0 -150px;
}

* {
	margin:0;
	padding:0;
}

html, body {
	height:101%;
	margin:0;
	padding:0;
	font:normal 62.5% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

body {
	font-size:1em;
	line-height:1.8em;
	background:url(../images/header_rep.jpg) repeat-x top center;
}

ul, li {
	list-style-type:none;
}

h1, h2 {
	color:#333;
	font-size:2em;
}

p {
	margin:0 0 1em 0;
}

header, nav, section, article, footer, aside {
	display:block;
}

a:link, abbr {
	color:#fff;
	text-decoration:none;
	outline:0;
}

a:visited {
	color:#fff;
	text-decoration:none;
}

a:hover, abbr:hover {
	color:#ccc;
	text-decoration:none;
}

a:active, a:focus {
	color:#fff;
	text-decoration:none;
	outline:0;
}

.addClear:after {
	display:block;
	content:".";
	height:0;
	visibility:hidden;
	clear:both;
}

.yellow {
	background:#dbe8bc;
}

#wrapper {
	min-height:100%;
	position:relative;
}

header {
	display:block;
	height:192px;
	margin:0;
	padding:0;
	background:url(../images/header.jpg) no-repeat top center;
}

#headerCentered {
	width:75em;
	margin:0 auto;
}

#headerCentered>a {
	display:block;
	float:left;
	height:19.2em;
	width:45em;
	background: url(../images/dp_logo.png) no-repeat 30px 80px;
}

#header_tip {
	display:none;
	background:transparent url(../images/header_tip.png) no-repeat;
	font-size:10px;
	height:150px;
	width:160px;
	padding:4px 0 0 15px;
	color:#eee;
}

header nav {
	display:block;
	float:right;
	width:13.6em;
	height:15.9em;
	margin:0;
	padding:5em 1em 1em .9em;
	background:url(../images/menue_back.png) no-repeat;
}

header nav ul li {
	float:left;
	clear:both;
	list-style-type:none;
}

header nav ul li a {
	display:block;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:.3em;
	width:12.4em;
	padding:1em 0;
	text-align:center;
}

header nav ul li a:hover {
	background:url(../images/menue_hover.png) no-repeat center;
	text-decoration:none;
	color:#ccc;
}

#center {
	width:75em;
	margin:0 auto;
	padding:0;
}

#content {
	width:75em;
	padding:3em 0;
	padding-bottom:30em;
}

#content .pages a:link {
	color:#333;
	text-decoration:none;
	outline:0;
	background:#eee;
	padding:0 .1em;
}

#content .pages a:visited {
	color:#333;
	text-decoration:none;
	background:#eee;
	padding:0 .1em;
}

#content .pages a:hover, .green {
	color:#000;
	background:#8ed17d;
	padding:0 .1em;
}

#content .pages a:active, #content a:focus {
	color:#000;
	text-decoration:none;
	outline:0;
}

#content a.backlink {
	float:left;
	color:#333;
}

.column {
	position:relative;
	float:left;
	width:22em;
	margin:1em 3em 8em 0;
	overflow:hidden;
}

.topFade {
	position:absolute;
	top:0;
	width:21.7em;
	height:14.1em;
	background:url(../images/fader_s.png) 0 0;
	z-index:3;
}

.bottomFade {
	position:absolute;
	bottom:0;
	width:21.7em;
	height:14em;
	background:url(../images/fader_s.png) 0 14.4em;
	z-index:2;
}

.projectContainer {
	width:12em;
	margin:1em 0 2em 0;
	float:left;
	clear:both;
}

.projectContainer h3 {
	display:block;
	float:right;
	clear:both;
	padding:.2em .5em;
	font-size:.9em;
	line-height:1.4em;
	background:#eee;
	color:#666;
}

.projectBox {
	width:21.2em;
	float:left;
	clear:both;
	background:#fff;
	border:.1em solid #e1e1e1;
}

#project_tip {
	display:none;
	background:transparent url(../images/project_tip.png) no-repeat;
	font-size:10px;
	height:40px;
	width:160px;
	padding:7px 0 0 0;
	text-align:center;
	color:#333;
	font-weight:bold;
	z-index:3;
}

.projectBox:hover {
	background:#222;
}

.projectBox img {
	margin:.8em .8em .5em .8em;
	border:0;
}

#projekte2 li{float: left;}

.singleContainer {
	position:relative;
	margin:5em 0 8em 0;
	padding:0;
}

.singleImages {
	position:relative;
	height:23em;
}

.singleInfos {
	position:relative;
	height:auto;
	margin:0 0 0 .3em;
	padding:2em;
	color:#333;
	background:url(../images/singleInfo.jpg) #eee bottom no-repeat;
	width:56.2em;
}
.big .singleImages{
	height: 41.2em;
}

.left {
	float:left;
}

.right {
	float:right;
}

.singleInfos h1 {
	margin:0 0 .2em 0;
	font-size:2em;
	color:#333;
}

.singleInfos h2 {
	margin:0 0 1em 0;
	font-size:1em;
	color:#999;
}

.singleInfos h2 a {
	background:url(../images/link.png) no-repeat .2em .2em;
	color:#333;
	padding:.1em .2em .2em 1.6em;
}

.singleInfos h2 a:hover {
	background:url(../images/link_h.png) no-repeat .2em .2em;
}

.singleInfos p a {
	color:#666;
}

.singleInfos p a:hover {
	color:#333;
}

.singleInfos h3 {
	float:left;
	margin:0 .6em 1em 0;
	font-size:1em;
	color:#999;
}

.singleInfos ul li {
	float:left;
	margin:0 .4em 0 0;
}

.singleInfos ul li a {
	color:#333;
}

.singleInfos ul li a:hover {
	text-decoration:underline;
}

.singleInfos p {
	width:40em;
}

.singleInfos img {
	border:1px solid #ccc;
}
.toNext, .toPrev{
	text-indent: -2000em;
	display: block;
	width: 3em;
	height: 3em;
	background: url(../images/button2.png) no-repeat;
}
.toPrev{
	position: absolute;
	top: 39em;
	margin-left: -13em;
}
.toPrev:hover{background-position: -3em 0;}
.toPrev:active{background-position: -6em 0;}

.toNext{
	position: absolute;
	top: 39em;
	margin-left: 80em;
	background-position: -21em 0;
}
.toNext:hover{background-position: -18em 0;}
.toNext:active{background-position: -15em 0;}
.disabled{display: none;}
.view_swf {
	width:50em;
	margin:0 auto;
	padding:10em 0;
	text-align:center;
}

.view_swf div {
	color:#333;
	border:0;
}

.view_swf a {
	color:#333;
}

* html object.mov {
	display:none;
}

* html object.mov {
	display:inline;
}

* html object.mov {
	display:none;
}

footer {
	position:absolute;
	bottom:0;
	height:30em;
	width:100%;
	background:url(../images/footer_back.jpg) #2c2c2c no-repeat center;
}

#footer_centered {
	width:75em;
	margin:0 auto;
	padding:4em 0 3em 0;
	color:#eee;
}

#quickMail {
	margin:0 4em 0 0;
}

.quickMail_top {
	width:22.5em;
	height:.9em;
	background:url(../images/quickMail.png) no-repeat 0 0;
}

#quickMail h2 {
	font-size:2.5em;
	letter-spacing:.2em;
	width:8.65em;
	margin:0 0 .2em .16em;
	padding:.1em 0 .3em 0;
	text-align:center;
	background:#e1e1e1;
	color:#38454b;
}

.quickMail_body {
	width:20.8em;
	margin:0 0 0 .4em;
	padding:.2em .4em;
	background:#e1e1e1;
}

#quickMail ul li {
	background:url(../images/error.png) no-repeat 0 .2em;
	padding:0 0 .3em 2em;
	margin:1em 0 0 1em;
	color:#333;
}

#quickMail .back {
	display:block;
	width:19.6em;
	margin:1em 0 0 .4em;
	color:#333;
	background:#eee;
}

input, textarea {
	width:19em;
	margin:.3em 0 0 .3em;
	font:inherit;
	border:1px solid #ccc;
	background:#f8f8f8;
}

input {
	width:19.4em;
}

textarea {
	padding:.2em;
}

.zipCode {
	display:none;
}

input:focus, textarea:focus {
	border:1px solid #666;
	background:#fff;
}

.quickMail_btn {
	width:22.5em;
	height:.9em;
	background:url(../images/quickMail.png) no-repeat 0 -.9em;
}

footer aside {
	padding:1em 1em;
	margin:0 0 0 2em;
}

footer aside ul li a {
	background:url(../images/link.png) no-repeat 0 .2em;
	padding:0 0 .3em 2em;
}

footer aside ul li a:hover {
	background:url(../images/link_h.png) no-repeat 0 .2em;
}

footer .wide {
	width:19em;
}

.pages {
	width:35.3em;
	margin:5em 0 5em 0;
}

.pages h1 {
	margin:0 0 .5em 0;
}

.pages h3 {
	margin:0 0 1em 0;
}

.pages img {
	border:1px solid #ccc;
}

.pages ul li, #quickMail .quickMail_body .sent ul li {
	padding:0 0 .5em 2em;
	background:url(../images/correct.png) no-repeat 0 .2em;
}

.pages ul {
	margin:0 0 .5em 0;
}

.pages ul ul {
	margin:.5em 0 0 0;
}

.pages ul li ul li {
	background:url(../images/link.png) no-repeat 0 .4em;
}

.pages section {
	margin:0 0 2em 0;
}

#content #start {
	width:25em;
	margin:3em 0 3em 0;
}

.feature img {
	border:0;
}

.feature .jcarousel-list li, .feature .jcarousel-item {
	float:left;
	list-style:none;
	width:75em;
	height:25em;
	padding:2em 0 .5em 0;
}

.startlinks {
	float:right;
}

#content #start h1 {
	display:inline-block;
	letter-spacing:.12em;
	margin:0 1em 0 0;
	line-height:.8em;
	font-size:1.1em;
	font-weight:bold;
	color:#8ca86d;
}

#icon_projects, #icon_portrait, #icon_questions {
	float:right;
	width:5em;
	height:5em;
	background:url(../images/icons_s.png) no-repeat 0 0;
	margin:0 0 1em 1em;
}

#icon_portrait {
	background:url(../images/icons_s.png) no-repeat -5em 0;
}

#icon_questions {
	background:url(../images/icons_s.png) no-repeat -10em 0;
}

a:hover #icon_projects {
	background:url(../images/icons_s.png) no-repeat 0 -5em;
}

a:hover #icon_portrait {
	background:url(../images/icons_s.png) no-repeat -5em -5em;
}

a:hover #icon_questions {
	background:url(../images/icons_s.png) no-repeat -10em -5em;
}

#content #start ul li {
	background:0;
	display:inline;
}

#content #start ul li a {
	width:20em;
	background:#fff;
	float:left;
	margin:0 .5em 0 .5em;
	padding:1em 1em 0 1em;
	border-bottom:.1em dashed #ccc;
}

#content #start ul li a:hover {
	background:#f4f4f4;
}

#content #start ul li a p {
	clear:left;
	font-size:1em;
	line-height:1.5em;
	color:#666;
}

#content #start_r {
	margin:3em 0 3em 0;
}

#content #start_r article {
	float:right;
	width:25em;
}

#content #start_r {
	width:50em;
}

#content #start_r a {
	display:block;
	width:20em;
	padding:1em 2em 1em 0;
	background:0;
}

#content #start_r h1 {
	font-size:1em;
	letter-spacing:.02em;
	font-weight:normal;
	color:#999;
	margin:0 0 1.1em 0;
}

#content #start_r h3 {
	float:left;
	width:20em;
	clear:both;
	margin:0 .2em .2em 0;
	font-size:1em;
	color:#8ca86d;
}

address {
	font-style:normal;
}

.disclaimer {
	line-height:1.8em;
}

.network h1 {
	line-height:1.2em;
	margin:0 0 1.4em 0;
}

.network ul li {
	padding:0 0 .5em 2em;
	background:url(../images/link2.png) no-repeat 0 .3em;
	margin:0 0 .5em 0;
}

.network h2 {
	float:left;
	clear:both;
	font-size:1.4em;
}

.network p {
	clear:both;
	margin:0;
}

.sitemap ul li {
	background:url(../images/link2.png) no-repeat 0 .2em;
}

.sitemap h4 {
	color:#333;
	margin:.5em 0 0 0;
}

div.slideshow span.image-wrapper {
	display:block;
	position:absolute;
}

div.slideshow img {
	border:1px solid #ccc;
}

#thumbs {
	position:relative;
	float:right;
	width:12.6em;
}

ul.thumbs li {
	clear:both;
	padding:0;
	margin:0 0 .5em 0;
	list-style:none;
}

a.thumb {
	height:4.4em;
	padding:2px;
	display:block;
	border:1px solid #fff;
}
.big a.thumb{
	height: 8em;
}

ul.thumbs li.selected a.thumb {
	background:#222;
}

a.thumb:focus {
	outline:0;
}

ul.thumbs img {
	width:12em;
	border:0;
}

.slideshow noscript img {
	float:left;
	margin:0 0 0 .5em;
}

#searchResults {
	margin:3em 0 0 0;
}

.jcarousel-container {
	position:relative;
}

.jcarousel-clip {
	z-index:2;
	padding:0;
	margin:0;
	overflow:hidden;
	position:relative;
}

.jcarousel-list {
	z-index:1;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

.jcarousel-list li, .jcarousel-item {
	float:left;
	list-style:none;
	width:22em;
	height:40em;
}

.jcarousel-next {
	position:absolute;
	z-index:3;
	display:none;
}

.jcarousel-prev {
	position:relative;
	z-index:3;
	display:none;
}

.jcarousel-skin-ep .jcarousel-container-vertical {
	width:21em;
	height:65em;
	padding:0;
}

.jcarousel-skin-ep .jcarousel-clip-vertical {
	width:21.6em;
	height:65em;
}

.jcarousel-skin-ep .jcarousel-item {
	width:21em;
	height:18em;
}

.jcarousel-skin-ep .jcarousel-next-vertical {
	position:absolute;
	bottom:1em;
	left:6em;
	width:8.2em;
	height:3em;
	cursor:pointer;
	background:transparent url(../images/button.png) no-repeat 0 -21em;
}

.jcarousel-skin-ep .jcarousel-next-vertical:hover {
	background-position:0 -18em;
}

.jcarousel-skin-ep .jcarousel-next-vertical:active {
	background-position:0 -15em;
}

.jcarousel-skin-ep .jcarousel-next-disabled-vertical, .jcarousel-skin-ep .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-ep .jcarousel-next-disabled-vertical:active {
	cursor:default;
	background-position:0 -12em;
}

.jcarousel-skin-ep .jcarousel-prev-vertical {
	position:absolute;
	top:1em;
	left:6em;
	width:8.2em;
	height:3em;
	cursor:pointer;
	background:transparent url(../images/button.png) no-repeat 0 0;
}

.jcarousel-skin-ep .jcarousel-prev-vertical:hover {
	background-position:0 -3em;
}

.jcarousel-skin-ep .jcarousel-prev-vertical:active {
	background-position:0 -6em;
}

.jcarousel-skin-ep .jcarousel-prev-disabled-vertical, .jcarousel-skin-ep .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-ep .jcarousel-prev-disabled-vertical:active {
	cursor:default;
	background-position:0 -9em;
}

.miniSearch, .miniSearch:focus {
	background:#eee;
	width:90px;
	height:15px;
	margin:1em 0 0 0;
	padding:0;
	float:left;
	border:0;
}

.miniSubmit, .miniSubmit:focus {
	width:15px;
	height:15px;
	float:left;
	margin:1em 0 0 0;
	border:0;
	background:url(../images/lupe.gif);
	cursor:pointer;
}

#others .others {
	color:#fff;
	background:#2daada;
	margin:0px 5px 0 0;
	padding: 5px 8px 5px 8px;
}

#others span {
	background: #eee!important;
}

#others a.others:hover {
	background: #0f72b5;
}
#plus{clear: both;margin: 10px 0 0 0;}