/* 
 * Master Stylesheet EWB
 * Alle Medien (Screen/Print)
 *
 * Datum: 30.8.2007
 *
 * Autor: Jochen Brenner
 *
 * Notes: angelehnt an Darstellung/Designmuster von
 *        http://clagnut.com/blog/348/ sowie
 *        http://www.shapeshed.com/journal/default_styles_for_css/
 */

/* Rand und Innenrand entfernen
 ************************************************************************/

* {
    margin: 0;
    padding: 0;
}

/* Hauptwrapper
 ************************************************************************/

html {
	font-size: 100%;
}

body { /* Setzt via 62.5% die Masseinheit: 1.0em = 10px */
	font: 62.5%/1.5  Verdana, Helvetica, Arial, Tahoma, sans-serif;
	color: black;
	background-color: white;
}

#container {
	width: 980px;
	/* Bitte vermeiden: Angabe von font-size in Block-Elementen.
	 * Aenderung der font-size in Blockelementen beeinflusst
	 * die 'em'-Angaben aller enthaltenen Elemente.
	 * Insbesondere ist dann 1em != 10px !!!
	 */
	margin-left: auto;
	margin-right: auto;
}

#mainwrap {
	background-color: #cc0033;
	padding: 0 3px 3px 3px;
}

#main {
	background: white url(../img/content-bg-white.png) right bottom no-repeat;
}

/* Standard HTML-Elemente
 ************************************************************************/

.clear {
    clear:both;
}

.right {
    float: right;
}

.left {
    float: left;
}

.block {
	display: block;
}

.abstandRechts
{
	margin-right: 10px;
}

textarea, td, input {
	font: 1em/1.5  Verdana, Helvetica, Arial, Tahoma, sans-serif;
}

input {
	line-height: 1.2;
}

strong input {
	font-weight: bold;
}

img {
	border: 0;
}

a {
	color: black;
}

p {
	font-size: 1.2em;
	padding-bottom: 1em;
}

h1,
h1 input {
	font-size: 1.8em;
	line-height: 105%;
	padding-bottom: 0.5em;
	font-weight: normal;
}

h1 input {
	font-size: 1.2em;
	padding-bottom: 0;
	width: 100%;
}

h2,
h2 input {
	font-size: 1.2em;
	padding-bottom: 0.5em;
	font-weight: bold;
}

h2 input {
	font-size: 1.1em;
	padding-bottom: 0;
}

h3,
h3 input {
	font-size: 1.0em;
	font-weight: bold;
}

h3 input {
	font-size: 1.0em;
}

/* Standard HTML-Elemente im Contentbereich
 ************************************************************************/

#major ul,
#sidebar ul {
	list-style-position: outside;
	padding-left: 1.5em;
}

#major li {
	padding-bottom: 0em;
}

div.majorin li,
#innencontent li,
#sidebar li
{
	font-size: 1.2em;
}

div.majorin li ul li,
#innencontent li ul li,
#sidebar li ul li
{
	font-size: 1.0em;
}






/* Standard Stil-Klassen fuer Contentbereich, sichtbar im Editor von WE
 ************************************************************************/

.light {
	color:  #6c6c6c; /* graue Schrift */
}

.highlighted {
	display: block;
	padding: 3px;
	color: white;
	background-color: #cc0033;
}

.highlighted2 {
	display: block;
	padding: 3px;
	padding-left: 43px;
	color: white;
	background: #cc0033 url(../img/hinweis1wr.gif) left top no-repeat;
}

.tabelle {

}

.tabelle td {
	padding-right: 15px;
	vertical-align: top;
	font-size: 1em;
}

.leftMitAbstand {
	float: left;
	margin-right: 1.5em;
}


/* Helpmenu
 ************************************************************************/

#helpmenu {
	background: white url(../img/head-sky.jpg) center bottom repeat-x;
}

#helpmenu #helpmenulist {
	text-align: right;
}

#helpmenu ul {
	list-style: none;
	padding: 30px 15px 5px 0;
}

#helpmenu li {
	display: inline;
	padding-left: 0.6em;
}

/* Header
 ************************************************************************/

