/* ************************************************************************** */
/* Stylesheet für www.sondermann-moeller.de                                   */
/*                                                                            */
/* Version 1.0 - 12.11.2009                                                   */
/*                                                                            */
/* (c) Copyright 2009 by Impression Media Dorsten - www.impressionmedia.de    */
/* ========================================================================== */
/* Versionshistorie                                                           */
/* (N = Neu; F = Fix; V = Verbesserung)                                       */
/* -------------------------------------------------------------------------- */
/* 1.0 - 06.11.2009: erste Fassung                                            */
/* ========================================================================== */
/* Outline                                                                    */
/* -------------------------------------------------------------------------- */
/* 01 | RESET | Basisstyles                                                   */
/* 02 | verwendete Farben                                                     */
/* 03 | Typographie                                                           */
/* 04 | Layout                                                                */
/* ************************************************************************** */



/* ************************************************************************** */
/* 01 | Reset & Basisstyles                                                   */
/* ************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

html * {
	font-size: 100.01%; /* alle Schriftgrößen auf Standard (16 Pixel) zurücksetzen */
	}



/* ************************************************************************** */
/* 02 | Farben                                                                */
/* ************************************************************************** */

body {
	background: #fff url(../img/bg-page.gif) top left repeat-x;
	}

#header {
	background: #fff;
	}

#footer ul li {
	background: #979f92;
	}

#footer a {
	color: #fff;
	}

#footer li a {
	color: #fff;
	}

#bauten-fuer-das-gesundheitswesen #footer li#fm-bauten-fuer-das-gesundheitswesen,
#bauten-fuer-das-gesundheitswesen-referenzliste #footer li#fm-bauten-fuer-das-gesundheitswesen,
#oeffentliche-bauten #footer li#fm-oeffentliche-bauten,
#oeffentliche-bauten-referenzliste #footer li#fm-oeffentliche-bauten,
#kulturbauten #footer li#fm-kulturbauten,
#kulturbauten-referenzliste #footer li#fm-kulturbauten,
#lehr-und-forschungsgebaeude #footer li#fm-lehr-und-forschungsgebaeude,
#lehr-und-forschungsgebaeude-referenzliste #footer li#fm-lehr-und-forschungsgebaeude {
	background: #f9b942;
	}



/* ************************************************************************** */
/* 03 | Typographie                                                           */
/* ************************************************************************** */

html * {
	color: #666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

body {
	font-size: 75%;
	}

#footer a {
	text-decoration: none;
	}

h2 {
	font-size: 116.667%;
	margin: 0 0 1.66em 28px;
	}

p {
	line-height: 1.66em;
	margin: 0 0 1.66em 28px;
	width: 50%;
	}

#k-tragwerksplanung p,
#k-brandschutzplanung p,
#k-waermeschutz p,
#k-schallschutz p,
#k-bauueberwachung p {
	width: 90%;
	}

#impressum p {
	line-height: 1.5em;
	margin: 0 0 1.2em 28px;
	width: 90%;
	}

#impressum h2 + p,
#aktuelles h2 + h3,
#stellenangebote  h2 + h3 {
	margin-top: 1.5em;
	}

#aktuelles h3,
#stellenangebote h3 {
	margin-left: 28px;
	}

/* ************************************************************************** */
/* 04 | Layout                                                                */
/* ************************************************************************** */



#page-wrapper {
	margin: 8px 0 0 12px;
	text-align: left;
	width: 939px;
	}

#header {
	height: 95px;
	position: relative;
	}

#header h1 {
	background: transparent url(../img/header-logo.jpg) 781px 20px no-repeat;
	height: 95px;
	text-indent: -11988px;
	}

#header h1 img {
	left: 12014px;
	position: relative;
	top: 25px;
	}

#header a.logo-link {
	border: none;
	height: 53px;
	left: 781px;
	position: absolute;
	text-decoration: none;
	top: 20px;
	width: 145px;
	}

#footer {
	clear: both;
	margin-top: 20px;
	}

