* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color: #000;
font-family:Arial, Helvetica, sans-serif;
color:#C3C3C3;
font-size:12px;
line-height:16px;
font-weight:bold;
}
#distance { 
width:1px;
height:50%;
margin-bottom:-325px; /* half of page's height */
float:left;
}
#page {
margin:0 auto;
position:relative; /* puts container in front of distance */
width:750px;
height:650px;
clear:left;
}
#topLogo {
width:750px;
height:147px;
text-align:right;
}
#contentWrap {
width:750px;
height:415px;
}
#imgBoxStart {
width:420px;
height:415px;
background-image:url(../_img/bg_rahmenStart.jpg);
background-repeat:no-repeat;
float:left;
}
#imgBoxInhalt {
width:420px;
height:415px;
float:left;
}
#contentBox {
width:330px;
height:415px;
float:left;
}
h2 {
font-size:24px;
font-weight:normal;
}
.zweiZeilenH2 { line-height:28px; margin-top:-5px; }
.h2rechts {
font-size:39px;
line-height:42px;
font-weight:normal;
margin-top:204px;
text-align:right;
}
.h2franz { font-size:37px; }
.blocksatz { height:207px; color:#FFF; text-align:justify; margin-top:30px; font-size:14px; font-weight:normal; }
.blocksatz a:link, .blocksatz a:visited { text-decoration:underline!important; font-weight:bold; }
.blocksatz a:hover, .blocksatz a:active { text-decoration:none!important; }
.spalteLinks { width:150px; float:left; text-align:left; }
.spalteRechts { width:180px; float:left; margin-bottom:20px; text-align:left; }
.rechts { text-align:right; }

#breadcrumb { margin:16px 0 22px 0;}
.breadcrumbCompany { color:#FFF; }
a:link, a:visited { color:#C3C3C3; text-decoration:none; }
a:hover, a:active { color:#FFF; text-decoration:none; }

/* ///// Manin Navigation /////*/
#mainNavWrap {
width:750px;
height:90px;
}
#mainNavBox{
width:665px;
float:left;
}
.mainCurrent a { color:#FFF!important;}
#sprachen {
width:85px;
height:90px;
float:left;
text-align:right;
}
#sprachen a:link, #sprachen a:visited {
color:#C3C3C3;
line-height:12px;
padding: 0 8px;
border-right: 1px solid #C3C3C3;
text-decoration:none;
}
#sprachen a:hover, #sprachen a:active {
color:#FFF;
}
#sprachen a#currentSprache {
color:#FFF;
cursor:default;
}

/* ///// Referenzen / Google Map ///// */
#refNavBox{ width:330px; }
#refSpalteLinks { width:180px; float:left; }
#refSpalteRechts { width:150px; float:left; }

.refThemenLinks {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	padding: 0;
	text-align: left;
	line-height: normal;
}
.refThemenRechts {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	padding: 0;
	text-align: left;
	line-height: normal;
}
.refThemenLinks li, .refThemenRechts li {
	list-style-type: none;
}
.refThemenLinks a, .refThemenRechts a {
	display: block;
	text-decoration: none;
	padding: 2px 0;
	color: #C3C3C3 !important;
	text-align: left;
}
.refThemenLinks a:hover, .refThemenRechts a:hover { color: #FFF !important; }

#refSpalteLinks .marker { color: #FFF !important; }

#refImg{
width:310px;
height:310px;
background-image:url(../_img/bg_rahmenInhalt.jpg);
background-repeat:no-repeat;
margin-bottom:8px;
}
#refImg img, #refImg #map {
padding:21px;
/*width:268px;
height:268px;*/
font-weight:normal;
color:#000;
}

#refImg #map a:link, #refImg #map a:visited { color:#000; }
#refImg #map a:hover, #refImg #map a:active { text-decoration:underline; }

