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



/* ************************************************************************** */
/* 01 | Einbinden Impression Media Basisstyles                                */
/* ************************************************************************** */

@import url(im-base/im-reset.css);
@import url(im-base/im-default-styles.css);



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

*/
/* ************************************************************************** */



/* ************************************************************************** */
/* 03 | Layout                                                                */
/* ************************************************************************** */

html {
	background: #CFD6D9;
	}

body {
	background: transparent;
	position: relative;
	}

#page-wrapper {
	background: transparent;
	margin-top: 20px;
	margin-bottom: 40px;
	}

#page {
	background: transparent url(../img/simusolar-page-bg.jpg) top left no-repeat;
	border: #fff 1px solid;
	}

#header,
#content-wrapper,
#main-menu {
	padding: 0 20px 0 20px;
	}

#header {
	margin-bottom: 18px;
	}

p#lang-nav {
	height: 19px;
	color: #fff;
	font-size: 90%;
	padding-top: 0.4em;
	text-align: right;
	}

p#lang-nav a,
p#lang-nav a:hover {
	color: #fff;
	padding-right: 1em;
	text-decoration: none;
	}
	
p#lang-nav a:hover {
	color: #FF9B04; 
	}

#content a,
a.textlink {
	color: #FF9B04;
	text-decoration: none;
	}

#content a.textlink:hover,
a.textlink:hover {
	color: #FF9B04;
	text-decoration: underline;
	}

.orange {
	color: #FF9B04;
	}

#logo-panel {
	background: #fff;
	height: 120px;
	overflow: hidden;
	width: 100%;
	}

#logo-panel img {
	float: left;
	padding-left: 104px;
	padding-top: 19px;
	}

dl.header-news {
	border: #828990 1px solid;
	color: #828990;
	float: right;
	margin-right: 19px;
	margin-top: 19px;
	width: 400px;
	}
	
dl.header-news dt span {
	border-bottom: #828990 1px solid;
	border-right: #828990 1px solid;
	padding: 0 4px 2px 4px;
	}

dl.header-news dd {
	font-size: 91.67%;
	padding: 6px;
	}

dl.header-news a {
	color: #828990;
	text-decoration: none;
	}

dl.header-news a:hover {
	color: #FF9B04;
	}

#main-menu {
	overflow: hidden;
	}

ul#menue {
	overflow: hidden;
	text-align: center;
	width: 100%;
	}

ul#menue li {
	float: right;
	padding: 4px 0 2px 0;
	}

ul#menue li a {
	border: #fff 1px solid;
	border-bottom: none;
	color: #333;
	margin-left: 4px;
	padding: 2px 4px 3px 4px;
	text-decoration: none;
	}

ul#menue li a:hover,
#startseite li#t-startseite a,
#news li#t-news a,
#was-ist-simusolar li#t-was-ist-simusolar a,
#stadtweite-analysen li#t-stadtweite-analysen a,
#einzelobjekt-analyse li#t-einzelobjekt-analyse a,
#links li#t-links a,
#impressum li#t-impressum a,
#kontakt li#t-kontakt a {
	background: #fff;
	color: #333;
	}

ul#menue li.left,
ul#menue li.left-first,
ul#menue li.middle,
ul#menue li.middle-first {
	float: left;
	}
	
ul#menue li.left-first a {
	margin: 0;
	}

ul#menue li.middle-first {
	margin-left: 9em;
	}

#content-wrapper {
	background: transparent;
	}

#content {
	background: transparent;
	border: 1px #fff solid;
	color: #000;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 19px 19px 18px 19px;
	position: relative;
	}

#col-container,
#col-container-startseite {
	overflow: hidden;
	}

#col-container {
	background: #fff;
	}

#col-container-startseite {
	background: transparent url(../img/col-bg.gif) left bottom no-repeat;
	}

#col-left {
	background: #fff;
	float: left;
	padding: 19px;
	width: 350px;
	}

#col-right,
#col-right-transparent {
	background: #fff;
	float: right;
	padding: 19px;
	width: 490px;
	}

#col-right {
	width: 452px;
	}

#col-right-transparent {
	background: transparent;
	padding: 0;
	}

#col-right h2,
#col-right-transparent h2,
#kontakt h2,
#impressum h2 {
	font-size: 200%;
	font-weight: normal;
	padding-top: 0.5em;
	margin-bottom: 1em;
	}

.padding {
	padding: 19px;
	}

.clear-right {
	clear: right;
	}

.clear-both {
	clear: both;
	}

.space {
	display: none;
	}

p {
	line-height: 1.5em;
	margin-bottom: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	}

