/*******************************************************************************
				Standard-CSS for www.bund-regionalstrom.de
********************************************************************************/
@charset "charset=iso-8859-1";

/*
	Colors
	======
	
	Fonts:
	Standard				= #000000
	Links					= #68b500
	Navi					= #98989c
	Navi active				= #83b525
	
	Important sizes
	===============
	Root					= 62em
	Left column				= 15.31em
	Right column			= 44em
	
	px/16 = em
   
*/
		

/********************************************************************************
						General CSS-Data
********************************************************************************/
*
{
	padding:			0; 
	margin:				0; 
}

img
{
    border: 			0;
}

.clear
{
	display:			block;
	line-height:		1px;
	height:				1px;
	overflow:			hidden;
	clear:				both;
}

body
{
	font-size:			100.01%/1.5;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:		130%;
	color:				#000000;
	border:				0;
	background-color:	#FFFFFF;
	text-align:			center;
}

a:link, a:visited
{
    color:				#68b500;
}

a:hover,
a:active
{
    text-decoration: none;
}

abbr, acronym {
    cursor: help;
}

h1
{
	display:			none;
}


/*******************************************************************************
								structure
********************************************************************************/

#root
{
	float:				left;
	width:				62em;
	text-align:			left;
	background:			url(../img/bg.gif) repeat-y 25%;
	position:			relative;
}

#root h1,
#root h2
{
	display:			block;
	color:				#68b500;
	font-size:			90%;
}

#top
{
	position:			absolute;
	top:				4em;
	left:				24em;
	z-index:			20;
	width:				30em;
}

#root #left
{
	position:			relative;
	left:				0;
	margin:				1em 0 0 2.4em;
	padding-bottom:		2em;
}

#root #right
{
	float:				right;
	position:			relative;
	width:				44em;
	padding-top:		12.5em;
	padding-bottom:		2em;
	z-index:			10;
/*	background-color:	#f3f8ec; */
}

#root.homepage #right
{
	width:				40em;
}

#root #right .left
{
	float:				left;
	width:				17.8em;
	margin-left:		0.6em;
}

#root #right .left.wide
{
	width:				24.4em;
}

#root #right .right
{
	float:				right;
	width:				23em;
	margin-right:		1em;
}

#root #right .right.small
{
	width:				20em;
}

#root #bottom
{
	float:				left;
	clear:				both;
	width:				62em;
	background-color:	#7eb818;
}

/*******************************************************************************
								navigation
********************************************************************************/

#navi
{
	margin:				0 0 3em 0;
}

#navi ul
{
	list-style:			none;
	width:				13.9em; /* needed for MAC IE */
	padding:			0; /* needed for safari */
}

#navi ul li
{
	width:				13.9em;
	background:	url(../img/navi_line.gif) repeat-x bottom;
}

#navi ul li a
{
	font-size:			90%;
	font-weight:		bold;
	width:				15.9em;
	display:			block;
	margin-top:			0.3em;
	padding-bottom:		0.5em;
	text-decoration:	none;
	color:				#98989c;
}

#navi ul li a:hover,
#navi ul li a:active,
#navi ul li a:focus
{
    color:				#7eb712;
}

#navi ul li a.active
{
    color:				#7eb712;
}

#navi ul li ul
{
	margin-left:		1em;
}

#navi ul li ul li
{
	width:				12.9em;
	background:			none;
}

#navi ul li ul li a
{
	font-size:			80%;
	font-weight:		normal;
	display:			block;
	margin-top:			0;
	padding-bottom:		0.5em;
	text-decoration:	none;
	color:				#98989c;
}

#navi ul li ul li a:hover,
#navi ul li ul li a:active,
#navi ul li ul li a:focus
{
    color:				#7eb712;
}

#navi ul li ul li a.active
{
    font-weight:		bold;
}


/*******************************************************************************
								content
********************************************************************************/

p,
#right ul,
#root.homepage #logoHome ul
{
	font-size:			80%;
	margin-bottom:		1em;
}

form p
{
	margin-bottom:		0;
}

#root.stromrechner h1
{
	color:				#FFFFFF;
}

#root.stromrechner
{
	background:			url(../img/bg_stromrechner.gif) repeat-y 25%;
}

#root.homepage #right div
{
	width:				36em;
	margin-left:		2em;
}

#root.homepage #right div img
{
	width:				10.3em;
	height:				10.3em;
	margin:				0 1em 2em 0;
}

#right table td
{
	padding-bottom:		1.25em;
	line-height:		130%;
}

#right table td img
{
	margin-right:		0.62em;
}

#right form table td
{
	padding-bottom:		0.5em;
}

#right form table td img
{
	margin-right:		0;
}

#right ul
{
	margin-left:		1.2em;
}

input
{
	width:				55px;
	height:				25px;
	padding:			6px 0 0 0.3em;
	border:				none;
	background:			url(../img/form_input.gif) no-repeat;
}

#root.homepage #logoHome div
{
	position:			absolute;
	top:				15.5em;
	left:				11em;
}

#root.homepage #logoHome ul
{
	list-style:			none;
	font-weight:		bold;
}

#root.homepage #logoHome ul a
{
	text-decoration:	none;
	color:				#000000;
}


#root.homepage #logoHome ul a:hover,
#root.homepage #logoHome ul a:active,
#root.homepage #logoHome ul a:focus
{
	color:				#68b500;
}

#top h1
{
	font-size:			110%;
}

#top h1 img
{
	margin:				0 0.2em 0.2em 0.3em;
}

#top h2
{
	color:				#000000;
	font-size:			110%;
	font-weight:		normal;
	margin-top:			0.2em;
}

.faq a,
.faq a:visited
{
	color:				#000000;
	text-decoration:	none;
}

.faq a:hover,
.faq a:active,
.faq a:focus
{
	color:				#68b500;
}


/*******************************************************************************
								bottom
********************************************************************************/


#bottom ul
{
	list-style:			none;
	font-size:			80%;
	line-height			1em;
	height:				1.25em;
}

#bottom ul li
{
	float:				left;
}

#bottom ul li a
{
	
	margin:				0.1em 2em 0.1em 3em;
	text-decoration:	none;
	color:				#FFFFFF;
}

#bottom ul li a:hover,
#bottom ul li a:active,
#bottom ul li a:focus
{
    color:				#FFFFFF;
	text-decoration:	underline;
}


/*******************************************************************************
								images
********************************************************************************/

.logo
{
	width:				10.19em;
	height:				5.12em;
}

#root.homepage #left .logo
{
	width:				12.5em;
	height:				6.31em;
	margin-bottom:		1.5em;
}

.regionalstrom
{
	width:				7.5em;
	height:				11.2em;
	margin-left:		2.5em;
}

#root.homepage .regionalstrom
{
	width:				16.37em;
	height:				24.37em;
}

#root.homepage #logoHome
{
	position:			relative;
	top:				3.5em;
	left:				-4em;
}