/*
Theme Name: Frankfurt spart Strom
Description: WordPress-Theme für die Website frankfurt-spart-strom.de
Author: Topcom Communication GmbH
Author URI: http://www.public.de
Version: 1.0
*/




/* @license
 * MyFonts Webfont Build ID 1365694, 2011-10-14T11:33:22-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Pristina LET by Letraset
 * URL: http://www.myfonts.com/fonts/letraset/pristina/pristina/
 * Copyright: COPYRIGHT ESSELTE LETRASET LTD., 1994
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1365694
 * 
 * © 2011 Bitstream Inc
*/

@font-face {
	font-family: 'PristinaLetPlain';
	src: url('fonts/14D742_0.eot') format('embedded-opentype'), 
	     url('fonts/14D742_0.woff') format('woff'),
	     url('fonts/14D742_0.ttf')  format('truetype'),
	     url('fonts/14D742_0.svg') format('svg');
}




/* ============================================================================☺
   TABLE OF CONTENTS
   =============================================================================

   1    COLOR SCHEME

   2    NORMALIZE
   2.1  HTML5 display definitions
   2.2  Base
   2.3  Links
   2.4  Typography
   2.5  Lists
   2.6  Embedded content
   2.7  Forms
   2.8  Tables
   
   3    ALERTS AND OVERLAYS
   3.1  Internet Explorer JavaScript warning
   3.2  Skiplinks

   4    PRIMARY STYLES
   4.1  Base
   4.2  Links
   4.3  Typography, lists, headlines
   4.4  Tables
   4.5  Embedded content
   4.6  Form elements
   4.7  Layout containers
   4.8  Page header
   4.9  FSS badge
   4.10 Main content
   4.11 Sidebar
   4.12 Social media buttons
   4.13 Page footer

   5    NON-SEMANTIC HELPER CLASSES
   5.1  Hiding content
   5.2  Alignments
   5.3  Clearfix
   5.4  Misc little helpers
   5.5  Remove telephone number styling inserted by the Skype browser plug-in

   6    PRINT STYLES
   6.1  Hide print specific content from screen
   6.2  Print specific styles

*/




/* =============================================================================
   1    COLOR SCHEME
   ========================================================================== */

/*
dark green (header background, links, buttons etc.):   #6baa24
light green (navigation elements in highlight boxes):  #bed593

yellowish green (header background):                   #bdc700
light yellowish green (highlight boxes background):    #e8ebcb

light gray (body background):                          #f0f0f0
middle gray (mall text):                               #808080
dark grey (headlines):                                 #585858

light blue (highlights):                               #00a1aa
*/




/* =============================================================================
   2    NORMALIZE
   ========================================================================== */


/* =============================================================================
   2.1  HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   2.2  Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.5384615384615384615384615384615; }
body, button, input, select, textarea { font-family: sans-serif; color: #333; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   2.3  Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   2.4  Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   2.5  Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   2.6  Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }


/* =============================================================================
   2.7  Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   2.8  Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }




/* =============================================================================
   3    ALERTS AND OVERLAYS
   ========================================================================== */


/* =============================================================================
   3.1  Internet Explorer JavaScript warning
   ========================================================================== */

#ie-js-warning-shader {
	background: #000;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.ie6 #ie-js-warning-shader {
	height: 10000px;
	position: absolute;
}

#ie-js-warning {
	border: 5px solid #ed7f00;
	display: block;
	height: 430px;
	left: 50%;
	margin-left: -410px;
	margin-top: -220px;
	position: fixed;
	top: 50%;
	width: 810px;
	z-index: 1001;
}

.ie6 #ie-js-warning {
	position: absolute;
}

html.ie-js-warning-page {
	overflow-y: hidden;
}

.ie-js-warning-page body {
	background: #ed952f url('images/ie-js-warning-background.png') repeat-x top left;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 20px;
}

.ie-js-warning-page p, .ie-js-warning-page ol {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin-bottom: 20px;
	margin-top: 20px;
}

.ie-js-warning-page strong, .ie-js-warning-page b {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

.ie-js-warning-page li.first {
	margin-bottom: 20px;
}

.ie-js-warning-page a, .ie-js-warning-page a:link,
.ie-js-warning-page a:visited, .ie-js-warning-page a:hover {
	color: #fff;
	text-decoration: underline;
}

.ie-js-warning-page h1 {
	background: transparent;
	color: #ed7f00;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 40px;
	font-weight: normal;
	height: auto;
	left: auto;
	letter-spacing: normal;
	line-height: 1;
	margin: 0 0 20px;
	padding: 0;
	position: static;
	text-transform: none;
	top: auto;
	width: auto;
}

.ie-js-warning-page h2 {
	background: transparent;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 24px;
	font-weight: bold;
	height: auto;
	left: auto;
	letter-spacing: normal;
	line-height: 28px;
	margin: 20px 0;
	padding: 0;
	position: relative;
	text-transform: none;
	top: auto;
	width: auto;
}

.ie-js-warning-page .white, .ie-js-warning-page ol {
	color: #fff;
}

.ie-js-warning-page .ie-logo {
	display: block;
	position: absolute;
	top: 15px;
	right: 40px;
}


/* =============================================================================
   3.2  Skiplinks
   ========================================================================== */

#skiplinks a {
	left: -99999px;
	position: absolute;
	top: -99999px;
}

#skiplinks a:focus, #skiplinks a:active {
	left: 0;
	position: static;
	top: 0;
}

#skiplinks {
	left: -99999px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1000;
}

#skiplinks a:focus, #skiplinks a:active {
	background: #333;
	border-bottom: 1px solid #000;
	color: #fff;
	left: 99999px;
	outline: 0 none;
	padding: 10px 0;
	position: absolute;
	text-decoration: none;
	text-align: center;
	width: 100%;
}




/* =============================================================================
   4    PRIMARY STYLES
   ========================================================================== */


/* =============================================================================
   4.1  Base
   ========================================================================== */

body {
	background: #f0f0f0 url('images/body-background.png') no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4285714285714285714285714285714; /* 20px / 14px */
}

.js body,
.wf-loading body {
	xvisibility: hidden;
}

.wf-active body,
.wf-inactive body {
	visibility: visible;
}

