/* ## CSS für das Seiteninhalts-Raster ## */
#main{
	clear:both;
	padding-top:98px;
    
}
#seitenleiste{
	border:0px dotted red;
	height:310px;
	width: 360px;
	left:614px;
	position:absolute;
	top:95px;
}
#seitenleistecontainer{
	border: 0px dotted black;
	height: 320px;
	width:350px;
	position: relative;
}
#seitenleistecontainer_l{
	border: 0px dotted black;
	position: relative;
	z-index: 5;
}
#completecontent{
    border-left:1px solid #000000;
}
#inhalt2column {
	clear:both;
	float:left;
	/*width:560px;*/
	width:600px;
	border-left: 1px solid #000000;
	padding-left:17px;
	/*line-height:15px;*/
}
#inhalt2column h1,#inhaltformular h1{
	clear:both;
	padding:0 0 32px 0;
	margin:0px;
}
#inhalt2column p{
	margin-top:0px;
}
/* EDITED BY ELFVING 19 of MAY 2008 - SiFR RELATED */
#inhalt2column h2, #inhaltformular h2{
	clear:both;
	margin:8px 0 4px 0;
	/*margin:18px 0 4px 0;*/
	padding:0;
	font-size:1em;
}
/* END EDIT */
#inhalt1column {
	float:left;
	border-left: 1px solid #000000;
	padding-left:16px;
	line-height:15px;
}
#inhaltformular {
	clear:both;
	float:left;
	width:445px;
	border-left: 1px solid #000000;
	padding-left:18px;
	line-height:15px;
}

#inhaltformular h3, .infoDiv h3{
	margin:0px;
	padding:0px;
	font-size:1em;
}
#inhaltformular h3 img{
	vertical-align:middle;
}

#flashcontent-home{
	 margin-top:-86px;
	 margin-left:-12px;
	 position:relative;
	 z-index: 3;     
}
#flashcontent{
	 position:relative;
	 z-index: 4;
}

#flashcontent-home .flashersatz{
	margin-top:86px;	
	margin-left:16px;
}

#flashcontent-advantages{
	margin-top:-124px;
	margin-left:-16px;
    margin-bottom:0px;
	position:relative;
}


#flashcontent-advantages .flashersatz{
	margin-top:119px;	
	margin-left:16px;
}

/* Druck oder Screen-Ansicht*/
.print, .logodruck, .printinline {
	display:none;
}

.tabelle{
	font-size:12px;
}

.contenttable{
	clear:both;
	width:500px;
}
.contenttable .column1{
	float:left;
	width:232px;
}
.contenttable .column2{
	/*float:left; wegen Strompreis Formular rausgeschmissen*/
	/*padding-left:13px;*/
}
.contenttable h2{
	margin:0 0 25 px 0;
	padding:0 0;
}
.contenttable ul{
	margin: 10px 0 0 16px;
	padding:0;
}
.contenttable li{
	margin: 12px 0;
	padding:0;
}

.columnStrompreis{
	clear:both;
	width:500px;
}
.columnStrompreis .column1{
	float:left;
	width:232px;
}
.columnStrompreis .column2 {
    float:right;
    width:232px;
}
.boxWeiss div, #ibutton  .boxWeiss div{
	margin:0 0 0 0;
}
.boxWeiss_2 div {
	margin:0 0 0 0;
	height: 62px;
}

#ibutton  .boxWeiss div{
text-align:left;
}

