/* ************************************************************************** */
/* Stylesheet für www.simuplan.de                                             */
/*                                                                            */
/* Version 1.0 - 19.05.2010                                                   */
/*                                                                            */
/* (c) Copyright 2010 by Impression Media Dorsten - www.impressionmedia.de    */
/* ========================================================================== */
/* Versionshistorie                                                           */
/* (N = Neu; F = Fix; V = Verbesserung)                                       */
/* -------------------------------------------------------------------------- */
/* 1.0 - 19.05.2010: erste Fassung                                            */
/* ========================================================================== */
/* Outline                                                                    */
/* -------------------------------------------------------------------------- */
/* 01 | Reset                                                                 */
/* 02 | 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%;
	}


a {
	text-decoration: none;
	}

/* ************************************************************************** */
/* 02 | Layout           
/* ************************************************************************** */

/* Erzwingen der vertikalen Scrollbar wg. ungleich langer Seiten */
html {
	overflow: -moz-scrollbars-vertical;
	}

body {
	background: #ccc url(../img/bg-page.gif) top left repeat-x;
	color: #666;
	font-family: Arial,Geneva, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	}

#page-wrapper {
	background: transparent url(../img/bg-header-shadow.gif) top right no-repeat;
	margin: 36px auto 20px auto;
	position: relative;
	text-align: left;
	width: 935px;
	}

#header {
	background: #fff url(../img/bg-header.gif) top left no-repeat;
	height: 122px;
	position: relative;
	width: 924px;
	}

#header h1,
#header h2 {
	position: absolute;
	text-indent: -999em
	}

#header h1 {
	background: transparent url(../img/simuplan-logo.gif) top left no-repeat;
	height: 99px;
	left: 46px;
	top: 23px;
	width: 232px;
	}

#header h2 {
	background: transparent url(../img/simuplan-claim.gif) top left no-repeat;
	height: 14px;
	left: 312px;
	top: 71px;
	width: 269px;
	}

#header a.startseite {
	background: transparent;
	display: block;
	height: 99px;
	left: 46px;
	position: absolute;
	top: 23px;
	width: 232px;
	z-index: 90;
	}

#main-menu,
#content-wrapper,
#footer {
	margin-left: 4px;
	width: 920px;
	}

* html #footer {
	width: 900px;
	}

#main-menu {
	background: transparent url(../img/bg-menu.gif) top left repeat-x;
	height: 25px;
	overflow: hidden;
	}

#main-menu ul,
#content {
	float: right;
	margin-right: 20px;
	}

* html #main-menu ul {
	margin-right: 10px;
	}

#main-menu ul li {
	float: left;
	height: 25px;
	width: 112px;
	}

#main-menu ul li a {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -100px;
	display: block;
	height: 25px;
	text-indent: -999em;
	}

#bauphysik #main-menu ul li a {
	background-position: 0 -75px;
	}

#umweltmeteorologie #main-menu ul li a {
	background-position: 0 -50px;
	}

#gebaeudesimulation #main-menu ul li a {
	background-position: 0 -25px;
	}

#solarpotenzialanalyse #main-menu ul li a {
	background-position: 0 0;
	}

#main-menu ul li#m-profil a {
	background-image: url(../img/bg-menu-profil.gif);
	}

#main-menu ul li#m-news a {
	background-image: url(../img/bg-menu-news.gif);
	}

#main-menu ul li#m-kontakt a {
	background-image: url(../img/bg-menu-kontakt.gif);
	}

#main-menu ul li#m-team a {
	background-image: url(../img/bg-menu-team.gif);
	}

#main-menu ul li#m-impressum a {
	background-image: url(../img/bg-menu-impressum.gif);
	}

#main-menu ul li a:hover,
#profil #main-menu ul li#m-profil a,
#news #main-menu ul li#m-news a,
#kontakt #main-menu ul li#m-kontakt a,
#team #main-menu ul li#m-team a,
#impressum #main-menu ul li#m-impressum a,
#bauphysik #main-menu ul li a:hover,
#umweltmeteorologie #main-menu ul li a:hover,
#gebaeudesimulation #main-menu ul li a:hover,
#solarpotenzialanalyse #main-menu ul li a:hover {
	background-position: 0 -125px;
	}

#content-wrapper {
	background: #ccc;
	padding: 15px 0;
	min-height: 330px;
	height: auto !important;
	height: 330px;
	}

* html #content-wrapper {
	width: 920px;
	}

#sidebar-left {
	float: left;
	width: 340px;
	}

* html #sidebar-left {
	width: 340px;
	w\idth: 340px;
	}

#sidebar-left ul#sub-menu {
	width: 340px;
	}

#sidebar-left ul#sub-menu li {
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	height: 140px;
	margin: 0 0 20px 20px;
	width: 140px;
	}

#sidebar-left ul#sub-menu li#sm-bauphysik {
	background-color: #979797;
	background-image: url(../img/bg-sm-bauphysik.gif);
	}

