/* Globale Anweisungen */
html,body { margin:0; padding:0; height:100%; /* needed for container min-height */ background:#000; font-family:arial,sans-serif; color:#fff; font-size: .87em; }
div, p, h1, h2, h3, span, a, form, img, li, hr, body {
margin: 0px; padding: 0px; vertical-align: top; }
/* Ende globale Anweisungen */
/* :::::::::: Navigation :::::::::: */
/* Listenformatierung */
ul { list-style: url(/content/skins/KiotoClearEnergyAG_1/pfeil.gif); margin: 2px; padding-left: 1.5em;}
ol { padding : 0; margin : 0 0 0 20px; }
li { margin-bottom: 5px; padding-bottom: 2px; line-height: 1.4em;}
#sidebar { float: left; width: 222px; padding:0; margin: 0; }
.ignore, span.hier, dfn { position:absolute; width:0px; height: 0px; overflow:hidden; display:inline; }
#sidebar ul { list-style: none; background-color: #bbbdbf;}
#sidebar li { list-style: none; display: inline; }
#sidebar a { display: block; color: #000; margin: 0px 0px 0px 2px; padding: 3px 0 3px 18px; background: url(/content/skins/KiotoClearEnergyAG_1/butpass.gif) 0 0 no-repeat; border-bottom: 1px solid #d6d6d8; }
#sidebar ul ul { margin: 0px 0px 0px 0px; }
#sidebar a:visited { color: #474747; background: url(/content/skins/KiotoClearEnergyAG_1/butvis.gif) 0 0 no-repeat; }
#sidebar a.butpfad,
#sidebar a:visited.butpfad { background: url(/content/skins/KiotoClearEnergyAG_1/butpfad.gif) 0 0 no-repeat; font-weight: bold; color: #dd7c10;}
#sidebar a:hover, #sidebar a:hover.butpfad { background: url(/content/skins/KiotoClearEnergyAG_1/buthov.gif) no-repeat; text-decoration:none; background-color: #646464; color: #ffffff;}
.navi1 { }
.navi2 { background-color: #d5d6d8 !important; }
/* Klasse für die aktive Seite in der Navigation*/
#sidebar .butakt { display : block; font-weight:bold; margin:5px 0 0; padding: 0 0 0 18px; background: url(/images/framework/butakt.gif) no-repeat; }
/* :::::::::: Navigation-Ende :::::::::: */
/* :::::::::: Sitemap :::::::::: */
.navinhalt_sitemap { background: #e4e4e4; padding: 1px; border-bottom: 1px solid #f4f4f4; border-top: 2px solid #ffffff;}
.navinhalt_sitemap2 { padding: 2px; margin-left: 7px; }
/* :::::::::: Sitemap Ende :::::::::: */
/* :::::::::: Design :::::::::: */
div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:980px;
background:#000;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
div#header { background: url(/content/images/header.jpg) repeat-x; width:980px; height: 286px; }
div#navleft { position:absolute; left: 0px; background:#f9f3e7; width:200px; }
div#navright { position:absolute; right: 0px; background:#f9f3e7; width:200px; }
.content { width: 980px; background:#000; padding:20px 20px 4em 20px; /* bottom padding for footer */ }
div#footer { position:absolute; width:100%; bottom:0; /* stick to bottom */ background:#69869f; color: #fff; text-align:center; font-size: .85em; height: 21px; padding-top:2px; }
.footer {clear: left; width: 100%; background: #333; color: #FFF;}
.suche {position: absolute; top: 4px; right: 200px; }
.language {position: absolute; top:5px; right: 10px; }
.logininfo { position: absolute; z-index: 3; top:10px; left:10px; width:140px; font-size: .85em; color: #fff; text-align:left;}
.fmfont {font-size: .85em;}
/* Zeile der Funktionen unter dem Inhalt */
.contentfunctions { font-size: 1em; }
/* Adresszeile */
.info { background-color: #f4f4f4; padding: 10px 4px 5px 4px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.tablespec { font-size: .85em; }
.tablespec_orange { color: #f49f1e; }
/* ENDE Adresszeile */
/* Horizontale Navigation */
#hnavspan { padding-top: 250px; padding-left: 50px; font-size: 1.2em; }
#hnavlist { width: 980px; text-align: center; }
#hnavlistitem { float: left; margin: 0px 40px 0px 0px; }
#hnavlist li { list-style: none; }
#hnavlist ul { padding-left: 10em; }
a.hnavnosel:link, a.hnavnosel:visited { text-decoration: none; font-weight: bold; color: #052339; padding: 2px; }
a.hnavnosel:hover, a.hnavnosel:active { text-decoration: none; font-weight: bold; color: #fff; padding: 2px;}
a.hnavsel:link, a.hnavsel:visited { text-decoration: none; font-weight: bold; color: #052339; padding: 2px; }
a.hnavsel:hover, a.hnavsel:active { text-decoration: none; font-weight: bold; color: #fff; padding: 2px; }
/* Unterpunkte */
#hnavsublist { display:inline; position:absolute; margin-top: 8px; text-transform: none; font-size: .85em; }
#hnavsublistitem { float:left; margin: 0px 20px 0px 0px; }
#hnavsublist li { display: block; list-style: none; padding-left: -5px; }
#hnavsublist ul { }
a.hnavsubnosel:link, a.hnavsubnosel:visited { text-decoration: none; font-weight: bold; color: #ffffff; }
a.hnavsubnosel:hover, a.hnavsubnosel:active { text-decoration: none; font-weight: bold; background: #a26683; color: #ffea97; }
a.hnavsubsel:link, a.hnavsubsel:visited { text-decoration: none; font-weight: bold; color: #ffea97; }
a.hnavsubsel:hover, a.hnavsubsel:active { text-decoration: none; font-weight: bold; background: #a26683; color: #ffea97; }
/* Control Button "NEU" */
#hnavcontrols { position:absolute; margin-top:200px; }
/* ENDE Horizontale Navigation */
.download { color: #f49f1e;}
.white { color: #ffffff;}
.red { color: #e74a29;}
hr { color: #cbdee6; }
h1 { font-size: 2.4em; color: #f49f1e; font-weight: normal; }
h2 { font-size: 1.4em; color: #fff; line-height: 1.4em; }
h3 { font-size: 1.2em; color: #97ccdb; font-weight: normal; }
p { margin: 0px; line-height: 1.4em; }
.nomargin { margin-bottom: 2px ;}
/* Tabellen */
table { font-size: 1em; margin: 0px; }
td { font-size: 1em; vertical-align: top; }
th { font-size: 1em; vertical-align: top; }
/* ENDE Tabellen */
.legende { background-color: #fbfbfb; padding: 4px; border: 1px solid #a4a7b0; }
.galerie { float: left; margin: 0px 5px 5px 0px; }
.clear { clear:both; }
/* :::::::::: Design-Ende :::::::::: */
.mo { background-color: #a2cfec; }
.sa { background-color: #e62828; }
.so { background-color: #2ad14d; }
/* :::::::::: Flaggen-Ende :::::::::: */
.sp { border: 1px solid #c0c0c0; filter:alpha(opacity=35); -moz-opacity:0.5; }
.spaktiv { border: 1px solid #c0c0c0; }
/* :::::::::: Flaggen-Ende :::::::::: */
/* :::::::::: Link Styles :::::::::: */
a:link { color: #fff; text-decoration: underline; }
a:visited { color: #97ccdb; text-decoration: underline; }
a:hover { color: #f49f1e; text-decoration: none; }
a.start:link, a.start:visited, a.start:active { text-decoration: none; color: #000; }
a.start:hover { text-decoration: none; background: #efefef; color: #ffffff; }
a.white:link, a.white:visited, a.white:active { text-decoration: none; color: #ffffff; }
a.white:hover { text-decoration: none; background: #007b00; color: #ffffff; padding: 1px 0px 1px 0px; }
a.menu:link, a.menu:active, a.menu:visited { text-decoration: none; color: #000000; }
a.menu:hover { text-decoration: underline; color: #efefef; }
a.blank:link, a.blank:visited, a.blank:active { text-decoration: none; color: #fff; }
a.blank:hover { text-decoration: underline; background: none; color: #cee1f2; }
a.blanklittle:link, a.blanklittle:visited, a.blanklittle:active { text-decoration: none; color: #000; }
a.blanklittle:hover { color: #efefef; }
a.blankdark:link, a.blankdark:visited, a.blankdark:active { text-decoration: none; color: #343434; }
a.blankdark:hover { text-decoration: none; background: #fff; color: #666 }
a.blanklight:link, a.blanklight:visited, a.blanklight:active { text-decoration: none; color: #343434; }
a.blanklight:hover { text-decoration: none; background: #fff; color: #666; }
a.blankdarklittle:link, a.blankdarklittle:visited { text-decoration: none; color: #000; }
a.blankdarklittle:hover { text-decoration: none; color: #000; background: #f4f4f4;}
a.blankdarklittle:active { background: #f4f4f4; text-decoration: none; color: #000; }
a.navdark:link, a.navdark:visited { text-decoration: none; color: #121212; }
a.navdark:hover, a.navdark:active { text-decoration: none; background: #666666; color: #ffffff; }
a.navactivedark:link, a.navactivedark:visited { text-decoration: none; color: #043464; }
a.navactivedark:hover, a.navactivedark:active { text-decoration: none; background: #666666; color: #ffffff; }
a.navlight:link, a.navlight:visited { text-decoration: none; font-weight: bold; color: #121212; }
a.navlight:hover, a.navlight:active { text-decoration: none; font-weight: bold; background: #fff; color: #666; }
a.navactivelight:link, a.navactivelight:visited { text-decoration: none; font-weight: bold; color: #043464; }
a.navactivelight:hover, a.navactivelight:active { text-decoration: none; font-weight: bold; background: #676767; color: #ffffff; }
/* :::::::::: Link Styles Ende :::::::::: */
/* :::::::::: Form Styles Ende :::::::::: */
.frmnomargin { margin: 0px; }
input { font-family: tahoma,arial,sans-serif; color: #001000; font-size: 1em; }
textarea { font-family: tahoma,arial,sans-serif; color: #001000; font-size: 1em; border: 1px inset; }
.inputborder1 { border: 1px inset; }
.input20 { width: 20px; background: #dfdbd3 repeat-x; }
.input30 { width: 30px; background: #dfdbd3 repeat-x; }
.input50 { width: 50px; background: #dfdbd3 repeat-x; }
.input100 { width: 100px; background: #dfdbd3 repeat-x; }
.input200 { width: 200px; background: #dfdbd3 repeat-x; }
.input300 { width: 300px; background: #dfdbd3 repeat-x;}
.submit { text-align: center; margin: 0px; }
.button { border: 1px outset; background: #dfdbd3; }
.select { font-size: .8em; }
.fieldset { padding: 6px; border: 1px solid #474747; }
.feldname { width: 100%; margin-top: 5px; font-weight: bold; }
.feld { width: 100%; }
.feldnamefl { float: left; width: 20%; margin-top: 5px; font-weight: bold; clear: left;}
.feldfl { float: left; width: 80%; clear: right;}
.formspan { padding: 6px; margin: auto; }
.fieldspan { clear: both; }
/* :::::::::: Form Styles Ende :::::::::: */
/* :::::::::: Weiterempfehlung :::::::::: */
.empmain { width: 350px; padding: 6px; margin: auto; }
.empfieldset { padding: 6px; border: 1px solid #474747; }
.empfeldname { width: 100%; margin-top: 5px; font-weight: bold; }
.empfeld { width: 100%; }
/* :::::::::: Weiterempfehlung Ende :::::::::: */
/* :::::::::: News :::::::::: */
h1.newshead { font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #000; border-bottom: 1px solid #898989; padding-bottom: 2px; }
h1.quicklink { font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #000; padding-bottom: 0px; }
.nonews { padding: 6px; margin-top: 10px; border: 1px solid #898989; background: #efefef; }
.newsthema { text-align: right; margin-bottom: 15px; }
.newsspan { border: 1px solid #898989; padding: 4px; margin-top: 10px; }
.newsimage { float: left; margin-right: 10px; }
.newscontent { padding: 0px 0px 4px 4px; line-height: 1.4em; text-align: left; }
.newsgallery { clear: both; padding: 6px; }
.newsfunctions { clear: both; margin: 0px; padding: 2px; text-align: center; }
.newsdetail { padding: 0px 0px 4px 4px; line-height: 1.4em; }
/* :::::::::: ENDE News :::::::::: */
/* :::::::::: Newsletter :::::::::: */
.nlmain { background: #f4f4f4; padding: 6px; }
.nlfieldset { padding: 6px; border: 1px solid #474747; }
.nlfeldname { float: left; width: 30%; margin-right: 5px; font-weight: bold; }
.nlfeld { float: left; width: 68%; }
.nlthema { width: 50%; }
.nlcheck { float: left; width: 10%; }
.nlthemalabel { float: left; width: 90%; }
/* :::::::::: ENDE Newsletter :::::::::: */
/* :::::::::: Extranet :::::::::: */
/* Login */
h1.loginhead { font-size: 1em; margin-top: 0px; margin-bottom: 4px; color: #e74a29; }
.loginleft { float: left; width: 47%; height: 300px; font-size:.9em; padding: 6px; background: #f4f4f4; border: 1px solid #898989; border-right: 0px; }
.loginright { float: left; width: 47%; height: 300px; padding: 6px; background: #dedede; border: 1px solid #898989; }
/* Sheets */
.sheetspan { padding: 4px; }
.sheettitle { float: left; width: 75%; font-weight: bold; background: #dedede; margin-top: 2px; padding:4px; }
.sheetdesc { margin-bottom: 2px; padding:0px 4px; }
.sheetfileinfo { float: left; width: 25%; background: #dedede; margin-top: 6px; margin-top: 2px; padding:4px; }
a.sheetlink:link, a.sheetlink:active, a.sheetlink:visited { text-decoration: none; color: #000000; }
a.sheetlink:hover { color: #efefef; text-decoration: underline; background-color: #797979; padding: 1px; }
/* :::::::::: Extranet :::::::::: */
/* :::::::::: Gästebuch :::::::::: */
.gbhead { margin-bottom: 6px; }
.gbmainspan { margin: 6px 0px; border: 1px solid #cecece; }
.gbentryhead { background: url(/images/framework/date.gif) no-repeat; background-color: #efefef; padding: 0px 18px 2px 18px; vertical-align: top; border-bottom: 1px solid #cecece; }
.gbentryhead2 { background-color: #f5f5f5; padding: 0px 2px 2px 18px; vertical-align: top; border-bottom: 1px solid #cecece; }
.gbentrycontent { padding: 2px 18px 2px 18px; vertical-align: top; }
.gbstatus { padding: 4px; border: 1px solid #a4a7b0; margin: 8px 0px; background-color: #efefef; }
/* Links */
a.gb:link, a.gb:active, a.gb:visited { text-decoration: none; color: #000000; }
a.gb:hover { color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; }
/* :::::::::: ENDE Gästebuch :::::::::: */
/* Editor Styles */
.bggraydark { background: #999; color: white; }
.bggraymiddle { background: #e8e8e8; }
.bggraylight { background: #f4f4f4; }
.colorblack { color: #000000; }
.redwhite { color: white; background:red; padding:2px; }
.green { color: green; }
/* ENDE Editor Styles */px;