#headerspace {
	/* wegen den 3 attributen von #header { z-index:2; position: fixed; width: 974px; */
	z-index:1;
	height: 66px;
	background: silver;
}

#header {
	z-index:2;
	position: fixed;
	width: 974px;
	padding: 4px 0;
	background-color: #acacac;
}

#header div.hwrp {
	padding: 3px 0;
	background-color: white;
}

#header div.hwrp div.hwrp {
	padding: 0;
	height: 52px;
	background: #acacac url(../img/head-bg.jpg) right center repeat-y;
}

#header #infobox {
	float: left;
	width: 219px;
	height: 52px;
	overflow: hidden;
	/*text-align:justify;*/
}

#header #infobox div.in {
	padding: 10px 15px 0 15px;
	line-height: 1.2em;
}

#header #infobox h1 {
	font-size: 1em;
	font-weight: normal;
	line-height: 85%;
}

#header #infobox h2 span {
	display: none;
}

#header #infobox h2 {
	display: block;
	height: 20px;
	font-size: 2.0em;
	background: url(../img/infotelefon.gif) no-repeat;
}

#header #logo {
	float: left;
}

#header #logo img {
	display: block;
}

/* #cc0033 = EWB-Farbe */


/* Basislayout im Contentbereich
 ************************************************************************/

#content {
	/*
	enthaelt bg fuer navi:
	background: transparent url(../img/navi-bg.png) left top repeat-y;
	Studioo: 12/2008:
	*/
	background: transparent url(../img/menu-bg.png) 0 0 repeat-y; /* EWB-Farbe*/
}

#content #layer {

}

#content #layer.hasSidebar {
	background: transparent url(../img/sitebar-bg.png) right bottom repeat-y;
}

#content #menubar {
	width: 219px;
	float: left;
}

#layer #major {
	width: 755px;
	float: left;
	/*text-align:justify;*/
}

#layer #majorfixie {
	width:755px;float:left;overflow:hidden;
}

#layer.hasSidebar #major {
	width: 530px;
}

#layer #bildstreifenGross {
	width: 755px;
	float: left;
	overflow: hidden;
	background-color: #efefef;
}

#layer #major #bildstreifenKlein {
	width: 530px;
	overflow: hidden;
	background-color: #efefef;
}

#layer #bildstreifenGross img,
#layer #major #bildstreifenKlein img {
	display: block;
}

#major div.majorin {
	padding: 15px;
}

#major div.notop { /* zusatz fuer div.majorin */
	padding-top: 0;
}

#major div.nobottom { /* zusatz fuer div.majorin */
	padding-bottom: 0;
}

div.majorin #bildspalte, /* linke Leiste im Contentbereich */
div.majorin #innenleiste {
	float: left;
	width: 135px;
}

div.majorin #innencontent { /* Content an Innenleiste */
	float: left;
	width: 590px;
}

#layer.hasSidebar div.majorin #innencontent { /* Content an Innenleiste */
	float: left;
	width: 365px;
}

#sidebar {
	width: 225px;
	float: right;
}

#sidebar #sidebarin {
	padding: 15px;
}

#sidebar #blackboard {
	color: white;
	background-color: black;
	min-height: 200px;
}

#sidebar #blackboardin {
	padding: 15px;
}

#sidebar #blackboard a {
	color: white;
}

#sidebar .newsindex .text img {
	float: left;
	margin-right: 15px;
}
#sidebar .newsindex h3 {
	font-size: 1.2em;
}

#sidebar .newsindex h3 a,
#sidebar .newsindex .kurzinfo a {
	text-decoration: none;
}

/* Navigation [div.majorin #innenleiste]
 ************************************************************************/

#innenleiste ul {
	list-style: none;
	padding: 2.2em 0;
}

#innenleiste ul li {
	display: block;
	font-size: 1em;
	margin-bottom: 0.1em;
}

#innenleiste ul li a {
	color: #6c6c6c; /* graue Schrift */
}

#innenleiste ul li a.current {
	color: #000;
	text-decoration: none;
}

#innenleiste ul li ul.submenu {
	padding: 0 0 0.5em 1.5em;
}

/* Hauptnavigation [#menubar]
 ************************************************************************/