* html #sidebar-left ul#sub-menu li#sm-bauphysik {
	margin-left: 10px;
	}

#sidebar-left ul#sub-menu li#sm-umweltmeteorologie {
	background-color: #A7B383;
	background-image: url(../img/bg-sm-umweltmeteorologie.gif);
	}

#sidebar-left ul#sub-menu li#sm-gebaeudesimulation {
	background-color: #9D8770;
	background-image: url(../img/bg-sm-gebaeudesimulation.gif);
	}

* html #sidebar-left ul#sub-menu li#sm-gebaeudesimulation {
	margin-left: 10px;
	}

#sidebar-left ul#sub-menu li#sm-solarpotenzialanalyse {
	background-color: #E3B672;
	background-image: url(../img/bg-sm-solarpotenzialanalyse.gif);
	}

#sidebar-left ul#sub-menu li#sm-umweltmeteorologie:hover,
#umweltmeteorologie #sidebar-left ul#sub-menu li#sm-umweltmeteorologie {
	background-color: #7A9729;
	background-image: url(../img/bg-sm-umweltmeteorologie-hover.gif);
	}

#sidebar-left ul#sub-menu li#sm-gebaeudesimulation:hover,
#gebaeudesimulation #sidebar-left ul#sub-menu li#sm-gebaeudesimulation {
	background-color: #663200;
	background-image: url(../img/bg-sm-gebaeudesimulation-hover.gif);
	}

#sidebar-left ul#sub-menu li#sm-solarpotenzialanalyse:hover,
#solarpotenzialanalyse #sidebar-left ul#sub-menu li#sm-solarpotenzialanalyse {
	background-color: #FF9B05;
	background-image: url(../img/bg-sm-solarpotenzialanalyse-hover.gif);
	}

#sidebar-left ul#sub-menu li#sm-bauphysik a.main,
#sidebar-left ul#sub-menu li#sm-umweltmeteorologie a.main {
	display: block;
	height: 29px;
	width: 140px;
	}

#sidebar-left ul#sub-menu li#sm-gebaeudesimulation a,
#sidebar-left ul#sub-menu li#sm-solarpotenzialanalyse a {
	display: block;
	height: 140px;
	width: 140px;
	}

#sidebar-left ul#sm-bauphysik-themes,
#sidebar-left ul#sm-bauphysik-themes li,
#sidebar-left ul#sm-umweltmeteorologie-themes,
#sidebar-left ul#sm-umweltmeteorologie-themes li {
	color: #ccc;
	float: none;
	height: auto;
	margin: 0;
	width: 100%;
	}

#sidebar-left ul#sm-bauphysik-themes,
#sidebar-left ul#sm-umweltmeteorologie-themes {
	height: 111px;
	}

#sidebar-left ul#sm-bauphysik-themes li,
#sidebar-left ul#sm-umweltmeteorologie-themes li {
	border-bottom: #ccc 1px dashed;
	line-height: 1.8em;
	}

#sidebar-left ul#sm-bauphysik-themes li a,
#sidebar-left ul#sm-umweltmeteorologie-themes li a {
	color: #ccc;
	display: block;
	padding-left: 12px;
	}

#sidebar-left ul#sm-bauphysik-themes li a:hover,
#sidebar-left ul#sm-umweltmeteorologie-themes li a:hover,
.bauphysik-waermeschutz ul#sm-bauphysik-themes li#sm-bauphysik-waermeschutz a,
.bauphysik-passivhaus ul#sm-bauphysik-themes li#sm-bauphysik-passivhaus a,
.bauphysik-bau-raumakustik ul#sm-bauphysik-themes li#sm-bauphysik-bau-raumakustik a,
.bauphysik-referenzen ul#sm-bauphysik-themes li#sm-bauphysik-referenzen a,
.umweltmeteorologie-lufthygiene ul#sm-umweltmeteorologie-themes li#sm-umweltmeteorologie-lufthygiene a,
.umweltmeteorologie-gebaeudemeteorologie ul#sm-umweltmeteorologie-themes li#sm-umweltmeteorologie-gebaeudemeteorologie a,
.umweltmeteorologie-referenzen ul#sm-umweltmeteorologie-themes li#sm-umweltmeteorologie-referenzen a {
	background: #fff;
	color: #434343;
	}

#sidebar-left ul#sm-bauphysik-themes,
#sidebar-left ul#sm-umweltmeteorologie-themes {
	visibility: hidden;
	}

#sidebar-left ul#sub-menu li#sm-bauphysik:hover ul#sm-bauphysik-themes,
#sidebar-left ul#sub-menu li#sm-umweltmeteorologie:hover ul#sm-umweltmeteorologie-themes,
#bauphysik #sidebar-left ul#sm-bauphysik-themes,
#umweltmeteorologie #sidebar-left ul#sm-umweltmeteorologie-themes {
	visibility: visible;
	}

#content {
	background: transparent;
	width: 560px;
	}

