/* BASE-STYLE and LAYOUT */

	/*
	
	man.go | management goes online 
	oran.ge | online relationship and goods environment
	gra.pe | genuine retail and purchase environment
	li.me | linux media environment
	melo.on | media logic network
	strawber.ry | documanagement and indexing solution
	
	web based management solutions

	Copyright (C) 2002-2008 Boris Lingl and the LT-ec Developer Team
	
	limedev@lt-ec.net

        This program is free software; you can redistribute it and/or
        modify it under the terms of the GNU General Public License
        as published by the Free Software Foundation; either version 2
        of the License, or (at your option) 
        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU General Public License for more details.

        You should have received a copy of the GNU General Public License
        along with this program; if not, write to the Free Software
        Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
        */


/* notes plugin stuff	
--------------------------------------------------------------------*/

.notes {
	padding: 0px;
	clear: both;
	overflow: hidden;
	background: #efefef;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #cccccc;
}

.notes .date {
	height: 50px;
	width: 45px;
	background: url(../images/plugins/notes/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 20px 0 0;
	line-height: 100%;
	float: left;
}

.notes .date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}

.notes .title {
	float: left;
}


.notescategory {
	background: url(../images/plugins/notes/small-category.png) no-repeat;
	float: left; 
	margin-left: 10px;
	padding-left: 15px;
}

.notesedit {
	background: url(../images/plugins/notes/small-archive.png) no-repeat;
	float: left; 
	margin-left: 10px;
	padding-left: 15px;
}

.notesdel {
	background: url(../images/plugins/notes/small-delete.png) no-repeat;
	float: left; 
	margin-left: 10px;
	padding-left: 15px;
}

.notescontent {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #fbfbfb;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
	padding-right: 8px;
}

/* mogls7 warning stuff
--------------------------------------------------------------------*/

.warning {
	background: url(../images/plugins/warning/warning.png) no-repeat;
	float: left; 
	padding-left: 50px;
}


/* mogls7 form stuff
--------------------------------------------------------------------*/

#search {
    font-size: 10pt;
	line-height: 10pt;
	text-decoration:none;
	color: #0062ae;
	}


#searchsmall {
    font-size: 8pt;
	line-height: 8pt;
	text-decoration:none;
	color: #0062ae;
	}

#exhibit_wrapper {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 450px;
}

.exhibit_wrapper {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 450px;
}

#exhibit_wrapper_small {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 200px;
}

.exhibit_wrapper_small {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 200px;
}

#exhibit_wrapper_100 {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 600px;
}

.exhibit_wrapper_100 {
        text-align: left;
        margin: 0px auto;
        padding: 0px;
        border:0;
        width: 600px;
}

#exhibit_header {
	padding-top: 10px;
        margin: 0 0 15px 0;
}

.exhibit_header {
	padding-top: 10px;
        margin: 0 0 15px 0;
}

#exhibit_main {
        float: left;
        width: 350px;
	/*
	font-size: 7pt;
	line-height: 7pt;
	*/
	font-size: 10px;
	line-height: 15px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000;
}

.exhibit_main {
        float: left;
        width: 350px;
	/*
	font-size: 7pt;
	line-height: 7pt;
	*/
	font-size: 10px;
	line-height: 15px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000;
}

#exhibit_main_full {
        float: left;
        width: 450px;
	font-size: 8pt;
	line-height: 8pt;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000;
}

.exhibit_main_full {
        float: left;
        width: 450px;
	font-size: 8pt;
	line-height: 8pt;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000;
}

#exhibit_info {
        float: left;
        width: 440px;
	font-size: 8pt;
	line-height: 8pt;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: red;
	padding-left: 120px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.exhibit_info {
        float: left;
        width: 440px;
	font-size: 8pt;
	line-height: 8pt;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: red;
	padding-left: 120px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#exhibit_details_headline {
        float: left;
        width: 540px;
	font-size: 10pt;
	line-height: 10pt;
	text-decoration:none;
	font-weight: bold;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000;
	padding-top: 15px;
	padding-bottom: 5px;
}

.exhibit_details_headline {
        float: left;
        width: 540px;
	font-size: 10pt;
	line-height: 10pt;
	text-decoration:none;
	font-weight: bold;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000;
	padding-top: 15px;
	padding-bottom: 5px;
}

#exhibit_img { 
        margin: 0;
        float: right;
        width: 160px;
        height: 1% /* Holly hack for Peekaboo Bug */
}

.exhibit_img { 
        margin: 0;
        float: right;
        width: 160px;
        height: 1% /* Holly hack for Peekaboo Bug */
}

#exhibit_img_full { 
	padding-top:10px;
        margin: 0;
        float: left;
        width: 540px;
        height: 1% /* Holly hack for Peekaboo Bug */
}

.exhibit_img_full { 
	padding-top:10px;
        margin: 0;
        float: left;
        width: 540px;
        height: 1% /* Holly hack for Peekaboo Bug */
}

#exhibit_footer {
	padding-top: 10px;
        clear: both;
}

.exhibit_footer {
	padding-top: 10px;
        clear: both;
}


/* labels / result-sets	
-----------------------------------------------------------------------------------------*/

fieldset {
	border: solid 1px #cccccc;
	background: #efefef;
	margin: 15px 0px;
	padding: 0px;
	text-decoration:none;
}

label {
	float: left;
	width: 120px;
	display: block;
	font-size: 10px;
	line-height: 10px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000000;
}

#labelah {
	float: left;
	width: 250px;
	display: block;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #06ac91;
}


.label100 {
	float: left;
	width: 200px;
	display: block;
	font-size: 10px;
	line-height: 10px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #000000;
}

legend {
	font-size: 11px;
	line-height: 12px;
	text-decoration:none;
	font-weight: bold;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #06ac91;
}

input {
	width: 180px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_xsmall {
	width: 35px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_xsmall {
	width: 35px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_small {
	width: 100px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_small {
	width: 100px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_narrowly {
	width: 60px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.fc_narrowly {
	width: 60px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_narrowly {
	width: 60px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_medium {
	width: 180px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.fc_medium {
	width: 180px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_medium {
	width: 180px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_large {
	width: 140px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_large {
	width: 140px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_full {
	width: 249px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_full {
	width: 249px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_full_100 {
	width: 280px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_full_100 {
	width: 280px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#fc_conformistly {
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.fc_conformistly {
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

.formular .fc_conformistly {
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 12px;
	
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}


#add_text {
	width: 450px;
	height: 20px;
	font-size: 10px;
	line-height: 10px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

#add {
	width: 80px;
	height: 20px;
	font-size: 10px;
	line-height: 10px;
	text-decoration:none;
	font-family: frutiger, arial, helvetica, tahoma, verdana, sans-serif;
	color: #0062ae;
}

input:focus,
textarea:focus {
	background: #e3e6eb;
}


/* settings_icons
-----------------------------------------------------------------------------------------*/
#fc_home {
	padding-left: 5px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 200px;
}

.fc_home {
	padding-left: 5px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 200px;
	text-decoration: none;
}

#fc_pdf {
	background: url(../images/plugins/pdf/pdf.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}


.fc_pdf {
	background: url(../images/plugins/pdf/pdf.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

#fc_location {
	background: url(../images/plugins/phonebook/location.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

.fc_location {
	background: url(../images/plugins/phonebook/location.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

#fc_end {
	background: url(../images/plugins/phonebook/location.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

.fc_end {
	background: url(../images/plugins/phonebook/location.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

#fc_location_autohaus {
	background: url(../images/form_icons/auto_gruen.png) no-repeat left top;
	padding-left: 80px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

.fc_location_autohaus {
	background: url(../images/form_icons/auto_gruen.png) no-repeat left top;
	padding-left: 80px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

#fc_location_handwerkerliste_neutral {
	/* background: url(../images/plugins/handwerkerliste/neutral.png) no-repeat left top; */
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

.fc_location_handwerkerliste_neutral {
	/* background: url(../images/plugins/handwerkerliste/neutral.png) no-repeat left top; */
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

#fc_location_vb_neutral {
	/* background: url(../images/plugins/vb/bus.gif) no-repeat left top; */
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

.fc_location_vb_neutral {
	/* background: url(../images/plugins/vb/bus.gif) no-repeat left top; */
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

#fc_location_handwerkerliste_elektro {
	background: url(../images/plugins/handwerkerliste/elektro.png) no-repeat left top;
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

.fc_location_handwerkerliste_elektro {
	background: url(../images/plugins/handwerkerliste/elektro.png) no-repeat left top;
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

#fc_location_handwerkerliste_gas_wasser {
	background: url(../images/plugins/handwerkerliste/gas_wasser.png) no-repeat left top;
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

.fc_location_handwerkerliste_gas_wasser {
	background: url(../images/plugins/handwerkerliste/gas_wasser.png) no-repeat left top;
	padding-left: 30px;
	margin-top: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

#fc_location_100 {
	/*background: url(../images/plugins/phonebook/location.png) no-repeat left top;
	padding-left: 50px;*/
	margin-top: 10px;
	padding-top: 10px; 		/*war zuvor 20*/
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

.fc_location_100 {
	/*background: url(../images/plugins/phonebook/location.png) no-repeat left top;
	padding-left: 50px;*/
	margin-top: 10px;
	padding-top: 10px; 		/*war zuvor 20*/
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 600px;
}

#fc_location_zusatztext {
	/*background: url(../images/plugins/phonebook/location.png) no-repeat left top;*/
	padding-left: 0px;
	margin-top: 0px; 		/*war zuvor 10*/
	padding-top: 0px; 		/*war zuvor 20*/
	padding-bottom: 10px;
	line-height: 14px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 380px;
}

.fc_location_zusatztext {
	/*background: url(../images/plugins/phonebook/location.png) no-repeat left top;*/
	padding-left: 0px;
	margin-top: 0px; 		/*war zuvor 10*/
	padding-top: 0px; 		/*war zuvor 20*/
	padding-bottom: 10px;
	line-height: 14px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 380px;
}


#fc_location2 {
	background: url(../images/plugins/phonebook/date.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

.fc_location2 {
	background: url(../images/plugins/phonebook/date.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

#fc_location3 {
	background: url(../images/plugins/phonebook/kdict.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

.fc_location3 {
	background: url(../images/plugins/phonebook/kdict.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

#fc_handwerkerliste {
	background: url(../images/plugins/handwerkerliste/contact.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}

.fc_handwerkerliste {
	background: url(../images/plugins/handwerkerliste/contact.png) no-repeat left top;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative; 
	float: left; 
	z-index: 1;
	width: 490px;
}


/* textformatierung
-----------------------------------------------------------------------------------------*/

#text_tief {
	vertical-align: -2px;
	font-size: 80%;
}


/*Diagramm Tarifrechner  Strom*/

#graph {                    
        width: 458px; 
        height: 185px; 
        position: relative; 
        background: #efefef url("../images/plugins/chart/bg.png") repeat-x; 
    }

#graph ul { 
        width: 458px; 
        height: 185px; 
        margin: 0; 
        padding: 0; 
        list-style-type:none;
    }

#graph ul li {  
        position: absolute; 
        width: 49px; 
        height: 160px; 
        bottom: 5px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: #06ac91;
        text-align: center; 
        color: #000000; 
        line-height: 11px;
        font-family: arial, helvetica, verdana, univers;
        font-size: 10px;
	text-decoration: none;
    }


#graph li.one { left: 93px; background-position: -50px bottom !important; }
#graph li.two { left: 170px; background-position: -50px bottom !important; }
#graph li.three { left: 245px; background-position: -150px bottom !important; }
#graph li.four { left: 320px; background-position:-200px bottom !important; }
#graph li.five{ left: 395px; background-position: 0px bottom !important; }


/*Diagramm Tarifrechner Erdgaskfz*/

#graph_erdgas_kfz {                    
        width: 458px; 
        height: 185px; 
        position: relative; 
        background: #efefef url("../images/plugins/chart/bg_erdgas_kfz.png") repeat-x; 
    }

#graph_erdgas_kfz ul { 
        width: 458px; 
        height: 185px; 
        margin: 0; 
        padding: 0; 
        list-style-type:none;
    }

#graph_erdgas_kfz ul li {  
        position: absolute; 
        width: 60px; 
        height: 160px; 
        bottom: 5px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: #06ac91;
        text-align: center; 
        color: #000000; 
        line-height: 11px;
        font-family: arial, helvetica, verdana, univers;
        font-size: 10px;
	text-decoration: none;
    }


#graph_erdgas_kfz li.one { left: 300px; background-position: -50px bottom !important; }
#graph_erdgas_kfz li.two { left: 390px; background-position: -50px bottom !important; }



/*Diagramm Tarifrechner Erdgas*/

#graph_gas {                    
        width: 458px; 
        height: 185px; 
        position: relative; 
        background: #efefef url("../images/plugins/chart/bg_gas.png") repeat-x; 
    }

#graph_gas ul { 
        width: 458px; 
        height: 185px; 
        margin: 0; 
        padding: 0; 
        list-style-type:none;
    }

#graph_gas ul li {  
        position: absolute; 
        width: 49px; 
        height: 160px; 
        bottom: 5px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: #06ac91;
        text-align: center; 
        color: #000000; 
        line-height: 11px;
        font-family: arial, helvetica, verdana, univers;
        font-size: 10px;
	text-decoration: none;
    }


#graph_gas li.one { left: 79px; background-position: -50px bottom !important; }
#graph_gas li.two { left: 145px; background-position: -50px bottom !important; }
#graph_gas li.three { left: 210px; background-position: -150px bottom !important; }
#graph_gas li.four { left: 275px; background-position:-200px bottom !important; }
#graph_gas li.five{ left: 340px; background-position: -50px bottom !important; }
#graph_gas li.six{ left: 403px; background-position: -50px bottom !important; }



/*Diagramm Tarifrechner Erdgaskombi*/

#graph_kombi {                    
        width: 458px; 
        height: 185px; 
        position: relative; 
        background: #efefef url("../images/plugins/chart/bg_erdgas_kfz.png") repeat-x; 
    }

#graph_kombi ul { 
        width: 458px; 
        height: 185px; 
        margin: 0; 
        padding: 0; 
        list-style-type:none;
    }

#graph_kombi ul li {  
        position: absolute; 
        width: 60px; 
        height: 160px; 
        bottom: 5px; 
        padding: 0 !important; 
        margin: 0 !important; 
        background: #06ac91;
        text-align: center; 
        color: #000000; 
        line-height: 11px;
        font-family: arial, helvetica, verdana, univers;
        font-size: 10px;
	text-decoration: none;
    }


#graph_kombi li.one { left: 300px; background-position: -50px bottom !important; }
#graph_kombi li.two { left: 389px; background-position: -50px bottom !important; }



/*
ajax tooltip ----------------------------------------------------------------------------*/
#ttcontent {
	
}

#ttcontentbox {
	width:250px;
	margin-top:100px;
	color: white;
	background: #ccc;
	padding:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

.keyword em{
	text-decoration:none;
	font-style:normal;
}

.keyword {
	white-space: nowrap;
}

.tooltip, .tooltip .arrowDiv {
	width:180px;
}

.tooltip {
	position:absolute;
	display:none;
}

.tooltip .arrowDown{
	background-image:url(feature-arrow-green.gif);
	background-repeat: no-repeat;
	background-position: 20px top;	
	height:16px;
}

.innerTip {
	color:#ffffff;
	background-color:#06ac91;
	font-weight:bold;
	padding:10px;
	white-space:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}

/* facebox overlay at startup */

#facebox {
	/* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	/*width:400px;	*/
	border:5px solid #ccc;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:5px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#facebox div {
	padding:10px;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

<!--[if IE]>
   <style type="text/css">
   .facebox {
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333,endColorstr=#333333);
       zoom: 1;
    }
    </style>
<![endif]-->