/* Defaultwerte zuruecksetzen */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, password { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; vertical-align: top; }

/* Schrift */
body { font: 12px/1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; }
a { color: #06a; }
a:link, a:visited, a:active { text-decoration: underline; }
a:hover { color: #39d; text-decoration: underline; }
strong { font-weight: bold; }
ol { list-style-type: decimal; }
ol li { margin: 0 0 1.0em 25px; padding-left: -15px; }
ul { list-style-type: disc; }
ul li { margin: 0 0 0 25px; padding-left: -15px; }
.right { text-align: right; }

/* Ueberschriften */
h1, h2, h3, h4, h5, h6, .h1head, .h2head, .h3head, .h4head, .h5head, .h6head { background: #fff; }
.row210sbox h1, .row210sbox h2, .row210sbox h3, .row210sbox h4, .row210sbox h5, .row210sbox h6, .row210sbox .h1head, .row210sbox .h2head, .row210sbox .h3head, .row210sbox .h4head, .row210sbox .h5head, .row210sbox .h6head  { background: none !important; }
h1, .h1head { font-size: 20px !important; line-height: 1.0em; color: #000; padding-bottom: 15px; }
h2, .h2head { font-size: 14px !important; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
h2 span, .h2head span{ display: block; font-size: 12px !important; }
h2 span.tipp, .h2head span.tipp { color: #b00; }
h3, h3 a, .h3head, .h4head a { font-size: 13px !important; font-weight: bold; color: #000; text-decoration: none !important; }
h5, .h5head { font-size: 12px !important; font-weight: bold; padding-bottom: 10px; }
h5 span, .h5head span { display: block; font-weight: normal; }
h6, .h6head { font-size: 12px !important; font-weight: bold; color: #000; }


/* Struktur */
html { height: 101%; }
* html body * { font-size: 100.01%; }
body { background: #333; margin: 0; }

.clear { clear: both; height: 1px; overflow: hidden; }

#page { width: 990px; margin: 0 auto; background: url(../images/background_01.jpg) center top repeat-y; }
#main { background: transparent url(../images/background_03.jpg) left top no-repeat; }
#header { padding: 0 10px; height: 150px; overflow: hidden; }
#genericMenu { float: right; display: inline; position: relative; margin-top: 5px; color: #fff; }
#genericMenu a { color: #fff; text-decoration:underline; }
#logo { float: left; display: inline; position: relative; margin-top: 25px; background: url(../images/fastenergy_logo_01.gif) 5px center no-repeat; width: 370px; height: 100px; }
#menuColumn { clear: both; float: left; display: inline; position: relative; width: 199px; background: url(../images/background_03.jpg) left -150px no-repeat; }
#content { float: left; display: inline; width: 592px; background: url(../images/background_03.jpg) -199px -150px no-repeat; }
#additionalColumn { float: left; display: inline; position: relative; width: 199px; background: url(../images/background_03.jpg) -791px -150px no-repeat; }
#footer { clear: both; padding: 20px 0 50px 0; text-align: center; background: url(../images/background_01.jpg) center top repeat-y; }
#footerMenu { margin: 0 auto; }
#footerMenu a { text-decoration:underline}
#footerMenu a:hover { color: #39d; }

#superMenu { width: 592px; height: 45px; overflow: hidden; margin-bottom: 10px; }
#superMenu ul, #superMenu ul li { float: left; display: inline; position: relative; margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
#superMenu a { text-decoration: none; display: block; width: 148px; height: 45px; background: url(../images/background_super_menu_01.gif) -148px top no-repeat; overflow: hidden; color: #fff; font-size: 11px; }
#superMenu a.first { background-position: left top; }
#superMenu a.last { background-position: right top; }
#superMenu a:hover { background-position: -148px bottom; text-decoration: none; }
#superMenu a.first:hover { background-position: left bottom; }
#superMenu a.last:hover { background-position: right bottom; }
#superMenu a div { padding: 5px 0 0 10px; }
#superMenu a span { display: block; font-size: 10px; color: #ccc; }


/* Layout-Elemente fuer Spalten links und rechts */
.columnBoxArea { margin-left: 10px; width: 180px; margin-bottom: 20px; }
.rightGradient { background: transparent url(../images/background_right_01.jpg) left top no-repeat;  }
.columnBox { padding: 5px 15px 10px 15px; }
.rightGradient .columnBox { padding-top: 15px; }
.columnBoxArea h2, .columnBoxArea .h2head { background: transparent; border-color: #333; }
.columnBox1Header { background: transparent url(../images/columnbox_top_01.png) left top no-repeat; height: 15px; }
.columnBox1Footer { background: transparent url(../images/columnbox_top_01.png) left bottom no-repeat; height: 15px; }
.columnBox1Text { padding: 0 15px; background: url(../images/columnbox_side_01.png) left top repeat-y; }
.columnBox2Header { background: transparent url(../images/columnbox_top_02.png) left top no-repeat; height: 15px; }
.columnBox2Footer { background: transparent url(../images/columnbox_top_02.png) left bottom no-repeat; height: 15px; }
.columnBox2Text { padding: 0 15px; background: url(../images/columnbox_side_02.png) left top repeat-y; }
.columnBox3Header { background: transparent url(../images/columnbox_top_03.png) left top no-repeat; height: 15px; }
.columnBox3Footer { background: transparent url(../images/columnbox_top_03.png) left bottom no-repeat; height: 15px; }
.columnBox3Text { padding: 0 15px; background: url(../images/columnbox_side_03.png) left top repeat-y; }
.columnBox4Header { background: transparent url(../images/columnbox_top_04.png) left top no-repeat; height: 15px; }
.columnBox4Footer { background: transparent url(../images/columnbox_top_04.png) left bottom no-repeat; height: 15px; }
.columnBox4Area { background: url(../images/columnbox_bg_04.gif) left center repeat-x; }
.columnBox4Text { padding: 0 15px; background: url(../images/columnbox_side_04.png) left center no-repeat; }

#menuArea { white-space: nowrap; }
#menuHeader { background: transparent url(../images/menu_top_01.gif) left top no-repeat; height: 15px; }
#menuArea ul { display: block; list-style-type: none; padding: 0; margin: 0; background: #666 url(../images/menu_side_01.gif) left bottom no-repeat; }
#menuArea li { padding: 0; margin: 0; display: block; }
#menuArea a { text-decoration: none; cursor: pointer; display: block; color: #fff; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden; padding-left: 24px; background: transparent url(../images/menu_arrow_01.gif) left top no-repeat; }
#menuArea a:hover, #menuArea .active { text-decoration: none; background: #999 url(../images/menu_arrow_01.gif) left top no-repeat; }
#menuArea .active { background-color: #888; background-position: left bottom; }
#menuArea ul li ul { background: #888; }
#menuArea ul li ul a { text-decoration: none; font-size: 10px; font-weight: normal; height: 20px; line-height: 20px; padding-left: 34px; background: transparent url(../images/menu_arrow_02.gif) left top no-repeat; }
#menuArea ul li ul a:hover, #menuArea ul li ul .active { text-decoration: none; background: #f91 url(../images/menu_arrow_02.gif) left top no-repeat; }
#menuArea ul li ul .active { background-color: #f80; }
#menuFooter { background: transparent url(../images/menu_top_01.gif) left bottom no-repeat; height: 15px; }

#trustedShops { margin: 0 10px 20px 20px; width: 160px; }
#trustedShops a { text-decoration: none; display: block; cursor: pointer; display: block; font-size: 10px; color: #000; overflow: hidden; }
#trustedShops a:hover, #trustedShops a:hover ul, #trustedShops a:hover ul li { color: #39d; text-decoration: none; }
#trustedShops .certificate { background: url(../images/certificate_trusted_shops_02.gif) center top no-repeat; width: 150px; height: 75px; }
#trustedShops .benefits { }
#trustedShops ul, #trustedShops li { display: block; list-style-type: none; padding: 0; margin: 0; font-size: 10px; font-weight: normal; color: #06a; }
#trustedShops li span { display: block; padding-left: 15px; height: 16px; line-height: 16px; overflow: hidden; background: url(../images/bullet_ok_01.gif) left center no-repeat; }

.premiumArea { cursor: pointer; display: block; color: #fff; }
.premiumArea:hover { text-decoration: none; color: #9cf; }
.premiumHeader { background: transparent url(../images/menu_top_01.gif) left top no-repeat; height: 15px; }
.premiumFooter { background: transparent url(../images/menu_top_01.gif) left bottom no-repeat; height: 15px; }
.premiumText { padding: 0 15px; background: #666 url(../images/menu_side_01.gif) left bottom no-repeat; }
.premiumArea .partner { display: block; font-family: Arial, Verdana, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 1.4em; margin: 15px 0 5px 0; }
.premiumArea .smallText { display: block; margin-top: 10px; line-height: 1.4em; }


/* Layout-Elemente fuer Content-Bereich */
.boxTop { height: 15px; }
.boxBottom { font-size: 9px; color: #999; height: 20px; line-height: 1.7em; }
.boxContent { }

.boxText { padding-bottom: 15px; }
.boxSpace { padding-top: 10px; }
.boxText img { display: block; margin: 10px 0; }
.boxText p { margin-bottom: 2.0em; }

.smallText { font-size: 10px; line-height: 1.3em; }
.smallText p { margin-bottom: 1.0em; }
.largeText { display: block; font-size: 14px; font-weight: bold; color: #000; }
.blackText { color: #000; }

.popUpLink { display: block; font-size: 12px; padding-left: 10px; margin: 15px 0 10px 0; background: url(../images/link_arrow_01.gif) left center no-repeat; }
.popUpLink:hover { background-image: url(../images/link_arrow_02.gif); }
.popUpText { display: none; padding-left: 10px; font-size: 10px; color: #333; }

.row100lbox { margin-bottom: 8px; width: 100%;}
.row100lbox .boxTop { background: url(../images/box300_top.png); }
.row100lbox .boxTop td { padding: 15px 16px 0px 16px; }
.row100lbox .boxBottom td { background: url(../images/box200l_top.png) center bottom no-repeat; }
.row100lbox .boxBottom td.first { background-position: left bottom; }
.row100lbox .boxBottom td.last { background-position: right bottom; }
.row100lbox .box { padding: 0 16px 0 16px; color: #333; background: url(../images/box300_side.png) center top repeat-y; }
.row100lbox .first { padding: 0 16px 0 16px; background: url(../images/box300_side.png) left top repeat-y; }
.row100lbox .last { padding: 0 16px 0 16px; background: url(../images/box300_side.png) right top repeat-y; }
.row100lbox .boxText { width: 560px; }
.row100lbox h2, .row100lbox .h2head { padding-top: 10px; color: #000; }
.row100lbox h3, .row100lbox .h3head  { padding-bottom: 15px; }
.row100lbox h6, .row100lbox .h6head { padding-bottom: 5px; }
.row100lbox .largeText { display: inline; color: inherit; font-weight: normal; }
.row100lbox .blackText .largeText { font-weight: bold; }

.row111box { margin-bottom: 8px; width: 100%; }
.row111box .boxTop td { padding: 15px 16px 0px 16px; background: url(../images/box111_top.png) center top no-repeat; }
.row111box .boxTop td.first { background-position: left top; }
.row111box .boxTop td.last { background-position: right top; }
.row111box .boxBottom td { background: url(../images/box111_top.png) center bottom no-repeat; }
.row111box .boxBottom td.first { background-position: left bottom; }
.row111box .boxBottom td.last { background-position: right bottom; }
.row111box .box { padding: 0 20px 0 20px; color: #333; background: url(../images/box111_side.png) center top repeat-y; }
.row111box .first { padding: 0 20px 0 16px; background: url(../images/box111_side.png) left top repeat-y; }
.row111box .last { padding: 0 16px 0 20px; background: url(../images/box111_side.png) right top repeat-y; }
.row111box .boxText { width: 160px; }

.row200lbox { margin-bottom: 8px; width: 100%; }
.row200lbox .boxTop { background: url(../images/box200l_top.png); }
.row200lbox .boxTop td { padding: 15px 16px 0px 16px; }
.row200lbox .boxBottom td { background: url(../images/box200l_top.png) center bottom no-repeat; }
.row200lbox .boxBottom td.first { background-position: left bottom; }
.row200lbox .boxBottom td.last { background-position: right bottom; }
.row200lbox .box { padding: 0 20px 0 20px; color: #333; background: url(../images/box200l_side.png) center top repeat-y; }
.row200lbox .first { padding: 0 20px 0 16px; background: url(../images/box200l_side.png) left top repeat-y; }
.row200lbox .last { padding: 0 16px 0 20px; background: url(../images/box200l_side.png) right top repeat-y; }
.row200lbox .boxText { width: 260px; }
.row200lbox h2, .row200lbox .h2head { padding-top: 10px; color: #000; }
.row200lbox h3, .row200lbox .h3head { padding-bottom: 15px; }
.row200lbox h6, .row200lbox .h6head { padding-bottom: 5px; }
.row200lbox .largeText { display: inline; color: inherit; font-weight: normal; }
.row200lbox .blackText .largeText { font-weight: bold; }

.row210box { margin-bottom: 8px; width: 100%; }
.row210box .boxTop td { padding: 15px 16px 0px 16px; background: url(../images/box210_top.png) center top no-repeat; }
.row210box .boxTop td.first { background-position: left top; }
.row210box .boxTop td.last { background-position: right top; }
.row210box .boxBottom td { background: url(../images/box210_top.png) center bottom no-repeat; }
.row210box .boxBottom td.first { background-position: left bottom; }
.row210box .boxBottom td.last { background-position: right bottom; }
.row210box .box { padding: 0 20px 0 20px; color: #333; background: url(../images/box210_side.png) center bottom repeat-y; }
.row210box .first { padding: 0 20px 0 16px; background: url(../images/box210_side.png) left bottom repeat-y; }
.row210box .last { padding: 0 16px 0 20px; background: url(../images/box210_side.png) right bottom repeat-y; }
.row210box .first .boxText { width: 360px; }
.row210box .last .boxText { width: 160px; }

.row210sbox { margin-bottom: 8px; width: 100%; }
.row210sbox .boxTop td { padding: 15px 16px 0px 16px; background: url(../images/box210s_top.png) center top no-repeat; }
.row210sbox .boxTop td.first { background-position: left top; }
.row210sbox .boxTop td.last { background-position: right top; }
.row210sbox .boxBottom td { background: url(../images/box210s_top.png) center bottom no-repeat; }
.row210sbox .boxBottom td.first { background-position: left bottom; }
.row210sbox .boxBottom td.last { background-position: right bottom; }
.row210sbox .box { padding: 0 20px 0 20px; color: #333; background: url(../images/box210_side.png) center bottom no-repeat; }
.row210sbox .first { padding: 0 20px 0 16px; background: url(../images/box210s_side.png) left bottom no-repeat; }
.row210sbox .last { padding: 0 16px 0 20px; background: url(../images/box210s_side.png) right bottom no-repeat; }
.row210sbox .first .boxText { width: 360px; }
.row210sbox .last .boxText { width: 160px; }

.row210lbox { margin-bottom: 8px; width: 100%; }
.row210lbox .boxTop td { padding: 15px 16px 0px 16px; background: url(../images/box210l_top.png) center top no-repeat; }
.row210lbox .boxTop td.first { background-position: left top; }
.row210lbox .boxTop td.last { background-position: right top; }
.row210lbox .boxBottom td { background: url(../images/box210l_top.png) center bottom no-repeat; }
.row210lbox .boxBottom td.first { background-position: left bottom; }
.row210lbox .boxBottom td.last { background-position: right bottom; }
.row210lbox .box { padding: 0 20px 0 20px; color: #333; background: url(../images/box210l_side.png) center bottom repeat-y; }
.row210lbox .first { padding: 0 20px 0 16px; background: url(../images/box210l_side.png) left bottom repeat-y; }
.row210lbox .last { padding: 0 16px 0 20px; background: url(../images/box210l_side.png) right bottom repeat-y; }
.row210lbox .first .boxText { width: 360px; }
.row210lbox .last .boxText { width: 160px; }
.row210lbox h2, .row210lbox .h2head { color: #000; }

.row300box { margin-bottom: 8px; width: 100%; }
.row300box .boxTop { background: url(../images/box300_top.png); }
.row300box .boxTop td { padding: 15px 16px 0px 16px; }
.row300box .boxBottom td { background: url(../images/box300_top.png) center bottom no-repeat; }
.row300box .boxBottom td.first { background-position: left bottom; }
.row300box .boxBottom td.last { background-position: right bottom; }
.row300box .box { padding: 0 9px 0 9px; color: #333; background: url(../images/box300_side.png) center top repeat-y; }
.row300box .first { padding: 0 9px 0 16px; background: url(../images/box300_side.png) left top repeat-y; }
.row300box .last { padding: 0 16px 0 9px; background: url(../images/box300_side.png) right top repeat-y; }
.row300box .boxText { width: 174px; }

.row300lbox { margin-bottom: 8px; width: 100%; }
.row300lbox .boxTop { background: url(../images/box300l_top.png); }
.row300lbox .boxTop td { padding: 15px 16px 0px 16px; }
.row300lbox .boxBottom td { background: url(../images/box300l_top.png) center bottom no-repeat; }
.row300lbox .boxBottom td.first { background-position: left bottom; }
.row300lbox .boxBottom td.last { background-position: right bottom; }
.row300lbox .box { padding: 0 20px 0 20px; color: #333; background: url(../images/box300l_side.png) center top repeat-y; }
.row300lbox .first { padding: 0 20px 0 16px; background: url(../images/box300l_side.png) left top repeat-y; }
.row300lbox .last { padding: 0 16px 0 20px; background: url(../images/box300l_side.png) right top repeat-y; }
.row300lbox .boxText { width: 160px; }
.row300lbox h2, .row300lbox .h2head { padding-top: 10px; color: #000; }
.row300lbox h3, .row300lbox .h3head { padding-bottom: 15px; }
.row300lbox h6, .row300lbox .h6head { padding-bottom: 5px; }
.row300lbox .largeText { display: inline; color: inherit; font-weight: normal; }
.row300lbox .blackText .largeText { font-weight: bold; }

.header { font-size: 10px; padding: 50px 75px 10px 0; }
.type1 .header { padding: 0 75px 0 0; height: 80px; }
.noIcon { padding: 0 !important; height: auto !important; }
.iconInfo { background: url(../images/icon_info_01.gif) right center no-repeat; }
.row210sbox .iconInfo { background-image: url(../images/icon_info_02.gif); }
.iconFind { background: url(../images/icon_find_01.gif) right center no-repeat; }
.iconOrder { background: url(../images/icon_order_01.gif) right center no-repeat; }
.iconNews { background: url(../images/icon_news_01.gif) right center no-repeat; }
.iconBlog { background: url(../images/icon_blog_01.gif) right center no-repeat; }
.iconMarket { background: url(../images/icon_market_01.gif) right center no-repeat; }
.iconMobile { background: url(../images/icon_mobile_01.gif) right center no-repeat; }
.iconMail { background: url(../images/icon_mail_01.gif) right center no-repeat; }
.iconEuro { background: url(../images/icon_euro_01.gif) right center no-repeat; }
.iconDollar { background: url(../images/icon_dollar_01.gif) right center no-repeat; }
.iconTrend { background: url(../images/icon_trend_01.gif) right center no-repeat; }

.boxText .certificate { float: right; display: inline; position: relative; width: 75px; }
.certificate .ral { display: block; background: url(../images/certificate_ral.gif) center top no-repeat; width: 75px; height: 110px; }
.certificate .trustedShops { display: block; background: url(../images/certificate_trusted_shops_01.gif) center top no-repeat; width: 75px; height: 80px; }

.linkText { display: block; font-size: 12px; padding-left: 10px; margin: 0; background: url(../images/link_arrow_01.gif) left center no-repeat; }
.linkText:hover { background-image: url(../images/link_arrow_02.gif); }

.moreText { padding-right: 10px; background: url(../images/link_arrow_01.gif) right center no-repeat; }
.moreText:hover { background-image: url(../images/link_arrow_02.gif); }


/* Trend-Tabelle */
.trend, .trend2 { width: 100%; font-size: 11px; line-height: 1.3em;}
.trend2 td { padding: 0.1em 3px 0.1em 3px !important; }
.trend .separator { height: 15px; }
.trendBigUp, .trendBigConstant, .trendBigDown { background: url(../images/trend_arrow_01.gif) right center no-repeat; width: 40px; height: 40px; }
.trendBigUp { background-position: 0px 0px; }
.trendBigConstant { background-position: -55px 0px; }
.trendBigDown { background-position: -110px 0px; }
.trendSmallUp, .trendSmallConstant, .trendSmallDown { background: url(../images/trend_arrow_02.gif) right center no-repeat; width: 15px; height: 18px; }
.trendSmallUp { background-position: 0px 0px; }
.trendSmallConstant { background-position: -40px 0px; }
.trendSmallDown { background-position: -80px 0px; }
.up, .constant, .down { text-align: right; padding-right: 15px; }
.up { color: #b00; }
.constant { color: #d73; }
.down { color: #090; }
.trend a { display: block; white-space: nowrap; overflow: hidden; font-size: 12px; padding-left: 10px; margin: 10px 0 20px 0; background: url(../images/link_arrow_01.gif) left center no-repeat; }
.trend a:hover { background-image: url(../images/link_arrow_02.gif); }
.trend2 a { display: block; white-space: nowrap; overflow: hidden; text-decoration:none; }
.row1 { background-color: #e8e8e8; border-bottom: 1px solid #ddd; }
.row2 { border-bottom: 1px solid #ddd; }


/* Formular-Elemente */
form { display: inline; }
input, password, select, button { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important; }
input, password { height: 1.6em; line-height: 1.5em; }
input[type="text"], input[type="password"] { border: 1px solid #69f; }
input, password, select { font-size: 11px !important; }
label { padding-top: 0.25em; color: #000; }

.formRow { margin-bottom: 10px; }

.buttonRow { padding-top: 15px; }
.buttonOrder { font-weight: bold !important; margin-bottom: 20px; padding-right: 50px; }

button { cursor: pointer; width: 0; /* IE fix */ }
button[type] { width: auto;  /* cancel ie fix for other browsers */ }
button span { white-space: nowrap; }
button::-moz-focus-inner { border: none; padding: 0; /* overrides extra padding in Firefox */ }
a.button { text-decoration: none; }

.buttonGrey, .buttonGrey span {	background: transparent url(../images/button_grey_01.png) left top no-repeat; }
.buttonOrange, .buttonOrange span { background: transparent url(../images/button_orange_01.png) left top no-repeat; }
.buttonBlue, .buttonBlue span { background: transparent url(../images/button_blue_01.png) no-repeat right -140px; }
.buttonOrder, .buttonOrder span { background: transparent url(../images/button_order_01.png) no-repeat right -140px; }

.button { font-size: 12px !important; }
.button, .button span { display: block; text-align: left; border: 0; position:relative; height: 25px; line-height: 24px; color: #fff; overflow: hidden; margin: 0; padding: 0; }
.button { background-position: right -100px; top: 5px; margin: 0 0 10px 0; padding: 0 25px 0 0px;}
.button span { background-position: left top; padding: 0 0 0 12px;  }
.button:hover { background-position: right -150px; text-decoration: none; color: #fff; }
.button:hover span { background-position: left -50px; }
.staticButton, .staticButton span { position:static; }
.buttonOrder { margin-bottom: 20px; padding-right: 45px; }

.columnBox button { width: 150px; }
.row100lbox button { width: 560px; }
.row111box button { width: 160px; }
.row200lbox button { width: 260px; }
.row210box .first button,
.row210sbox .first button,
.row210lbox .first button { width: 360px; }
.row210box .last button,
.row210sbox .last button,
.row210lbox .last button { width: 160px; }
.row300box button { width: 174px; }
.row300lbox button { width: 160px; }

.priceForm { }
.priceForm .formRow { clear: both; }
.priceForm label { float: left; display: inline; position: relative; width: 205px; }
.priceForm .short { width: 130px; }
.priceForm input, select {  margin-left: 5px; }
.priceForm input { width: 65px; }
.priceForm select { width: 66px; }

.priceButton { left: 100px !important; width: 180px !important; }
.centerButton { margin: 0 auto 10px auto !important; width: 50% !important; }

.loginForm { }

.orderForm { }
/*
.box a { text-decoration: underline; }
*/
a.button { text-decoration: none; }

.error { font-weight:bold; color:#cc0000; }

.tecsonheader { display:block;font-family:Arial,Verdana,sans-serif;font-size:24px;font-weight:bold;line-height:1.4em;text-transform:uppercase;}
.tecsonbody { display:block;margin-top:5px;line-height:1.4em; }
.tecsonheader a {  text-decoration:none; }
.columnBox4Area button { width: 150px; }

/* Formular für Spalten */
.priceFormRight { }
.priceFormRight .formRow { clear: both; }
.priceFormRight label { float: left; display: inline; position: relative; width: 85px; }
.priceFormRight input, select {  margin-left: 5px; }
.priceFormRight input { width: 65px; }
.priceFormRight select { width: 65px; }

/* Auswahlmenü bei Charts mit mehrern Laufzeiten */
.chartNavi { border-top: 1px solid #ccc; border-bottom:1px solid #ccc; width:500px; background-color:#eee; padding:3px;}
.chartNavi a, a.pfeilLink { padding-left: 10px; background: url(../images/link_arrow_01.gif) left center no-repeat; }
.chartNavi a:hover, a.pfeilLink:hover { background-image: url(../images/link_arrow_02.gif); }

/* Banner */
#laufschrift {float: left; display: inline; position: relative; width: 430px; height: 20px; }
marquee { color:#ffffff; font-size:14px; font-weight:bold; }

/* Regional-Trend-Tabelle */
.trend3 { width: 100%; font-size: 12px; line-height: 1.3em; }
.trend3 td { padding: 0.3em 3px 0.2em 3px !important; }
.trend3 a { text-decoration: none; display: block; white-space: nowrap; overflow: hidden; }

/* Trend auf Startseite */
.up2 { color: #b00; font-weight:bold; }
.constant2 { color: #d73; font-weight:bold; }
.down2 { color: #090; font-weight:bold; }


/* Kontaktformular */
.kontaktForm { }
.kontaktForm .formRow { clear: both; }
.kontaktForm label { float: left; display: inline; position: relative; width: 100px;}
.kontaktForm input {  margin-left: 0px; }
.kontaktForm input { width: 200px; }
.kontaktForm textarea { width: 200px; border:1px solid #6699FF;}


/* Wupisform */
.wupisForm { }
.wupisForm .formRow { clear: both; }
.wupisForm label { float: left; display: inline; position: relative; width: 100px;}
.wupisForm input {  width: 100px; margin-left: 0px; }
.wupisForm select { width: 100px; margin-left: 0px; border:1px solid #6699FF;}

/* Verbrauchsrechnerform */
.jahresverbrauchForm { }
.jahresverbrauchForm .formRow { clear: both; }
.jahresverbrauchForm label { float: left; display: inline; position: relative; width: 170px;}
.jahresverbrauchForm input {  width: 120px; margin-left: 0px; }
.jahresverbrauchForm select { width: 120px; margin-left: 0px; }

.bottomalign { vertical-align:bottom; }

.certificate .ekomi { display: block; background: url(../ekomi/images/ekomi.gif) center top no-repeat; width: 75px; height: 80px; }

 .tooltip {
 background: url(../GLOBAL_PICS/info_k.png)  5px 3px no-repeat;
 display: inline; position: absolute;
 width:20px; height:20px;

}


a.tooltip span, a.ekomitooltip span  {
  display: none;
  text-decoration: none;
  z-index: 1000;
  position: relative;

}


a.tooltip:hover, a.ekomitooltip:hover {   cursor:pointer; text-decoration: none; }

a.tooltip:hover span {
 display: block;
 position: absolute;
 padding: 5px 5px 5px 45px;
 margin-left:20px;
 width: 200px;
 border: 1px solid #cccccc;
 border-right-width: 2px;
 border-bottom-width: 2px;
 color: #000000;
 font: 11px Arial;
 text-align: left;
 z-index: 10;
 background: #fff url(../GLOBAL_PICS/info_big.gif)  5px 5px no-repeat;
  }



a.ekomitooltip:hover span {
 display: block;
 position: absolute;
 left: 180px;
 z-index: 1000;
 padding: 5px;
 width: 200px;
 border: 1px solid #348a24;
 border-right-width: 2px;
 border-bottom-width: 2px;
 background: #eee;
 color: #000000;
 font: 11px Arial;
 text-align: left;

  }