.hasFontSmoothing-true body {
	font-family: myriad-pro, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* Change the selection background color to fit with the used color scheme */
::-moz-selection { background: #00a1aa; color: #fff; }
::selection { background: #00a1aa; color: #fff; }


/* =============================================================================
   4.2  Links
   ========================================================================== */

a {
	color: #6baa24;
	text-decoration: none;
}

a:visited {
	color: #6baa24;
}

a:hover {
	color: #53851c;
}

a.orange-button,
a.orange-button:visited,
a.big-orange-button,
a.big-orange-button:visited,
.orange-button a,
.orange-button a:visited,
.big-orange-button a,
.big-orange-button a:visited {
	border: 1px solid #ee7f00;
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 1;
	margin: 0 auto;
	padding: 0.28571428571428571428571428571429em 10px 0.35714285714285714285714285714286em; /* 4px / 14px   and   5px / 14px */
	text-align: center;
	width: 260px;
	-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px #808080;
	-moz-box-shadow: 0 1px 2px #808080;
	box-shadow: 0 1px 2px #808080;
	background-color: #ee7f00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9b25), to(#ee7f00)); 
	background-image: -webkit-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: -moz-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: -ms-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: -o-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: linear-gradient(top, #ff9b25, #ee7f00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9b25', EndColorStr='#ee7f00');
	/* -pie-background: linear-gradient(#ff9b25, #ee7f00);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

a.orange-button:focus,
a.big-orange-button:focus,
.orange-button a:focus,
.big-orange-button a:focus {
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	outline: 0;
}

a.orange-button:active,
a.big-orange-button:active,
.orange-button a:active,
.big-orange-button a:active {
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	background-color: #ff9b25;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee7f00), to(#ff9b25)); 
	background-image: -webkit-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: -moz-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: -ms-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: -o-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: linear-gradient(top, #ee7f00, #ff9b25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee7f00', EndColorStr='#ff9b25');
	/* -pie-background: linear-gradient(#ee7f00, #ff9b25);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

a.green-button,
a.green-button:visited,
a.big-green-button,
a.big-green-button:visited,
.green-button a,
.green-button a:visited,
.big-green-button a,
.big-green-button a:visited {
	border: 1px solid #6baa24;
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 1;
	margin: 0 auto;
	padding: 0.28571428571428571428571428571429em 10px 0.35714285714285714285714285714286em; /* 4px / 14px   and   5px / 14px */
	text-align: center;
	width: 260px;
	-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px #808080;
	-moz-box-shadow: 0 1px 2px #808080;
	box-shadow: 0 1px 2px #808080;
	background-color: #6baa24;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7cc22a), to(#6baa24)); 
	background-image: -webkit-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: -moz-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: -ms-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: -o-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: linear-gradient(top, #7cc22a, #6baa24);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7cc22a', EndColorStr='#6baa24');
	/* -pie-background: linear-gradient(#7cc22a, #6baa24);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

a.green-button:focus,
a.big-green-button:focus,
.green-button a:focus,
.big-green-button a:focus {
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	outline: 0;
}

a.green-button:active,
a.big-green-button:active,
.green-button a:active,
.big-green-button a:active {
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	background-color: #7cc22a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6baa24), to(#7cc22a)); 
	background-image: -webkit-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: -moz-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: -ms-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: -o-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: linear-gradient(top, #6baa24, #7cc22a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6baa24', EndColorStr='#7cc22a');
	/* -pie-background: linear-gradient(#6baa24, #7cc22a);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

a.big-orange-button,
.big-orange-button a,
input.big-orange-button,
a.big-green-button,
.big-green-button a,
input.big-green-button {
	font-size: 1.5714285714285714285714285714286em !important; /* 22px / 14px */
	padding: 0.27272727272727272727272727272727em 10px 0.36363636363636363636363636363636em; /* 6px / 22px   and   8px / 22px */
}

.widget a.orange-button,
.widget .orange-button a,
.widget a.big-orange-button,
.widget .big-orange-button a,
.widget a.green-button,
.widget .green-button a,
.widget a.big-green-button,
.widget .big-green-button a {
	width: 238px;
}


/* =============================================================================
   4.3  Typography, lists, headlines
   ========================================================================== */

p, ul, ol {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	margin-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

ul, ol {
	padding-left: 1.3em;
}

ul li *, ol li * {
	margin-bottom: 0;
	margin-top: 0;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
	margin-top: 0;
}

blockquote {
	margin: 1.4285714285714285714285714285714em 40px; /* 20px / 14px */
	font-style: italic;
}

blockquote p {
	font-style: italic;
}

cite {
	font-style: normal;
}

pre, code, code var {
	font-family: "Lucida Console", "Courier New", Courier, monospace;
}

abbr {
	cursor: help;
}

del {
	text-decoration: line-through;
}

h2 {
	font-size: 2.7142857142857142857142857142857em; /* 38px / 14px */
	line-height: 1.0526315789473684210526315789474; /* 40px / 38px */
	margin-bottom: 1.0526315789473684210526315789474em; /* 40px / 38px */
	margin-top: 0.52631578947368421052631578947368em; /* 20px / 38px */
	color: #585858;
}

h3,
#comments h2 {
	font-size: 1.5714285714285714285714285714286em; /* 22px / 14px */
	line-height: 1.3636363636363636363636363636364; /* 30px / 22px */
	margin-bottom: 0.90909090909090909090909090909091em; /* 20px / 22px */
	margin-top: 0.90909090909090909090909090909091em; /* 20px / 22px */
	color: #585858;
}

h4 {
	font-size: 1.2857142857142857142857142857143em; /* 18px / 14px */
	line-height: 1.1111111111111111111111111111111; /* 20px / 18px */
	margin-bottom: 1.1111111111111111111111111111111em; /* 20px / 18px */
	margin-top: 1.1111111111111111111111111111111em; /* 20px / 18px */
	color: #585858;
}

mark {
	background: #bed593;
	color: #333;
	font-style: normal;
	font-weight: bold;
}


/* =============================================================================
   4.4  Tables
   ========================================================================== */

/* ==== 4.4.1  Table templates used in articles ============================= */

table.table-horizontal-border {
	border: none;
	margin-left: auto;
	margin-right: auto;
}

table.table-horizontal-border td,
table.table-horizontal-border th {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: none;
	border-right: none;
	padding: 10px;
}

table.table-horizontal-border td p,
table.table-horizontal-border th p {
	margin-top: 0;
	margin-bottom: 0;
}

table.table-horizontal-border thead th {
	color: #fff;
	font-weight: bold;
	background-color: #6baa24;
	border-top: 1px solid #6baa24;
	border-bottom: 1px solid #6baa24;
}

table.table-horizontal-border tbody th {
	color: #333;
	font-weight: normal;
	background-color: #bed593;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

table.full-width {
	width: 100%;
}

/* ==== 4.4.2  Sample calculation table ===================================== */

.sample-calculation {
	width: 100%;
}

.sample-calculation .money {
	color: #005681;
	font-family: PristinaLetPlain, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 1.7142857142857142857142857142857em; /* 24px / 14px */
	text-align: right;
	line-height: 1;
}

.ie6 .sample-calculation .money img {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

.sample-calculation .sum {
	border-top: 1px solid #333;
	font-size: 1.2857142857142857142857142857143em; /* 18px / 14px */
	font-weight: bold;
	line-height: 2.1111111111111111111111111111111; /* 38px / 18px */
}

.sample-calculation .sum .money {
	font-size: 2.1111111111111111111111111111111em; /* 38px / 18px */
	font-weight: normal;
	line-height: 1;
}

.sample-calculation .sum-underline {
	height: 23px;
	background: url('images/double-underline-blue.png') no-repeat right bottom;
}

.ie6 .sample-calculation .sum-underline {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}


/* =============================================================================
   4.5  Embedded content
   ========================================================================== */

img, embed, object, video {
	max-width: 100%;
}

img {
	height: auto;
}

.wp-caption {
	background: #f0f0f0;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #808080;
	line-height: 1.4285714285714285714285714285714; /* 20px / 14px */
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	max-width: 592px !important;
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px;
}

.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}

.wp-smiley {
	margin: 0;
}


/* =============================================================================
   4.6  Form elements
   ========================================================================== */

/* ==== 4.6.1  General form elements ======================================== */
   
input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select {
	border: 1px solid #6baa24;
	color: #333;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.21428571428571428571428571428571em; /* 3px / 14px */
}

select {
	padding: 0.14285714285714285714285714285714em; /* 2px / 14px */
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button {
	border: 1px solid #6baa24;
	color: #fff;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	padding: 0.21428571428571428571428571428571em 0.42857142857142857142857142857143em; /* 3px / 14px   and   6px / 14px */
	background-color: #6baa24;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7cc22a), to(#6baa24)); 
	background-image: -webkit-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: -moz-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: -ms-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: -o-linear-gradient(top, #7cc22a, #6baa24); 
	background-image: linear-gradient(top, #7cc22a, #6baa24);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7cc22a', EndColorStr='#6baa24');
	/* -pie-background: linear-gradient(#7cc22a, #6baa24);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

input:focus,
textarea:focus,
select:focus,
button:focus {
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	outline: 0;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus {
	border-color: #fff;
}

input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active,
button:active {
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	background-color: #7cc22a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6baa24), to(#7cc22a)); 
	background-image: -webkit-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: -moz-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: -ms-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: -o-linear-gradient(top, #6baa24, #7cc22a); 
	background-image: linear-gradient(top, #6baa24, #7cc22a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6baa24', EndColorStr='#7cc22a');
	/* -pie-background: linear-gradient(#6baa24, #7cc22a);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

.hasFontSmoothing-true input,
.hasFontSmoothing-true textarea,
.hasFontSmoothing-true select ,
.hasFontSmoothing-true button {
	font-family: myriad-pro, Arial, Helvetica, Tahoma, sans-serif;
}

input.orange-button,
button.orange-button {
	border: 1px solid #ee7f00;
	font-weight: bold;
	-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px #808080;
	-moz-box-shadow: 0 1px 2px #808080;
	box-shadow: 0 1px 2px #808080;
	background-color: #ee7f00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9b25), to(#ee7f00)); 
	background-image: -webkit-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: -moz-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: -ms-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: -o-linear-gradient(top, #ff9b25, #ee7f00); 
	background-image: linear-gradient(top, #ff9b25, #ee7f00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff9b25', EndColorStr='#ee7f00');
	/* -pie-background: linear-gradient(#ff9b25, #ee7f00);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

input.orange-button:focus,
button.orange-button:focus {
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
}

input.orange-button:active,
button.orange-button:active {
	border-color: #fff;
	-webkit-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	-moz-box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	box-shadow: 1px 1px 2px #00a1aa, -1px 1px 2px #00a1aa, -1px -1px 2px #00a1aa, 1px -1px 2px #00a1aa;
	background-color: #ff9b25;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee7f00), to(#ff9b25)); 
	background-image: -webkit-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: -moz-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: -ms-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: -o-linear-gradient(top, #ee7f00, #ff9b25); 
	background-image: linear-gradient(top, #ee7f00, #ff9b25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee7f00', EndColorStr='#ff9b25');
	/* -pie-background: linear-gradient(#ee7f00, #ff9b25);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

.required {
	color: #00a1aa;
	font-weight: bold;
}

/* ==== 4.6.2  General cform styling ======================================== */

.cf-ol {
	list-style-type: none;
	padding-left: 0;
	zoom: 1;
}

.cf-ol,
.cform p {
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

.cf-ol li {
	clear: both;
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	zoom: 1;
}

.cf-ol:before,
.cf-ol:after,
.cf-ol li:before,
.cf-ol li:after {
	content: "";
	display: table;
}

.cf-ol:after,
.cf-ol li:after {
	clear: both;
}

.cform label,
.cf-box-title {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	padding: 0.214286em 10px 0 0; /* 3px / 14px */
}

.cform fieldset label,
.cform fieldset .cf-box-title {
	width: 139px;
}

.cform .cf-before,
.cform .cf-box-title {
	padding-top: 0;
}

.cform .cf-after,
.cform .cf-group-after {
	display: inline;
	float: none;
	width: auto;
	text-align: left;
	padding: 0 0.71428571428571428571428571428571em 0 0.35714285714285714285714285714286em; /* 10px / 14px   and   5px / 14px */
}

.cform .bildrechte {
	float: left;
	margin-top:5px;
}

.cform .cf-box-group {
	clear: none;
	float: left;
	width: 300px;
}

.cform input[type="text"],
.cform input[type="password"],
.cform textarea {
	width: 300px;
}

.cform .cf-box-a {
	margin-left: 170px;
}

.cform fieldset .cf-box-a {
	margin-left: 150px;
}

.cform .captcha {
	display: block;
	clear: both;
	margin: 0.71428571428571428571428571428571em 0 0 170px; /* 10px / 14px */
	float: left;
}

.cform fieldset .captcha {
	margin-left: 150px;
}

.captcha-reset {
	background: url('../../plugins/cforms/styling/captcha_reset_green.gif');
	float: left;
	height: 21px;
	width: 21px;
	margin: 0.71428571428571428571428571428571em 0 0 10px; /* 10px / 14px */
}

.reqtxt {
	color: #808080;
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	padding-left: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

.emailreqtxt {
	color: #808080;
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	display: block;
	padding-left: 170px;
	clear: both;
}

fieldset .emailreqtxt {
	padding-left: 150px;
}

.cform fieldset {
	border: 1px solid #808080;
	padding: 0 20px;
	margin-bottom: 1.42857em;
	margin-top: 1.42857em;
}

.cform legend {
	color: #808080;
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	line-height: 1;
	margin-left: -10px;
	padding: 0 10px;
}

.cf_hidden {
	display: none !important;
	visibility: hidden;
}

.sendbutton {
	margin-left: 170px;
}

.failure {
	background: #f00;
	color: #fff !important;
	font-weight: bold;
	padding: 1.4285714285714285714285714285714em 21px; /* 20px / 14px */
}

.failure ol {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-bottom: 0;
}

.failure a,
.failure a:hover {
	color: #fff;
}

.success {
	background: #6baa24;
	color: #fff !important;
	font-weight: bold;
	padding: 1.4285714285714285714285714285714em 21px; /* 20px / 14px */
}

.cf_errortxt input[type="text"],
.cf_errortxt input[type="password"],
.cf_errortxt textarea,
.cf_errortxt select {
	color: #f00 !important;
}

.cf_error,
.cf_li_err input {
	border-color: #f00 !important;
}

.cf_li_text_err {
	list-style-type: none;
	margin-left: 170px;
	padding-left: 0;
}

fieldset .cf_li_text_err {
	margin-left: 150px;
}

.cf_li_text_err li {
	background: #f00;
	color: #fff;
	font-weight: bold;
	padding: 0.71428571428571428571428571428571em 10px; /* 10px / 14px */
}

.linklove {
	display: none !important;
	visibility: hidden;
}

/* ==== 4.6.3  cform "Förderprämien-Antrag" ================================= */

#cf2_field_5 {
	width: 3em;
}


/* =============================================================================
   4.7  Layout containers
   ========================================================================== */

#root {
	margin: 0 auto;	
	position: relative;
	width: 1014px;
}
   
#page-box {
	background: #fff;
	margin-left: 10px;
	top: 22px;
	padding-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	width: 960px;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0px 1px 5px #808080; 
	-moz-box-shadow: 0px 1px 5px #808080; 
	box-shadow: 0px 1px 5px #808080;
}

.oldie #page-box {
	border: 1px solid #808080;
}


/* =============================================================================
   4.8  Page header
   ========================================================================== */

#page-header {
	position: relative;
	margin-left: 10px;
	padding-bottom: 0 !important;
	width: 960px;
	z-index: 99;
}

/* ==== 4.8.1  Page header first row ======================================== */
   
#energiereferat-logo {
	color: #fff;
	margin-bottom: 19px;
	margin-left: 20px;
	margin-top: 19px;
	float: left;
}

.ie6 #energiereferat-logo {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

#service-navigation {
	position: absolute;
	top: 17px;
	left: 554px;
	line-height: 16px;
}

#service-navigation li {
	float: left;
	border-left: 1px solid #fff;
}

#service-navigation li:first-child {
	border-left: none;
}

#service-navigation a {
	color: #fff;
	padding: 2px 8px;
	display: block;
}

#service-navigation a:hover,
#service-navigation a:focus,
#service-navigation .active {
	background: #fff;
	color: #6baa24;
}

#page-header #searchform {
	position: absolute;
	top: 55px;
	left: 561px;
}

