/* Globale Anweisungen */

html,body { margin:0; padding:0; height:100%; /* needed for container min-height */ background:#fff; font-family:arial,sans-serif; color:#333333; font-size: .87em; }


div, p, h1, h2, h3, span, a, form, img, li, hr, body	{
   	margin: 0px; padding: 0px; vertical-align: top; }

a:link 		{	color: #000; text-decoration: underline; }
a:visited 	{	color: #000; text-decoration: underline; }
a:hover 	{	color: #999999; text-decoration: none; }

/* 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; padding: 0px;  }
#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#contentcontainer { float:left; }

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0; /* center, not in IE5 */
	width:100%;
	background:#fff;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
div#header { height: 121px; }
div#nav { float:left; width: 220px; margin-top: -1px; }

div#content {  margin-top: -2px; width:100%; padding:0em 0px 2.5em 0px; /* bottom padding for footer */ min-height: 520px; }
div#footer { position:absolute; width:100%; bottom:0; /* stick to bottom */ background:#b1b2b4; color: #fff; font-size: .85em; padding-top:10px; padding-bottom: 10px; text-align:center;}
div#menustart { position:absolute; top:0px; left: 0px; z-index:10; }
div#firmen { position:absolute; top:103px; left: 270px; z-index:12; color: #fff; }
div#navertical { width: 210px; height: 185px;  padding-left: 4px; padding-top: 15px; float: left; }
.impressum {position: absolute; margin-top: 129px; margin-left: 825px; z-index:2; color: #1b5770; }
.suche {position: absolute; top: 4px; right: 200px; }
.language {position: absolute; top:102px; left: 25px; z-index: 20;}
.fmfont {font-size: .85em;}
/* Zeile der Funktionen unter dem Inhalt */
.contentfunctions	{ font-size:1em;  margin:20px 0px 20px 200px; }
.contentfunctionsitem	{ float:left; padding:0px 8px; }
.contentfunctionsitemborder	{ float:left; padding:0px 8px; border-right:1px solid #000; }

.footer {clear: left; width: 100%; background: #333; color: #FFF;}
.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; }


.download   {  	color: #f49f1e;}
.white		{  	color: #ffffff;}
.red		{  	color: #e74a29;}

hr {   	color: #cbdee6; }

h1 {   	font-size: 3.6em; color: #989694; margin-bottom: 10px; font-weight: normal; letter-spacing: -1px; margin-left:-4px;}
h2 {   	font-size: 2.6em; color: #f49f1e; margin-bottom: -2px; font-weight: normal; letter-spacing: -1px; margin-left:-3px;}
h3 {   	font-size: 1.5em; color: #f49f1e; margin-bottom: 6px; font-weight: normal; margin-left:-2px;}

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 :::::::::: */

/* Horizontale Navigation */
#hnavspan		{ position:absolute; margin-top:100px; margin-left:220px; height:18px;  }
#hnavlist		{ display:inline; margin: 0px; padding:0px; list-style:none; margin: 0px; }
ul#hnavlist	a	{ display: block; height: 18px; margin-top: 0px; padding:0px; }
#hnavlistitem	{ float:left; width:140px; height:18px; padding:0px;  }

a.hnavnosel:link, a.hnavnosel:visited			{ text-decoration: none; font-weight: bold; color: #000;  }
a.hnavnosel:hover, a.hnavnosel:active			{ text-decoration: underline; font-weight: bold; color: #000; }
a.hnavsel:link, a.hnavsel:visited				{ text-decoration: none; font-weight: bold; color: #000;  }
a.hnavsel:hover, a.hnavsel:active				{ text-decoration: underline; font-weight: bold;  color: #000;  }
/* Unterpunkte */

#hnavsublist	{ display:inline; position:absolute; list-style:none; position:absolute; text-transform: none; font-size: .85em; width:980px; padding:0px; margin:0px; }
#hnavsublist li	{ display:inline; float:left; padding:0px; margin:0px 10px; }

a.hnavsubnosel:link, a.hnavsubnosel:visited			{ text-decoration: none; font-weight: bold; color: #000;  }
a.hnavsubnosel:hover, a.hnavsubnosel:active			{ text-decoration:underline; font-weight: bold; color: #12734a; }
a.hnavsubsel:link, a.hnavsubsel:visited				{ text-decoration: none; font-weight: bold; color: #12734a;  }
a.hnavsubsel:hover, a.hnavsubsel:active				{ text-decoration:underline; font-weight: bold; color: #12734a; }
/* ENDE Horizontale Navigation */


.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.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: #b80b0b; 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: #383838;  }
a.blank:hover 				{	text-decoration: underline; background: none;  color: #727272; }

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 :::::::::: */

/* Logininfo */
.logininfo 		{ position:absolute; top:-100px; left:300px; margin: 10px 0px 0px 0px; width: 180px; font-size: .85em; }
.loginname 		{ float:left; margin-right:10px; font-size:1.2em; }
.logintime 		{ float:left; font-size:1.2em; }
.loginlogout 	{ float:left; font-size:1.2em; }
/* Login Formular */
.loginusername 			{ float:left; margin-right: 10px;vertical-align: bottom; }
.loginusernamefield 	{ float:left; margin-right: 10px; }
.loginpassword 			{ float:left; margin-right: 10px; clear:left; }
.loginpasswordfield 	{ float:left; clear:left; }
.loginsmartlogin 		{ clear:both; }
.loginbtnfield 			{  }
.loginuser	{ width: 100px; border: 1px inset #454545; background-color: #ffffff; color: #676767; }
.loginpw	{ width: 100px; border: 1px inset #454545; background-color: #ffffff; color: #676767; }
.loginbtn	{ border: 1px outset #4f5314; background-color: #ffffff; color: #676767; }
/* ENDE Logininfo */

/* :::::::::: 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; }
/* Statischer Newsticker */
.ntickerspan	{ padding: 4px; border: 1px solid #032547; }
.ntickerhead	{ padding: 2px; background:#032547; color:#ffffff; font-size:1.2em; font-weight:bold; }
.ntickercontent	{ padding: 4px; margin: 2px 0px; background: #efefef; }
.ntickerdate	{ border-bottom: 1px dashed #ababab; }
.ntickertitle	{  }
/* ENDE Statischer Newsticker */
/* :::::::::: 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 :::::::::: */

/* :::::::::: Intranet :::::::::: */
h1.loginhead 	{ font-size:2.6em; color:#f49f1e; }
.loginspan		{ margin:50px auto; width:560px; margin-left: 40px; }
.loginleft		{ float: left; width: 47%; height:300px; padding: 6px; background: #dedede; border: 1px solid #898989; border-right: 0px; }
.loginright		{ float: left; width: 47%; height:300px; padding: 6px; background: #efefef; border: 1px solid #898989; }
/* :::::::::: ENDE Intranet :::::::::: */

/* :::::::::: 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 :::::::::: */

/* Extranet */
/* Sheets */
.sheetdiv		{ width:90%; margin-left:40px; }
.sheethead		{ padding: 2px 0px 2px 2px; margin: 4px 0px; font-size: 1.2em; border-bottom: 1px solid #454545; border-left: 1px solid #454545; }
.sheetspan		{  padding: 2px; width:100%; }
.sheettitle		{ float: left; width: 74%; font-weight: bold; background: #dedede; margin-top: 0px; }
.sheetfileinfo	{ float: left; width: 24%; background: #dedede; margin-top: 0px; }
.sheetdesc		{ clear:left; margin-bottom: 6px; }
a.sheetlink:link, a.sheetlink:active, a.sheetlink:visited { text-decoration: none; color: #000000; }
a.sheetlink:hover 	{ color: #efefef; text-decoration: none; background-color: #797979; padding: 1px; }
/* ENDE Extranet */

/* 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;
