@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}
html {
	overflow-y:scroll;
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	overflow-y:scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}
a {
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
#header {
	position:fixed;
	top:0px;
	left:0px;
	z-index:5;
	width:100%;
	height:194px;
	background:#ffffff;
	margin:0px;
	padding:0px;
}
#blender {
	position:fixed;
	top:194px;
	left:0px;
	z-index:4;
	width:100%;
	height:20px;
	background:url(../images/bg_blender.png) top left repeat-x;
	margin:0px;
	padding:0px;
}
#header .logo3d {
	float:right;
	margin:0px;
	padding:0px;
	padding-right:45px;
	padding-top:28px;
	height:160px;
}
#header .topnavi {
	margin:0px;
	padding:0px;
	padding-left:173px;
	padding-top:56px;
	float:left;
}
#header .topnavi ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#header .topnavi ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
	padding-left:16px;
	padding-right:13px;
	height:33px;
	background:url(../images/topmenu_trenn.gif) left top no-repeat;
	text-transform:uppercase;
}
#header .topnavi ul li.first {
	padding-left:0px;
	background:none;
}
#header .topnavi h1 {
	margin:0px;
	padding:0px;
	height:20px;
	padding-bottom:30px;
	width:336px;
}
#background {
	position:fixed;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	background:#c5c5c5 url(../images/bg_resume.jpg) top left repeat-x;
}
#background .muster {
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) top left no-repeat;
}
#page {
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	display:block;
	padding-top:224px;
	padding-bottom:50px;
	padding-left:172px;
	padding-right:50px;
}
#page .h2 {
	margin-top:15px;
}
#footer {
	position:fixed;
	top:2000px;
	left:0px;
	z-index:5;
	width:100%;
	height:222px;
	background:url(../images/bg_footer.png) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c9c9c9;
}
#footer .content {
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	height:133px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
#emag {
	position:fixed;
	top:2000px;
	left:800px;
	z-index:6;
	width:130px;
	height:24px;
}
#footer h2, #footer h3 {
	margin:0px;
	padding:0px;
	margin-bottom:8px;
	font-family:Arial Narrow, Microsoft Sans Serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#ffffff;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:22px;
	line-height:35px;
}
#footer p {
	margin:0px;
	padding:0px;
	margin-bottom:8px;
}
#footer .content .box1 {
	width:275px;
	display:block;
	float:left;
	padding-right:25px;
}
#footer .content  .box2 {
	width:320px;
	display:block;
	float:left;
	line-height:18px;
}
#footer .content  .box2 .spalte1 {
	width:140px;
	display:block;
	float:left;
}
#footer .content  .box2 .spalte2 {
	width:180px;
	display:block;
	float:left;
}
#footer .content  .box3 {
	width:320px;
	display:block;
	float:left;
	line-height:18px;
}
#rechts {
	position:fixed;
	display:block;
	z-index:10;
	left:100%;
	top:217px;
	margin-left:0px;
	overflow:hidden;
	width:208px;
	height:275px;
	background:url(../images/sidebar.png) left top no-repeat;
}
#rechts .inner {
	display:block;
	width:168px;
	height:225px;
	padding-left:40px;
	padding-top:20px;
	padding-bottom:30px;
	font-size:11px;
	padding-right:15px;
}
#rechts .inner h4 {
	font-family:Arial Narrow ,Microsoft Sans Serif , Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:16px;
	margin-top:5px;
	margin-bottom:10px;
}
#rechts .inner .top {
	display:block;
	height:205px;
}
#rechts .inner .xing {
	display:block;
	height:30px;
}
#menu {
	position:fixed;
	display:block;
	z-index:10;
	left:0px;
	top:225px;
	padding-left:34px;
	padding-right:17px;
	width:121px;
	overflow:hidden;
}
#menu .menutop {
	margin:0px;
	padding:0px;
	padding-left:0px;
	padding-bottom:15px;
}
#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
	width:121px;
	height:23px;
	background:url(../images/menu_trenn.gif) center bottom no-repeat;
	font-family:Arial Narrow ,Microsoft Sans Serif , Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:16px;
}
#menu ul li a {
	text-decoration:none;
	color:#494949;
}
#menu ul li a .sub {
	color:#939393;
}
#menu ul li a:hover , #menu ul li.active a  {
	color:#9e1f25;
}
#menu ul li a:hover .sub, #menu ul li.active a .sub {
	color:#333333;
}

