/* CSS Document */

/*********************************
         Seitendesign
**********************************/

body {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10pt;
	margin: 0px;
	background-color: #F5F5F5;
	line-height: 135%;
}


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;
}

h1{
	font-size: 150%;
}


/* HEADERCONTENT */

.header {
	height: 60px;
}

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

.headerinit {
	Clear               : both;
	margin              : auto;
	width               : auto;
	width: 775px;
	text-align: right;
}
.logo {
	left:10px;
	top: 7px;
	position: relative;
	float: left;
}
.solarstrom-forderung-ettiket {
	margin-left: 750px;
	position: fixed;
	float: right;
	top: -15px;
	z-index: 200;
}


/*CONTENT */
.contentbackground {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -5000;
	}
#contentspacer {
	height: 25px;
}
#contentbannergreen {
	background-image: url(bilder/solarboerseNEU_r16_c1.png);
	background-repeat: no-repeat;
	height: 65px;
	background-position: center;
}
#contentbannergrau {
	background-image: url(bilder/solarboerseNEU_r12_c1.png);
	background-repeat: no-repeat;
	height: 65px;
	background-position: center;
}
#inhaltrahmen {
	background-image: url(bilder/solarboerseNEU_r6_c1.png);
	background-repeat: repeat-y;
	background-position: center;
	min-height:inherit;
	width: 100%;
}
#inhaltcontent {
	Clear               : both;
	margin              : auto;
	width               : auto;
	height: 100%;
	width: 719px;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #FFF;
}
#contentabschluss {
	background-image: url(bilder/solarboerseNEU_r8_c1.png);
	height: 10px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
}




#menumain {
	margin              : auto;
	height: 29px;
	width: 775px;
	font-size: 15px;
	}
#menumain ul {
	list-style-type: none;
	position: relative;
	left: -40px;
}
*+html>body #menumain li { 	float: left; }
#menumain li a {
	font-weight: bold;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B5D981;
	float: left;
	 }
#menumain li a:hover, #menumain #aktiv {
	text-decoration: none;
	background-image: url(bilder/solarboerseNEU_r2_c5.png);
	 }
	 


#menusub {
	margin: auto;
	height: 35px;
	width: 749px;
	background-color: #EEE;
	top: -13px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #858585;
	}
*+html>body #menusub {
	top: 1px;	
}
#menusub ul {
	position: relative;
	list-style-type: none;
	left: -40px;
	width: 695px;
	}
*+html>body #menusub li { 	float: left; }
#menusub li a {
	font-weight: bold;
	color: #858585;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 10px;
	float: left;
	height: 25px;
	background-image: url(bilder/menusub-inaktiv.png);
	background-position: right;
	top: 0px;	
	position: relative; }
#menusub li a:hover, #menusub #aktiv {
	font-weight: bold;
	color: #000;
	text-decoration: none;	
}

#menusub img {
	float: left;
	position:relative;
	 }

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




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

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





.Spalte-1 {

}
.Spalte-Links-1_3 {
	width:230px;
	min-height:250px;
	float:left;
	padding-right: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.Spalte-Rechts-1_3  {
	width:230px;
	min-height:250px;
	float:right;
}
.Spalte-Links-2_3 {
	width:552px;
	min-height:300px;
	float:left;
	padding-right: 14px;
}
.Spalte-Links-1_2 {
	width:411px;
	min-height:300px;
	float:left;
	padding-right: 14px;
}
.Spalte-Rechts-1_2 {
	width:411px;
	min-height:300px;
	float:right;
}




/*********************************
         order Solarstrom
**********************************/


.orderliste-rahmen {
	padding: 10px;
	height: 250px;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	}
.orderliste-rahmen .fensterlinks {
	width: 329px;
	border-right: 1px solid #CCC;
	float: left;
	height: 240px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
.orderliste-rahmen .fensterrechts {
	width: 330px;
	height: 170px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
.orderliste-rahmen .fensterrechtsGrau {
	width: 330px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #F0F0F0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	bottom: 1px;
	position: relative;
	}
.orderliste-rahmen .titel {
	font-size: 105%;
	font-weight: bold;
	padding-bottom: 20px;
	}
.orderliste-rahmen .bild {
	width: 329px;
	height:210px;
	overflow:hidden;
	}
.orderliste-rahmen .bild img {   
   margin-top:-20px;
   margin-left:-20px;
	}



.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: 97%;
	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;

}