.boxWeiss .ro, #ibutton  .boxWeiss .ro{
	background:url(/bilder/navigation/rundeecke-weiss-oben-rechts.gif) top right no-repeat;
	margin:0;
	padding:0;
	float: left;
}
.boxWeiss .lo, #ibutton .boxWeiss .lo{
	background:url(/bilder/navigation/rundeecke-weiss-oben-links.gif) top left no-repeat;
	margin:0;
	padding:0;
}
.boxWeiss .ru, #ibutton .boxWeiss .ru{
	background:url(/bilder/navigation/rundeecke-weiss-unten-rechts.gif) bottom right no-repeat;
	margin:0;
	padding:0;
}
.boxWeiss .lu, #ibutton .boxWeiss .lu{
	background:url(/bilder/navigation/rundeecke-weiss-unten-links.gif) bottom left no-repeat;
	margin:0;
	padding:0;
}
.boxWeiss .inhalt1, #ibutton .boxWeiss .inhalt1{
	margin:0;
	padding:6px 14px 12px 14px;
	width:306px;
	color: #000000;
}
.boxWeiss .close, #ibutton .boxWeiss .close{
	text-align:right;
	height:10px;
}
.boxWeiss .infotext, #ibutton .boxWeiss .infotext{
	margin-top:8px;
}
.boxWeiss_2 .ro {
	background:url(/bilder/navigation/rundeecke-weiss-oben-rechts.gif) top right no-repeat;
	margin:0;
	padding:0;
	float: left;
}
.boxWeiss_2 .lo {
	background:url(/bilder/navigation/rundeecke-weiss-oben-links.gif) top left no-repeat;
	margin:0;
	padding:0;
}
.boxWeiss_2 .ru {
	background:url(/bilder/navigation/rundeecke-weiss-unten-rechts.gif) bottom right no-repeat;
	margin:0;
	padding:0;
}
.boxWeiss_2 .lu {
	background:url(/bilder/navigation/rundeecke-weiss-unten-links.gif) bottom left no-repeat;
	margin:0;
	padding:0;
}
.boxWeiss_2 .inhalt1 {
	margin:0;
	padding:6px 14px 12px 14px;
	width:306px;
	color: #000000;
}
.boxWeiss_2 .close{
	text-align:right;
	height:10px;
}

.boxGelb {
	max-width: 375px;
	float: left;
	padding-bottom: 5px;
}

.boxGelb div {
	margin:0;
}
.boxGelb .ro {
	background:url(/bilder/navigation/rundeecke-oben-rechts.gif) top right no-repeat;
	margin:0;
	padding:0;
	float: left;
}

.boxGelb .lo {
	background:url(/bilder/navigation/rundeecke-oben-links.gif) top left no-repeat;
	margin:0;
	padding:0;
}
.boxGelb .ru {
	background:url(/bilder/navigation/rundeecke-unten-rechts.gif) bottom right no-repeat;
	margin:0;
	padding:0;
}
.boxGelb .lu {
	background:url(/bilder/navigation/rundeecke-unten-links.gif) bottom left no-repeat;
	margin:0;
	padding:0;
}
.boxGelb .inhalt1 {
	margin:0;
	padding:10px;
	width:212px;
	text-align:center;
}
.boxGelb .inhalt2 {
	margin:0;
	padding:10px 24px;
	width:185px;
}
.boxGelb .inhalt3 {
	width:310px;
	margin:0;
	padding:10px 18px;
	text-align:center;
}
.boxGelb .inhalt3x {
	width:310px;
	margin:0;
	padding:10px 18px;
	text-align:center;
}
.boxGelb .inhalt4 {
	width:310px;
	margin:0;
	padding:10px 18px;
	height:46px;
}
.boxGelb .inhalt4 img.headline{
	padding-right: 10px;
	vertical-align:top;
}
.boxGelb .inhalt5 {
	width:465px;
	margin:0;
	padding:10px 14px;
	text-align:center;
}
.boxGelb .inhalt6 {
	width:310px;
	min-height: 50px;
	margin:0;
	padding:10px 18px;
	
}
.boxGelb .inhalt7 {
	margin:0;
	padding:10px;
	width:212px;
}
.boxGelb .inhalt7 .headline{
	padding-bottom: 6px;
	font-weight:bold;
	display:block;
}
.boxGelb .inhalt7 .button{
	margin-top:24px;
}
.boxGelb .inhalt8 {
	height:46px;
	margin:0px;
	padding:12px 25px 5px;
	width:auto;
	position: relative;
	z-index: 2;
}
.boxGelb .inhalt9 {
	width:355px;
	margin:0;
	padding:10px 14px 10px 110px;
}
.boxGelb .yellopreis {
	text-align:center;
}
.boxGelb .yellopreis .column1{
	float:left;
	margin:auto;
	padding-right:10px;
}
.boxGelb .yellopreis .column2{
	float:left;
	margin:auto;
}
.boxGelb .yellopreis .column3{
	float:right;
	margin:auto;
}
.boxGelb .yellopreis .preisbox{
	background-image:url(/bilder/navigation/rundeecke-weiss.gif);
	background-repeat:no-repeat;
	height:36px;
	width:146px;
	padding:1px 0 0 1px;
	margin-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:26px;
	line-height:1.4em;
}
.boxGelb .yellopreis .headline{
	margin-top:8px;
}
.boxGelb .yellopreis .subtitle{
	clear:both;
	padding-top:5px;
	font-size:9px;
    line-height:11px;
}
.boxGelb .yellopreis .button{
	margin-top:10px;
}
.yellopreisbox{
	position:relative;
	padding: 8px 0 0 0;
}
.yellopreisbox .banner{
	position:absolute;
	top:25px;
	left:370px;
}