#page-header #searchform label {
	display: none;
}

#page-header #searchform input {
	border: 1px solid #bed593;
}

#page-header #searchform input[type="search"] {
	width: 162px;
	background: #e8ebcb;
	margin-right: 5px;
}

#page-header #searchform input[type="search"]:focus {
	background: #fff;
}

#page-header #maintabs {
	position: absolute;
	right: 0px;
	top: 95px;
	list-style: none;
	color: #fff;
	font-size: 18px;
}

#page-header #maintabs li {
	float: left;
	padding: 0;
	margin: 0;
	height: 31px;
	padding-top: 5px;
	text-align: center;
}

#page-header #maintabs li a {
	color: #fff;
}

#page-header #maintabs li.privat {
	width: 145px;
	background-image: url('images/tab_privat.inactive.png');
}

#page-header #maintabs li.gewerbe {
	width: 134px;
	background-image: url('images/tab_gewerbe.inactive.png');
}

#page-header #maintabs li.privat.active, #page-header #maintabs li.privat:hover {
	width: 145px;
	background-image: url('images/tab_privat.active.png');
}

#page-header #maintabs li.gewerbe.active, #page-header #maintabs li.gewerbe:hover {
	background-image: url('images/tab_gewerbe.active.png');
}

#hotline-pennant {
	background: url('images/hotline-pennant-background.png') no-repeat center -10px;
	color: #00a1aa;
	float: right;
	height: 64px;
	margin-right: 12px;
	text-align: center;
	width: 100px;
	font-size: 1.2857142857142857142857142857143em; /* 18px / 14px */
	line-height: 1;
	padding: 10px 10px 25px;
	text-shadow: 0 1px 0 #e8ebcb;
}