#menu ul li.last {
	background:none;
}
#loading {
	position:fixed;
	top:0px;
	left:0px;
	z-index:20;
	width:100%;
	height:100%;
	background:url(../images/alpha_bg.gif);
}
#loading .inner {
    position:fixed;
    top:50%;
    left:50%;
	display:block;
	width:300px;
	height:150px;
	margin-top:-125px;
	margin-left:-200px;
	text-align:center;
	background:url(../images/noscript.png);
	padding-left:50px;
	padding-right:50px;
	padding-top:50px;
	padding-bottom:50px;
}
#loading .inner p {
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#javascript {
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	width:100%;
	height:100%;
	background:url(../images/alpha_bg.gif);
}
#javascript .inner {
    position:fixed;
    top:50%;
    left:50%;
	display:block;
	width:300px;
	height:150px;
	margin-top:-125px;
	margin-left:-200px;
	text-align:center;
	background:url(../images/noscript.png);
	padding-left:50px;
	padding-right:50px;
	padding-top:50px;
	padding-bottom:50px;
}
#javascript .inner p {
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
a:active, a:focus {
	outline:none;
} 
#lightbox {
	position:fixed;
	top:0px;
	left:0px;
	z-index:50;
	width:100%;
	height:100%;
	background:url(../images/alpha_bg.gif);
	display:none;
}
#lightbox .inner {
    position:fixed;
    top:50%;
    left:50%;
	width:1px;
	display:block;
	margin-top:0px;
	margin-left:0px;
	/*background:url(../images/bg_lightbox.jpg) repeat-x #565656;*/
	background:#ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#333;
}
#lightbox .inner #lightboxbild {
	display:block;
}
#lightbox .inner .closelightbox {
	display:block;
	height:18px;
	text-align:right;
	margin-bottom:5px;
}
#lightbox .inner .textinner {
	display:block;
	padding:5px;
	margin-top:10px;
}
#lightbox .inner .bildlast {
	display:block;
	float:left;
}
#lightbox .inner .bildlast a {
	color:#990000;
	font-size:10px;
	line-height:18px;
	padding-left:25px;
	background:url(../images/last.gif) left no-repeat;
	text-decoration:none;
	display:block;
	height:22px;
}
#lightbox .inner .bildnext {
	display:block;
	float:right;
}
#lightbox .inner .bildnext a {
	color:#333;
	font-size:10px;
	line-height:18px;
	padding-right:25px;
	background:url(../images/next.gif) right no-repeat;
	text-decoration:none;
	display:block;
	height:22px;
}
#lightbox .inner .bildvon {
	display:block;
	clear:both;
	padding:5px;
	text-align:center;
	font-size:10px;
	color:#9e1f25;
}
#lightbox .inner .bildtitle {
	display:block;
	clear:both;
	padding:5px;
	text-align:center;
}
#preview {
	position:fixed;
	top:0px;
	left:0px;
	z-index:500;
	width:400px;
	height:300px;
	background:url(../images/preview_bg.png) no-repeat;
	display:none;
	padding:10px;
}
#preview .galtmp {
	width:402px;
	height:240px;
	padding-top:0px;
	padding-bottom:0px;
}
#preview .galtmp .content {
	width:402px;
	height:240px;
	padding-top:0px;
	padding-bottom:0px;
}
.galerie {
	width:402px;
}
.galerie .bigbild {
	width:402px;
	height:170px;
}
.galerie .bigbild img {
	border:1px solid #b9b9b9;
}
.galerie .thumbs  {
	margin-top:3px;
	margin-right:1px;
	width:286px;
	height:59px;
	overflow:hidden;
	white-space:nowrap;
	float:right;
}
.galerie .thumbs .thumb {
	width:170px;
	height:59px;
	display:inline;
	margin-right:1px;
}
.galerie .thumbs .thumb img {
	border:1px solid #c6c6c6;
}
.galerie .thumbs .thumb img:hover {
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
.galerie .screens {
	background:url(../images/screens_bg.gif) no-repeat;
	display:block;
	float:left;
	width:100px;
	height:59px;
	margin-top:10px;
}
.galerie .scroller {
	margin-left:115px;
	margin-top:4px;
	clear:both;
}
.galerie .scroller a.links {
	background:url(../images/pfeil_l.gif) no-repeat;
	float:left;
	display:block;
	width:8px;
	height:12px;
}
.galerie .scroller a.rechts {
	background:url(../images/pfeil_r.gif) no-repeat;
	margin-left:9px;
	float:left;
	display:block;
	width:8px;
	height:12px;
}
.galtmp {
	width:725px;
	padding-top:25px;
	padding-bottom:40px;
	background:url(../images/galtmp_bg.png) no-repeat;
}
.galtmp .content {
	width:750px;
}
.galtmp .content .bilder {
	width:402px;
	float:left;
}
.galtmp .content .text {
	width:303px;
	float:left;
	padding-left:20px;
	padding-top:0px;
	color:#4d4d4d;
	font-size:11px;
	line-height:16px;
	margin-bottom:25px;
}
.galtmp .content .text p {
	margin-bottom:15px;
}
.galtmp .content .text h3 {
	margin-bottom:20px;
}
.galtmp .content .text .datum {
	font-size:7px;
	margin-bottom:15px;
	letter-spacing:1px;
	color:#000000;
	background:url(../images/projektinfo.gif) no-repeat;
	padding-top:2px;
	padding-left:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.galtmp .bigtext {
	clear:both;
	width:725px;
	padding-top:50px;
	padding-bottom:10px;
	color:#4d4d4d;
	text-align:justify;
	font-size:11px;
	line-height:16px;
}
.galtmp .bigtext .bilder, .galtmp .bigtext .text {
	margin:0px;
	width:725px;
	display:block;
}
.galtmp .bigtext .bilder p {
	border:1px solid #b9b9b9;
	margin-bottom:0px;
	margin-top:0px;
	width:353px;
	float:left;
}
.galtmp .bigtext .bilder p.first {
	margin:0px;
	margin-right:15px;
}
.galtmp .bigtext .bilder p.big {
	margin:0px;
	margin-right:0px;
	width:723px;
}
.galtmp .bigtext .bilder p.last {
	margin:0px;
	margin-right:0px;
}
.galtmp .bigtext .text {
	padding:0px;
	margin:0px;
	color:#000000;
	margin-bottom:15px;
	background:#AAAAAA;
	clear:both;
}
.galtmp .bigtext .text p {
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
}
.galtmp .footer {
	width:302px;
	clear:both;
	border-bottom:1px solid #e3e3e3;
	padding-left:423px;
	margin-top:50px;
	padding-bottom:6px;
}
.galtmp .footer a {
	margin-right:10px;
}
/*NAV*/
.nav1 {
	font-family:Arial Narrow ,Microsoft Sans Serif , Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:-1px;
	text-decoration:none;
}
.nav1 ul  {
	list-style:none;
}
.nav1 ul li {
	display:block;
	float:left;
}
.nav1 ul li a {
	color:#94171c; 
	letter-spacing:0px;
	display:block;
	font-size:16px;
	text-decoration:none;
}
.nav1 ul li a .sub {
	font-size:11px; 
	letter-spacing:0px; 
	margin-top:-4px;
	display:block;
	color:#666666;
	text-decoration:none;
}
.startseite h2 {
	font-family:Arial Narrow, Microsoft Sans Serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:35px;
	margin-bottom:30px;
	line-height:35px;
}
.startseite p {
	margin-bottom:10px;
	font-size:12px;
	color:#242424;
	line-height:20px;
}
.startseite p.small {
	font-size:10px;
	line-height:17px;
}
.startseite .left {
	float:left;
	width:450px;
	padding-right:20px;
	border-right:1px solid #b1b1b1;
}
.startseite .left .projekte h3 {
	margin-top:20px;
	margin-bottom:18px;
}
.startseite .left .projekte h4 {
	margin-top:18px;
	margin-bottom:10px;
	font-family:Arial Narrow ,Microsoft Sans Serif , Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:15px;
	padding:4px;
}
.startseite .left .projekte p {
	font-size:10px;
	line-height:14px;
	padding:4px;
	height:60px;
}
.startseite .left .projekte p.readmore {
	height:auto
}
.startseite .left .projekte .spalte {
	display:block;
	width:140px;
	float:left;
	padding:0px;
	margin:0px;
	margin-right:10px;
}
.startseite .left .projekte .spalte .inner {
	width:146px;
	background-color:#bebebe;
}
.startseite .left .projekte .spalte .inner img {
	border:1px solid #FFFFFF;
}
.startseite .right {
	float:left;
	width:272px;
	padding-left:25px;
	display:block;
}
.startseite .right p.probild img {
	border:1px solid #b7b7b7;
	margin-bottom:5px;
	padding:2px;
}
.startseite .right p.engagieren {
	margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
}
.startseite .right p.rechts {
	text-align:right;
}
.startseite .right p.readmore {
	text-align:right;
	margin-bottom:45px;
}
.startseite .right p.readmore a {
	width:242px;
	color:#9e1f25;
	font-size:14px;
	line-height:18px;
	text-decoration:underline;
	padding-right:35px;
	display:block;
	height:18px;
	background:url(../images/startseite/readmore.gif) right no-repeat;
}
.startseite .right p.readmore a:hover {
	color:#000000;
}
.startseite .left p.readmore {
}
.startseite .left p.readmore a {
	color:#9e1f25;
	font-size:12px;
	line-height:18px;
	text-decoration:underline;
	padding-left:24px;
	display:block;
	height:18px;
	background:url(../images/startseite/readmore2.gif) left no-repeat;
}
.startseite .left p.readmore a:hover {
	color:#000000;
}
.startseite .right .testimonials {
	border-top:1px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	padding-top:10px;
	padding-bottom:15px;
	margin-top:20px;
	margin-bottom:20px;
	line-height:120%;
	font-size:10px;
}
.startseite .right .testimonials img {
	margin-right:8px;
}
.startseite .right h2 {
	color:#9e1f25;
}
.startseite .left .spalte {
	width:48%;
	float:left;
	margin-bottom:25px;
	margin-top:25px;
}
.startseite .left .spalte ul {
	margin-top:24px;
}
.startseite .left .spalte ul li {
	margin-left:20px;
	list-style-image:url(../images/kompetenz/pfeil.gif);
	line-height:20px;
}
.projekte {
	width:700px;
}
.projekte h2 {
	font-family:Arial Narrow, Microsoft Sans Serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:35px;
	margin-bottom:30px;
	line-height:35px;
}
.projekte p {
	margin-bottom:10px;
	font-size:12px;
	color:#242424;
	line-height:20px;
}
.projekte .pros {
	width:700px;
}
.projekte .pros .spalte {
	width:700px;
/*	float:left;*/
}
.projekte .pros .spalte .inner {
	padding-right:10px;
}
.projekte .pros .spalte .inner p {
	display:block;
	width:136px;
	height:93px;
	float:left;
	margin:0px;
	padding:0px;
}
.projekte .pros .spalte .inner h3 {
	clear:both;
	margin-top:10px;
	margin-bottom:1px;
	background:#aaaaaa;
	padding-left:5px;
	padding-top:5px;
	width:675px;
}
.projekte .left .spalte ul {
	margin-top:24px;
}
.projekte .left .spalte ul li {
	margin-left:20px;
	list-style-image:url(../images/kompetenz/pfeil.gif);
	line-height:20px;
}
.startseite .partner {
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
.startseite .partner ul li {
	margin:0px;
	padding:0px;
}
.startseite .partner .right li img {
	float:left;
}
.startseite .partner .left {
	float:left;
	width:80px;
	padding:0;
	padding-right:18px;
	border:none;	
}
.startseite .partner .right {
	float:left;
	width:163px;
	padding:0;
}
.startseite .partner .right img {
	margin-bottom:15px;
}
.startseite .partner .right a {
	text-decoration:none;
	color:#666666;
}
.startseite .partner .right a:hover {
	color:#9e1f25;
}
.startseite .right h3 {
	margin-top:40px;
	margin-bottom:15px;

}
.startseite .right .partner h3 {
	font-family:Arial Narrow, Microsoft Sans Serif, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#333333;
	font-stretch:condensed;
	letter-spacing:0px;
	font-size:20px;
	margin-bottom:30px;
	line-height:35px;
}
.startseite .right .partner ul li {
	list-style:none;
}
.startseite .right .adresse {
	/*border-top:1px solid #CCCCCC;
	padding-top:9px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:9px;*/
	margin-bottom:17px;
}
.startseite .right .adresse p {	
	margin:0;
	padding:0;
	line-height:130%;
}
.startseite .right .icon img {
	float:left;
}
#map {
	width:272px;
	height:200px;
	display:block;
}
#map .bubble {
}
#map .bubble h3{
	margin:0px;
	padding:0px;

}
#kontaktform {
	padding-top:25px;
	width:400px;
}
#kontaktform p.error {
	margin-left:70px;
	color:#990000;
}
#kontaktform .data1 {
	border-top:1px solid #b9b9b9;
	padding-top:15px;
	padding-bottom:10px;
	clear:both;
}
#kontaktform .data1 p label {
	display:block;
	float:left;
	width:70px;
}
#kontaktform .data1 p input {
	display:block;
	float:left;
	width:320px;
	background:#ffffff;
	border:1px solid #ababab;
	height:16px;
	line-height:16px;
}
#kontaktform .data1 p input.error {
	background:#ffd1d1;
}