#menubar #navibox {
	min-height: 200px;
	/*background: #cc0033 url(../img/menu-bg.png) 0 0 repeat-y;  EWB-Farbe*/
}

/* falls hierarchisch getrennt:
#menubar #navi3box {
	padding: 1em 0;*/
	/*
	 * Einheitliche Gesamthoehe bei geringem Content.
	 * Fuer MSIE 6, siehe ie-lte6.css
	 */
/*	min-height: 300px;
}
*/

#menubar .heading a,
#menubar a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#menubar ul,
#menubar ul.L1,
#menubar .heading {
	display: block;
	list-style: none;
	padding: 10px 20px 10px 15px;
}

#menubar .heading {
	padding-bottom: 0;
}

#menubar ul.L1 li {
	padding: 3px 0 3px 0;
}

#menubar ul.L1 li span {
	display: block;
	width: 100%;
	overflow: hidden;
}

#menubar ul.L1 li span a {
	text-decoration: none;
	display: block;
	color: white;
	padding: 0.1em 8px 0.2em 8px;
	border: 1px solid white;
}

#menubar ul.L1 li span.current {
	background-color: #9c9c9c;
}

#menubar ul.L1 li span a:hover {
	background-color: #a0a0a0;
}

 /* L2 bei darstellung als Baum :*/

#menubar ul.L1 li ul {
	padding: 0.5em 0 1em 0;
}

#menubar ul.L1 li ul li {
	padding: 0;
}

#menubar ul.L1 li ul li span,
#menubar ul.L1 li ul li span.current,
#menubar ul.L1 li ul li span a:hover {
	background: transparent;
}

#menubar ul.L1 li ul li span a {
	color: silver;
	border: 1px none;
	padding-left: 12px;
}

#menubar ul.L1 li ul li span.current a,
#menubar ul.L1 li ul li span.current a:hover {
	background: transparent url(../img/bullet.gif) left center no-repeat;
	color: white;
}

#menubar ul.L1 li ul li span a:active {
	text-decoration: underline;
}

/*Ende bei darstellung als Baum */


/* bei Darstellung hierarchisch getrennt:
#menubar #navi3box ul li {
	line-height: 2em;
}

#menubar #navi3box ul li span a {
	color: #6a6a6a;
	border: 1px solid #6a6a6a;
}

#menubar #navi3box ul li span.current a {
	color: #fff;
}

#menubar #navibox .boxinfo {
	color: white;
	padding: 10px 25px 10px 15px;
}
ende hierarchisch getrennt*/


#menubar .naviimage {
	margin-left: 15px;
}

/* Seiteninfoleiste oben/unten im Hauptinhalt [ div.sitecrumps in #major ]
 ************************************************************************/

div.sitecrumps h2,
div.sitecrumps h3,
div.sitecrumps h5 {
	font-size: 1em;
	font-weight: normal;
	color: #6c6c6c; /* graue Schrift */
}

div.sitecrumps h2,
div.sitecrumps h2 a {
	font-weight: bold;
	color: black;
}

div.sitecrumps a {
	text-decoration: none;
	color: #6c6c6c;
}

div.sitecrumps a:hover {
	color: black;
}

div.sitecrumps h3 {
	float: left;
}

div.sitecrumps h2 {
	float: right;
}

div.sitecrumps .bottom {
	clear: both;
	border-top: 1px solid #acacac;
}

div.sitecrumps h5.prev {
	float: left;
}

div.sitecrumps h5.next {
	float: right;
}

/* Bildminiatur fuer Galerien (4-Sp. default)
 ************************************************************************/

div.miniaturMitLegende {
	float: left;
	width: 12.7em; /* 127px - 2px Rand - 10px margin = 115px Bildbreite */
}

div.miniaturMitLegende div {
	background: #acacac;
	margin-right: 10px;
	margin-top: 10px;
}

div.miniaturMitLegende div a {
	display: block;
	text-decoration: none;
}

div.miniaturMitLegende div span.bild {
	display: block;
	overflow: hidden;
}

div.miniaturMitLegende div span.bild span {
	display: block;
	border: 1px solid black;
}

span.miniaturLegende {
	display: block;
	width: 100%;
	overflow: hidden;
	color: white;
	background-color: #cc0033;
	white-space: nowrap;
}

