html { background: #707173; }

body { 
  background: #707173 url("images/public/background/body_background.gif") no-repeat center bottom;
  color: #004181;
}

div#footer { 
  background: #FAA61A url("images/public/bullet_white_on_orange.gif") no-repeat center center;
  color: #fff;
  font-size: 0.8em;
  border-top: 6px solid #fff;
}

div#footer div.trier { float: left; }

div#footer div.luxemburg { float: right; }

/***** Navigation *****/

ul#navigation { background: url("images/public/background/navigation.gif") no-repeat left bottom; }

ul#navigation li { float: left; margin: 0.4em 1em 0 0.3em; }

ul#navigation li a {
  color: #004181;
  font-family: "Arial Narrow", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}

ul#navigation li a:hover { color: #003569; text-decoration: underline; }

ul#navigation li.active a { font-weight: bold; text-decoration: underline; }

/***** Überschriften *****/

h1 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.75em; }

h2 { font-size: 1.10em; font-weight: bold; margin-bottom: 0.75em; }

h3 { font-size: 1.05em; font-weight: bold; margin-bottom: 0.75em; }

h4 { font-size: 1em; font-weight: normal; font-style: italic; padding-bottom: 0.3em; margin-bottom: 0.3em; border-bottom: 1px solid #004181; }

/***** Abschnitte *****/

p { font-size: 0.85em; line-height: 1.4; margin-bottom: 0.6em; }

/***** Sonstiges *****/

strong { font-weight: bold; }
div.clearboth { clear: both; height: 0; }

/***** Links *****/

a { color: #004181; text-decoration: underline; }

a:hover { color: #0074E8; }

/**** VCards *****/

div.vcard { background: #EBF0F5; padding: 8px; width: 16em; line-height: 1.3; font-size: 0.9em; margin-bottom: 0.6em; }

div.vcard div.org { font-weight: bold; font-size: 1.05em; }

div.vcard div.adr { margin-bottom: 0.6em; }

p.director_de { float: left; }

p.director_lu { float: left; margin-left: 350px; }

/***** Thickbox *****/

div#TB_overlay { background-color: #707173 !important; }
div#TB_window { border-color: #004181 !important; }
div#TB_closeWindow { display: none !important; }

div#TB_caption { 
  text-align: center !important; 
  padding: 5px 0 0 0!important;
  width: 100% !important;
}

div#TB_secondLine {
  color: #001E3C !important;
  font-weight: bold !important;
  font-size: 1.1em !important;
}

span#TB_imageCount { display: block; margin: 0 6em; text-align: center; }
span#TB_prev { margin-right: 10px !important; float: left !important; display: block !important; width: 5.5em !important; }
span#TB_next { margin-left: 10px !important; float: right !important; display: block !important; width: 5.5em !important; }
span#TB_prev a, span#TB_next a { color: #004181 !important; text-decoration: underline; }
span#TB_prev a:hover, span#TB_next a:hover { color: #0074E8 !important; }
div#TB_window img#TB_Image { border: none !important; }

a.thumb { display: block; height: 129px; overflow: hidden; margin-bottom: 8px; }

a.thumb img.lupe {
  background: url('images/public/icons/lupe.png') no-repeat bottom right;
  z-index: 1;
  position: relative;
  left: 99px;
  top: -38px;
  width: 30px;
  height: 30px;
}

/* CSS-Datei specific/leistungen.css **/

ul.leistungen { list-style-type: square; margin: 0 0 1em 16px; line-height: 1.4; font-size: 0.85em; }

div.leistungen1 { float: left; width: 290px; }

div.leistungen2 { margin-left: 320px; margin-right: 320px; }

ul.leistungen3 { float: right; height: 650px; width: 290px; margin: 0; padding: 0; list-style-type: none; }

ul.leistungen3 li { margin: 0; padding: 0; }

h1.leistungen { margin-bottom: 20px; }

ul.sprachwahl { float: right; }

ul.sprachwahl li { float: left; margin-left: 6px; }


div.info {
  clear: both;
  background-color: #FDE4BA;
  border: 1px solid #FAA61A;
  padding: 10px;
  margin: 10px 0 4px 0;
  font-size: 0.85em;
}

/* CSS-Datei specific/kontakt.css **/

ul.firmenwahl { margin-bottom: 10px; }

ul.firmenwahl li { line-height: 25px; clear: left; margin-bottom: 10px; }

ul.firmenwahl img { float: left; margin-right: 10px; }

div.vcard.kontakt { float: right; }

form#kontaktformular p { clear: left; line-height: 2; }
form#kontaktformular p label { display: block; float: left; width: 8em; }
form#kontaktformular p input { float: left; width: 18em; height: 1.6em; line-height: 1.6em; border: 1px solid #4c7aa7; }

form#kontaktformular p label.error { 
  border: 1px solid #faa61a; 
  background-color: #fde4ba;
  color: #004181; 
  margin-left: 1em; 
  padding: 0.3em 0.5em; 
  line-height: 1;
  width: 18.8em; 
  font-size: 0.85em;
}

form#kontaktformular p input.anrede { float: none; margin-right: 0.3em; width: auto; }

form#kontaktformular p input#beratung, form#kontaktformular p input#angebot,
form#kontaktformular p input#rueckruf { 
  float: none;
  margin-left: 8.2em;
  width: auto;
}

