/*


/////////////////////////////////////////////////////////

PROJEKT: ENGINE
DATUM: 12/2007

2007 Copyright U21

/////////////////////////////////////////////////////////

*/



/******************** setup ********************/



body {
	padding: 0; margin: 0;
	background: #cbcbcc url(../gfx/bg_body.gif) repeat-x;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	font-family: Tahoma,arial,sans-serif;
	text-align: center; /* IE-Zentrierung */
}


.clear {clear: both;}

img, a img {border: 0;}
.hidden {display: none;}



/******************** links ********************/

a:link {color: #0069b3;text-decoration: underline;}
a:visited {	color: #0069b3;text-decoration: underline;}
a:hover {text-decoration: none;}


/******************** layout ********************/


#wrapper {
	position: relative;
	width: 970px;
	margin: 0 auto; /* Standardzentrierung */
	text-align: left;
}

#header {  }
#header_first {
	height: 110px;
}
#logo_top { background: url(../gfx/energy-efficiency-in-sme.gif) no-repeat; height: 52px; width: 175px; top: 30px; left: 10px; position: absolute; }
#member_login { float: right; text-align: right; color:#000000;
	padding-top: 65px;
}


#wrapper_content {
	background: #ffffff;
	clear: both;
	color: #666666;
	padding: 0;
	margin: 0;
	border: 1px solid #cbcbcc;
}

#col_left {
	float: left;
	width: 210px;
	margin-right: 20px;
	padding: 30px 0 0;
}

#col_left #contentleft { margin: 20
px 0 0; padding: 0 5px 0 10px; width: 180px; line-height: 16px;}


#col_content { float: left; margin-right: 30px; width: 500px; padding: 0; }

#pic { margin-bottom: 30px; float: right; }


#col_special {
	float: left;
	font-size: 11px;
	line-height: 16px;
	width: 200px;
	padding: 30px 0 10px;
}

#footer {
	clear: left;
	font-size: 10px;
	height: 25px;
	overflow: hidden;
}

#disclaimer { height: 20px; position: absolute; left: 0px; margin-top: 5px; }

#pageoptions {
	font-size: 11px;
	clear: left;
	margin-top: 0;
	padding-top: 10px;
	padding-left: 230px;
	padding-bottom: 10px;
}

/******************** login ********************/
#member_login { color: #FFFFFF; }
#member_login label { display:none; }
#member_login input { margin-left: 10px; color: #FFFFFF; background: #0069b3; border: 1px solid #ededed; padding-left: 3px; padding-right: 3px; font-size: 10px; }
#member_login input#user, #member_login input#pass { width: 80px; margin-left: 10px; color: #333333; background: #FFFFFF; border: 1px solid #ededed; }


/******************** navigation ********************/
#navi ul, #naviex ul {font-size: 11px;line-height: 13px;width: 200px; margin: 0; padding: 0;}
#navi ul li, #naviex ul li {list-style: none;padding: 0;width: 200px;overflow: hidden; margin: 0 0 3px; }
#navi ul li a, #naviex ul li a {display: block; color: #828385; padding: 2px 5px 5px 15px; cursor:pointer; text-decoration: none; width: 180px;}
#navi ul li a:hover, #naviex ul li a:hover { color: #005b9e; }

#navi ul li.level1 a, #naviex ul li.level1 a { font-weight: bold; background:url(../gfx/menu.gif) no-repeat; letter-spacing: 1px; }
#navi ul li.level1 a:hover, #naviex ul li.level1 a:hover { background:url(../gfx/menu_act.gif) no-repeat; }
#navi ul li.level1-act a, #naviex ul li.level1-act a { letter-spacing: 1px; font-weight: bold; color: #005b9e; background:url(../gfx/menu_act.gif) no-repeat; }
#navi ul li.level1-act a:hover {  }
#navi ul li.level1sub a, #naviex ul li.level1sub a { font-weight: bold; background:url(../gfx/menu_sub.gif) no-repeat; letter-spacing: 1px; }
#navi ul li.level1sub a:hover, #naviex ul li.level1sub a:hover { background:url(../gfx/menu_sub-act.gif) no-repeat; }
#navi ul li.level1sub-act a, #naviex ul li.level1sub-act a { letter-spacing: 1px; font-weight: bold; color: #005b9e; background:url(../gfx/menu_sub-act.gif) no-repeat; }
#navi ul li.level1sub-act a:hover {  }