#kontaktform .data1 p {
	clear:both;
	height:18px;
}
#kontaktform .data2 {
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	padding-top:15px;
	padding-bottom:10px;
	clear:both;
}
#kontaktform .data2 p label {
	display:block;
}
#kontaktform .data2 p label .abstand {
	padding-left:40px;
}
#kontaktform .data2 p textarea {
	display:block;
	width:320px;
	height:170px;
	background:url(../images/kontakt/textarea_bg.jpg) no-repeat bottom left #ffffff;
	border:1px solid #ababab;
	margin-top:10px;
	margin-left:70px;
}
#kontaktform .data2 p textarea.error {
	background:url(../images/kontakt/textarea_bg_err.jpg) no-repeat bottom left #ffffff;
}
#kontaktform .data2 p input {
	display:block;
	width:70px;
	height:21px;
	background:url(../images/kontakt/senden.jpg) no-repeat;
	border:none;
	margin-top:10px;
	margin-left:320px;
	padding:0px;
	color:#ffffff;
	font-size:12px;
	cursor:pointer;
}




#newsletterform {
	padding-top:25px;
	width:400px;
}
#newsletterform p.error {
	margin-left:70px;
	color:#990000;
}
#newsletterform .data {
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	padding-top:15px;
	padding-bottom:10px;
	clear:both;
}
#newsletterform .data p label {
	display:block;
	float:left;
	width:70px;
}
#newsletterform .data p input {
	display:block;
	float:left;
	width:320px;
	background:#ffffff;
	border:1px solid #ababab;
	height:16px;
	line-height:16px;
}
#newsletterform .data p select {
	display:block;
	float:left;
	width:320px;
	background:#ffffff;
	border:1px solid #ababab;
}
#newsletterform .data p input.submit {
	display:block;
	width:70px;
	height:21px;
	background:url(../images/kontakt/senden.jpg) no-repeat;
	border:none;
	margin-top:10px;
	margin-left:320px;
	padding:0px;
	color:#ffffff;
	font-size:12px;
	cursor:pointer;
}
#newsletterform .data p input.error, #newsletterform .data p select.error {
	background:#ffd1d1;
}

#newsletterform .data p {
	clear:both;
	height:18px;
}
.impressum p.first {
	width:100px;
	float:left;
	margin:0px;
	padding:0px;
}
.impressum p.last {
	float:left;
	clear:none;
	margin:0px;
	padding:0px;
}
.routeform {
	margin-bottom:20px;
}
.routeform input {
	display:block;
	width:202px;
	background:#ffffff;
	border:1px solid #ababab;
	height:16px;
	line-height:16px;
	float:left;
}
.routeform input.submit {
	display:block;
	width:50px;
	height:18px;
	line-height:13px;
	background:url(../images/kontakt/route.jpg) no-repeat;
	border:none;
	padding:0px;
	color:#ffffff;
	font-size:12px;
	cursor:pointer;
	float:left;
}
.routeform input.google {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/kontakt/g_button.jpg) no-repeat;
	border:none;
	padding:0px;
	color:#ffffff;
	font-size:12px;
	cursor:pointer;
	float:left;
}