form#kontaktformular p.anrede {
  margin-left: 8.2em;
  line-height: 1;
}

form#kontaktformular p input.anrede { line-height: 1; height: auto; }

form#kontaktformular p textarea {
  margin: 0.3em 0 0 8.4em;
  width: 18.4em;
  border: 1px solid #4c7aa7;
}

form#kontaktformular label.plz { width: 3em; text-align: left; }
form#kontaktformular label.ort { width: 5em; text-align: left; }

form#kontaktformular input#plz { width: 3.2em; margin-right: 0.4em; }
form#kontaktformular input#ort { width: 14.3em; }

form#kontaktformular input.error { border: 1px solid #faa61a; }

form#kontaktformular input.submit { 
  margin-left: 8.2em; 
  background-color: #faa61a; 
  color: #004181; 
  border: none;
}

form#googlemaps input.submit {
  background-color: #faa61a; 
  color: #004181;
  border: none;
  margin-left: 0.1em;
  padding-top: 0.2em;
}

div.notice {
  background-color: #FDE4BA;
  border: 1px solid #FAA61A;
  margin-bottom: 8px;
  padding: 9px;
  color: #004181;
  line-height: 1.3;
  width: 330px;
}

div.notice h2 {
  font-size: 0.9em;
}

div.gmnoprint div div {
  font-size: 14px;
}

.lu div.gmnoprint div div {
  width: 200px;
  margin-left: 70px;
}

/* CSS-Datei specific/news.css **/

div#news_full {
  margin: 8px 8px 0 0;
}

div#news_full div.news {
  background-color: #FDE4BA;
  border: 1px solid #FAA61A;
  margin-bottom: 8px;
  padding: 9px;
  color: #004181;
  line-height: 1.3;
}

div#news_full div.news:hover {
  background-color: #FDDBA3;
}

div#news_full div.news h2 { background: none; color: #004181; font-size: 0.95em; font-weight: bold; padding: 0; }
div#news_full div.news p { font-size: 0.85em; }
div#news_full div.news a { color: #004181; font-weight: bold; }

.news ul li { width: 129px; height: 129px; margin: 0 10px 0 0; float: left; font-size: 0.75em; font-weight: bold; }

.news ul li img.lupe { top: -30px; }

.news .spacer { clear: left; height: 0; }

/* CSS-Datei specific/projekte.css **/

div.thumbs { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 129px;
  margin: 8px;
}

div.thumbs img {
  display: block;
  margin-bottom: 8px;
}

div.projekt_header, div.projekt_description { 
  margin-left: 137px;
  margin-right: 292px;
}

div.projektauswahl {
  float: right;
  width: 282px;
  margin: 0 0 4px 0;
  background-color: #FDE4BA;
  border: 1px solid #FAA61A;
  padding: 0 0 9px 0;
  color: #004181;
  line-height: 1.3;
}

div.projektauswahl h2 {
  font-size: 0.95em;
  margin: 9px;
}

div.projektauswahl ul li { padding: 0 9px 0 9px; font-size: 0.80em; line-height: 1.4; margin: 0.2em 0; }

div.projektauswahl ul li:hover {
  background-color: #FDDBA3;
}

div.projektauswahl ul li.active { 
  background: #FAA61A;
}

div.projektauswahl ul li a { 
  background: url("images/public/bullet_orange_on_orange.gif") 0 0.35em no-repeat;
  text-decoration: none;
  padding-left: 44px;
  display: block;
}

div.projektauswahl ul li.active a {
  background-image: url("images/public/bullet_white_on_orange.gif");
  color: #fff;
  font-weight: bold;
}

div.projekt_header { 
  background: #ebf0f5 url("images/specific/startseite/niederlassungen_bg.gif") repeat-x;
  height: 129px;
  margin-bottom: 8px;
}

div.projekt_header h2 { font-size: 1em; color: #fff; padding: 4px 4px 4px 9px; }

div.projekt_header p { padding: 0 9px 0 9px; }

div.projekt_header p.keywords { color: #001E3C; font-style: italic; margin-top: 8px; }

div.projekt_description ul { margin: 1em 0; }

div.projekt_description ul li { font-size: 0.9em; line-height: 1.3; list-style-type: square; margin-left: 1.2em; }

/* CSS-Datei specific/startseite.css **/

div#content div.willkommen_de {
  width: 485px;
  float: left;
}

div#content div.willkommen_lu {
  width: 438px;
  float: right;
}

div#content_area { margin-right: 308px; }

div#content_area h2 {
  background: #004181;
  color: #fff;
  padding: 4px;
  font-size: 0.9em;
  margin-bottom: 0;
}

div#news_area {
  width: 300px;
  position: absolute;
  top: 137px;
  right: 0;
  margin: 8px 8px 0 0;
}

div#news_area div.news {
  background-color: #FDE4BA;
  border: 1px solid #FAA61A;
  margin-bottom: 8px;
  padding: 9px;
  color: #004181;
  line-height: 1.3;
  height: 111px;
}

div#news_area div.news:hover {
  background-color: #FDDBA3;
}

img#akzente { 
  float: left;
  margin-right: 8px;
}

div.niederlassungen { margin-top: 8px; }
div.niederlassungen img { width: 129px; }
div.niederlassungen img.trier { float: left; }
div.niederlassungen img.wasserbillig { float: right; }

div#content_area div.niederlassungen h2 { background: none; }

div.niederlassungen div.adressen { margin-left: 8px; margin-right: 8px; }
div.niederlassungen div.adressen { 
  background: #ebf0f5 url("images/specific/startseite/niederlassungen_bg.gif") repeat-x;
}
div.niederlassungen div.adressen p { margin-bottom: 0.3em; }

div.niederlassungen div { float: left; font-size: 1em; padding: 4px; }
div.niederlassungen div.trier { width: 162px; }
div.niederlassungen div.luxemburg { width: 163px; text-align: right; }

div.leistungen { clear: left; margin-top: 4px; }
div.leistungen img.leistungen { width: 129px; float: left; margin-right: 4px; }
div#content_area div.leistungen h2 { 
  margin-left: 137px;
  background: #ebf0f5 url("images/specific/startseite/leistungen_bg.gif") repeat-x;
  padding: 8px 4px 8px 4px;
}

div.leistungen ul { 
  list-style-image: url("images/public/bullet_blue_on_white.gif"); 
  margin-left: 180px;
  margin-top: 4px;
  padding: 0;
}
div.leistungen ul li { 
  width: 220px; 
  float: left; 
  margin: 0; 
  padding: 0;
  line-height: 1.8;
}

img.maskottchen {
  position: relative;
  top: -3.5em;
  left: 530px;
}

div#news_area div.news h2 { background: none; color: #004181; font-size: 0.95em; font-weight: bold; padding: 0; }
div#news_area div.news p { font-size: 0.85em; }
div#news_area div.news a { color: #004181; font-weight: bold; }

/* CSS-Datei specific/unternehmen.css **/

div.unternehmen { float: right; }

ul.personen { margin: 1.1em 0; height: 13em; }

ul.personen li { float: left; width: 12em; text-align: center; font-size: 0.8em; }

ul.personen li img { display: block; margin-bottom: 0.3em; }

img.zeichnung { float: right; }

img.urkunde { display: block; text-align: center; margin: 0 auto; }
body {
  margin: 12px auto 0 auto;
  text-align: center;
  width: 950px;
  font-family: Helvetica, Arial, sans-serif;
  padding: 0 3px 15px 3px;
}

div#container {
  position: relative;
  text-align: left;
}

div#header {
  height: 100px;
  width: 950px;
}

div#header img.logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 4px 0 0 4px;
}

ul#navigation {
  height: 2em;
}

div#content {
  clear: left;
  padding: 8px 8px 0 8px;
  position: relative;
}

div#footer {
  clear: both;
  height: 1em;
  padding: 0.5em;
}