#pricebanner{
	position:absolute;
	top:260px;
    left:500px;
}
#pricebannerform{
	position:absolute;
    left:600px;
    top:320px;
}
#pricebannerreview{
	position:absolute;
    left:610px;
    top:380px;
}
.preisbox strong{
	font-size:.5em;
	line-height:1.5em;
	vertical-align:text-top;
}
.preisbox .smaller{
	font-size:.5em;
	line-height:1.2em;
	vertical-align:baseline;
}
#comparisons  .desc{
    padding-top:20px;
}
#compareprices{
    clear:both;
    margin-top:10px;
}
#compareprices .consumption{
    float:left;
    padding-right:20px;
    text-align:left;
    width: 140px;
}
#compareprices .price{
    float:left;
    /*clear:right;*/
    text-align:right;
    width:111px;
}
#compareprices .yearlycost{
    float:left;
    clear:right;
    text-align:right;
    width:111px;
}
#compareprices .consumptionrow{
    clear:both;
}
#compareprices .consumptionrowhead{
    height:20px;
    clear:both;
    font-weight:bold;
}

/* ## Teaser ## */
.teaser2column {
	clear:both;
	float:left;
	padding-top:42px;
    padding-bottom:0px;
	width:500px;
}
.teaser2column a, .teaser2column a:hover{
	text-decoration:none;
}
.teaser2column .column1{
	position:relative;
	float:left;
	margin-bottom:-4px;
	width:245px;
}
.teaser2column .column2{
	position:relative;
	float:left;
	padding-left:13px;
	border-left: 1px solid #000000;
}
.teaser2column .column1 .banner{
	position:absolute;
	top:-30px;
	left:170px	
}
.formblock .banner{
	display:inline;
	left:320px;
	position:absolute;
	top:-10px;
}
.teaser2column .column2 .banner{
	position:absolute;
	top:-20px;
	left:170px	
}
#strompreis_kampagnen_container {
	position: relative;
}

#strompreis_kampagnen_container .banner{
	position:absolute;
	top:-20px;
	left:170px	
}

.teaser3column {
	clear:both;
	margin-top:42px;
}
.teaser3column a, .teaser3column a:hover{
	text-decoration:none;
}
.teaser3column .column1{
	float:left;
	width:224px;	
	height:100%;
}
.teaser3column .column2{
	position:relative;
	float:left;
	padding-left:13px;
	border-left: 1px solid #000000;
	width:224px;
	height:100%;
}
.teaser3column .column2 .banner{
	position:absolute;
	top:-20px;
	left:220px	
}
.teaser3column  .banner{
	position:relative;
	left:475px;
    width:150px;
    
}

/* ## Sonstiges ## */
img.plzsuchebutton, input.plzsuchebutton{
	padding-left:10px;
	vertical-align:middle;
	margin-top:6px;
	z-index: 2;
}
input.plzsuche{
	border-top: 1px #bbb700 solid;
	border-left: 1px #bbb700 solid;
	border-right: 0px #bbb700 solid;
	border-bottom: 0px #bbb700 solid;
	height:16px;
	vertical-align:middle;
	margin-top:6px;
	padding-left:4px;
	font-size:11px;
	width:60px;
}
.boxGelb .inhalt2 .error {
	border-top: 1px #DF0000 solid;
	border-left: 1px #DF0000 solid;
	border-right: 1px #DF0000 solid;
	border-bottom: 1px #DF0000 solid;
	color: #DF0000;
	height:16px;
	vertical-align:middle;
	margin-top:6px;
	padding-left:4px;
	font-size:11px;
	width:60px;
}
.boxGelb .inhalt8 .error {
	border-top: 1px #DF0000 solid;
	border-left: 1px #DF0000 solid;
	border-right: 1px #DF0000 solid;
	border-bottom: 1px #DF0000 solid;
	color: #DF0000;
	height:16px;
	vertical-align:middle;
	margin-top:6px;
	padding-left:4px;
	font-size:11px;
	width:60px;
}
.boxGelb .inhalt9 .error {
	border: 1px #DF0000 solid;
	color: #DF0000;
	height:16px;
	vertical-align:middle;
	margin-top:6px;
	padding-left:4px;
	font-size:11px;
	width:60px;
}
.errormessage{
	padding-top: 20px;
	color: #FF0000;
	font-weight: bold;
}

#inhaltformular .linkRight{
	padding: 4px 99px 4px 0;
}
#inhaltformular .linkRight2{
	padding: 4px 195px 4px 0;
}

.linkRight{
	clear:both;
	text-align:right;
	margin: 0 0;
	padding: 4px 0;
	width:465px;
}
#inhaltformular .linkRight3{
	clear:both;
	text-align:right;
	margin: 0 0;
	padding: 4px 0;
	width:345px;
}

.linkRight a{
	text-decoration:none;
	color:#000000;
}
.linkRight a:hover .linktext{
	text-decoration:underline;
}
.linkRight2{
	clear:both;
	text-align:right;
	margin: 0 0;
	padding: 4px 0;
}
.linkRight2 a,  .linkRight3 a{
	text-decoration:none;
	color:#000000;
}
.linkRight2 a:hover .linktext, .linkRight3 a:hover .linktext{
	text-decoration:underline;
}
.linkLeft{
	clear:both;
	text-align:right;
	margin: 0 0;
}
#inhaltformular .linkLeft{
	padding: 4px 100px 4px 0;
}
.linkLeft a{
	text-decoration:none;
	color:#000000;
}
.linkLeft a:hover .linktext{
	text-decoration:underline;
}
.pfeilLink a {
	text-decoration:none;
}
.pfeilLink a:hover .linktext{
	text-decoration:underline;
}

/* Info Button */
.infoDiv{
	display:none;
	clear:both;
	margin-bottom:10px;
}

#info1,#info2,#info3,#info4,#info5,#info6,#info7,#info8,#info9,#info10,#infoL1,#infoL2{
	display:inline;
	vertical-align:top;
}
#info1 a ,#info2 a ,#info3 a ,#info4 a ,#info5 a ,#info6 a ,#info7 a ,#info8 a ,#info9 a ,#info10 a,#infoL1 a,#infoL2 a {
	text-decoration:none;
}
#info1:hover, #info2:hover, #info3:hover, #info4:hover, #info5:hover, #info6:hover, #info7:hover, #info8:hover, #info9:hover, #info10:hover, #infoL1:hover, #infoL2:hover{		/* IE7, Firefox, Safari */
	color:#000000;
	border:0px solid;
}
#info1 a:hover,#info2 a:hover,#info3 a:hover,#info4 a:hover,#info5 a:hover,#info6 a:hover,#info7 a:hover,#info8 a:hover,#info9 a:hover,#info10 a:hover,#infoL1 a:hover,#infoL2 a:hover{		/* IE <= 6 */
	color:#000000;
	border:0px solid;
}
#info1:hover .infoDiv, #info2:hover .infoDiv, #info3:hover .infoDiv, #info4:hover .infoDiv, #info5:hover .infoDiv, #info6:hover .infoDiv, #info7:hover .infoDiv, #info8:hover .infoDiv, #info9:hover .infoDiv, #info10:hover .infoDiv, #infoL1:hover .infoDiv, #infoL2:hover .infoDiv{		/* IE7, Firefox, Safari */
	display:block;
	position:absolute;
}
#info1 a:hover .infoDiv,#info2 a:hover .infoDiv,#info3 a:hover .infoDiv,#info4 a:hover .infoDiv,#info5 a:hover .infoDiv,#info6 a:hover .infoDiv,#info7 a:hover .infoDiv,#info8 a:hover .infoDiv,#info9 a:hover .infoDiv,#info10 a:hover .infoDiv,#infoL1 a:hover .infoDiv,#infoL2 a:hover .infoDiv{		/* IE <= 6 */
	display:block;
	position:absolute;
	width:370px;
	margin-left:-1px;
}
.infobutton{
	display:inline;
	vertical-align:bottom;
	position: relative;
	z-index: 2;
}
.infobutton2{
	vertical-align:middle;
	position: relative;
    margin-bottom: 15px;
	/*z-index: 2;*/
}

/*FAQ Button*/
.faqlinks{
	clear: right;
	float: right;
	width: 176px;
	margin-top: 30px;
}
.faqlinks .header{
	padding-bottom:6px;
}
.faqlinks .element img.kreis{
	float:left;
	vertical-align:middle;
}
.faqlinks .element{
	clear:both;
}
.faqlinks .element a:hover{
	text-decoration:none;
}
.faqlinks .linktext{
	float:left;
	width:136px;
	padding-bottom:9px;
	padding-left:7px;
}
.faqlinks a:hover .linktext{
	cursor:hand;
}
.faqlinks .link{
	clear:both;
	padding-left:24px;
	padding-top:7px;
}
.faqlinks a{
	text-decoration:none;
}
.faqlinks a:hover .faqlinktext {	
	text-decoration:underline;
}

/* Stromquellen */
table.stromquellen {
	margin-bottom:15px;
	clear:both;
}
.stromquellen .head1{
	margin-top:2px;
	padding:0 8px;
	height:20px;
	text-align:left;
	vertical-align:text-top;
}
.stromquellen .head2{
	margin-top:2px;	
	text-align:right;
	vertical-align:text-top;
	height:20px;
}
.stromquellen .head3{
	margin-top:2px;
	text-align:right;
	padding-right:17px;
	vertical-align:text-top;
	height:20px;
}
.stromquellen .column1{
	width:217px;
	text-align:left;
	background-color:#fff880;
	padding:2px 8px;
	margin:10px;	
	border-bottom:4px solid #fff100;
	font-size: 12px;
}
.stromquellen .column2{
	width:80px;
	text-align:right;
	background-color:#fff880;
	padding:2px 0;
	border-bottom:4px solid #fff100;
	font-size: 12px;
}
.stromquellen .column3{
	width:152px;
	text-align:right;
	padding-right:17px;
	background-color:#fff880;
	padding:2px 17px 2px 0;
	border-bottom:4px solid #fff100;
	font-size: 12px;
}

/*Presse*/
#presscontact{
    text-align:right;
    float:right;
    margin-top:75px;
    padding-right:18px;
}
#presscontact .tabelle{
    text-align:right;
}
#presscontact .printbutton, .printbutton{
    padding-right:10px;
	text-align:right;
}
/* ## Teaser ## */
.pressfoto {
	clear:both;
	float:left;
	line-height:23px;
	width:500px;
}
.link2column {
	clear:both;
	float:left;
	padding-top:18px;
	width:500px;
}
.link2column .column1{
	position:relative;
	float:left;
	width:270px;
}
.link2column .column2{
	position:relative;
    padding-top:6px;
    text-align:center;
    line-height:3px;
	float:left;
	padding-left:55px;
}
.pressefooter{
	clear:both;
	margin-top:15px;
}
.pressefooter .left{
	float:left;
}
.pressefooter .right{
	float:right;
}
.light{
    background-color:#fef880;
}
.pressrelease{
	float:left;
    margin:0;
    padding:11px 11px 15px;
    width:469px;
}
.pressrelease h2{
	text-decoration:underline;
    letter-spacing:0;
}
.pressrelease a{
	text-decoration:none;
}
.presstimeline{
	clear:both;
	float:left;
	padding-top:1px;
    padding-left:10px;
}
.presstimeline div{
	float:left;
	padding-right:12px;
}
.presstimeline div.notactive img.tempimg{
	display:none;
}
.pressimages{
    margin:22px 0 0;
    width:500px;
    clear:left;
}
.pressimages h3.categorytitle{
    font-size:14px;
    font-weight:bold;
    padding:14px 0 14px;
}
.pressimages .pressimage{
    float:left;
    margin:0 16px 0 0;
    width:108px;
}
.pressimages .pressimage .image{
    background-image:url(/bilder/pressimage-frame-bg.gif);
    display:table;
    height:108px;
    margin:0 0 9px;
    overflow:hidden;
    width:108px;
}
.pressimages .pressimage .image img{
    max-height:105px;
    max-width:108px;
}
.pressimages .pressimage .image .wrapper{
    display:table-cell;
    float:none;
    text-align:center;
    vertical-align:middle;
}
.pressimages .pressimage .image .wrapper a:hover{
    display:block;
    height:auto;
    margin:0 0 0px;
}
.pressimages .pressimage .title a{
    font-weight:normal;
    text-decoration:none;
}
.pressimages .pressimage .title a .linktext{
    font-weight:normal;
    text-decoration:none;
}
.pressimages .pressimage .title a :hover.linktext{
    text-decoration:underline;
}
.pressimages .spacer{
    clear:both;
    color:#fff100;
    height:16px;
    width:400px;
}