/* ==== 4.8.2  Page header second row ======================================= */
   
h1 {
	background: url('images/plug.png') no-repeat left top;
	clear: both;
	color: #fff;
	float: left;
	font-size: 27px;
	height: 49px;
	line-height: 1;
	margin: 0 0 0 20px;
	padding-left: 52px;
	padding-top: 69px;
	text-transform: uppercase;
}

.ie6 h1 {
	display: inline;
}

h1 a,
h1 a:hover,
h1 a:visited {
	color: #fff;
}

#main-navigation {
	margin: 0;
	padding-bottom: 0 !important;
	position: absolute;
	right: 11px;
	top: 175px;
	z-index: 99;
}


/* =============================================================================
   4.9  FSS badge
   ========================================================================== */

#fss-badge {
	position: absolute;
	right: 25px;
	top: 10px;
	z-index: 10;
}

.ie6 #fss-badge {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

/* =============================================================================
   XMAS
   ========================================================================== */

#fss-badge.xmas {
	top: -35px; /*- 10px */
	right: -10px;
	cursor: pointer;
}

.fancybox-outer > .fancybox-inner {
	width: 960px !important;
}

.fancybox-skin {
	border-radius: 0 !important;
}

/* =============================================================================
   4.10 Main content
   ========================================================================== */

#main {
	clear: both;
	display: inline;
	float: left;
	margin-left: 20px;
	width: 600px;
}

.breadcrumb {
	margin-top: 1.6666666666666666666666666666667em; /* 20px / 12px */
	margin-bottom: 1.6666666666666666666666666666667em; /* 20px / 12px */
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	color: #808080;
}

.trail-end {
	display: none;
}

/* ==== 4.10.1  Blog article list =========================================== */

.article-list header {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

.article-list header time {
	background: #e8ebcb;
	color: #585858;
	display: block;
	float: left;
	font-size: 1.2857142857142857142857142857143em; /* 18px / 14px */
	height: 2.3888888888888888888888888888889em; /* 43px / 18px */
	line-height: 1;
	margin-right: 20px;
	padding-top: 0.38888888888888888888888888888889em; /* 7px / 18px */
	text-align: center;
	width: 3.8888888888888888888888888888889em; /* 70px / 18px */
}

.article-list h3 {
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.0909090909090909090909090909091;/* 24px / 22px */
	padding-bottom: 0.13636363636363636363636363636364em; /* 3px / 22px */
	padding-top: 0.13636363636363636363636363636364em; /* 3px / 22px */
}

.article-metainfo {
	color: #808080;
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	line-height: 1;
	list-style: none;
	margin-top: 0;
	padding-left: 0;
}

.article-metainfo li {
	float: left;
	border-left: 1px solid #808080;
	padding: 0 0.66666666666666666666666666666667em; /* 8px / 12px */
}

.article-metainfo li:first-child {
	border-left: none;
	padding-left: 0;
}

.article-list .article-metainfo {
	margin-left: 7.5em; /* 90px / 12px */
}

.article-list article {
	background: url('images/article-separator.png') no-repeat top center;
	margin-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding-top: 2.8571428571428571428571428571429em; /* 40px / 14px */
}

.article-list article:first-child {
	background: transparent;
	margin-top: 0;
	padding-top: 0;
}

.more-link {
	padding-left: 0.35714285714285714285714285714286em; /* 5px / 14px */
}

/* ==== 4.10.2  Page navi =================================================== */

.wp-pagenavi {
	background: url('images/article-separator.png') no-repeat top center;
	color: #808080;
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	margin-bottom: 3.3333333333333333333333333333333em; /* 40px / 12px */
	text-align: center;
	padding-top: 3.3333333333333333333333333333333em; /* 40px / 12px */
	margin-top: 1.6666666666666666666666666666667em; /* 20px / 12px */
}

.wp-pagenavi .pages {
	border-right: 1px solid #808080;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

.wp-pagenavi .page:hover,
.wp-pagenavi .page:focus,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .previouspostslink:focus,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .nextpostslink:focus {
	background: #6baa24;
	color: #fff;
}

.wp-pagenavi .current {
	background: #808080;
	color: #fff;
}

.wp-pagenavi .previouspostslink {
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 7px;
}

.wp-pagenavi .nextpostslink {
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 7px;
}

/* ==== 4.10.3  Single view (generally) ===================================== */

article h2 {
	margin-top: 0;
}

article h3 {
	margin-top: 1.8181818181818181818181818181818em; /* 40px / 22px */
}

article h4 {
	margin-top: 2.2222222222222222222222222222222em; /* 410px / 18px */
}

.up-to-top-link {
	text-align: right;
	padding-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

.up-to-top-link a,
.up-to-top-link a:visited,
.up-to-top-link a:hover,
.up-to-top-link a:focus,
.up-to-top-link a:active {
	padding-right: 22px;
	background: url('images/arrow-up-to-top.png') no-repeat right top;
}

/* ==== 4.10.4  Blog article single view ==================================== */

.single-post article h2 {
	margin-bottom: 0.52631578947368421052631578947368em; /* 20px / 38px */
}

.single-post article header {
	margin-bottom: 2.5714285714285714285714285714286em; /* 36px / 14px */
}

.single-post .article-metainfo {
	margin-bottom: 3.3333333333333333333333333333333em; /* 40px / 12px */
}

/* ==== 4.10.5  Comment section ============================================= */

#comments {
	background: url('images/article-separator.png') no-repeat top center;
	margin-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding-top: 2.8571428571428571428571428571429em; /* 40px / 14px */
}

#comments #comments-title {
	float: left;
	line-height: 1;
	margin-bottom: 1.8181818181818181818181818181818em; /* 40px / 22px */
	margin-top: 0;
}

#link-to-commentform {
	float: right;
	margin-top: 0.21428571428571428571428571428571em; /* 3px / 14px */
}

.comment-list {
	background: url('images/article-separator.png') no-repeat bottom center;
	clear: both;
	list-style-type: none;
	margin-bottom: 2.8571428571428571428571428571429em; /* 40px / 14px */
	margin-left: 0;
	padding-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding-left: 0;
}

.comment-list li {
	margin-top: 2.8571428571428571428571428571429em; /* 40px / 14px */
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding-left: 11px;
	padding-right: 11px;
}

.comment-list li.bypostauthor {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	margin-top: 2.8571428571428571428571428571429em; /* 40px / 14px */
	padding: 6px 10px 0;
	border: 1px solid #6baa24;
}

.comment-list li p {
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

.comment-list h3 {
	font-size: 1em;
}

.comment-list h3 cite {
	font-style: normal;
}

.avatar, .photo {
	float: left;
	margin: 4px 20px 0.71428571428571428571428571428571em 0; /* 10px / 14px */
	border: 1px solid #6baa24;
}

.comment-metadata {
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	line-height: 1;
	color: #808080;
	margin-bottom: 0.83333333333333333333333333333333em; /* 10px / 12px */
}

.comment-text {
	margin-left: 80px;
}

.comment-text .editable-comment {
	margin-left: 20px;
}

/* ==== 4.10.6  Comment form ================================================ */

#respond {
	overflow: hidden;
}

