body {
	margin: 0;
	padding:0;
	border: 0;
	font: normal 9pt Arial, Tahoma, Sun, Swiss, Helvetica, sans-serif;
	background: #fff url(/images/background/body-bg.gif) repeat-y 20.5% 0;
	min-width: 900px;
}

#header {
	background: #386CC2 url(/images/background/header-bg.gif) no-repeat bottom right;
	height: 100px; /* 148px; */
	width: 100%;
	border-bottom: 3px solid #fff;
}

#header img {
	border: 0;
	margin: 4px 0 0 9%; /* top: 19px */
}

#mainnav {
	height: 30px;
	background: #499D76 url(/images/background/mainnav-bg.jpg) repeat-x;
	border-bottom: 1px solid #339966;
	border-left: 1px solid #339966;

}

#sidebar {
	float: left;
	width: 19%;
	display: inline;
	padding-top: 60px;
}

#content { /* Hauptspalte bei 2-spaltiger Ansicht anstatt main- und secodary-content */
        float: left;
        width: 78%;
        margin: 0 0 0 2.1%;
        padding-top: 10px;
}

#mainContent {
	float: left;
	width: 43%;
	margin-left: 2.1%;
	padding-top: 10px;
}

#secondaryContent {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	padding-top: 60px;
}

#footer {
	clear: both;
	height: 30px;
}

/*** General Looks ***/
a,a:link {
	color: #0089CF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.locked {
        background: #FAFFFC url(/images/icons/schloss_icon.gif) no-repeat 10px 45%;
        padding: 10px;
        padding-left: 38px;
        line-height: 35px;
        display: block;
        border: 1px solid #ccc;
        width: 20em;
}

/* Listenformatierung */
ol,ul {
        margin: 0 0 0 0.8em;
        padding: 0 0 0 0.8em;
}

ul {
       padding: 0;
}

ol li {
       padding-top: 0;
       margin-top: 8px;
}

ul li {
       padding: 0 0 0 18px;
       margin: 8px 0 0 0;
       list-style: none;
       background: url(/images/bullets/bullet-blue.gif) no-repeat 0 0.35em;
}

#secondaryContent ul {
      margin-bottom: 15px;
}

#secondaryContent li {
      margin: 0;
      font-weight: normal;
}

/*** Sidebar Looks ***/
#sidebar h2 {
	margin: 0 1% 2.2% 10%;
	padding: 0;
	color: #fff;
	font-size: 12pt;
	font-weight: bold;
        letter-spacing: 1px;
}

/* Suchbox */
#searchbox {
        margin: 0 1% 2.2% 10%;
	padding: 0;
        width: 70%;
}

#searchbox input.query {
        display: block;
        padding: 2px 3px;
        border: 1px solid #aaa;
        width: 94%;
}

#searchbox input.submit {
       border: 1px solid #aaa;
       margin-top: 3px;
}

/*** Main Content / Content Looks ***/
#mainContent h1, #content h1 {
	color: #0089CF;
        font: bold 14pt/15pt "Lucida Grande", arial, verdana, sans-serif;
	background: url(/images/bullets/green-bullets.jpg) no-repeat left center;
	text-indent: 45px;
}

#mainContent h2, #content h2 {
        color: #0089CF;
}

#mainContent h3, #content h3 {
        color: #0089CF;
}

#mainContent p, #content p {
}

/* Logoblock */

#logoblock {
        width: 100%;
        border-bottom: 1px solid #005885;
        padding: 0;
        margin: 0;
}

#logoblock-text {
       width: 50%;
       text-align: left;
       vertical-align: middle;
}

#logoblock-bild {
       width: 50%;
       text-align: right;
       vertical-align: bottom;
}

#logoblock h2 {
        margin: 0;
        padding: 0;
        font-size: 13.5pt;
}

/* Tabelle Projekt-Uebersicht */

.projekt-uebersicht {
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
}

.projekt-uebersicht tr {

}

.projekt-uebersicht td {
       vertical-align: top;
}

.projekt-uebersicht .parkname {
        vertical-align: bottom;
}