.pressimagedetails {
    padding-bottom:28px;
}
.pressimagedetails img{
    max-height:320px;
    max-width:320px;
}
.pressimagedetails div{
    float:left;
}
.pressimagedetails .image{
    height:320px;
    margin-right:15px;
    overflow:hidden;
    padding-top:3px;
}
.pressimagedetails .image .photo{
    background-image:url(/bilder/pressimage-frame-big-bg.gif);
    display:table;
    height:320px;
    overflow:hidden;
    width:320px;
}
.pressimagedetails .image .photo .wrapper{
    display:table-cell;
    float:none;
    text-align:center;
    vertical-align:middle;
}
.pressimagedetails  .text{
    width:145px;
}
.pressimagedownload{
    clear:both;
    padding-top:10px;
}

/* Others */
.disabled .formrow input{
	background-color:#FEF880;
	border: 0px;
	color:#000000;
}
.disclaim{
	clear:both;
	width:480px;
	padding-top:50px;
}
.flowtext{ /* Standard Flowtext */
	clear:both;
	width:480px;
	padding-bottom:18px;
	margin:0;
}
.flowtext2{ /* Standard Flowtext */
	clear:both;
	width:480px;
	margin:0;
}
.flowtext3{
	clear:both;
	width:462px;
	margin:0;
}
.flowtext4{
	clear:both;
	width:462px;
	margin:0;
}
.flowtext5{
	clear:both;
	width:410px;
	margin:0;
}
.flowtext6{
	clear:both;
	width:420px;
	margin:0;
}
.ingress{ /* Standard Flowtext */
	padding-top:11px;
	
}
.flowtext div.headline, .flowtext2 div.headline{	
	clear:both;
	margin:0 0 14px 0;
	padding:0;
	font-weight:bold;
}
.imageleft{
	float:left;
	margin-right:14px;
}
.center{
	text-align:center;
}


/*Additional Fields*/
.more_divs{
	clear:both;
	border: 0px solid red;
 	overflow:hidden;
	margin-top:4px;
}
.more_divs  .flowtext {
    padding-left:21px;
}
.no_more_divs{
	display:none;
	overflow: hidden;
	clear:both;
}
.show_more_divs{
	display:inline;
	overflow: hidden;
	clear:both;
	width: auto;
}
.more_div_menu{
	clear:both;
}
.more_div_menu div{
	padding-bottom:0px;
	float:left;
}
.more_div_button{
	padding-bottom:0px;
	padding-right:4px;
	display:block;
	clear:both;
	height:20px;
}
.more_div_button a{
	text-decoration:none;
}
.more_div_button a:hover{
	text-decoration:none;
}
.more_div_button img{
	margin-right:4px;
	vertical-align:middle;
}
.prozessnav1 img{
	padding: 6px 0 46px 0;
}
.prozessnav2 img{
	padding: 35px 0 24px 0;
}
/* Abbrecher Popup */
.replacement-absendenklbutton {
	background: url(/bilder/absenden-kl-button.gif) no-repeat left top;
	border: none;
	height: 0px;
	overflow: hidden;
	padding: 17px 0 0 0;
	width: 77px;
	cursor: pointer;
}
.replacement-absendenklbutton-hover {
	background: url(/bilder/absenden-kl-button-ac.gif) no-repeat left top;
	border: none;
	height: 0px;
	overflow: hidden;
	padding: 17px 0 0 0;
	width: 77px;
	cursor: pointer;
}
ul.contentlist{
    padding-left:16px;
    margin-left: 0;
}
ul.contentlist li{
    line-height:30px;
}

/* invoice */
table.invoice {
    margin-top: 20px;
	margin-bottom:15px;
	clear:both;
    border-collapse:collapse;
}
.invoice .left{
    text-align:left;
}
.invoice .right{
    text-align:right;
}
.invoice td{
	background-color:#fff880;
	border-bottom:4px solid #fff100;
	font-size: 12px;
}
.invoice .col1{
	width:150px;
	text-align:left;	
}
.invoice .col2{
	width:60px;
	text-align:right;
    padding-right:10px;
}
.invoice .col3{
	width:100px;
	text-align:left;
}
.invoice .col4{
	width:80px;
	text-align:right;
}
.invoicelogo{
	vertical-align:middle;
	position: relative;
    margin-bottom: 30px;
	/*z-index: 2;*/
}
.invoicebuttons{
    margin-top: 40px;
    width:400px;
}
.specialinvoicebuttons{
    margin-top: 40px;
    margin-left:10px;
    width:400px;
}
#fluctuatingprice{
    margin-top:10px;
}
#fluctuatingprice .desc{
    width:100px;
}
#fluctuatingprice .total{
    font-weight:bold;
}
#fluctuatingprice .right{
    text-align:right;
}
/*EDITED BY ELFVING */
#navigation {
    line-height:8px;
}