﻿@charset "utf-8";


* {
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #ef4135;
}
	
html {
	height: 100%;
	min-width: 1010px;
}

body {
	background-color: #FFFFFF;
	padding: 80px 0 20px 80px;
	margin: 0px;
}


/*
*	Allgemein
*/
img{
	border: none;
}

a{
	text-decoration: none;
}

h2, strong{
	text-transform: uppercase;
}

h2{
	font-size: 14px;
}


h3{
	text-transform: uppercase;
	font-size: 14px;
	margin:0;
	padding:0;
}

li a.navCurrent{
	color: #b4beb3 !important;
}

.gross{
	text-transform: uppercase;
	font-size: 12px;
}
.ap{
	text-transform: uppercase;
}


/*
*	Layout
*/
.navigation{
	padding-top: 50px;
	float: left;
	width: 314px;
}
.naviTop{
	height: 375px;
}

.content{
	padding-top: 36px;
	float: left;
	min-width: 520px;
	max-width: 815px;
	line-height: 19px;
}
.dockLeft{
	width: 465px;
	float: left;
}
.dockLeft a:hover{
	color: #b4beb3;
}

.dockRight{
	float: left;
	padding-left: 60px;
}
.footer{
	clear: both;
	padding-top: 50px;
	text-transform: uppercase;
}
.footer span{
	padding-right: 20px;
	font-size: 11px;
}
.footer span.cufon{
	padding-right: 0px;
	font-size: 11px;
}