.projekt-uebersicht .parklogo {
        text-align: right;
        vertical-align: bottom;
}

.projekt-uebersicht .parkname h3 {
        color: #0089cf;
        font-size: 12.5pt;
        line-height: 2.5em;
        padding: 0;
        margin: 0;
	background: url(/images/bullets/green-bullets.jpg) no-repeat left center;
	text-indent: 45px;
}

.projekt-uebersicht .anlage-name {
        padding: 0;
}

.projekt-uebersicht .anlage-name h4 {
        color: #0089cf;
        font-size: 10pt;
        line-height: 1.7em;
        background: #eee;
        padding: 0 0 0 5px;
        margin: 0;
        border-bottom: 1px solid #0089cf;
}

.projekt-uebersicht .anlage-text {
        padding: 0 0 10px 0;
        width: 50%;
}

.projekt-uebersicht .anlage-facts {
        padding: 0 2px 10px 2px;
        margin: 0;
        width: 50%;
        background: #eee;
}

.projekt-uebersicht .anlage-facts table td {
        padding: 3px;
        font-size: 9pt;
}

.projekt-uebersicht .anlage-facts table .dt {
        width: 30%;
}

.projekt-uebersicht .anlage-facts table .alt {
        background: #ddd;
}

.projekt-uebersicht .anlage-bild {
        padding: 0 0 10px 0;
        width: 340px;
}

.projekt-uebersicht .anlage-bild .bild {
        background: #eee;
        padding: 5px;
        border: 1px solid #ccc;
}

.projekt-uebersicht .anlage-bild .bildunterschrift {
        padding-top: 5px;
        color: #666;
}

/* Suchresultate */

#searchresult {
        margin-top: 15px;
}

#searchresult li {
        color: #0089cf;
        font-weight: bold;
}

#searchresult h4 {
        margin: 0;
        padding: 0;
}

#searchresult p {
       font-weight: normal;
       color: #000;
       margin-top: 0;
}


/* Tabelle Referenzen */
#referenzen td.beschreibung {
        vertical-align: top;
        width: 30%;
        font: bold 10pt/11pt Arial, Tahoma, Sun, Swiss, Helvetica, sans-serif;
        text-align: left;
}

#referenzen td.daten {
        vertical-align: top;
        width: 30%;
        font: normal 9pt/11pt Arial, Tahoma, Sun, Swiss, Helvetica, sans-serif;
        text-align: left;
        padding-left: 10px;
}


#referenzen td.daten div {
        padding: 0 0 8px 0;
}

#referenzen td.bild {
        vertical-align: top;
}

#referenzen td.bild img.anlagenbild {
       margin: 0;
       padding: 0;
       border: 0;
}

/* Projektinfos */
.readstep {
       margin: 40px 15px 0 0;
       clear: both;
}

.readstep img {
       vertical-align: middle;
       float: right;
}

.readstep span {
       margin: 0 0 0 15px;
       color: #333;
}

/* FAQ */
.faq-q {
       font-weight: bold;
       margin-bottom: 5px;
}

.faq-a {
       padding-bottom: 5px;
}

/* Dokumentenliste */
ul#doclist {
        margin-top: 10px;
        margin-left: 8px;
        list-style: none;
}

ul#doclist li {
       padding: 0;
       background: none;
}

ul#doclist li a {
       height: 16px;
       line-height: 1.2em;
       display: block;
       background: url(/images/icons/icon_pdf_16x16.gif) no-repeat 0 0;
       padding-left: 21px;
}

ul#doclist li a:hover {
}

/*** Secondary Content Looks ***/
#secondaryContent .teaser {
	padding: 0;
	padding-bottom: 5%;
	color: #0089CF;
	font-weight: bold;
	font-size: 11pt;
}

#secondaryContent h2 {
	padding-left: 4%;
}

#secondaryContent p {
	padding-left: 4%;
}

#secondaryContent .bildunterschrift {
	display: block;
        padding: 5px 0 6px 0;
        color: #000;
        font-size: 11pt;
        font-weight: bold;
        max-width: 350px; /* Bildunterschrift nie breiter als Bild */
}

/* Tabelle Objekt Liste */
#objektListe {
	padding: 0 2% 0 8%;
	margin: 15px 0 0 0;
        border: 0;
}

#objektListe td.name, table#objektListe td.pic {
       vertical-align: bottom;
       text-align: right;
       margin: 0;
       padding: 0;
}

#objektListe td.spacer {
      height: 12px;
}

#objektListe td.name {
       padding: 0 8px 5px 8px;
       border-bottom: 2px solid #66AE3E;
}

#objektListe td.pic {
       border-bottom: 2px solid #66AE3E;
}

#objektListe img.thumb {
       margin: 0;
       padding: 0;
       border: 2px solid #66AE3E;
       border-bottom: none;
}

#objektListe a {
       font-weight: bold;
       font-style: italic;
}


/*** Main Navigation ***/
#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background: #499D76 url(/images/background/mainnav-bg.jpg) repeat-x;
	font: 9pt/30px "Lucida Grande", verdana, sans-serif;
	text-align: center;
}
#mainnav a {
	text-decoration: none;
	display: block;
	float: left;
	height: 30px;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #339966;
	padding: 0 1.5em;
}
#mainnav li#active, #mainnav li.active a:hover { 
	background: #499D76 url(/images/background/mainnav-bg-selected.jpg) repeat-x;
}
#mainnav a:hover {
	background: #499D76 url(/images/background/mainnav-bg-over.jpg) repeat-x;
}

/*** Sub Navigation ***/

/* Level 1 */
ul#subnav {
	list-style: none;
	margin: 10px 5% 15px 10%;
	padding: 0;
}

ul#subnav li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	display: inline;
        background: none;
        font-weight: bold;
}

ul#subnav li a {
	display: block;
	padding: 0 0 0 22px;
	margin: 0 0 5px 0;
	background: url(/images/bullets/subnav-bullet.gif) no-repeat 3px 50%;
	color: #ddd; /* #ADC4E6; */
	text-decoration: none;
	font-size: 10pt;
}

ul#subnav li a:hover {
	color: #fff;
	background: url(/images/bullets/subnav-bullet-over.gif) no-repeat 3px 50%;
}

ul#subnav li#active a {
	color: #fff;
	background: url(/images/bullets/subnav-bullet-over.gif) no-repeat 3px 50%;
        font-weight: bold;
        font-size: 10pt;
}

ul#subnav li#nav1_open {
        display: inline;
        background: none;
        padding: 0;
	margin: 0;
}

ul#subnav li#nav1_open a {
        display: block;
        font-weight: bold;
        color: #fff;
	background: url(/images/bullets/subnav-bullet-open.gif) no-repeat 0 5px;
        font-size: 10pt;
        padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

/* Level 2 */

ul#subnav li#nav1_open ul {
        margin: 0;
        padding: 0;
}

ul#subnav li#nav1_open ul li {
        display: inline;
}

ul#subnav li#nav1_open ul li a {
        display: block;
	padding: 0 0 0 22px;
	margin: 3px 0;
	background: url(/images/bullets/subnav-bullet-square.gif) no-repeat 5px 50%;
        font-weight: normal;
        font-size: 9pt;
        color: #ddd;
}

ul#subnav li#nav1_open ul li a:hover {
       color: #fff;
       background: url(/images/bullets/subnav-bullet-square-over.gif) no-repeat 5px 50%;
}

ul#subnav li#nav1_open ul li#active a {
       color: #fff;
       background: #3EAC86 url(/images/bullets/subnav-bullet-square-over.gif) no-repeat 5px 50%;
       font-weight: bold;
}

/*****  Floats clearen - Methode von http://yaml.de ******/

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/*---------------------------------------------------------*/
/* Workaround: Clearfix-Anpassung für alle IE-Versionen */
/*
** IE5.x/Mac - x
** IE7 - x
*/
.clearfix { display: inline-block; }

/*
** IE5.x/Win - x
** IE6 - x
*/

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------------------------------------------------*/

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */