/*
	IQ - Energieforum

	css/styles.css			2008-12-17  (c) e.sens.e GmbH
*/

html { overflow-y: scroll; }
* { padding:0 ; margin:0; }

body
{
	margin:			    0px;
	color:			    #000000;
	background-color:	#ffffff;
	font-family:		Verdana,sans-serif;
	font-size:		    11px;
	text-align:		    left;
	line-height:		150%;
}

a:link,
a:visited
{
	color:			    #0091cc;
	text-decoration:	underline;
    font-weight:        bold;
    text-decoration:    none;
}

a:hover,
a:active
{
	color:			    #a8101b;
	text-decoration:	underline;
}

img
{
	border-style:		none;
}

h1
{
	float: right;
    display: block;
    width: 40em;
    margin: 10px 20px 0 10px;
    color: #fefefe;
    font-size: 1.3em;
    border: 0px solid white;
    line-height: 1.8em;
    text-align: justify;
}

h2
{
	display:		none;
}

form
{
	display:		inline;		/* IE */
}

p
{
    padding:                    0px;
    margin-top:                 10px;
    margin-bottom:              10px;

}

ul
{
	list-style-type:	square;
}

b,
strong
{
color:                      #c07f26;
}

.float_left
{
	clear:			left;
	float:			left;
}

.float_right
{
	clear:			right;
	float:			right;
}

.align_left
{
	text-align:		left;
}

.align_right
{
	text-align:		right;
}

.align_center
{
	text-align:		center;
}

.align_justify
{
	text-align:		justify;
}

.allcaps
{
	text-transform:		uppercase;
}
.leftpane2
{
margin: 0 10px !important;
}
.leftpane3
{
margin: 0 10px 10px 10px !important;
}

.skip:focus, .skip:active 
{
	padding: 1.5em;
	display: block;
	font-size: 1.5em;
	height:auto;
	left:0;
	position:static;
	top:0;
	width:auto;
}
.dn
{
  	display:none;
}

.skip, .hideme
{
	height:				1px;
	left:				-1000em;
	margin:				0;
	padding:			0;
	position:			absolute;
	top:				-1000em;
	width:				1px;
}



div#centered
{
	width:			    753px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		    10px;
}

div#main
{
	float:			    left;
	background-color:   #ffffff;
	border:			    1px solid #999999;
    background:	        transparent url('../img/content_bg.jpg') left top repeat-x;
}

div#main2
{
	float:			    left;
	background-color:   #ffffff;
	border:			    1px solid #999999;
    background:	        transparent url('../img/content_bg.jpg') left -100px repeat-x;
}

div#header
{
	height:			    120px;
    width: 100%;
}

img#logo
{
	float:			    left;
	margin-left:		20px;
	margin-top:		    20px;
}

ul#topnav
{
	float:			    right;
	margin:		        0 20px 0 0;
    width:              auto;
    height:             18px;
	color:			    #bbbdbe;
	font-size:		    0.8em;
    list-style-type:    none;
    /*background-color:   #aaaaaa;*/
}

ul#topnav li
{
    float: 				right;
    margin-left: 		7px;
    list-style-type: 	none;
    width: 				68px;
    background-image:	url(../img/topnav_bg.gif);
    background-position: left top;
    background-repeat:	repeat-x;
    text-align: 		center;
}


ul#topnav a:link,
ul#topnav a:visited
{
	display:            block;
    color:			    #0091cc;
	text-decoration:	none;
}

ul#topnav a:hover,
ul#topnav a:active
{
	background:         url(../img/topnav_hover_bg.gif) left top repeat-x;
    display:            block;
    color:			    #bb7617;
	text-decoration:	none;
}

div#deco
{
	width:			        712px;		/* IE7 */
	height:			        292px;
	margin:		            0 0 0 20px;
	background-image:	    url('../img/deco.jpg');
	background-position:	left top;
	background-repeat:	    no-repeat;
}

div#deco-small
{
	width:			        712px;		/* IE7 */
	height:			        172px;
	margin:		            0 0 0 20px;
	background-image:	    url('../img/deco.jpg');
	background-position:	left top;
	background-repeat:	    no-repeat;
}


ul#nav
{
	width:			    712px;		/* IE7 */
	height:			    48px;
	margin:		        0 0 0 20px;
	padding-left:		0px;
	padding-right:		0px;
	padding-top:		0px;
	padding-bottom:		0px;
	list-style-type:	none;
    background-color:   #ffffff;
}

ul#nav li
{
	float:			    left;
	margin:			    0px;
	padding:		    0px;
    height:             40px;
	list-style-type:	none;
    font-size:		    14px;
    line-height:        1.1em;
    font-weight:        bolder;
    text-align:         center;
}

ul#nav li.current 
{
	border-top:         6px solid #0091cc;
}

ul#nav li.last a:link,
ul#nav li.last a:visited
{
    border:             0px solid;
}

ul#nav li a:link,
ul#nav li a:visited
{
	display:		    block;
	float:		    	left;
    width:		    	115px;
    height:		    	28px;
    text-align:         center;
    text-decoration:    none;
    color:              #0091cc;
    padding-top:        15px;
    text-transform:	    uppercase;
	border-right:       1px solid #0091cc;
}

ul#nav li a:hover,
ul#nav li a:active
{
	text-align:     	center;
    text-decoration: 	none;
    border-top:         6px solid #0091cc;
    padding-top:        9px;
}

ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover,
ul#nav li.current a:active
{
    padding-top:        9px;
    border-top:         0px solid;
}

ul#nav li.last a:link,
ul#nav li.last a:visited,
ul#nav li.last a:hover,
ul#nav li.last a:active
{
    padding-top:        9px;
    width:		    	130px;
}

ul#nav li.last a:hover,
ul#nav li.last a:active
{
    border-top:         6px solid #0091cc;
    padding-top:        3px;
}

ul#nav li.lastcurrent a:link,
ul#nav li.lastcurrent a:visited
{
padding-top:        3px;
}

ul#nav li.lastcurrent a:hover,
ul#nav li.lastcurrent a:active
{
border: 0;
padding-top:        3px;
}

ul#nav li.last a#nav_nachhaltig_investierezn
{
 background-color:   #333355;
}

ul#breadcrumb
{
	list-style-type:			none;
	margin: 					0 0 0 20px;
	padding: 					12px 0 0 20px;
	width: 						692px;
	height: 					47px;
	background: 				url('../img/content_top_bg.gif') left top repeat-x;
	color:              		#0091cc;
	font-weight: 				bold;
	font-size: 					0.9em;
	border: 					0px solid;
}
ul#breadcrumb li 
{
	text-transform:	    		uppercase;
	float:		    			left;
	border: 					0px solid;
}

ul#breadcrumb li a:link,
ul#breadcrumb  li a:visited
{
	width: 						auto;
    text-decoration:    		none;
    color:              		#0091cc;
	border: 					0px solid;
}

ul#breadcrumb li a:hover,
ul#breadcrumb li a:active
{
	text-align:     			center;
    text-decoration: 			underline;
	color: 						#BB7617;
}


div#content
{
	float: 						left;
	width:						712px;
    margin:						0 0 10px 20px;
	padding:                    0;
	background-image:			url('../img/content_bottom_bg.gif');
	background-position:		left bottom;
	background-repeat:			repeat-x;
   /* background-color: 			#1fef1f;*/
	font-size:                  0.9em;
}
div#content a[href*="html"],
div#content a[href*="php"]
{
    background:                 url('../img/link.gif') left 5px no-repeat;
    padding-left:               8px;
}

div#content h3
{
	
	color:						#0091cc;
	margin-top:					0px;
	margin-bottom:				10px;
	padding:					0px;
	font-size:					15px;
	font-weight:				bold;
    /*background-color: 			#1faa1f*/;
}

div#content p
{
	margin-top:					0px;
	margin-bottom:				10px;
	padding:					0px;
   /* background-color: 			#99ef1f;*/
}

div#leftpane
{
	float:						left;
	width:						218px;
	min-height:					200px;
	padding-left:				0;
	padding-right:				0;
	margin:						0 0 0 20px;
	background: 			    transparent url('../img/separator.gif') right 36px no-repeat;
    border: 0px solid;
    /*background-color: 			#ef1fef;*/
}

div#leftpane img
{
    float:                      left;
    margin-top:                 2px;
}

div#leftpane img.float_left
{
    margin-right:               5px;
}

div#leftpane img.float_right
{
    margin-right:               5px;
}

div#leftpane h3
{
/*text-transform:		uppercase;*/
}

div#centerpane
{
	float:						left;
	width:						454px;
	min-height:					200px;
	padding:				    0;
    margin:                     0 0 0 20px;
	/*background-color: 			#efefef;*/
}

div#pagefooterpane
{
	float:						left;
	margin:						10px 0 0 10px;
	width: 						470px;
    height:                     66px;
	padding:					0;
	border: 0px solid;
}
div#pagefooterright
{
	float:						right;
	margin:						10px 0 0 0;
	width: 						200px;
    height:                     66px;
	padding:					0;
	border: 0px solid;
}
div#pagefooterpane a,
div#pagefooterright a
{
    background:                 transparent;
    padding: 0;
	margin:                     0 2px;
}

div#pagefooterpane h3,
div#pagefooterright h3
{
	margin: 					2px 0;
	color: 						#1197cc;
	font-size: 					0.9em;
}

ul#subnav
{
	height:			auto; 
	width:			194px;		/* TESTME */
	clear:			left;
	float:			left;
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}
ul#subnav li
{
	clear:			left;
	float:			left;
	margin:			0 0 4px 10px;
	padding:		0px;
	list-style-type:	none;
}