h3 {
	color: #FF9B04;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: normal;
	margin-bottom: 0.5em;
	padding-top: 0;
	}

#startseite #content h1 {
	font-size: 200%;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 1em;
	}

#content-startseite {
	background: #fff;
	position: relavive;
	width: 100%;
	}

.simusolar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#footer {
	color: #828990;
	font-weight: bold;
	overflow: hidden;
	}

#footer #info-download {
	float: right;
	width: 520px;
	}

#footer #info-download img {
	float: left;
	padding-right: 8px;
	}

#footer #info-download p {
	line-height: 1.5em;
	margin-bottom: 2em;
	}

#footer p.info {
	font-size: 95%;
	font-weight: normal;
	letter-spacing: -1px;
	}

#footer a, #footer a:hover {
	color: #828990;
	text-decoration: none;
	}

#footer a:hover {
	color: #FF9B04;
	}

dl.partner {
	border: #fff 1px solid;
	float: left;
	margin-bottom: 20px;
	width: 318px;
	}
	
dl.partner dt span {
	border-bottom: #fff 1px solid;
	border-right: #fff 1px solid;
	padding: 0 4px 2px 4px;
	}
	
dl.partner dd img {
	float: right;
	padding-right: 20px;
	position: relative;
	}
	
dl.partner dd.last {
	clear: right;
	}

#content ul {
	float: none;
	font-size: 110%;
	list-style-image: url(../img/bullet-square.gif);
	line-height: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1.2em;
	}

#content ul li {
	float: none;
	margin-bottom: 1em;
	}

/* --- Bildgalerie - Start ------------------------------------------------- */
#simusolargallery {
	color: #828990;
	background: #fff;
	height: auto;
	position: relative;
	}

#simusolargallery h2 {
	color: #000;
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 1em;
	padding-top: 275px;
	}

#simusolargallery span.default {
	color: #828990;
	display:block; 
	position:absolute; 
	width: 348px;
	height:250px; 
	top: 0;
	left: 0;
	text-align:center; 
	font-size: 100%;
	cursor:default;
	z-index:1;
	}

#simusolargallery span.default img {
	border: #000 1px solid;
	position: relative;
	z-index:1;
	}

#content ul a {
	color: #000;
	float: none;
	text-decoration: none;
	}

#simusolargallery ul {
	float: none;
	line-height: 1em;
	padding-left: 0;
	padding-top: 0;
	}

#content ul a.gallery-list {
	float: none;
	}

#content ul a.gallery-list span {
	color: #828990;
	visibility: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 348px;
	height:250px;
	background: #fff;
	font-size: 100%;
	text-align: center;
	cursor: default;
	}

#content ul a.gallery-list:hover {
	border: none;
	color: #FF9B04;
	white-space:normal; z-index:100;
	}

#content ul a.gallery-list:hover span {
	visibility:visible; z-index:100;
	}

#content ul a.gallery-list:hover span img {border: #000 1px solid; margin:0; margin-bottom: 10px; position:relative; z-index:99;}

#content ul a.gallery-list:active,
#content ul a.gallery-list:focus { z-index:99;}

#content ul a.gallery-list:active span img, 
#content ul a.gallery-list:focus span img {border: #000 1px solid; position:relative; margin:0; margin-bottom: 10px; z-index:99;}

/* Listendesign ohne Farbwechsel*/

#content ul a.gallery-list2 {
	float: none;
	}

#content ul a.gallery-list2 span {
	color: #828990;
	visibility: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 348px;
	height:250px;
	background: #fff;
	font-size: 100%;
	text-align: center;
	cursor: default;
	}

#content ul a.gallery-list2:hover {
	border: none;
	color: #000000;
	white-space:normal; z-index:100;
	}

#content ul a.gallery-list2:hover span {
	visibility:visible; z-index:100;
	}

#content ul a.gallery-list2:hover span img {border: #000 1px solid; margin:0; margin-bottom: 10px; position:relative; z-index:99;}

#content ul a.gallery-list2:active,
#content ul a.gallery-list2:focus { z-index:99;}

#content ul a.gallery-list2:active span img, 
#content ul a.gallery-list2:focus span img {border: #000 1px solid; position:relative; margin:0; margin-bottom: 10px; z-index:99;}


#stadtweite-analysen #simusolargallery a.thumb-01 {border: #000 1px solid; background:url(../img/stadt1-th.jpg); margin-top: 20px; margin-left: 0; }
#stadtweite-analysen #simusolargallery a.thumb-02 {border: #000 1px solid; background:url(../img/stadt2-th.jpg); margin-top: 20px; margin-left: 21px; }
#stadtweite-analysen #simusolargallery a.thumb-03 {visibility: visible; border: #000 1px solid; background:url(../img/stadt3-th.jpg); margin-top: 20px; margin-left: 21px; }

#stadtweite-analysen #simusolargallery a.thumb-04 {border: #000 1px solid; background:url(../img/stadt4-th.jpg); margin-top: 20px; margin-left: 0; }
#stadtweite-analysen #simusolargallery a.thumb-05 {border: #000 1px solid; background:url(../img/stadt5-th.jpg); margin-top: 20px; margin-left: 21px; }
#stadtweite-analysen #simusolargallery a.thumb-06 {visibility: visible; border: #000 1px solid; background:url(../img/stadt6-th.jpg); margin-top: 20px; margin-left: 21px; }

#einzelobjekt-analyse #simusolargallery a.thumb-01 {border: #000 1px solid; background:url(../img/einzel1-th.jpg); margin-top: 20px; margin-left: 0; }
#einzelobjekt-analyse #simusolargallery a.thumb-02 {border: #000 1px solid; background:url(../img/einzel2-th.jpg); margin-top: 20px; margin-left: 21px; }
#einzelobjekt-analyse #simusolargallery a.thumb-03 {visibility: visible; border: #000 1px solid; background:url(../img/einzel3-th.jpg); margin-top: 20px; margin-left: 21px; }

#einzelobjekt-analyse #simusolargallery a.thumb-04 {border: #000 1px solid; background:url(../img/einzel4-th.jpg); margin-top: 20px; margin-left: 0; }
#einzelobjekt-analyse #simusolargallery a.thumb-05 {border: #000 1px solid; background:url(../img/einzel5-th.jpg); margin-top: 20px; margin-left: 21px; }
#einzelobjekt-analyse #simusolargallery a.thumb-06 {border: #000 1px solid; background:url(../img/einzel6-th.jpg); margin-top: 20px; margin-left: 21px; }
	
#thumbs {
	overflow: hidden;
	}

#simusolargallery a.gallery,
#simusolargallery a.gallery:visited {
	display:inline;
	color: #828990;
	text-decoration:none; 
	width: 100px;
	height: 54px;
	float:left;
	cursor: default;
	}

#simusolargallery a.thumb-01 {border: #000 1px solid; background:url(../img/methodik-horizont-th.jpg); margin-top: 10px; margin-left: 0; }
#simusolargallery a.thumb-02 {border: #000 1px solid; background:url(../img/methodik-flaechenorientierung-th.jpg); margin-top: 10px; margin-left: 21px; }
#simusolargallery a.thumb-03 {visibility: hidden; border: #000 1px solid; background:url(../img/gallery-03th.gif); margin-top: 10px; margin-left: 21px; }

#simusolargallery a.thumb-04 {border: #000 1px solid; background:url(../img/methodik-raster-th.jpg); margin-top: 20px; margin-left: 0; }
#simusolargallery a.thumb-05 {border: #000 1px solid; background:url(../img/methodik-ergebnis-th.jpg); margin-top: 20px; margin-left: 21px; }
#simusolargallery a.thumb-06 {border: #000 1px solid; background:url(../img/gallery-06th.gif); margin-top: 20px; margin-left: 21px; }

#simusolargallery a.gallery span {
	color: #828990;
	visibility: hidden;
	display: block;
	position: absolute;
	left: 0;
	width: 348px;
	height:250px;
	top: 0;
	background: #fff;
	font-size: 100%;
	text-align: center;
	cursor: default;
	}

#simusolargallery a.gallery:hover { z-index:100;}

#simusolargallery a.gallery:hover span {background: #fff; visibility:visible; z-index:100;}

#simusolargallery a.gallery:hover span img {border: #000 1px solid; margin:0; margin-bottom: 10px; position:relative; z-index:100;}

#simusolargallery a.gallery:active,
#simusolargallery a.gallery:focus { z-index:99;}

#simusolargallery a.gallery:active span,
#simusolargallery a.gallery:focus span {visibility:visible; z-index:99;}

#simusolargallery a.gallery:active span img, 
#simusolargallery a.gallery:focus span img {border: #000 1px solid; position:relative; margin:0; z-index:99;}


#beispiel-analyse {
	color: #000;
	overflow: hidden;
	padding-left: 0;
	padding-top: 280px;
	}

#beispiel-analyse p {
	line-height: 1.5em;
	margin-bottom: 1em;
	}

#beispiel-analyse img {
	float: left;
	margin: 0 4px 10px 0;
	padding: 4px;
	padding-left: 0;
	}

p.small {
	font-size: 80%;
	}

/* --- Bildgalerie - Ende -------------------------------------------------- */