#footer li {
	float: left;
	margin-left: 1px;
	width: 234px;
	}

#footer li.first {
	border: none;
	margin-left: 0;
	}

#footer li span {
	color: #fff;
	display: block;
	padding: 0.8em 1em 0.8em 1em;
	}

#footer p.impressum {
	clear: left;
	color: #979f92;
	font-size: 91.667%;
	line-height: 2em;
	margin: 6px 0 0 0;
	text-align: right;
	width: 100%;
	}

#footer p.impressum a {
	color: #979f92;
	}

#footer p.impressum a:hover {
	border-bottom: #979f92 1px solid;
	}

#main-content {
	clear: both;
	/*min-height: 600px;*/
	position: relative;
	}

img.teaser-img-left {
	}

img.teaser-img-right {
	margin-left: 2px;
	}

img.teaser-slogan {
	position: absolute;
	}

#startseite h2 {
	margin-top: 40px;
	}

#startseite img.teaser-slogan {
	left: 29px;
	top: 12px;
	}

#menue-kompetenzen {
	background: #fff;
	left: 781px;
	position: absolute;
	top: 12px;
	width: 148px;
	}

#menue-kompetenzen ul {
	font-size: 108.33%;
	line-height: 1.5em;
	padding: 10px;
	}

#menue-kompetenzen a {
	text-decoration: none;
	}

#menue-kompetenzen a:hover {
	border-bottom: #666 1px solid;
	}

h2.kategorie {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 27px;
	margin: 13px 0 18px 18px;
	}

h2.kategorie span {
	background: #979f92;
	color: #fff;
	padding: 6px 10px;
	}

ul#submenue-kategorien,
ul#submenue-aktuelles {
	font-size: 116.667%;
	margin: 18px 0 24px 18px;
	overflow: hidden;
	}

ul#submenue-kategorien *,
ul#submenue-aktuelles * {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

ul#submenue-kategorien li,
ul#submenue-aktuelles li {
	float: left;
	margin-right: 8px;
	}

ul#submenue-kategorien li a,
ul#submenue-aktuelles li a {
	display: block;
	text-decoration: none;
	padding: 6px 10px;
	}

ul#submenue-kategorien li a:hover,
#das-buero li#tab-das-buero a,
#bueroinhaber li#tab-bueroinhaber a,
#tragwerksplanung li#tab-tragwerksplanung a,
#brandschutzplanung li#tab-brandschutzplanung a,
#k-tragwerksplanung li#tab-tragwerksplanung a,
#k-brandschutzplanung li#tab-brandschutzplanung a,
#k-waermeschutz li#tab-waermeschutz a,
#k-schallschutz li#tab-schallschutz a,
#k-bauueberwachung li#tab-bauueberwachung a {
	background: #979f92;
	color: #fff;
	}

ul#submenue-aktuelles li a:hover,
#aktuelles li#tab-aktuelle-nachrichten a,
#archiv-2008 li#tab-archiv-2008 a {
	background: #979f92;
	color: #fff;
	}

#col-left,
#col-right {
	background: #fff;
	width: 50%;
	}

#col-left {
	float: left;
	}

#col-right {
	float: right;
	}

#col-left p,
#col-right p {
	width: auto;
	}

#col-left p {
	margin-right: 20px;
	}

#col-right p {
	margin-left: 20px;
	margin-right: 28px;
	}

div.line {
	border-top: #666 1px solid;
	clear: both;
	color: #666;
	height: 1px;
	margin: 0 28px 1em 28px;
	}

#mitarbeiter-galerie {
	border-bottom: #666 1px solid;
	position: relative;
	margin: 0 28px 24px 28px;
	overflow: hidden;
	padding-bottom: 18px;
	}

#mitarbeiter-galerie div.mitarbeiter {
	float: left;
	//margin-left: 55px;
	margin-left: 40px;
	width: 190px;
	}

#mitarbeiter-galerie div.z1-s1,
#mitarbeiter-galerie div.z2-s1 {
	margin-left: 0;
	}

#mitarbeiter-galerie div.z2-s1 {
	clear: left;
	}

#mitarbeiter-galerie div.z2-s1,
#mitarbeiter-galerie div.z2-s2,
#mitarbeiter-galerie div.z2-s3,
#mitarbeiter-galerie div.z2-s4 {
	margin-top: 18px;
	}

#mitarbeiter-galerie p {
	font-size: 91.667%;
	margin: 0;
	width: 179px;
	}

#mitarbeiter-galerie p.mitarbeiter-name {
	font-weight: bold;
	line-height: 16.5px;
	width: 190px;
	}

#mitarbeiter-galerie p.mitarbeiter-name span {
	font-size: 81.818%;
	line-height: 16.5px;
	}

#kontakt h3 {
	font-size: 116.667%;
	margin: 2em 0 0 28px;
	}

#referenz-galerie {
	background: #fff;
	/*height: 500px;*/
	margin-top: -265px;
	position: relative;
	width: 758px;
	}

/*
#referenz-galerie p {
	line-height: 1em;
	margin: 0 0 1em 28px;
	padding: 0;
	width: 90%;
	}
*/

#referenz-galerie p {
	width: 100%;
	}

div.referenzblock {
	clear: left;
	margin: 0 0 21px 18px;
	overflow: hidden;
	}

div.referenzblock img.ref-left,
div.referenzblock img.ref-right,
div.referenzblock div.legend {
	float: left;
	padding: 0;
	margin: 0;
	width: 232px;
	}

div.referenzblock img.ref-right {
	margin-left: 3px;
	}

div.referenzblock div.ref-legend {
	font-size: 91.667%;
	float: left;
	margin-left: 12px;
	width: 249px;
	}

div.referenzblock div.ref-legend p,
div.referenzblock div.ref-legend p.first-ref,
div.referenzblock div.ref-legend p.last-ref {
	border-bottom: #666 1px solid;
	line-height: normal;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	width: auto;
	}

div.referenzblock div.ref-legend p.first-ref {
	padding-top: 0;
	}

div.referenzblock div.ref-legend p.last-ref {
	border-bottom: none;
	}

div.referenzblock div.ref-legend p span {
	}

div.referenzblock div.ref-legend p span.caption {
	float: left;
	font-weight: bold;
	width: 5.3em;
	}

div.referenzblock div.ref-legend p span.daten {
	display: block;
	margin-left: 5.3em;
	}

ul#submenue-referenzen {
	font-size: 116.667%;
	margin: 0 12px 24px 18px;
	}

ul#submenue-referenzen * {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}

ul#submenue-referenzen li {
	line-height: 1.8em;
	margin-bottom: 0.5em;
	}

ul#submenue-referenzen li a {
	text-decoration: none;
	padding: 6px 10px;
	width: 500px;
	}

ul#submenue-referenzen li a:hover,
#bauten-fuer-das-gesundheitswesen li#tab-bauten-fuer-das-gesundheitswesen a,
#bauten-fuer-das-gesundheitswesen-referenzliste li#tab-bauten-fuer-das-gesundheitswesen a,
#oeffentliche-bauten li#tab-oeffentliche-bauten a,
#oeffentliche-bauten-referenzliste li#tab-oeffentliche-bauten a,
#kulturbauten li#tab-kulturbauten a,
#kulturbauten-referenzliste li#tab-kulturbauten a,
#lehr-und-forschungsgebaeude li#tab-lehr-und-forschungsgebaeude a,
#lehr-und-forschungsgebaeude-referenzliste li#tab-lehr-und-forschungsgebaeude a {
	background: #979f92;
	color: #fff;
	}

ul#submenue-referenzen li span {
	background: #979f92;
	color: #fff;
	float: right;
	display: none;
	padding: 2px 10px 2px 10px;
	margin-right: 152px;
	}

ul#submenue-referenzen li span a {
	padding-left: 0;
	padding-right: 0;
	}