ul#subnav li a:link,
ul#subnav li a:visited
{
	display:		block;
	clear:			left;
	float:			left;
	width:			auto;		/* TESTME */
    padding-left: 10px;
    margin: 0 0 0 -10px;
	color:			#0091cc;
 	color:			   #888888;
	font-size:		1.2em;
	text-transform:		uppercase;
	text-decoration:	none;
    background:             transparent url('../img/bullet3.gif') 0px 4px no-repeat;
}

ul#subnav li a:hover,
ul#subnav li a:active
{
	color:			#bb7617;
	text-decoration:	none;
}

ul#subnav li.current a:link,
ul#subnav li.current a:visited,
ul#subnav li.current a:hover,
ul#subnav li.current a:active
{
    color:			        #bb7617;
    background:             transparent url('../img/bullet2.gif') 0px 4px no-repeat;
    padding-left: 10px;
    margin: 0 0 0 -10px;
}

div.textcol
{
    width:              140px;
    /*background-color:	#f0f0f0;*/
    float:              left;
}

div.content_with_leftpane
{
	float:			left;
	width:			764px;
	height:			285px	!important;
	padding:		0px	!important;
	background-image:	none	!important;
}

div.content_with_leftpane h2
{
	display:		block;
	height:			21px;
	margin:			0px;
	padding:		0px;
	padding-left:		10px;
	padding-top:		2px;
	border-left:		1px solid #7f7f7f;
	border-bottom:		1px solid #7f7f7f;
	color:			#888888;
	font-size:		13px;
	font-weight:		normal;
	text-transform:		uppercase;
}

div.content_with_leftpane img
{
	float:				left;
	border-left:		1px solid #7f7f7f;
	border-right:		1px solid #7f7f7f;
	border-bottom:		1px solid #7f7f7f;
}

div.content_with_leftpane h3
{
	float:			left		!important;
	height:			30px;
	margin:			0px		!important;
	padding-left:		40px		!important;
	padding-top:		20px		!important;
	text-transform:		uppercase	!important;
	font-size:		10px		!important;
	font-weight:		bold		!important;
}

div.content_with_leftpane p
{
	float:			left;
	width:			210px;
	height:			170px;
	padding-left:		40px	!important;
	font-size:		10px;
}

/******************************************************************************
* Textblock
******************************************************************************/

div.textblock
{
    float:                      left;
    border:                     0px solid;
    padding: 0 5px 0 0;
	margin-bottom: 12px;
}
div.textblock_default
{
  min-width: 448px;
}

div.textblock ul
{
	margin:						6px 0 0 0;
	padding:					0;
	line-height: 				2em;
}

 div.textblock  li 
 {
    list-style-type:            none;
    padding-left:               10px;
    background:                 url(../img/bullet1.gif) no-repeat left 1em;
    border: 0px solid;
 }

div.textblock strong.textblock_subline
{
    display:                    block;
    margin-bottom:              4px;
    margin-top:                 0;
    color:                      #c07f26;
    border:                     0px solid;
}
div.textblock img, div.textblock object 
{
    margin:                     15px 4px 15px 0;
}

div.textblock img.float_left, div.textblock object.float_left 
{
    margin-left:                0;
    margin-right:               10px;
    margin-top:                 0;
}
div.textblock img.float_right, div.textblock object.float_right 
{
    margin-left:                10px;
    margin-right:               0;
    margin-top:                 0;
}

/******************************************************************************
* Textblock COL
******************************************************************************/
div.premiumtext
{
padding: 8px;
background-color: #e6f4f4;
}

div.textblock_textcol
{
    float:                      left;
    padding-right:              18px;
    width:                      204px;
    border: 0px solid;
}
div.textblock_textcol_even
{
    background: 			    transparent url('../img/separator.gif') 210px 36px no-repeat;
}

div.textblock_framed
{
    background-color:#e6f4fb;
	padding-left: 0px;
	margin-bottom: 12px;
	width: 100%;
}

div.textblock_framed li
{
    margin-left: 6px;
}
div.textblock_framed strong.textblock_subline
{
background-color:#c0e3f7;
 padding-left: 6px;
}

div.newsbox
{
float:left;
}

div.newsbox ul
{
list-style-type:            none;
}

div.newsboxinner 
{
width: 190px;
}
div.newsbox hr 
{
border-bottom:1px dotted #BABABA;
}

div.infobox hr, 
div.newsbox hr 
{
border-color:   -moz-use-text-color -moz-use-text-color #BABABA;
border-style:   none none solid;
border-width:   medium medium 1px;
clear:          both;
height:         1px;
margin-bottom: 10px;

}

div.textblock_hidden
{
	display:		none;
}

div#footer
{
	clear:				        both;
	padding-top:		        1px;
	color:				        #7f7f7f;
	text-align:			        center;
	font-size:			        10px;
}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
    font-weight:                normal;
    color:                      #7f7f7f;
}

div#footer hr
{
	display:		none;
}