/* --- Kontaktformular - Start --------------------------------------------- */
#kontakt #col-left,
#kontakt #col-right {
	background: transparent;
	padding: 0;
	}

#kontakt #col-left {
	width: 530px;
	}

#kontakt #col-right {
	width: 348px;
	}

#kontaktformular p {
	margin-bottom: 0.6em;
	}

#kontaktformular label {
	background: transparent;
	border-bottom: #fff 1px solid;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 100%;
	font-weight: bold;
	width: 120px;
	}

#kontaktformular label span {
	border: #fff 1px solid;
	border-bottom: none;
	display: block;
	padding: 0 4px 4px 4px;
	*padding: 0 4px 5px 4px;
	width: 94px;
	}

#kontaktformular label.planung {
	border: none;
	color: #000;
	padding-left: 4px;
	padding-right: 0;
	width: 250px;
	}

#kontaktformular label.bemerkungen {
	border: none;
	border-left: #fff 1px solid;
	padding: 0;
	padding-bottom: 1.2em;
	width: 260px;
	}

#kontaktformular label.bemerkungen span {
	border: #fff 1px solid;
	border-left: none;
	display: block;
	padding: 0.2em;
	width: 94px;
	}

#kontaktformular input, 
#kontaktformular select {
	border: #fff 1px solid;
	background: #fff;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 300px;
	padding: 4px 4px 4px;
	}
	
#kontaktformular select {
	width: 310px;
	}

#kontaktformular input[type="checkbox"], 
#kontaktformular input.checkbox {
	border: none;
	background: #fff;
	color: #FF9B04;
	float: left;
	height: 12px;
	width: 12px;
	padding-left: 0;
	}

#kontaktformular p.nachricht {
	clear: left;
	margin-top: 4em;
	}

#kontaktformular textarea {
	border: #fff 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 3px 3px 3px;
	width: 340px;
	margin: 0;
	}

#kontaktformular input[type="submit"],
#kontaktformular input[type="submit"]:hover,
#kontaktformular input[type="submit"]:focus {
	color: #000;
	float: right;
	font-weight: bold;
	margin-right: 0;
	margin-top: 2em;
	width: auto;
	}

#kontaktformular input:hover, 
#kontaktformular input:focus, 
#kontaktformular select:hover,
#kontaktformular select:focus,
#kontaktformular textarea:hover,
#kontaktformular textarea:focus {
	background: #EFE0D3;
	}

#kontaktformular input[type="submit"]:hover,
#kontaktformular input[type="submit"]:focus {
	background: #fff;
	color: #FF9B04;
	}

.clear-left {
	clear: left;
	}

p.error {
	border: red 1px solid;
	margin-top: 1em;
	padding: 4px;
	width: 420px;
	}

p.gruss {
	margin-bottom: 18em;
	}
/* --- Kontaktformular - Ende ---------------------------------------------- */


/* --- Impressum - Start --------------------------------------------------- */
#impressum #col-left {
	background: transparent;
	padding: 0;
	width: 148px;
	}

#impressum #col-right {
	background: #fff;
	float: right;
	margin-top: 0;
	padding: 0;
	width: 730px;
	}

p.caption {
	background: transparent;
	border-bottom: #fff 1px solid;
	color: #fff;
	font-weight: bold;
	padding-top: 0;
	}

p.caption span {
	border: #fff 1px solid;
	border-bottom: none;
	display: block;
	padding: 0.2em;
	width: 6.5em;
	}

#impressum #col-right p {
	line-height: 1.5em;
	margin-bottom: 1.2em;
	}

#impressum #col-right #contact {
	float: left;
	width: 30%;
	}

#haftungsausschluss {
	float: right;
	width: 65%;
	}

#haftungsausschluss p {
	font-size: 91.67%;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 1em;
	}

#haftungsausschluss p.first {
	margin-top: 1.7em;
	}

.teltab {
	float:left;
	width: 2.5em;
	}

#haftungsausschluss p.design-copyright {
	border-top: ##828990 1px solid;
	color: #828990;
	margin-top: 1.5em;
	}

#haftungsausschluss p.design-copyright span {
	float: left;
	width: 10em;
	}
	
#haftungsausschluss p.design-copyright a {
	color: #828990;
	text-decoration: none;
	}

#haftungsausschluss p.design-copyright a:hover {
	color: #FF9B04;
	}

/* --- Impressum - Ende ---------------------------------------------------- */

.sub {
	font-size: 70%;
	line-height: 70%;
	vertical-align: sub;
	}

#news #content h3 {
	color: #828990;
	font-size: 100%;
	font-weight: bold;
	}