* {	font-family: Arial, Helvetica, Verdana;	font-size: 100%; }
form { margin: 0; padding: 0; }

body { background-color: #fff; margin: 0; padding: 0; color: #666; font-size: 70%; }

table {	border-collapse: collapse; }

a { text-decoration: none; color: #CC0000; }
a img { vertical-align: middle; }

img { border: 0; }

/* GLOBAL TABLE */
#page { width: 100%; }
#page .left { background-image: url(../images/background/page_left.gif); background-repeat: repeat-x; }
#page .center { background-image: url(../images/background/page_center.gif); background-repeat: repeat-x; width: 980px; background-position:0px 30px; }
#page .right { background-image: url(../images/background/page_right.gif); background-repeat: repeat-x; }

/* META NAVIGATION */
#metaNavigation { float: left; background-color: #CCC; font-size: 1.1em; height: 30px; font-size:12px !important; }
#metaNavigation a img { margin-right: 5px; }
#metaNavigation .leftPane { float: left; width: 255px; padding-right: 20px; background-color: #CC0000; height: 30px; }
#metaNavigation .leftPane a { color: #F5CCCC; font-weight: bold;   }
#metaNavigation .leftPane ul { float:right; }
#metaNavigation .leftPane li { padding-left: 10px; height: 23px; padding-top: 7px; }
#metaNavigation .leftPane li.firstItem { border-right: 1px dotted #F0B3B3; padding-right: 10px; }
#metaNavigation .rightPane { float: left; width: 705px; font-weight: bold;  }
#metaNavigation .rightPane a { color: #707070; font-weight: bold; }
#metaNavigation .rightPane div { padding-top: 7px; float: left; }
#metaNavigation .rightPane .corporateLink { padding-left: 15px; width: 270px; }
#metaNavigation .rightPane .flags { border-right: 1px dotted #848484; height: 22px; padding-right: 5px; }
#metaNavigation .rightPane .fontSize { padding: 7px 9px 0 9px; height: 23px; border-right: 1px dotted #848484; }
#metaNavigation .rightPane .fontSize a img { margin-right: 3px !important; }
#metaNavigation .rightPane .fontSize .plus { margin-right: 0 !important; margin-left: 3px; }
#metaNavigation .rightPane .search { padding-left: 10px; padding-top: 5px !important; }
#metaNavigation .rightPane .search input { width: 100px; height: 13px; }
#metaNavigation .rightPane .search a img { margin-right: 0 !important; margin-left: 3px; vertical-align: top; margin-top: 5px; }

/* HEADER */
#header { position:relative; float: left; background-image: url(../images/background/header.gif); background-position:0px 30px; width: 980px; height: 103px; margin-bottom: 68px; }
#headerImage { position: absolute; top: 30px; z-index:400; width: 100%; min-width: 900px; }
#headerImage img { float: right; padding-left: 300px; }


#printHeader { display: none; }

#logo { float: left; padding: 60px 30px 0 141px; }

#mainNavigation { float: left; padding: 100px 0 0 0; }
#mainNavigation a { color: #999; font-size: 1.4em; }
#mainNavigation a.selected, #mainNavigation a:hover { color: #CC0000; }
#mainNavigation li { border-left: 1px solid #CCC; padding: 0 10px 0 10px; height: 24px; padding-top: 6px; }
#mainNavigation li.firstItem { border-left: 0 !important; padding-left: 0 !important }

/* BODY PANELS */
#leftPanel { float: left; width: 260px; padding-right: 30px; }
#leftPanel .boxContainer { width: 260px; }
#leftPanel .boxContainer .header { width: 250px; background-image: url(../images/background/box_header.gif); background-repeat: no-repeat;  }
#leftPanel .boxContainer .subHeader, #leftPanel .boxContainer .text, #leftPanel .boxContainer .moreLink { width: 228px; }
#leftPanel .teaserContainer .text { width: 204px; }
#leftPanel .teaserContainer .top, #leftPanel .teaserContainer .bottom { width: 260px; }
#leftPanel .boxContainer .navigation li { border-top: 1px solid #E2E2E2; padding: 5px 0 0 0; margin: 0 0 5px 0; }
#leftPanel .boxContainer .navigation li.firstItem { border-top: 0 !important; padding: 0 0 0 0 !important; }
#leftPanel .boxContainer .navigation li a
{ 
	background-image: url(../images/icons/btn_more.gif); 
	background-repeat: no-repeat;
	background-position: 219px 0px;
	color: #666;
	display: block;
	width: 228px;
}
#leftPanel .boxContainer .navigation li a:hover { color: #CC0000; }
#leftPanel .boxContainer .navigation li a.selected {background-image: url(../images/icons/btn_more_selected.gif); color: #CC0000; }

#centerPanel { float: left; width: 460px; padding-right: 30px; padding-bottom: 30px; }
#centerPanel .boxContainer .subHeader, #centerPanel .boxContainer .text { width: 428px; }

#rightPanel { float: right; width: 200px; }
#rightPanel .boxContainer { width: 199px; }
#rightPanel .boxContainer a { text-decoration: underline; }
#rightPanel .boxContainer.siteService { padding-bottom: 20px; }
#rightPanel .boxContainer .header { width: 190px; background-image: url(../images/background/box_header_small.gif); }
#rightPanel .boxContainer .subHeader, #rightPanel .boxContainer .text, #rightPanel .boxContainer .moreLink { width: 168px; }
#rightPanel .boxContainer .list { width: 178px; }
#rightPanel .boxContainer.siteService .text { background-image: none !important; }
#rightPanel .boxContainer .text h3 a
{ 
	background-image: url(../images/icons/btn_more.gif); 
	background-repeat: no-repeat;
	background-position: 161px 3px;
	display: block;
	font-size: 80%;
	font-weight: bold;
	float: left;
	width: 168px;
	text-decoration: none;
}
#rightPanel .boxContainer .text .myDocuments
{
	background-color: #FFF;
	border: 1px solid #E2E2E2;
	float: left;
	padding: 5px;
	width: 156px;
	margin: 8px 0 12px 0;
	color: #CCC;
}
#rightPanel .boxContainer .text .myDocuments img { vertical-align: middle; margin-right: 5px; }
#rightPanel .boxContainer li { border-top: 1px solid #E2E2E2; padding: 3px 0 0 0; margin: 0 0 3px 0; }
#rightPanel .boxContainer li.firstItem { border-top: 0 !important; padding: 0 0 0 0 !important; }
#rightPanel .boxContainer li a
{ 
	background-image: url(../images/icons/btn_more.gif); 
	background-repeat: no-repeat;
	background-position: 161px 0px;
	color: #666;
	display: block;
	width: 168px;
	position: relative;
	text-decoration: none;
}

/* CONTENT */
#content { padding: 5px 0 30px 0; line-height: 1.5em; }
#content h1 { font-size: 1.8em; font-weight: normal; padding: 0; margin: 0 0 20px 0; line-height: 1.2em; }
#content h2 { font-size: 1.4em; padding: 0; margin: 20px 0 0 0; line-height: 1.2em; }
#content h3 { font-size: 100%; padding: 0; margin: 5px 0 5px 0 !important; line-height: 1.2em; }
#content h2 a { color: #666; text-decoration: none; }
#content ul
{
	padding: 3px 0 0 18px;
	margin: 0 0 0 0;
	list-style-image: url(../images/ul_list_image.gif) !important;
}
#content ul.anchorList { padding: 0; list-style-type: none !important; }
#content ul.anchorList li
{
	background-image: url(../images/ul_list_image.gif) !important;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 10px 0 12px;
	list-style-image: none;
}
#content a, .boxContainer.siteService a { color: #CC0000 !important; text-decoration: underline; }

#content .investorKitContainer { float: left; width: 460px; border-top: 3px solid #CCC; padding-bottom: 30px; margin-top: 3px; }
#content .investorKitContainer .item { float: left; width: 460px; padding: 10px 0 10px 0; border-bottom: 1px solid #E5E5E5; }
#content .investorKitContainer .item .link { float: left; }
#content .investorKitContainer .item .link a { color: #CC0000; text-decoration: underline; }
#content .investorKitContainer .item .link a img { margin-right: 5px; }
#content .investorKitContainer .item .options { float: right; color: #999; }
#content .investorKitContainer .item .options a img { margin-left: 5px; }

#content .formContainer { float: left; width: 460px; border-top: 3px solid #CCC; padding-bottom: 30px; margin-top: 3px; }
#content .formContainer .info { float: left; width: 460px; padding: 10px 0 10px 0; border-bottom: 1px solid #E5E5E5; }
#content .formContainer .successMsg, #content .formContainer .errorMsg, .errorMsg
{ 
	float: left;
	width: 430px;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid #E5E5E5;
	background-color: #E5F5E5;
	background-image: url(../images/icons/msg_success.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#content .formContainer .errorMsg, .errorMsg { background-image: url(../images/icons/msg_error.gif) !important; background-color: #FFF2F2; }
#content .formContainer .errorMsg .important , .errorMsg .important { color: #FF0000; font-weight: bold; }
#content .formContainer .successMsg .important { color: #009900; font-weight: bold; }
#content .form { float: left; background-color: #FAFAFA; padding: 30px 20px 30px 20px; border-bottom: 1px solid #E5E5E5; }
#content .form .row { float: left; padding: 0 0 5px 0; width: 420px; }
#content .form .row.padding { padding: 10px 0 10px 0; }
#content .form .row .textInput { width: 250px; }
#content .form .row .textInputSmall { width: 80px; }
#content .form .row .textaeraInput { width: 250px; height: 100px; }
#content .form .row select { width: 255px; }
#content .form label { float: left; width: 160px; }
#content .form.standort label { width: 170px; }
#content .form .row .checkBoxList { float: left; width: 250px; }
#content .form .row .checkBoxList label, #content .form .row .checkBox label { float: none; width: auto; } 

#content .formContainer.ansprechpartner { margin-top: 20px; }
#content .formContainer.ansprechpartner select { width: 210px; margin-right: 10px; }
#content .formContainer.ansprechpartner select.bundesland { width: 170px; }

#content .formContainer.standortDatenbank { margin-top: 20px; }
#content .formContainer.standortDatenbank select { width: 150px; margin-right: 10px; }
#content .formContainer.standortDatenbank label { font-weight: bold; margin-right: 30px; }

#content .formContainer.news { }
#content .formContainer.news select { width: 200px; margin-right: 10px; }
#content .formContainer.news select.status { width: 85px; }
#content .formContainer.news label { font-weight: bold; margin-right: 30px; }

#content .ansprechPartnerList, #content .ansprechPartnerList .item { float: left; width: 460px; }
#content .ansprechPartnerList .item { padding-bottom: 15px; }
#content .ansprechPartnerList .item .name { float: left; text-align: right; width: 210px; font-weight: bold; padding-right: 10px; }
#content .ansprechPartnerList .item .address { float: left; width: 240px; }
#content .ansprechPartnerList .item .address .details { float: left; padding-top: 7px; }
#content .ansprechPartnerList .item .address .details a { color: #CC0000; text-decoration: underline; }

#content .standortList, #content .standortList .item { float: left; width: 460px; }
#content .standortList { padding-bottom: 30px; }
#content .standortList .item { margin-bottom: 15px; border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; }
#content .standortList .item img { float: left; margin-right: 15px; margin-bottom: 20px; }
#content .standortList .item .details { margin-top: 7px; }
#content .standortList .item .details .label { text-align: right; color: #999; padding-right: 5px; }

#content .specialSection
{
	float: left;
	width: 420px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 20px 10px 20px;
	margin-bottom: 30px;
	background-color: #FAFAFA;
}

#content .documentList { width: 100%; clear: both; }
#content .documentList th
{
	text-align: left;
	padding-bottom: 3px;
	border-bottom: 3px solid #CCC;
}
#content .documentList td { padding: 10px 0 10px 0; border-bottom: 1px solid #E5E5E5; vertical-align: top; }
#content .documentList .date { width: 75px; }
#content .documentList .link a img { margin-right: 5px; }
#content .documentList .link .description { float: left; padding: 0 0 0 20px; }
#content .documentList .options { text-align: right; white-space: nowrap; }
#content .documentList .options a img { margin-left: 5px; vertical-align: middle; }

#content .newsList { float: left; clear: both; width: 460px; margin-bottom: 30px; }
#content .newsList .item { float: left; width: 460px; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 10px; }
#content .newsList .item.lastItem { border-bottom: 0 !important; }
#content .newsList .item .date { float: left; width: 55px; padding-right: 20px; }
#content .newsList .item .text { float: left; width: 385px; }
#content .newsList .item .text h2 { font-size: 1em; padding: 0; margin: 2px 0 0 0; }

#content .pageList { float: left; clear: both; width: 460px; margin-bottom: 20px; }
#content .pageList .item { float: left; width: 460px; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 10px; }
#content .pageList .item.lastItem { border-bottom: 0 !important; }
#content .pageList .item .icon { float: left; padding-right: 5px; }
#content .pageList .item .date { float: left; width: 55px; padding-right: 20px; }
#content .pageList .item .text { float: left; width: 385px; }

#contentFooter
{ 
	float: left;
	background-image: url(../images/background/content_footer.gif);
	background-repeat: no-repeat;
	width: 440px;
	height: 23px;
	margin-bottom: 30px;
	padding: 7px 10px 0 10px;
}
#contentFooter a { color: #CC0000; text-decoration: underline; }
#contentFooter a img { margin-right: 5px; }
#contentFooter .pageTop { float: right; margin-right: 0px; }
#contentFooter .pageTop img { margin-left: 5px; margin-right: 0; }

#pageFooter { float: left; color: #999; }
#pageFooter a { color: #999; text-decoration: underline; }

#kraftwerkLogo { float: right; }

#pageFooterPrint { display: none; }

/* 404 ERROR PAGE */
.error_404 { width: 100%; height: 100%; }
.error_404 tr { width: 100%; height: 100%; }
.error_404 td { width: 100%; height: 100%; text-align: center; vertical-align: middle; }

/* COMPONENTS */
.horizontalUL, .verticalUL { list-style-type: none; margin: 0px; padding: 0px; float: left; }
.horizontalUL li { float: left; }

.boxContainer { float: left; }
.boxContainer .flatHeader { border-bottom: 5px solid #CC0000; }
.boxContainer .header
{ 
	float: left; 
	padding-left: 10px;
	height: 21px;
	padding-top: 4px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
}
.boxContainer .subHeader
{ 
	float: left;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	color: #CC0000;
	padding: 6px 15px 0 15px;
	height: 20px;
	font-weight: bold;
	background-color: #FFF;
}
.boxContainer .text, .boxContainer .navigation
{
	clear: both;
	float: left;
	background-image: url(../images/background/box.gif); 
	background-position: bottom; 
	background-repeat: repeat-x;
	background-color: #FFF;
	padding: 6px 15px 10px 15px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	vertical-align: bottom;
	position: relative;
}
.boxContainer .text h1 { margin: 10px 0 10px 0; padding: 0; text-align: left; color: #666; font-size: 1.6em; font-weight: normal; }
.boxContainer .text h3 { margin: 10px 0 10px 0; padding: 0; text-align: left; color: #666; font-size: 1.6em; font-weight: normal; }
.boxContainer .text h4 { margin: 10px 0 10px 0; padding: 0; text-align: left; color: #666; font-size: 1.3em; font-weight: bold; }
.boxContainer .moreLink { clear: both; float: left; border-top: 1px solid #DEDEDE; padding: 10px 0 0 0; margin: 10px 0 0 0; }
.boxContainer .moreLink a { float: left; color: #666; }
.boxContainer .moreLink img { float: right; }
.boxContainer .bottom { width: 100%; float: left; background-image: url(../images/background/box_bottom.gif); }
#rightPanel .boxContainer .bottom { width: 200px; }
.boxContainer .bottomWhite { width: 100%; float: left; background-image: url(../images/background/box_bottom_white.gif); }
.boxContainer .bottom img, .boxContainer .bottomWhite img { float: right; }
.boxContainer .navigation { background-image: none; }
.boxContainer .list
{
	clear: both;
	float: left;
	background-color: #FFF;
	padding: 6px 10px 10px 10px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	position: relative;
}
.boxContainer .list .item { float: left; width: 178px; margin-top: 5px; padding-top: 5px; border-top: 1px solid #E5E5E5; }
.boxContainer .list .item.firstItem { padding-top: 0px !important; border-top: 0px !important; }
.boxContainer .list .item .icon { float: left; padding-right: 5px; }
.boxContainer .list .item .details { float: left; }
.boxContainer .list .item .details .info { float: left; margin-top: 3px; }
.boxContainer .list .item .details a { color: #FF0000; text-decoration: underline; }
.boxContainer .list .item .details a img { margin-left: 5px; }

.teaserContainer { float: left; }
.teaserContainer .top { float: left; background-image: url(../images/background/teaser_top.gif); }
.teaserContainer .bottom { float: left; background-image: url(../images/background/teaser_bottom.gif); }
.teaserContainer .top img, .teaserContainer .bottom img { float: right; }
.teaserContainer .text { float: left; background-color: #AA0000; color: #FFF; font-size: 1.2em; padding: 17px 28px 17px 28px;  }

/* SCHWERPUNKKARTEN STUFF */
#schwerpunktKarte { float: left; width: 1000px; }
.sk_mapContainer
{
	float: left;
	border: 1px solid #CCC;
	margin-top: 1px;
	width: 748px;
	height:498px;
}

.sk_TextContainer { float: left; width: 250px; border-bottom: 1px solid #CCCCCC; }
.sk_TextContainer .text 
{ 
	float: left;
	background-color: #F7F7F7;
	height: 360px;
	width: 210px;
	padding: 20px;
}
.sk_TextContainer .text .sk { color: #9B9B9B; }
.sk_TextContainer .text h1 { color: #666666; margin: 0; font-size: 15px; font-weight: bold; }
.sk_TextContainer .text .legende
{
	margin-top: 20px;
	border: 1px solid #CCC;
	background-color: #FFF;
	width: 100%;
}
.sk_TextContainer .text .legende th { text-align: left; padding: 10px; }
.sk_TextContainer .text .legende td { padding-bottom: 3px; padding-left: 10px; }
.sk_TextContainer .text .legende table .color { width: 10px !important; }
.sk_TextContainer .text .legende table .color .block { float: left; border:1px solid #CCC; width: 8px; }
.sk_TextContainer .text .legende table .info { padding-left: 5px !important; width: 99%; }
.sk_TextContainer .text .button { float: right; padding-top: 10px; }

.tzInfoPopupContainer { display:none; }
.tzInfoPopupItem { width: 350px; height: 200px; float: left; overflow: auto; }

.tzInfoPopup { width: 330px; }
.tzInfoPopup th { text-align: left; padding-bottom: 10px; font-size: 12px; }
.tzInfoPopup td { vertical-align: top; padding-right: 5px; padding-bottom: 5px; }
.tzInfoPopup td a { text-decoration: underline; }
.tzInfoPopup td.icon { width: 19px !important; }

/* HELPERS */
.important { font-weight: bold !important; }
.debug { border: 2px dashed red !important; }
.fullWidth { width: 100% !important; }
.noMargin, .noMargin img { margin: 0px !important; }
.errorMarker, div.errorMarker, .errorMarker input { background-color: #FFF2F2; }