span.miniaturLegende span {
	font-family: arial, helvetica, tahoma, sans-serif;
	line-height: 1.2em;
	display: block;
	margin: 0.5em 0.5em;
}

span.miniaturLegende span a {
	text-decoration: none;
	color: white;
}

span.editmodeMiniaturLegende input {
	font-family: arial, helvetica, tahoma;
	width: 12em;
	font-size: 1.0em;
}

div.miniaturMitLegende div .text span.editmodeMiniaturLegende {
	margin: 0.5em 0;
}

/* Bildminiatur mit zusaetzl. Objektfilm oder mehrinfo (Homepage)
 ************************************************************************/
 
div.miniaturMitLegende span.objektfilm {
	font-family: arial, helvetica, tahoma, sans-serif;
	line-height: 1.2em;
	display: block;
	margin: 0.5em 0.5em;
}

div.miniaturMitLegende span.objektfilm a {
	display: block;
	background: url(../img/kamera.gif) left top no-repeat;
	height: 2em;
}

div.miniaturMitLegende span.objektfilm a span {
	display: block;
	margin-left: 20px;
	padding-top: 0.2em;
}

div.miniaturMitLegende span.mehrinfo {
	font-family: arial, helvetica, tahoma, sans-serif;
	line-height: 1.2em;
	display: block;
	margin: 0.5em 0.5em;
}

div.miniaturMitLegende span.mehrinfo a {
	display: block;
	
	height: 2em;
}

div.miniaturMitLegende span.mehrinfo a span {
	display: block;
	padding-top: 0.2em;
}

/* Bildminiatur fuer Galerien (3-Sp. - Gewerberef. - Aenderung 28.7.2008)
 ************************************************************************/

div.miniatur3sp {
	width: 17.0em; /* 170px - 2px Rand - 10px margin = 158px Bildbreite */
}

/* Bildminiatur fuer Galerien (2-Sp. - Wohnbauref. - Aenderung 28.7.2008)
 ************************************************************************/

div.miniatur2sp {
	width: 25.4em; /* 254px - 2px Rand - 10px margin = 242px Bildbreite */
}

/* Referenzen Statement/Interview (Aenderung 28.7.2008)
 ************************************************************************/
 
div.statement {
	clear: both;
	padding-top: 10px;
	padding-right: 15px;
}

div.statementfolge { /* Ein Objekt mit mehreren Statements */
	padding-top: 0;
}

div.statementuebersicht {
	padding-right: 0;
}

div.statement div.miniaturMitLegende div {
	margin-top: 0px;
}

div.statement p a {
	/*font-style: italic;*/
	text-decoration: none;
}

div.interviewbild {
	float: right;
	padding-left: 10px;
}


div.interviewbild a {
	text-decoration: none;
}

p.anlesetext {
	padding-bottom: 0;
	font-size: 1.0em;
}

p.personname {
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1em;
	font-weight: bold;
}

p.weitereInterviews {
	padding-top: 0.5em;
	padding-bottom: 0;
	font-size: 1.0em;
}

p.anlesetext a,
p.personname a {
	text-decoration: none;
}

div.referenzseiteninterview {
	margin-top: 10px;
}

/* Referenz Bildminiatur mit Anlesetext
 ************************************************************************/

div.miniaturTable {
	clear: both;
	padding: 10px 15px 0 0;
}

div.miniaturTable table {
	width: 100%;
	border-collapse: collapse;
}

div.miniaturTable table td {
	
}

div.miniaturTable table td.bild {
	text-align: center;
	border: 1px solid #000;
	width: 15.9em; /* div.miniatur3sp-1em */
}

div.miniaturTable table td.legende {
	padding: 0;
	vertical-align: top;
	border: 1px solid #000;
	width: 15.9em;
}

div.miniaturTable table td.legende span.miniaturLegende span {
	margin-left: 0.2em;
}

div.miniaturTable table td.anlesetext {
	vertical-align: top;
	border: 1px solid #000;
	padding: 1em 10px 0 10px;
}


div.miniaturTable2sp table td.bild {
	width: 24.4em;
}

div.miniaturTable2sp table td.legende {
	width: 24.4em;
}