#bauten-fuer-das-gesundheitswesen span#awr-bauten-fuer-das-gesundheitswesen,
#oeffentliche-bauten span#awr-oeffentliche-bauten,
#kulturbauten span#awr-kulturbauten,
#lehr-und-forschungsgebaeude span#awr-lehr-und-forschungsgebaeude,
#bauten-fuer-das-gesundheitswesen-referenzliste span#awr-bauten-fuer-das-gesundheitswesen,
#oeffentliche-bauten-referenzliste span#awr-oeffentliche-bauten,
#kulturbauten-referenzliste span#awr-kulturbauten,
#lehr-und-forschungsgebaeude-referenzliste span#awr-lehr-und-forschungsgebaeude {
	display: inline;
	}

#bauten-fuer-das-gesundheitswesen span#awr-bauten-fuer-das-gesundheitswesen a,
#oeffentliche-bauten span#awr-oeffentliche-bauten a,
#kulturbauten span#awr-kulturbauten a,
#lehr-und-forschungsgebaeude span#awr-lehr-und-forschungsgebaeude a {
	background: #979f92;;
	color: #fff;
	margin: 0;
	padding: 0;
	width: auto;
	}

#bauten-fuer-das-gesundheitswesen span#awr-bauten-fuer-das-gesundheitswesen a:hover,
#oeffentliche-bauten span#awr-oeffentliche-bauten a:hover,
#kulturbauten span#awr-kulturbauten a:hover,
#lehr-und-forschungsgebaeude span#awr-lehr-und-forschungsgebaeude a:hover {
	}

.news-block {
	background: #E5E7E4;
	margin-bottom: 1em;
	padding: 15px 28px;
	width: 380px;
	}

.news-block p {
	margin: 0;
	padding: 0;
	width: 100%;
	}

#aktuelles h3,
#stellenangebote h3 {
	margin-bottom: 1em;
	}

#stellenangebote #main-content p {
	margin-bottom: 0;
	margin-top: 1.5em;
	}

#stellenangebote #main-content p.pdf {
	margin-top: 0;
	}

a.kontakt-impressum {
	border-bottom: #666 1px dotted;
	text-decoration: none;
	}

a.kontakt-impressum:hover {
	border-bottom: #f9b942 1px solid;
	color: #f9b942;
	}

div.weitere-referenzen #referenz-galerie p {
	line-height: normal;
	margin-bottom: 0.5em;
	}

#col-wrapper {
	overflow: hidden;
	}


/* --- Mainmenue - Start ---------------------------------------------------- */
#mainmenue {
	margin: 5px 0 4px 0;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 100;
	background: #979f92;
	float: left;
	}

#mainmenue ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: #979f92;
	}

#mainmenue ul * {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}

#mainmenue li {
	float: left;
	width: auto;
	position: relative;
	background: #979f92;
	margin: 0;
	padding: 0 0.5em;
	}

#mainmenue ul li ul {
	background: #979f92;
	height: 0;
	left: 5px;
	position: absolute;
	visibility: hidden;
	width: auto;
	z-index: 101;
	}

* html #mainmenue ul ul {
	top:30px;
	t\op:31px;
	}

#mainmenue ul li ul li {
	background: #979f92;
	padding: 0 1px 0 1px;
	width: 220px;
	}

#mainmenue table {
	border: 0;
	border-collapse: collapse;
	left:0;
	position:absolute;
	top:0;
	}

#mainmenue ul li a {
	background: #979f92;
	border: none;
	color: #fff;
	display: block;
	padding: 1em 5px 0.9em 5px;
	text-decoration: none;
	width: auto;
	}