#reply-title {
	margin-top: 0;
	line-height: 1;
}

.comment-notes {
	font-size: 0.85714285714285714285714285714286em; /* 12px / 14px */
	color: #808080;
}

#commentform .comment-notes .required {
	float: none;
	padding-left: 0;
}

#commentform label {
	float: left;
	padding-top: 0.21428571428571428571428571428571em; /* 3px / 14px */
}

#commentform .required {
	float: left;
	padding-left: 5px;
}

#commentform p {
	clear: both;
	min-height: 20px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
	float: right;
	width: 450px;
	margin-right: 3px;
}

.form-allowed-tags {
	display: none;
}

.form-submit {
	float: right;
	margin-right: 3px;
}

.cr-newsletter-subscription {
	clear: none !important;
	float: left;
	width: 400px;
}

#cr_gbc_form_id {
	margin-right: 5px;
}

.comment-subscription {
	margin-top: 0;
	clear: none !important;
	width: 400px;
	float: left;
}

.comment-subscription input {
	margin-left: 3px;
}

#subscribe-reloaded {
	vertical-align: baseline;
	margin-right: 5px;
}

#comments .comment-rss-link {
	margin-top: 0;
	margin-bottom: 2.8571428571428571428571428571429em; /* 40px / 14px */
}

#comments .comment-rss-link a,
#comments .comment-rss-link a:link {
	background: url('images/icon-rss.png') no-repeat left top;
	display: block;
	line-height: 24px;
	padding-left: 34px;
}

/* ==== 4.10.7  Page "Prämien-Check" ======================================== */

.page-id-117 #main {
	width: 920px;
}

#post-117 {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

#post-117 .content {
	width: 600px;
	background: url('images/green-wide-arrow-down.png') no-repeat center bottom;
	padding-bottom: 40px;
	float: left;
}

.ie6 #post-117 .content {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

#post-117 h2 {
	margin-bottom: 0.52631578947368421052631578947368em; /* 20px / 38px */
}

#post-117 h3 {
	margin-top: 0;
	margin-bottom: 0.45454545454545454545454545454545em; /* 10px / 22 px */
	color: #6baa24;
}

#post-117 ul {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

#post-117 aside {
	width: 280px;
	float: right;
	padding-top: 4.2857142857142857142857142857143em; /* 60px / 14px */
}

#post-117 aside #socialshareprivacy {
	margin-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding: 0 0 0 30px;
}

#post-117 .sample-calculation-box {
	background: #e8ebcb;
	padding: 10px;
	width: 260px;
}

#post-117 .sample-calculation-box p {
	margin-top: 0.78571428571428571428571428571429em; /* 11px / 14px */
	margin-bottom: 0.78571428571428571428571428571429em; /* 11px / 14px */
}

#post-117 .gplus {
	display: none;
}

#praemien-check-calculator {
	background: #e8ebcb url('images/praemien-check-arrows-background.png') no-repeat center center;
	clear: both;
	margin-bottom: 20px;
	padding: 10px;
}

#praemien-check-calculator h3 {
	margin: 0;
	padding-left: 2.2727272727272727272727272727273em; /* 50px / 22px */
	padding-top: 0.22727272727272727272727272727273em; /* 5px / 22px */
	position: relative;
}

#praemien-check-calculator h3 span {
	background: url('images/green-dot-full.png') no-repeat left top;
	color: #fff;
	display: block;
	font-size: 1.4545454545454545454545454545455em; /* 32px / 22px */
	height: 1.25em; /* 40px / 32px */
	left: 0;
	line-height: 1.09375; /* 35px / 32px */
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.25em; /* 40px / 32px */
}

.ie6 #praemien-check-calculator h3 span {
	left: -1.4545454545454545454545454545455em; /* 32px / 22px */
}

#praemien-check-calculator .error {
	border-color: #f00 !important;
}

#praemien-check-calculator input.orange-button,
#praemien-check-calculator button.orange-button {
	width: 260px;
	padding-bottom: 0.28571428571428571428571428571429em; /* 4px / 14px */
}

#praemien-check-calculator .inactive h3 {
	color: #a4b093;
}

#praemien-check-calculator .inactive h3 span {
	color: #d3e3b8;
	background: url('images/green-dot-shade.png') no-repeat center center;
}

#praemien-check-calculator .inactive {
	color: #a0a18e;
}

#step-1 {
	width: 270px;
	float: left;
	margin-right: 40px;
}

#step-1 form {
	margin-top: 2.5em; /* 35px / 14px */
	padding-left: 5px;
}

#step-1 p {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	margin-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

#step-1 label {
	display: block;
	float: left;
	line-height: 1;
	padding-right: 5px;
	width: 160px;
}

#step-1 input[type="text"] {
	width: 58px;
	text-align: right;
}

#step-1 .orange-button {
	margin-top: 1.2142857142857142857142857142857em; /* 17px / 14px */
}

#step-2 {
	float: left;
	width: 280px;
	position: relative;
}

#step-2 table {
	margin-top: 0.64285714285714285714285714285714em; /* 9px / 14px */
	width: 280px;
}

#step-2 td {
	line-height: 1;
	padding: 0.28571428571428571428571428571429em 0.35714285714285714285714285714286em; /* 4px / 14px   and   5px / 14px */
}

#step-2 tr td:first-child {
	padding-right: 0;
}

#step-2 tr td:last-child {
	padding-top: 0.14285714285714285714285714285714em; /* 2px / 14px */
	padding-left: 0;
}

#step-2 input.underlined {
	background: transparent;
	border-bottom: 1px solid #333;
	border-left: none;
	border-right: none;
	border-top: none;
	color: #333;
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 60px;
}

#step-2.inactive input.underlined {
	color: #a0a18e;
	border-bottom-color: #a0a18e;
}

#step-2 #gesamteinsparung_kwh {
	width: 42px;
}

#step-2 #gesamteinsparung_prozent {
	text-align: center;
	width: 30px;
}

#step-2 #sie_sparen_kg {
	width: 53px;
}

#step-2 #gesamtauszahlung {
	font-weight: bold;
}

#step-2 .green-box {
	background: #6baa24;
	color: #fff;
	font-size: 1.1428571428571428571428571428571em; /* 16px / 14px */
	line-height: 1.25;
}

#step-2 tr.green-box td:first-child {
	padding-bottom: 0.25em; /* 4px / 16px */
	padding-left: 0.3125em; /* 5px / 16px */
	padding-right: 0;
	padding-top: 0.25em; /* 4px / 16px */
}

#step-2 tr.green-box td:last-child {
	padding-bottom: 0.25em; /* 4px / 16px */
	padding-left: 0;
	padding-right: 0.3125em; /* 5px / 16px */
	padding-top: 0.125em; /* 2px / 16px */
}

#step-2.inactive .green-box {
	color: #d3e3b8;
	background: #b6d188;
}

#step-2 .badge {
	background: url('images/co2-badge-background-active.png') no-repeat center center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	height: 75px;
	line-height: 1;
	margin: 0;
	padding-top: 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: -40px;
	vertical-align: middle;
	width: 80px;
	-webkit-transform: rotate(-10deg);  
	-moz-transform: rotate(-10deg);  
	-ms-transform: rotate(-10deg);  
	-o-transform: rotate(-10deg);  
	transform: rotate(-10deg);  
}

#step-2.inactive .badge {
	background: url('images/co2-badge-background-inactive.png') no-repeat center center;
	color: #b9e1e8;
}

#step-2 .green-box input.underlined {
	border-color: #fff;
	color: #fff;
	font-weight: bold;
}

#step-2 .badge input.underlined {
	border-color: #fff;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 42px;
}

#step-2.inactive .green-box input.underlined {
	border-color: #d3e3b8;
	color: #d3e3b8;
}