* html #content {
	margin-right: 10px;
	width: 560px;
	}

div.box {
	background: #fff;
	margin-bottom: 10px;
	padding: 12px 40px 12px 20px;
	}

#content p {
	line-height: 166.67%;
	margin-top: 1.5em;
	}

#content p.teaser {
	color: #000;
	font-size: 116.666%;
	line-height: 142.86%;
	}

#content p.black {
	color: #000;
	}

#content div.box p:first-child {
	margin-top: 0;
	}

#content img.teaser {
	}

#content a {
	background-color: transparent;
	background-image: url(../img/arrow-black.gif);
	background-position: 4px center;
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
	padding-left: 18px;
	}

#content a:hover {
	background-image: url(../img/arrow-grey.gif);
	color: #666;
	}

#content a.red {
	background-image: url(../img/arrow-red.gif);
	color: #CC0000;
	}

#content a.red:hover {
	background-image: url(../img/arrow-black.gif);
	color: #000;
	}

#content a.grey {
	background-image: url(../img/arrow-grey.gif);
	color: #666;
	font-weight: normal;
	}

#content a.grey:hover {
	background-image: url(../img/arrow-black.gif);
	color: #000;
	}


#logo-claim {
	background: transparent url(../img/simuplan-logo-claim-small.gif) top left no-repeat;
	height: 21px;
	margin-bottom: 30px;
	}

#footer {
	background: #fff;
	width: 900px;
	}

#footer p {
	font-size: 108.333%;
	line-height: 192.31%;
	margin-right: 20px;
	text-align: right;
	}


div.top-content-left {
	float: left;
	width: 135px;
	}

div.top-content-right {
	float: left;
	margin-left: 15px;
	width: 350px;
	}

div.top-content-right p {
	}

p.clear-left {
	clear: left;
	}

.team {
	overflow: hidden;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	margin-bottom: 1.5em;
	}

.team img {
	float: left;
	width: 104px;
	}

#content .team p {
	margin-left: 124px;
	margin-top: 0;
	}

#content ul,
#content ol {
	line-height: 1.5em;
	list-style: square;
	margin-left: 1.2em;
	margin-top: 1.5em;
	}

#content ol {
	list-style: decimal;
	margin-left: 1.4em;
	}

#content ul li span {
	font-size: 83.333%;
	}

h2.title {
	color: #000;
	font-size: 150%;
	height: 21px;
	margin-bottom: 30px;
	overflow: hidden;
	}

h2.title span {
	height: 21px;
	display: block;
	float: right;
	}

#content p.link {
	font-size: 116.667%;
	line-height: normal;
	margin-top: 0.5em;
	}

#content p.link a {
	background-image: url(../img/arrow-grey.gif);
	color: #666;
	}

h3 {
	color: #000;
	font-size: 150%;
	margin-top: 1em;
	}

#content a.referenzen {
	background-color: transparent;
	background-image: url(../img/arrow-grey.gif);
	background-position: 4px 6px;
	background-repeat: no-repeat;
	color: #666;
	display: block;
	float: right;
	font-size: 150%;
	font-weight: normal;
	height: 21px;
	padding-left: 18px;
	}

#bauphysik h2.title {
	color: #333;
	}

#bauphysik #content a.referenzen:hover,
.bauphysik-referenzen #content a.referenzen,
#bauphysik #content p.link a:hover,
#bauphysik #content p.link a.active {
	background-image: url(../img/arrow-anthra.gif);
	color: #333;
	}

#umweltmeteorologie h2.title {
	color: #7A9729;
	}

#umweltmeteorologie #content a.referenzen:hover,
.umweltmeteorologie-referenzen #content a.referenzen,
#umweltmeteorologie #content p.link a:hover,
#umweltmeteorologie #content p.link a.active {
	background-image: url(../img/arrow-green.gif);
	color: #7A9729;
	}

#gebaeudesimulation h2.title {
	color: #663200;
	}

#gebaeudesimulation #content a.referenzen:hover,
.gebaeudesimulation-referenzen #content a.referenzen {
	background-image: url(../img/arrow-brown.gif);
	color: #663200;
	}

#solarpotenzialanalyse h2.title {
	color: #FF9B05;
	}

#solarpotenzialanalyse #content h2 a:hover {
	background-image: url(../img/arrow-orange.gif);
	color: #FF9B05;
	}

p.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	}

span.tab {
	float: left;
	width: 8.5em;
	}

.img-left {
	float: left;
	margin: 0 12px 10px 0;
	}

#news #content h3 {
	margin-bottom: 1.5em;
	}

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

#news #content p.newstitle {
	color: #000;
	font-size: 116.666%;
	}

#sidebar-left ul#sub-menu li#sm-bauphysik:hover,
#bauphysik #sidebar-left ul#sub-menu li#sm-bauphysik {
	background-color: #333;
	background-image: url(../img/bg-sm-bauphysik-hover.gif);
	}