#mainmenue ul li a:hover,
#startseite li#tab-startseite a,
#das-buero li#tab-profil a,
#bueroinhaber li#tab-profil a,
#tragwerksplanung li#tab-profil a,
#brandschutzplanung li#tab-profil a,
#kontakt li#tab-kontakt a,
#k-tragwerksplanung li#tab-kompetenzen a,
#k-brandschutzplanung li#tab-kompetenzen a,
#k-waermeschutz li#tab-kompetenzen a,
#k-schallschutz li#tab-kompetenzen a,
#k-bauueberwachung li#tab-kompetenzen a,
#bauten-fuer-das-gesundheitswesen li#tab-referenzen a,
#bauten-fuer-das-gesundheitswesen-referenzliste li#tab-referenzen a,
#oeffentliche-bauten li#tab-referenzen a,
#oeffentliche-bauten-referenzliste li#tab-referenzen a,
#kulturbauten li#tab-referenzen a,
#kulturbauten-referenzliste li#tab-referenzen a,
#lehr-und-forschungsgebaeude li#tab-referenzen a,
#lehr-und-forschungsgebaeude-referenzliste li#tab-referenzen a,
#stellenangebote li#tab-stellenangebote a {
	color: #666;
	background: #fff;
	}

#mainmenue ul li:hover ul,
#mainmenue ul li a:hover ul {
	visibility: visible;
	}

#mainmenue ul ul a {
	background: #fff;
	color: #666;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	}

* html #mainmenue ul ul a {
	width:180px;
	w\idth:200px;
	}

#mainmenue ul ul li.last {
	padding-bottom: 1px;
	}

#mainmenue ul li ul li a:hover,
#das-buero #mainmenue ul li ul li a:hover,
#bueroinhaber #mainmenue ul li ul li a:hover,
#tragwerksplanung #mainmenue ul li ul li a:hover,
#brandschutzplanung #mainmenue ul li ul li a:hover,
#k-tragwerksplanung #mainmenue ul li ul li a:hover,
#k-brandschutzplanung #mainmenue ul li ul li a:hover,
#k-waermeschutz #mainmenue ul li ul li a:hover,
#k-schallschutz #mainmenue ul li ul li a:hover,
#k-bauueberwachung #mainmenue ul li ul li a:hover,
#bauten-fuer-das-gesundheitswesen #mainmenue ul li ul li a:hover,
#bauten-fuer-das-gesundheitswesen-referenzliste #mainmenue ul li ul li a:hover,
#oeffentliche-bauten #mainmenue ul li ul li a:hover,
#oeffentliche-bauten-referenzliste #mainmenue ul li ul li a:hover,
#kulturbauten #mainmenue ul li ul li a:hover,
#kulturbauten-referenzliste #mainmenue ul li ul li a:hover,
#lehr-und-forschungsgebaeude #mainmenue ul li ul li a:hover,
#lehr-und-forschungsgebaeude-referenzliste #mainmenue ul li ul li a:hover {
	color: #fff;
	background: #979f92;
	}
/* --- Mainmenue - Ende ----------------------------------------------------- */


a.referenzliste-bauten-fuer-das-gesundheitswesen,
a.referenzliste-oeffentliche-bauten,
a.referenzliste-kulturbauten,
a.referenzliste-lehr-und-forschungsgebaeude {
	background: #979f92;
	color: #fff;
	display: none;
	font-size: 116.667%;
	left: 793px;
	padding: 8px 10px 8px 10px;
	position: absolute;
	text-decoration: none;
	top: 350px;
	z-index: 999;
	}

#bauten-fuer-das-gesundheitswesen a.referenzliste-bauten-fuer-das-gesundheitswesen,
#bauten-fuer-das-gesundheitswesen-referenzliste a.referenzliste-bauten-fuer-das-gesundheitswesen,
#oeffentliche-bauten a.referenzliste-oeffentliche-bauten,
#oeffentliche-bauten-referenzliste a.referenzliste-oeffentliche-bauten,
#kulturbauten a.referenzliste-kulturbauten,
#kulturbauten-referenzliste a.referenzliste-kulturbauten,
#lehr-und-forschungsgebaeude a.referenzliste-lehr-und-forschungsgebaeude,
#lehr-und-forschungsgebaeude-referenzliste a.referenzliste-lehr-und-forschungsgebaeude {
	display: block;
	}