/* CSS Document */

/*********************************
         Seitendesign
**********************************/
body {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10pt;
	margin: 0px;
	background-color: #F5F5F5;
}

.center {
	position:relative;
	text-align: center;
}

a:link, a:visited {
	color: #007CC3;
	text-decoration: none;
}
a:hover, a:active {text-decoration: underline; color: #007CC3;}
a img {border: none;}

td {
}

th {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.tabZeilen1, .tabZeilen2 {
	background-color: #FFFFFF;
	cursor: hand;
}
.tabZeilen1:hover, .tabZeilen2:hover {
	background-color: #FFDFB0;
}
.tabZeilen2 {
	background-color: #F4FBFF;
}


/* HEADERCONTENT */

.header {
	height: 85px;
	background-color: #7ABB1D;
	background-repeat: repeat-y;
	background-image: url(images/BG-header.jpg);
	background-position: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#printkopf {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
}
 
 

.headerinit {
	Clear               : both;
	margin              : auto;
	width               : auto;
	height: 100%;
	width: 982px;
	text-align: right;
}
.logo {
	left:10px;
	top: 7px;
	position: relative;
	float: left;
}
.solarstrom-forderung-ettiket {
	margin-left: 850px;
	position: absolute;
	float: right;
	top: -20px;
	z-index: 200;
}


/* MITTELCONTENT */
#middelcontent {
	background-image: url(images/BG-middlePage.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: center;
}
.middelcontentinit {
	Clear               : both;
	margin              : auto;
	width               : auto;
	width: 982px;
}

.horizontaletrennlinie {
	background-image: url(images/wzone2010_r3_c1.png);
	background-repeat: repeat-x;
	height: 6px;
	width: 100%;
	position: relative;
	}



/* MAINCONTENT */
#maincontent {
	background-image: url(images/BG-middlePage.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: center;
}
.maincontentinit {
	Clear               : both;
	margin              : auto;
	width               : auto;
	height: 100%;
	width: 982px;
	overflow: hidden;
}



/* FOOTCONTENT */
.footcontent {
	overflow: hidden;
	background-image: url(images/wzone2010_r5_c1.png);
	background-repeat: repeat-x;
	background-position: top;
}
.footcontentinit {
	Clear               : both;
	margin              : auto;
	width               : auto;
	height: 100%;
	width: 982px;
}

.footcontent .footcontentinit .colcontent .col1 .fusscopyright p {
	color: #666;
}





/* CONTENT BOXEN */
.colcontent {
	overflow: hidden;
	padding-top: 15px;
}

.col1 {
	width: 941px;
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 21px;
	overflow: hidden;
	float: left;
}

.col1-kurztext {
	width: 941px;
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 10px;
	padding-left: 21px;
	overflow: hidden;
	float: left;
}
.col1-menu {
	width: 941px;
	overflow: hidden;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 21px;
	height: 70px;
	float: left;
}

.col1-3L {
	float: left;
	width: 285px;
	overflow: hidden;
	padding: 0 21px 0 21px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	height: 100%;
}
.col1-3R {
	float: right;
	width: 285px;
	overflow: hidden;
	padding: 0 21px 0 21px;
}
.col1-2L {
	float: left;
	width: 448px;
	overflow: hidden;
	padding: 0 21px 0 21px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}
.col1-2R {
	float: right;
	width: 448px;
	overflow: hidden;
	padding: 0 21px 0 21px;
}

.col-pd-L {
	float: left;
	width: 534px;
	overflow: hidden;
	padding: 0 21px 0 21px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}
.col-pd-R {
	float: right;
	width: 374px;
	overflow: hidden;
	margin-top: -10px;
	padding-top: 0;
	padding-right: 21px;
	padding-bottom: 0;
	padding-left: 21px;
}

.col2-3L {
	float: left;
	width: 570px;
	overflow: hidden;
	padding: 0 21px 0 21px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}
.col2-3R {
	float: right;
	width: 570px;
	padding: 0 21px 0 21px;
}







/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}

.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}