/*
*	Navigation
*/
.mainNavi{
	float: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 3px 30px 3px 3px;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.navigation a div.smallNavi:hover, .navigation a div.mainNavi:hover, .navigation div.navCurrent{
	background-color: #b4beb3;
}

.profil{
	background-color: rgb(227,50,40);
}

.leistungen{
	background-color: rgb(241,100,93);
}

.referenzen{
	background-color: rgb(230,69,68);
}

.aktuelleprojekte{
	background-color: rgb(244,120,54);
}

.termine{
	background-color: rgb( 237,23,79);
}

.presselounge{
	background-color: rgb(215,25,32);
}

.kontakt{
	background-color: rgb(233,130,156);
}

/*
*	Sprachauswahl - Impressum
*/



.smallNavi{
	float: left;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: rgb(204,51,51);
	padding: 4px 40px 2px 10px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

/*
*	Subnavigation
*/

div.subNavi * a:hover{
	color: #b4beb3 !important;
}


div.subNavi.sprofil a{
	color: rgb(204,51,51);
}

div.subNavi.sleistungen a{
	color: rgb(241,100,93)
}

div.subNavi.sreferenzen a{
	color: rgb(230,69,68)
}

div.subNavi.saktuelleprojekte a{
	color: rgb(244,120,54);
}
0
div.subNavi.stermine a{
	color: rgb(237,23,79);
}

div.subNavi.spresselounge a{
	color: rgb(215,25,32);
}

div.subNavi.skontakt a{
	color: rgb(233,130,156);
}




.subNavi{
	display:none;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.subNavi a{
	color: #e3312a;
}

.subNavi a:hover{
	color: #b4beb3;
}

.subNavi ul{
	font-size: 8px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-top: 8px;
	padding-bottom: 8px;
}
.subNavi li{
	padding-left: 10px;
	padding-bottom:5px;
}
.showSubNavi{
	display: block;
}
.showSubNavi a{
	font-size: 11px;
}


/*
*	Home
*/
p.home{
	position:relative;
	top:-12px;
}
.home{
	font-size: 24px;
	text-transform: uppercase;
	line-height: 38px;
}
.home .cufon{
	margin-bottom: 10px;
}
.home strong{
	font-size: 24px;
}



/*
*	Termine
*/

.termin, .termin *{
	text-transform: uppercase;
	color: #e00c40;
	font-size: 15px;
}
.termin em{
	color: #727c76;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-style: normal;
}
.datum{
	font-size: 23px;
}
.termin u{
	text-transform: none;
	font-size: 13px;
	text-decoration: none;
}
.terminSpacer{
	height: 5px;
	line-height: 5px;
}

/*
*	Projekte
*/
.protitel{
	color: #ea662b;	
	font-weight: bold;
	text-transform: uppercase;
}

.projekte{
	float: left;
	color: #ea662b;
	width: 285px;
	padding-bottom: 20px;
}
em{
	font-style: normal;
	color: #727c76;
}


/*
*	Sonstiges
*/
a{
	border: none;
}
a div.download{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12px;
	background-color: #727c76;
	margin-top: 5px;
	padding: 2px 0 1px 6px;
	width: 165px;
}
.profilBild{
	position:absolute;
	left: 920px;
}


/*
*	 Text-Farben
*/
.sprofil, .sprofil *{
	color: rgb(204,51,51);
}

.sleistungen, .sleistungen *{
	color: rgb(241,100,93)
}

.sreferenzen, .sreferenzen *{
	color: rgb(230,69,68)
}

.saktuelleprojekte, .saktuelleprojekte *{
	color: rgb(244,120,54);
}

.stermine, .stermine *{
	color: rgb(237,23,79);
}

.spresselounge, .spresselounge *{
	color: rgb(215,25,32);
}

.skontakt, .skontakt *{
	color: rgb(233,130,156);
	font-size: 14spx;
	font-weight: bold;
	text-transform: uppercase;
}
.skontakt p span{
	font-weight: normal;
}

.skontakt a:hover{
	color: #B4BEB3;
}
.kontci *{
	font-size: 18px;
}

/*
*	Referenzen
*/

.upperReferenz{
	text-transform: uppercase;
}
.ref{
	font-size: 21px;
/*	margin-bottom:50px;*/

	letter-spacing: 0.5px;
}
.ref *{
	margin-bottom: 10px !important;
}
.refabstand{
/*	line-height:30px;*/
	line-height: 1.43em;
	height: 30px;
}
/*
*	Presse
*/

.loginBox{
	background-color: #f1f3f0;
	border: none;
	width: 416px;
	height: 28px;
	font-size: 22px;
	line-height: 20px;
	padding: 8px;
	color: #727c76;
	margin-top:12px;
}
.loginButton{
	background-color: #727c76;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 110px;
}
.loginLabel{
	color: rgb(198,17,27);
	font-size: 24px;
}
.loginButton:hover{
	background-color: #b4beb3;
	cursor: pointer;
}
.registrieren{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(198,17,27);
}

/*
*	Pressetexte
*/

.pressDate{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

.pressTitle{
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;	
}

.pressDownload{
	float: left;
	width:260px;
	font-weight: bold;
	margin-bottom: 5px;
	
}
.pressDownloadRight{
	float: right;
	text-align: right;
}
a.downloadBox	{
	background-color:#727C76;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
	margin-left:8px;
	padding:3px 30px 1px 6px;
	text-transform:uppercase;
	width:165px;
}
a.downloadBox:hover{
	background-color: #B4BEB3;
}

a.pressText, a.pressText *{
	color: #727c76;
	text-decoration: none;
}
hr{
	border: none;
	border-top: 1px solid #b4beb3;
	clear: both;
}

.regBox{
	background-color: #f1f3f0;
	border: none;
	width: 416px;
	height: 20px;
	font-size: 14px;
	line-height: 11px;
	padding: 2px;
	color: #727c76;
}

.error{
	font-size: 20px;
	padding-left:6px;
}


/*
*	Pressebilder
*/
.pressebilder{
	font-size: 14px;
	color: rgb(122,124,118);
	text-transform: uppercase;
	line-height: 20px;
}
.pressebilder span.cufon{
	margin-bottom: 5px;
}
.spacer{
	height: 10px;
}
a.bilderDownload{
	text-transform: uppercase;
	float:left;
	margin-right: 150px;
}
a.bilderDownload div{
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding-left: 5px;
	width: 145px;
	height: 13px;
	background-color: rgb(215,25,32);
	margin-top: 18px;
	padding-bottom: 4px;
}

a.bilderDownload:hover div{
	background-color: #b4beb3;
}

/*
*	Pressebilder
*/

.pressImg{
	float:left;
	width: 90px;
	height: 110px;
	background-color: #B4BEB3;
	margin-right: 20px;
	margin-bottom: 25px;
	overflow: hidden;
}
div.pressInfo{
	color: #B4BEB3;
	float: left;
}

strong span.cufon-canvas {
	position: relative;
	top: -1px;
}
a:hover div.download{
	background-color: #b4beb3;
}