#step-2.inactive .badge input.underlined {
	border-color: #b9e1e8;
	color: #b9e1e8;
}

#step-3 {
	width: 270px;
	float: right;
}

#step-3 form {
	margin-top: 0.92857142857142857142857142857143em; /* 13px / 14px */
	margin-left: 5px;
}

#step-3 form p {
	margin-left: 0;
}

#step-3 label {
	display: block;
	float: left;
	padding-top: 0.21428571428571428571428571428571em; /* 3px / 14px */
	width: 75px;
}

#step-3 #text373489, #step-3 #text608479, #step-3 #text608480 {
	width: 167px;
}

#step-3 p {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-left: 5px;
}

#step-3 .get_praemie {
	margin-top: 1.5714285714285714285714285714286em; /* 22px / 14px */
}

#step-3 a.orange-button {
	width: 238px;
	margin: 0.14285714285714285714285714285714em 0 0; /* 2px / 14px */
	padding-top: 0.35714285714285714285714285714286em; /* 5px / 14px */
	padding-bottom: 0.42857142857142857142857142857143em; /* 6px / 14px */
}

#step-3 .inactive .orange-button,
#step-3 .inactive .orange-button:focus,
#step-3 .inactive .orange-button:active {
	border-color: #eac07a;
	color: #f4dcb3;
	cursor: default;
	-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	background-color: #eac07a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1cb88), to(#eac07a)); 
	background-image: -webkit-linear-gradient(top, #f1cb88, #eac07a); 
	background-image: -moz-linear-gradient(top, #f1cb88, #eac07a); 
	background-image: -ms-linear-gradient(top, #f1cb88, #eac07a); 
	background-image: -o-linear-gradient(top, #f1cb88, #eac07a); 
	background-image: linear-gradient(top, #f1cb88, #eac07a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1cb88', EndColorStr='#eac07a');
	/* -pie-background: linear-gradient(#f1cb88, #eac07a);
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc'); */
}

/* ==== 4.10.8  Vorschaltseite ============================================== */

.home {
	background: #f0f0f0 url('images/body-background-frontpage.png') repeat-x top;
}

.home #root {
	width: 920px;
}

.home #page-header {
	display: none !important;
	visibility: invisible;
}

.home #page-box {
	top: 30px;
	width: 900px;
	margin-bottom: 50px;
}

.home #energiereferat-logo-2 {
	margin-left: 50px;
	margin-top: 70px;
	margin-bottom: 80px;
}

.ie6 .home #energiereferat-logo-2 {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

.home #fss-badge {
	position: absolute;
	display: block;
	top: 15px;
	right: 100px;
}

.ie6 .home #fss-badge {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

.home #main {
	width: 800px;
	position: relative;
	margin-left: 50px;
}

#saving-results {
	background: #e8ebcb;
	clear: both;
	float: left;
	margin-right: 40px;
	margin-bottom: 2.1428571428571428571428571428571em; /* 30px / 14px */
	padding: 20px 20px 10px;
	width: 240px;
	-webkit-box-shadow: 0px 1px 5px #808080; 
	-moz-box-shadow: 0px 1px 5px #808080; 
	box-shadow: 0px 1px 5px #808080;
}

#saving-results h3 {
	margin-top: 0;
}

#saving-results h4 {
	clear: both;
	color: #6baa24;
	margin-bottom: 0.27777777777777777777777777777778em; /* 5px / 18px */
	margin-top: 0.55555555555555555555555555555556em; /* 10px / 18px */
}

#saving-results p {
	font-size: 1.5714285714285714285714285714286em; /* 22px / 14px*/
	margin-top: 0;
	margin-bottom: 0.45454545454545454545454545454545em; /* 10px / 22px */
}

#saving-results span {
	background: #000 url('images/number-background.png') repeat-x left top;
	border: 1px;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1.2727272727272727272727272727273em; /* 28px / 22px */
	margin-right: 2px;
	text-align: center;
	width: 0.81818181818181818181818181818182em; /* 18px / 22px */
}

#saving-results strong {
	margin-left: 0.5em;
	display: block;
	float: left;
	line-height: 1.2727272727272727272727272727273em; /* 28px / 22px */
}

.home #main h2 {
	margin-bottom: 0.52631578947368421052631578947368em; /* 20px / 38px */
}

.home .big-green-button,
.home .big-green-button:visited,
.home .big-green-button:hover,
.home .big-green-button:focus,
.home .big-green-button:active {
	width: 450px;
	float: left;
}

.home #main .privathaushalte {
	line-height: 2;
	margin-bottom: 0.90909090909090909090909090909091em; /* 20px / 22px */
}


/* ==== 4.10.8  Start pages ("Privathaushalte" and "Gewerbe") =============== */

.page-id-14 #main,
.post-type-archive-gewerbe-page #main {
	width: 920px;
}

.page-id-14 #main h2,
.post-type-archive-gewerbe-page #main h2 {
	margin-bottom: 20px;
}

.page-id-14 #main h2:before,
.post-type-archive-gewerbe-page #main h2:before {
	content: "";
	width: 140px;
	height: 50px;
	float: right;
	display: block;
}


/* ==== 4.10.9  Slider on start pages ======================================= */

.no-js #slider {
	background: #e8ebcb;
	height: 280px;
	list-style: none;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	width: 920px;
	-webkit-box-shadow: 0px 1px 5px #808080; 
	-moz-box-shadow: 0px 1px 5px #808080; 
	box-shadow: 0px 1px 5px #808080;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

.no-js #slider article {
	margin-left: 60px;
	margin-right: 60px;
}

#slider .left-slide-content {
	clear: both;
	float: left;
	height: 260px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
	width: 385px;
}

#slider .right-slide-content {
	float: right;
	height: 180px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
	width: 385px;
}

.post-type-archive-gewerbe-page #slider .right-slide-content {
	height: 260px;	
}

.headline-invisible .content-flow .right-slide-content:before {
	content: "";
	width: 80px;
	height: 110px;
	float: right;
	display: block;
}

.headline-visible .content-flow .right-slide-content:before {
	content: "";
	width: 80px;
	height: 50px;
	float: right;
	display: block;
}

#slider article h3 {
	margin-top: 0.90909090909090909090909090909091em; /* 20px / 22px */
	margin-bottom: 0.90909090909090909090909090909091em; /* 20px / 22px */
}

#slider embed,
#slider object {
	max-height: 220px;
}

#contest-button {
	width: 365px;
	position: absolute;
	top: 232px;
	right: 80px;
	z-index: 10;
}

.headline-visible #contest-button {
	top: 292px;
}

/* ==== 4.10.10  Teaser boxes on start pages ================================ */

#teaser-boxes article {
	float: left;
	width: 280px;
	margin: 1.4285714285714285714285714285714em 40px 1.4285714285714285714285714285714em 0; /* 20px / 14px */
}

#teaser-boxes article:nth-child(3n) {
	margin-right: 0;
}

#teaser-boxes article:nth-child(3n+4) {
	clear: both;
}

.oldie #teaser-boxes article:nth-child(3n+4) {
	clear: none;
}

#teaser-boxes article h3 {
	margin-top: 0;
}

#teaser-boxes #newsletter-teaser-box {
	margin-bottom: 0;
}

#teaser-boxes #newsletter-teaser-box h3 {
	font-weight: normal;
}

#newsletter-teaser-box ul {
	list-style-image: url('images/checkmark-green.png');
}

#newsletter-teaser-box li {
	margin-left: 0.85714285714285714285714285714286em; /* 12px / 14px */
}

#newsletter-teaser-box .cr_form {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

#newsletter-teaser-box .cr_form .itemname {
	display: block;
	float: left;
	padding: 0.214286em 10px 0 0; /* 3px / 14px */
	width: 65px;
	margin-top: 5px;
}

#newsletter-teaser-box .cr_form br {
	display: none;
}