/*
Links
*/
.links { color:#FFF; font-size:14px; font-weight:normal; }
.links a:link, .links a:visited { }
.links a:hover, .links a:active { }
.linksSpalteLinks { width:155px; float:left; }
.linksSpalteRechts { width:175px; float:left; margin-bottom:20px; }

#linksLogos {
padding:21px;
width:268px;
height:268px;
}
#linksLogosLinks {
width:115px;
height:242px;
float:left;
background-color:#9d9d9e;
padding:13px 6px 13px 13px;
}
#linksLogosRechts {
width:115px;
height:242px;
float:left;
background-color:#9d9d9e;
padding:13px 13px 13px 6px;
}
#linksLogosLinks img, #linksLogosRechts img {
padding:0;
}
#refImgNavBox {
width:310px;
text-align:right;
}
#refImgNavBox ul li{
float:right;
}
#refImgNavBox .p7PMMh04 ul a.pmmfirst {  }
#refImgNavBox .p7PMMh04 ul a.pmmlast { border-right:1px solid #C3C3C3; }

#p7PMM_3 a:link img, #p7PMM_3 a:visited img {
padding:0 0 0 10px!important;
vertical-align:middle;
opacity: .6;
filter: alpha(opacity=60);
}
#p7PMM_3 a:hover img, #p7PMM_3 a:active img {
opacity: 1;
filter: alpha(opacity=100);
}
/*
Referenzen Beschreibung
*/
#refBeschreibung {
width:330px;
height:100px;
color:#FFF;
}
.werWasWann {
width:100px;
float:left;
}
.werWasWannRechts {
width:230px;
float:left;
}
/*
Referenzen Auswahl / Vorschaubilder
*/
.refAuswahlBox {
width:330px;
height:65px;
font-size:11px;
line-height:13px;
}
.refAuswahlBox a { font-weight:normal;}

.refAuswahl {
width:75px;
height:65px;
float:left;
padding-right:10px;
}
.refAuswahl3Spalten {
width:102px;
height:65px;
float:left;
padding-right:12px;
}
.refAuswahlLast {
padding-right:0;
}
.refAuswahlLastFranz {
padding-right:0;
height:75px;
}
.refAuswahlFranz {
height:75px;
}
.refAuswahl a:link img, .refAuswahl a:visited img, .vorschau a:link img, .vorschau a:visited img, .refAuswahl3Spalten a:link img, .refAuswahl3Spalten a:visited img {
border:1px solid #C3C3C3;
opacity: .7;
filter: alpha(opacity=70);
margin-bottom:1px;
font-weight:normal;
}
.refAuswahl a:hover img, .refAuswahl a:active img, .vorschau a:hover img, .vorschau a:active img, .vorschau a#currentVorschau img, .refAuswahl3Spalten a:hover img, .refAuswahl3Spalten a:active img, .marker a:link img, .marker a:visited img {
border:1px solid #FFF;
opacity: 1;
filter: alpha(opacity=100);
}
.marker a:link, .marker a:visited {
color:#FFF!important;
}
.vorschau a#currentVorschau img, .refAuswahl3Spalten a#currentVorschau img {
border:1px solid #FFF;
opacity: 1;
filter: alpha(opacity=100);
cursor:default;
}
.vorschau a#currentVorschau, .refAuswahl3Spalten a#currentVorschau { color:#FFF!important; cursor:default; font-weight:normal; }

.zurUebersicht { margin-top:7px; }
.vorschau { width:153px; float:left; font-size:14px; font-weight:normal; line-height:18px; }
.abstand { width:20px; float:left; }
#websiteTitle { display:none; }
h1, h2, h3, h4, h5 { color:#fff; }
#pageTitle h2{
margin:0;
padding:5px 20px 0 84px;
font-size:0.875em;
letter-spacing:0.125em;
text-transform:uppercase;
}

/* ///// clear FLOAT ///// */
.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearfloat{ clear:both; }
/* ///// ENDE clear FLOAT ///// */

/*
Tooltip
*/
#tooltip{
	position:absolute;
	border:1px solid #999;
	background:#ccc;
	padding:2px 5px;
	color:#000;
	display:none;
	text-align:center;
}