.art-menu ul
{
	background-image: url(images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}





/* menu structure */

.art-menu
{
	padding: 0px 0px 0px 0px;
}

.art-nav
{
	position: relative;
	height: 25px;
	z-index: 1;
}

.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 25px;
	background-image: url('images/nav.png');
}

.art-nav .l
{
	left: 0;
	right:0px;
}

.art-nav .r
{
	right: 0;
	width: 874px;
	clip: rect(auto, auto, auto, 874px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0px;
	margin-left: 0px;
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;
	display: block;
	top:0;
	z-index:-1;
	height: 75px;
	background-image: url('images/MenuItem.png');
}

.art-menu a .l
{
	left:0;
	right:0px;
}

.art-menu a .r
{
	width:400px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t 
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
	color: #C0CEC1;
	padding: 0 22px;
	margin: 0 0px;
	line-height: 25px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-25px;
}
.art-menu a:hover .t
{
	color: #F1F4F1;
}

.art-menu li:hover a .t
{
	color: #F1F4F1;
}

.art-menu li:hover>a .t
{
	color: #F1F4F1;
}


.art-menu a.active .l, .art-menu a.active .r
{
	top: -50px;
}

.art-menu a.active .t
{
	color: #000000;
}


/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
	display: block;
	width: 1px;
	height: 25px;
	background-image: url('images/MenuSeparator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 20px;
	width: 180px;
	overflow:hidden;
	line-height: 20px;
	margin-right: auto;


	background-image: url('images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #A0DB61;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #344235;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.art-menu ul ul a
{
	margin-left: auto;
}

.art-menu ul li a:hover
{
	color: #283329;
	border-color: #87D237;
	background-position: 0 -20px;
}

.art-menu ul li:hover>a
{
	color: #283329;
	border-color: #87D237;
	background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #283329;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #283329;
}


/* end MenuSubItem */



.gotop {
	text-align: right;
	border-bottom-color: #DEDDDA;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 30px;
}
.gotop a, .gotop a:link, .gotop a:hover, .gotop a:visited, .gotop a:active {
	text-decoration: none;
}

.tabelangebot:hover {
	background-color: #FFDFB0;
}
.ok {
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	padding: 10px;
	width: 100%;
	background-color: #CEFFCE;
}

.error {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	padding: 10px;
	width: 100%;
	background-color: #FFBFBF;
	border: thin solid #FF0000;
}

.liste1 {
	font-size: 18px;
	list-style-type: none;
	background-color: #F7F7F5;
	border: 2px solid #E6E6E6;
	padding: 10px;
	width: 380px;
	text-align: left;
}

.liste1 li {
	background-image: url(../img/liste1.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-right: 10px;
	padding-left: 35px;
	padding-top: 12px;
	padding-bottom: 12px;
}







/*======= Strom ORDER CSS ==========================================================*/


.header2

{

    Clear               : both;

    display             : block;

    margin              : auto;

    background-color    : #5E2842;

    width               : 982px;

}

.content

{

    Clear               : both;

    margin              : 0px 0px 0px 0px;

    width               : auto;

    background-color    : #FFFFFF;

}



/*=== Start page =============================================================*/

.contentStart

{

    height              : 540px;

    background-image    : url('../images/greenmylife-start-photovoltaik-solarstrom-verkaufen.jpg');

    background-position : left right;

    background-repeat   : no-repeat;

}

.contentStart .boxMain

{



    background          : #DEDEDD;

    margin              : 50px 0px 0px 35px;

    padding             : 0px 10px 10px 10px;

    width               : 285px;

    height              : 430px;

    float               : left;

}


.boxMaingreenButton

{

    margin-top          : 230px;

    margin-left         : 31px;

}


.boxMainHeader

{

    margin-top          : -14px;

    margin-left         : -39px;

    margin-bottom       : 10px;

}

.boxMain .boxMainInternal

{
	background          : #FFFFFF;
	padding              : 0px 10px 10px 10px;
	width               : 265px;
	height              : 330px;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}



.contentStart .boxMainSecond

{

    margin              : 300px 0px 0px 35px;

    float               : left;

}

/*=== Device controls =========================================================*/

.deviceHour

{

    width : 28px;

}

.devicePercent

{

    width : 37px;

}

/*=== Calculate page =========================================================*/

.contentCalc

{

    height              : 520px;

    background-color    : #FFFFFF;

    padding             : 10px 10px 10px 10px;

}



.boxMain

{

    border              : solid 1px #D5D6D6;

    background          : #EDEDEE;

    font-size           : 11pt;

    width               : 278px;

    height              : 500px;

    float               : left;

    padding             : 10px 16px 10px 16px;

    margin              : 0px 12px 10px 0px;

}

.boxMainLast

{

    margin              : 0px 0px 0px 0px;

}

.boxMainDevices

{

    zoom                : 1;

    overflow            : auto;

    height              : 290px;

    margin              : 20px 0px 0px 0px;

}



.devicesSelector

{

    display             : none;

    position            : absolute;

    width               : 500px;

    left                : 50%;

    top                 : 200px;

    margin-left         : -250px;

    border              : 6px double #7ABB1D;

    background          : #EDEDEE 50% repeat fixed;

    z-index             : 99991;

}



.addressRow

{

    margin              : 3px 0px 0px 0px;

    border              : 1px solid #C6C5C4;

    height              : 18px;

    color               : #7ABB1D;

    font                : bold 11pt Arial, sans-serif;

}

.widthExt0

{

    width : 265px;

}

.widthExt1

{

    width : 290px;

}

/*=== Results page ===========================================================*/

.contentRes

{

    background-color    : #FFFFFF;

    padding             : 15px;

}

.contentResInternal

{

    background-color    : #EDEDEE;

    padding             : 20px;

    font                : normal 18px Arial, sans-serif;

}

/*=== Common DropDown section =========================================================*/

.selectBox

{

}

.selectBoxInput

{
	float               : left;
	border              : 1px solid #C6C5C4;
	padding-left        : 2px;
	height              : 18px;
	color               : #7ABB1D;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.selectBoxArrow

{

    margin-top          : 0px;

    width               : 15px;

    height              : 22px;

}

.selectBoxOptionContainer

{

    position            : absolute;

    border              : 1px solid #C6C5C4;

    background-color    : #FFF;

    visibility          : hidden;

    text-align          : left;



}

.selectBoxIframe

{

    position            : absolute;

    background-color    : #FFF;

    border              : 0px;

    font                : bold 10px Arial, sans-serif;

}

.selectBoxAnOption

{
	font                : bold 14px Arial, sans-serif;
	color               : #7ABB1D;
	cursor              : default;
	margin              : 1px;
	overflow            : hidden;
	white-space         : nowrap;
}

/*=== Common section =========================================================*/

.inheritStyle

{

    font        : inherit;

    width       : 100%;

    margin      : 0px;

    padding     : 0px;

}

form

{

    margin:0px;

}

/*-----*/

.textH1

{

    color               : black;

    font                : bold 20pt Arial, sans-serif;

}

.textH2

{

    font-size           : 10pt;

    color               : black;

}

.textHRes

{

    font                : bold 18px Arial, sans-serif;

    color               : black;

}

.textHRes2

{

    font                : normal 30px Arial, sans-serif;

    color               : black;

}

#toolsBox 

{
	border-style:solid; border-color:#999; border:1px;
}
/*-----*/

.Green

{

    color               : #7ABB1D;

}

.Red

{

    color               : Red;

}

/*-----*/

.linkImage, .linkImageMainBox

{
	cursor:pointer;	

}

.linkImageMainBox

{
	position: relative;
	left: -7px;

}