#navi ul li.level2 a, #naviex ul li.level2 a { padding: 2px 5px 5px 25px; width: 180px; background: url(../gfx/menu2.gif) no-repeat 15px center;}
#navi ul li.level2 a:hover {  }
#navi ul li.level2-act a, #naviex ul li.level2-act a { padding: 2px 5px 5px 25px; color: #005b9e; background: url(../gfx/menu2_act.gif) no-repeat 15px center;}
#navi ul li.level2-act a:hover {  }

#navi ul li.level3 a, #naviex ul li.level3 a { padding: 2px 5px 5px 25px; width: 162px;}
#navi ul li.level3 a:hover { }
#navi ul li.level3-act a, #naviex ul li.level3-act a { color: #005b9e; }
#navi ul li.level3-act a:hover {  }


#specialnavi ul {font-size: 11px;line-height: 13px;width: 200px; margin: 30px 0 0; padding: 0;}
#specialnavi ul li {list-style: none;padding: 0;width: 200px;overflow: hidden; margin: 0 0 3px;}
#specialnavi ul li a { display: block; color: #828385; padding: 2px 5px 5px 15px; cursor:pointer; text-decoration: none; width: 180px; background:url(../gfx/menu.gif) no-repeat; }
#specialnavi ul li a:hover { color: #005b9e; background:url(../gfx/menu_act.gif) no-repeat;}

#disclaimer span {
	color: #0069b3; float: right;
}
#disclaimer a { text-decoration: none; }
#disclaimer a:hover {  }


/******************** text ********************/


p { margin: 1em 0 1.8em 0; }
ul, ol {  margin-left: 0; padding-left: 15px; }

h1 { color: #bf2d1b; font-size: 16px; line-height: 22px; margin-bottom: 1.2em; }
h2 { color: #666666; font-size: 14px; line-height: 16px; margin-bottom: 1.2em; }
h3, h4, h5 { color: #666666; font-size: 12px; line-height: 16px; margin-bottom: 1.2em; }
.csc-firstHeader { margin-top: 0; padding-top: 0; }


#col_special h1, #col_special h2 { font-size: 12px; line-height: 16px; margin-bottom: 1.2em; }
#col_special h3, #col_special h4, #col_special h5 { font-size: 12px; line-height: 16px; margin-bottom: 1.2em; }
#col_special ul, #col_special ol { margin-left: 0; padding-left: 15px; }


#contentleft { font-size: 10px;line-height: 12px; }
#contentleft h1,#contentleft h2,#contentleft h3 {font-size: 11px; margin-top: 0; padding-top: 5px; }
#contentleft p { margin-top: 0; padding-bottom: 7px; margin-bottom: 3px; }


#pageoptions a.printme { background: url(../gfx/icon_print.gif) no-repeat left center; text-decoration: none; padding: 2px 0 2px 20px; margin-right: 20px;}
#pageoptions a.printme:hover { background: url(../gfx/icon_print.gif) no-repeat left center; }

#pageoptions a.pagetop { background: url(../gfx/icon_pagetop.gif) no-repeat left center; text-decoration: none; padding: 2px 0 2px 20px; margin-right: 20px;}
#pageoptions a.pagetop:hover { background: url(../gfx/icon_pagetop.gif) no-repeat left center; }


/******************** formulare ********************/

label { cursor: pointer; }



/******************** styled content ********************/
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 0px solid black; padding: 0px 0px; }
DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }
/* Clearer */
DIV.csc-textpic-clear { clear: both; }
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image
{ display: inline;  margin-right: 10px; }
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image
{ display: inline; margin-left: 10px; }
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; margin-left: 10px; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 10px !important; }
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 10px !important; }
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */