/* global settings -----------------------------------------------------------*/
html, body  {
font-family: arial, helvetica, sans-serif;
font-size: 100.01%;
margin: 0;
padding: 0;
color: #333;
background: #FFFCF2;
}
img {
margin: 0;
padding: 0;
border: 0;
}
ol, ul, li, p, h1, h2, h3, h4, h5, h6, table, form, input, select, textarea, div, object {
margin: 0;
padding: 0;
}
a {
color: #F29200;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.externallink {
padding: 0 0 0 12px;
background: url(../images/css/icon_external_link.gif) no-repeat left center;
}
/* framework settings --------------------------------------------------------*/
#wrapper {
clear: both;
width: 920px;
margin: 10px auto;
}
.column {
float: left;
margin: 0 0 10px 0;
padding: 0;
}
#left {
width: 170px;
}
#left a {
color: #5A5A52;
text-decoration: none;
#background: url(../images/css/background_navigationleft.gif) no-repeat;
}
#left a:hover {
text-decoration: underline;
}
#middle {
width: 520px;
margin-left: 10px;
}
#middlewide {
width: 740px;
margin-left: 10px;
}
#right {
width: 210px;
margin-left: 10px;
}
#leftflash {
width: 225px;
height: 310px;
padding: 20px 0 0 0;
background: url(../images/css/background_navigationleft.gif) no-repeat;
}
#middleflash {
width: 400px;
height: 330px;
background: #F6F5D0;
}
#rightflash {
width: 295px;
}
/* splash settings -----------------------------------------------------------*/
#splashheader {
width: 920px;
height: 120px;
margin: 0 0 10px 0;
}
#flashheader {
width: 920px;
height: 220px;
margin: 0 0 10px 0;
}
.splashselectlanguage {
position: relative;
float: left;
width: 250px;
height: 120px;
margin: 0 10px 10px 0;
padding: 10px 25px;
background: #D2DA4A;
}
.splashselectlanguage.last {
margin: 0 0 10px 0;
}
.splashselectlanguage h1 {
font-size: 1em;
text-align: center;
text-transform: uppercase;
margin: 0 0 10px 0;
color: #5A5A52;
}
.splashselectlanguage h1 img {
margin: 0 10px 0 0;
}
.splashselectlanguage p {
font-size: 0.7em;
margin: 0 0 10px 0;
}
.splashselectlanguage .button {
width: 170px;
margin: 0 0 0 40px;
text-align: center;
position: absolute;
bottom: 0;
}
.splashselectlanguage .button p {
font-weight: bold;
border: 1px solid #ADBA15;
color: #727D04;
}
.splashselectlanguage .button p a {
text-decoration: none;
display: block;
padding: 3px 0;
color: #727D04;
}
.splashselectlanguage .button p a:hover {
color: #D2DA4A;
background: #727D00;
}
/* header settings -----------------------------------------------------------*/
#logo {
float: left;
width: 170px;
height: 120px;
}
#contentheaderde {
width: 920px;
height: 120px;
margin: 0 0 10px 0;
background: url(../images/css/background_contentheader_de.gif) no-repeat;
}
#contentheaderfr {
width: 920px;
height: 120px;
margin: 0 0 10px 0;
background: url(../images/css/background_contentheader_fr.gif) no-repeat;
}
#contentheaderen {
width: 920px;
height: 120px;
margin: 0 0 10px 0;
background: url(../images/css/background_contentheader_en.gif) no-repeat;
}
/* navigationmain settings ---------------------------------------------------*/
#navigationmain {
float: left;
width: 530px;
padding: 0 0 0 10px;
}
#navigationmain ul {
font-size: 0.7em;
list-style: none;
}
#navigationmain ul li {
float: left;
padding: 2px 0 0 0;
}
#navigationmain ul li a {
padding: 0 5px;
text-decoration: none;
color: #5A5A52;
}
#navigationmain ul li a:hover {
color: #F29200;
}
#navigationmain ul li.active a {
font-weight: bold;
color: #F29200;
}
#navigationlanguage {
width: 210px;
float: left;
}
#navigationlanguage ul {
font-size: 0.7em;
list-style: none;
}
#navigationlanguage ul li {
float: left;
border-left: 1px solid #FFF;
}
#navigationlanguage ul li a {
width: 69px;
height: 16px;
display: block;
text-align: center;
text-decoration: none;
padding: 2px 0 0 0;
color: #FFF;
background: #F29200;
}
#navigationlanguage ul li a:hover {
color: #F29200;
background: #FFFCF2;
}
#navigationlanguage ul li.active a {
color: #F29200;
background: #FFFCF2;
}
/* helpers -------------------------------------------------------------------*/
.noflash {
padding: 20px;
}
.backgroundD2DA4A {
background: #D2DA4A;
}
.backgroundF6F5D0 {
background: #F6F5D0;
}
.padding10px {
padding: 10px 10px 0 10px;
}
.padding20px {
padding: 20px 20px 10px 20px;
}
.marginbottom10px {
margin: 0 0 10px 0;
}
.bordertop1pxFFF {
border-top: 1px solid #FFF;
}
.floatright {
float: right;
}
.height70px {
height: 70px;
}
.height271px {
height: 271px;
}
/* left settings -------------------------------------------------------------*/
#left h1 {
font-size: 0.7em;
font-weight: normal;
padding: 2px 10px;
border-bottom: 1px solid #FFF;
color: #FFF;
background: #F29B00;
}
#left p {
font-size: 0.7em;
padding: 0 0 10px 0;
}
/* navigationleft - first level */
#left ul {
font-size: 0.7em;
list-style: none;
}
#left ul ul {
font-size: 1em;
margin: 0 0 0 20px;
}
#left ul ul li a {
color: #9b9681;
}
#left ul li a {
width: 160px;
display: block;
padding: 0 0 5px 10px;
text-decoration: none;
color: #5A5A52;
background: url(../images/css/icon_left_ul_li.gif) no-repeat 0 4px;
}
#left ul li a:hover {
color: #F29200;
background: url(../images/css/icon_left_ul_li.gif) no-repeat 0 4px;
}
#left ul li.active a {
color: #F29200;
background: url(../images/css/icon_left_ul_li.gif) no-repeat 0 4px;
}
/* navigationleft - navigationmap */
#left #navigationmap ul {
font-size: 0.7em;
list-style: none;
padding: 0 0 10px 0;
}
#left #navigationmap ul li {
display: inline;
}
#left #navigationmap ul li a {
width: 170px;
display: block;
margin: 0;
padding: 0;
}
#left #navigationmap ul li.first a {
background: url(../images/css/map_overview_thumbnail_01.gif) no-repeat;
}
#left #navigationmap ul li.first a:hover {
background: url(../images/css/map_overview_thumbnail_01_active.gif) no-repeat;
}
#left #navigationmap ul li.firstactive a {
background: url(../images/css/map_overview_thumbnail_01_active.gif) no-repeat;
}
#left #navigationmap ul li.second a {
background: url(../images/css/map_overview_thumbnail_02.gif) no-repeat;
}
#left #navigationmap ul li.second a:hover {
background: url(../images/css/map_overview_thumbnail_02_active.gif) no-repeat;
}
#left #navigationmap ul li.secondactive a {
background: url(../images/css/map_overview_thumbnail_02_active.gif) no-repeat;
}
#left #navigationmap ul li.third a {
background: url(../images/css/map_overview_thumbnail_03.gif) no-repeat;
}
#left #navigationmap ul li.third a:hover {
background: url(../images/css/map_overview_thumbnail_03_active.gif) no-repeat;
}
#left #navigationmap ul li.thirdactive a {
background: url(../images/css/map_overview_thumbnail_03_active.gif) no-repeat;
}
/* middle settings -----------------------------------------------------------*/
#middle h1 {
font-size: 1em;
padding: 0 0 10px 0;
color: #5A5A52;
}
#middleflash h1 {
font-size: 1em;
padding: 10px 0;
color: #5A5A52;
}
#middle h2 {
font-size: 0.9em;
padding: 0 0 10px 0;
color: #F29200;
}
#middle p,
#middleflash p {
clear: both;
font-size: 0.8em;
padding: 0 0 10px 0;
color: #5A5A52;
}
#middle p img {
float: left;
padding: 0 10px 10px 0;
}
#middle ul,
#middleflash ul {
font-size: 0.8em;
padding: 0 0 10px 15px;
list-style-type: square;
color: #5A5A52;
}
#middle ul ul,
#middleflash ul ul {
font-size: 1em;
}
/* fleXcroll -----------------------------------------------------------------*/
/* global settings */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto;
right: 0;
bottom: 0;
left: auto;
background-color: gray;
}
.vscrollerbase {
width: 10px;
background: #FFFCF2;
}
.vscrollerbar {
width: 10px;
background: #D2DA4A;
}
.hscrollerbase {
height: 10px;
background: #FFF;
}
.hscrollerbar {
height: 10px;
background: #000;
}
.flexcroll {
z-index: 500;
clear: both;
overflow: auto;
position: relative;
top: 0;
left: 0;
width: 390px;
height: 320px;
padding: 0 10px 10px 0;
background: transparent;
}
/* right settings ------------------------------------------------------------*/
.rightteaser h1 {
font-size: 1.1em;
line-height: 1.1em;
}
.rightteaser h1 span {
font-size: 0.7em;
line-height: 1.1em;
}
.rightteaser h1 a {
display: block;
margin: 0 0 10px 0;
padding: 15px 10px;
text-transform: uppercase;
text-decoration: none;
color: #FFF;
background: #D2DA4A url(../images/css/icon_right_teaser_arrow.gif) no-repeat right;
}
.rightteaser h1 a:hover {
text-decoration: none;
background: #8D9132 url(../images/css/icon_right_teaser_arrow_hover.gif) no-repeat right;
}
.rightpartner {
width: 190px;
height: 115px;
padding: 15px 10px;
}
.rightpartner a {
text-decoration: none;
color: #FFF;
}
.rightpartner a:hover {
text-decoration: none;
}
.rightpartner.de {
background: #D2DA4A url(../images/css/logo_partner_de.gif) no-repeat right bottom;
}
.rightpartner.fr {
background: #D2DA4A url(../images/css/logo_partner_fr.gif) no-repeat right bottom;
}
.rightpartner.en {
background: #D2DA4A url(../images/css/logo_partner_en.gif) no-repeat right bottom;
}
.rightpartner h1 {
font-size: 1.1em;
text-transform: uppercase;
color: #FFF;
}
/* popup settings ------------------------------------------------------------*/
#popupheaderbiomasse {
height: 100px;
background: #A5BD4A url(../images/css/popup_biomasse.gif) no-repeat;
}
#popupheadergeothermie {
height: 100px;
background: #EE6B4D url(../images/css/popup_geothermie.gif) no-repeat;
}
#popupheaderkernkraft {
height: 100px;
background: #A58CA4 url(../images/css/popup_kernkraft.gif) no-repeat;
}
#popupheadersolarenergie {
height: 100px;
background: #FFCC4D url(../images/css/popup_solarenergie.gif) no-repeat;
}
#popupheaderwasserkraft {
height: 100px;
background: #7DAACF url(../images/css/popup_wasserkraft.gif) no-repeat;
}
#popupheaderwindkraft {
height: 100px;
background: #8CD7F7 url(../images/css/popup_windkraft.gif) no-repeat;
}
#popupheaderbiomasse h1,
#popupheadergeothermie h1,
#popupheaderkernkraft h1,
#popupheadersolarenergie h1,
#popupheaderwasserkraft h1,
#popupheaderwindkraft h1 {
font-size: 1.2em;
text-align: right;
text-transform: uppercase;
padding: 10px 10px 0 0;
color: #FFF;
}
#popupcontent {
margin: 20px 40px;
}
#popupcontent h1 {
font-size: 0.9em;
padding: 10px 0;
color: #5A5A52;
}
#popupcontent p {
clear: both;
font-size: 0.7em;
padding: 0 0 10px 0;
color: #5A5A52;
}
#popupcontent p img {
float: left;
padding: 0 10px 10px 0;
}
#popupcontent ul {
font-size: 0.7em;
padding: 0 0 10px 15px;
list-style-type: square;
color: #5A5A52;
}
#popupcontent ul ul {
font-size: 1em;
}
/* footer settings -----------------------------------------------------------*/
#footercopyright {
float: left;
}
#footerimprint {
float: right;
}
#footermenu {
clear: both;
width: 100%;
border-bottom: 1px solid #CCC;
}
#footermenu img {
margin: 5px 0 0 0;
}
#footermenu p img {
margin: 5px 10px 5px 0;
}
#footermenu p, #footercopyright p, #footerimprint p {
font-size: 0.7em;
color: #999;
margin: 5px 0;
}
#footermenu p a, #footercopyright p a, #footerimprint p a {
color: #999;
}