#newsletter-teaser-box .cr_form input[type="text"] {
	width: 139px;
	margin-top: 5px;
}

#newsletter-teaser-box .cr_form button {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-left: 75px;
}

/* ==== 4.10.11  socialshareprivacy Buttons ================================= */

#socialshareprivacy {
	margin-top: 3.3333333333333333333333333333333em; /* 40px / 12px */
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding: 0 45px 0;
}

.social_share_privacy_area {
    clear: both;
    margin: 0 !important;
	list-style-type: none;
	padding: 0 !important;
	width: auto;
	height: 25px;
	display: block;
}
.social_share_privacy_area li {
	margin: 0 !important;
	padding: 0 !important;
	height: 21px;
	float: left;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
.social_share_privacy_area li .dummy_btn img {
	vertical-align: top;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
.social_share_privacy_area .facebook {
    width: 180px;
    display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
.social_share_privacy_area .twitter {
	width: 148px;
}
.social_share_privacy_area li div.tweet {
	width: 115px;
}
.social_share_privacy_area .gplus {
	width: 123px;
}
.social_share_privacy_area li div.gplusone {
	width: 90px;
}
.social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    background: transparent url('images/socialshareprivacy_on_off.png') no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px; 
}
.social_share_privacy_area li.help_info {
    position: relative; 
}
.social_share_privacy_area li.help_info .info, 
.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area li.help_info.display .info, 
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    background: #fff url('images/socialshareprivacy_info.png') no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
	vertical-align: top;
	border: 2px solid #e7e3e3;
	border-right-width: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
	border-top-width: 0;
	border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
	border-right-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.social_share_privacy_area li.settings_info {
	position: relative;
	top: -2px;
}
.social_share_privacy_area li.settings_info a {
	text-decoration: none;
	margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #c1c1c1;
	-webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
	border-width: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
	display: none;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
	text-indent: -9999em;
	display: inline-block;
	background: #fff url('images/settings.png') no-repeat center center scroll;
	width: 25px;
	height: 20px;
	border: 2px solid #e7e3e3;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
	border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
	width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
	clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
	-moz-transition: color .5s ease-in;
	-webkit-transition: color .5s ease-in;
	transition: color .5s ease-in;
	margin: 0;
	padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
	color: #090;
}

/* ==== 4.10.12  SERP ======================================================= */

.search-results h2 {
	margin-top: 1.0526315789473684210526315789474em; /* 40px / 38px */
}

.search-result-list h3 {
	margin-bottom: 0.45454545454545454545454545454545em; /* 10px / 22px */
}

.search-result-list p {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

/* ==== 4.10.13  Related posts ============================================== */

#related-posts {
	background: url('images/article-separator.png') no-repeat top center;
	margin-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding-top: 1.4285714285714285714285714285714em; /* 20px / 14px */
	padding-bottom: 1px;
}

/* ==== 4.10.14  Polls ====================================================== */

.pollbar {
	-webkit-box-shadow: 0px 1px 5px #808080; 
	-moz-box-shadow: 0px 1px 5px #808080; 
	box-shadow: 0px 1px 5px #808080;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

.wp-polls {
	padding: 20px 20px 0;
	border: 1px solid #808080;
}

.wp-polls h3 {
	margin-top: 0;
}

.wp-polls-ul {
	margin: 0 !important;
}

.wp-polls .Buttons {
	border: 1px solid #6baa24 !important;
}



/* =============================================================================
   4.11 Sidebar
   ========================================================================== */

#sidebar {
	display: inline;
	float: right;	
	margin-right: 20px;
	padding-top: 107px;
	width: 280px;
}

/* ==== 4.11.1  Sidebar widgets ============================================= */

#sidebar .widget,
#newsletter-teaser-box {
	background: #e8ebcb;
	margin-bottom: 40px;
	padding: 0 10px;
	position: relative;
}

.ie6 #sidebar .widget:first-child,
.ie7 #sidebar .widget:first-child {
	margin-top: 130px;
}

#sidebar .widget h3,
#newsletter-teaser-box h3 {
	background: #6baa24;
	color: #fff;
	font-size: 1.2857142857142857142857142857143em; /* 18px / 14px */
	left: -10px;
	line-height: 1.1111111111111111111111111111111em; /* 20px / 18px */
	margin: 0;
	padding: 8px 10px;
	position: relative;
	top: 0;
	width: 260px;
}

#sidebar .widget p,
#sidebar .widget ul,
#sidebar .widget ol,
#newsletter-teaser-box p,
#newsletter-teaser-box ul,
#newsletter-teaser-box ol {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

#sidebar .widget:first-child h3:before {
	content: "";
	width: 125px;
	height: 10px;
	float: right;
	display: block;
}

#sidebar div[id|="recent-posts-plus"] ul {
	list-style-type: none;
	padding-left: 0;
}

#sidebar div[id|="recent-posts-plus"] li {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
	margin-bottom: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

#sidebar div[id|="recent-posts-plus"] time {
	color: #808080;
	display: block;
	float: right;
	font-size: 0.85714285714285714285714285714286em; /* 14px / 12px */
	line-height: 1.6666666666666666666666666666667; /* 20px / 12px */
	margin-left: 1em;
}

#sidebar div[id|="recent-posts-plus"] p {
	margin-top: 0;
}

/* ==== 4.11.2  Logged-in profile box ======================================= */

.profile .avatar,
.profile .photo {
	margin-top: 0.71428571428571428571428571428571em; /* 10px / 14px */
}

/* ==== 4.11.3  CleverReach newsletter subscription form ==================== */

.widget .cr_form {
	margin-bottom: 1.4285714285714285714285714285714em; /* 20px / 14px */
}

.widget .cr_form .itemname {
	display: block;
	float: left;
	padding: 0.214286em 10px 0 0; /* 3px / 14px */
	width: 76px;
}

.widget .cr_form input[type="text"] {
	width: 150px;
}

.widget .cr_form button {
	margin-left: 86px;
}


/* =============================================================================
   4.12 Social media buttons
   ========================================================================== */

#social-media-buttons {
	position: absolute;
	left: 960px;
	top: 258px;
	width: 50px;
	list-style: none;
	padding: 0;
	z-index: 1;
}

#social-media-buttons li {
	margin: 0 0 10px;
}

#social-media-buttons a {
	width: 50px;
	height: 42px;
	background-repeat: none;
	background-position: left top;
	-webkit-transition: background-position 0.2s;
	-moz-transition: background-position 0.2s;
	-ms-transition: background-position 0.2s;
	-o-transition: background-position 0.2s;
	transition-property: background-position;
	transition-duration: 0.2s;
}

#social-media-buttons a:hover,
#social-media-buttons a:active {
	background-position: right top;
}

#social-media-buttons .facebook {
	background-image: url('images/sm-button-facebook.png');
}

#social-media-buttons .twitter {
	background-image: url('images/sm-button-twitter.png');
}

#social-media-buttons .youtube {
	background-image: url('images/sm-button-youtube.png');
}

#social-media-buttons .flickr {
	background-image: url('images/sm-button-flickr.png');
}

#social-media-buttons .rss {
	background-image: url('images/sm-button-rss.png');
}

#social-media-buttons .issuu {
	background-image: url('images/sm-button-issuu.png');
}

.ie6 #social-media-buttons a {
	-pie-png-fix: true;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}


/* =============================================================================
   4.13 Page footer
   ========================================================================== */

#page-footer {
	width: 940px;
	clear: both;
	position: relative;
	top: 22px;
	padding: 20px 10px;
	margin-left: 10px;
}

/* ==== 4.13.1  Partner login box =========================================== */

.no-js #partner-login-box {
	margin-left: 30px;
	width: 500px;
	float: left;
}

.no-js #partner-login-box p {
	margin: 0;
}

.no-js #partner-login-box .login-username {
	float: left;
	margin-right: 10px;
}

.js #partner-login-box {
	background: #e8ebcb;
	border: 1px solid #6baa24;
	display: none;
	left: 606px;
	padding: 10px 20px 20px;
	position: absolute;
	top: 37px;
	width: 280px;
	z-index: 9999;
	-webkit-box-shadow: 0px 1px 6px #808080; 
	-moz-box-shadow: 0px 1px 6px #808080; 
	box-shadow: 0px 1px 6px #808080;
	behavior: url('http://www.frankfurt-spart-strom.de/wp-content/themes/fss/js/libs/pie.htc');
}

.js #partner-login-box p {
	margin-top: 0.83333333333333333333333333333333em; /* 10px / 12px */
	margin-bottom: 0.83333333333333333333333333333333em; /* 10px / 12px */
}

.js #partner-login-box .login-username label,
.js #partner-login-box .login-password label {
	width: 100px;
	display: block;
	float: left;
	padding-top: 0.21428571428571428571428571428571em; /* 3px / 14px */
}

.js #partner-login-box .login-remember,
.js #partner-login-box .login-submit {
	margin-left: 100px;
}

.click-to-close-shader {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9998;
}

.close-button {
	background: #6baa24 url('images/close-button-background.png') no-repeat center center !important;
	border: 1px solid #fff !important;
	display: block;
	height: 22px;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
}

/* ==== 4.13.2  Footer navigation =========================================== */

#footer-navigation {
	float: right;
	line-height: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer-navigation li {
	float: left;
	padding: 0 8px;
	border-left: 1px solid #333;
}

#footer-navigation li:first-child {
	border-left: none;
}




/* =============================================================================
   5    NON-SEMANTIC HELPER CLASSES
   ========================================================================== */


/* =============================================================================
   5.1  Hiding content
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }


/* =============================================================================
   5.2  Alignments
   ========================================================================== */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float-left, .alignleft { float: left; margin: 0 20px 20px 0; }
.float-right, .alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { clear: both; display: block; margin: 0 auto 20px; }


/* =============================================================================
   5.3  Clearfix
   ========================================================================== */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* =============================================================================
   5.4  Misc little helpers
   ========================================================================== */

/* typically used with a <span> element */
.nobr { white-space: nowrap; }

.green { color: #6baa24; }


/* =============================================================================
   5.5  Remove telephone number styling inserted by the Skype browser plug-in
   ========================================================================== */

.js body span.skype_pnh_container {
	display: none !important;
	visibility: hidden !important;
}

.js body span[class^="skype_pnh_print_container"] {
	display: inline !important;
}




/* =============================================================================
   6    PRINT STYLES
   ========================================================================== */


/* =============================================================================
   6.1  Hide print specific content from screen
   ========================================================================== */

@media screen {

	.print-only { display: none; visibility: hidden; }

}


/* =============================================================================
   6.2  Print specific styles
   ========================================================================== */
   
@media print {

	/* ==== 6.2.1  Base ===================================================== */

	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
	@page { margin: 2cm; }
	body { font-size: 12pt; }

	/* ==== 6.2.2  Links ==================================================== */

	a, a:visited { text-decoration: underline !important; border: 0 !important; }

	.print-links-footer {
		border: 0.5pt solid #000;
		padding: 0 1.5384615384615384615384615384615em;
		page-break-inside: avoid;
		margin-top: 2.8571428571428571428571428571429em;
	}

	/* ==== 6.2.3  Typography, lists, headlines ============================= */

	abbr[title]:after { content: " (" attr(title) ")"; }
	p, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; }
	h2, h3, h4, h5, h6 { page-break-after: avoid; }
	h1 { margin-left: 0; margin-right: 0; }

	.print-links-footer h3 { /* equals normal h4 style */
		font-size: 1.1538461538461538461538461538462em;
		line-height: 1.3333333333333333333333333333333;
		margin-bottom: 1.3333333333333333333333333333333em;
		margin-top: 1.3333333333333333333333333333333em;
	}

	/* ==== 6.2.4  Tables =================================================== */

	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }

	/* ==== 6.2.5  Layout elements ========================================== */

	#root, #page-box, #main { padding: 0; margin: 0; width: 100%; }
	#page-header, .breadcrumb, #socialshareprivacy, #link-to-commentform, #respond, #comments .comment-rss-link, .editable-comment, #sidebar, #social-media-buttons, #page-footer { display: none; }
	
	#fss-badge {
		position: static;
		float: right;
		margin-right: 0.5cm;
	}
	
	.article-list article,
	#related-posts,
	#comments {
		border-top: 0.5pt solid #000;
	}
	
	.article-list article:first-child {
		border-top: 0;
	}
	
	.article-list time,
	.comment-list li.bypostauthor {
		border: 0.5pt solid #000;
	}
	
	.wp-polls .pollbar {
		background: none repeat scroll 0 0 #999 !important;
		border: 0.5pt solid #000 !important;
	}
	
	.avatar, .photo {
		border: 0.5pt solid #000;
	}
	
}



/* ==== Style von Plugin kopiert um die statischen Seiten genau gleich darzustellen / styles doppelt =================================================== */

/***** Galerie ******/
#fss-earthhour .share {
	margin-top: 5px;
}

#fss-earthhour .share .help_info.icon {
	display: none;
}

#fss-earthhour  h4 {
	padding: 10px 20px;
	background-color: #6baa24;
	color: white;	
}
#fss-earthhour_wrapper {
	width: 620px;
}

#fss-earthhour .item.stati-gewerbe {
	height: 280px;
}

#fss-earthhour .item p {
	margin: 0px;
}

#fss-earthhour.gewerbe .item {
	height: 290px;
}

#fss-earthhour .item {
	width: 160px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #d2d2d2;
	padding: 10px;
	float: left;
	position: relative;
}
#fss-earthhour .item.last {
	margin-right: 0px;
}
#fss-earthhour .item .small .bild {
	padding: 5px;
	border: 1px solid #6baa24;
	width: 148px;
	height: 148px;
	margin-bottom: 7px;
	overflow: hidden;
	background: white;
}

#fss-earthhour.privat .item .small .bild {
	padding: 0;
	width: 158px;
	height: 220px;
}

#fss-earthhour .item .small .bild img {
	width: 100%;
	height: auto;
}
#fss-earthhour .item .small .title {
	xheight: 40px;
}
#fss-earthhour .item .small .title  a p{
	color: #333333;
}
#fss-earthhour .item .small .title .name {
	color: #6cab26;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}
#fss-earthhour .item .small .title .einsparung {
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
}
#fss-earthhour .item .small .title .zweck {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}

#fss-earthhour .item .big.earthhour {
	display: none;
}

.fancybox-inner .big.earthhour {
	width: 500px;
}

.fancybox-inner .big.earthhour.gewerbe > img {
	padding: 10px;
	background-color: white;
}


.name {
	margin: 30px 0 15px 0;
	font-weight: bold;
}

#fss-earthhour .item .small .title .name {
	font-weight: normal !important;
	font-size: 13px !important;
	color: #578c1d !important;
}

.fb-share-button {
	margin: 30px 0 40px 0;
}

.new{
    border-color: rgb(0,190,0);
    background-color: #ddd;
}

.newsletter-consent {
    text-decoration: underline !important;
}

.newsletter-tooltip {
    border-color: #6baa24 !important;
    background-color: #e8ebcb !important;
}

li.cf_li_err {
	color: red;
}

input[type="checkbox"].cf_error {
	position: relative;
}

input[type="checkbox"].cf_error::before {
	content: "";
    display: inline-block;
    position: absolute;
    background: red;
    width: 120%;
    height: 120%;
    margin-left: -1px;
    margin-top: -1px;
    z-index: -1;
}

#post-119 #li-2-10 #label-2-10 span {
	text-decoration: underline;
}

#cookieChoiceInfo {
  width: auto !important;
  padding: 10px !important;
  border: 5px solid #6baa24 !important;
}