/* @override 
	http://sandbox.stadtwerke-schwetzingen.de/style.css
	http://www.stadtwerke-schwetzingen.de/style.css
	https://www.stadtwerke-schwetzingen.de/style.css
	http://sws/style.css
*/

/*
Author: Florian Ziegler - GuerillaGraphix.net | Style: stadtwerke-schwetzingen.de
*/

/* @group Standard */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	background: url(images/body_background.jpg) top center no-repeat fixed;
}

h1 {
	margin: 0 0 0.7em 0;
	font-size: 1.5em;
	color: #333;
	line-height: 1.3em;
}
h1 small {
	font-size: 0.8em;
	color: #666;
}
h2 {
	clear: both;
	margin: 0 0 0.7em 0;
	font-size: 1.3em;
	color: #333;
}
h2 small {
	color: #7b7b7b;
	font-size: 0.7em;
}
h3 {
	clear: both;
	margin: 2em 0 1.2em 0;
	font-size: 1.1em;
	color: #333;
}
h3.alt {
	margin-top: 1em;
	margin-bottom: 0;
}
h4 {
	margin: 0 0 0.2em 0;
	color: #666;
	font-size: 1em;
}
p {
	margin: 0 0 2em 0;
}
p.alt {
	margin: 0 0 0.6em 0;
}
p.alt2 {
	margin: 0;
}
p.bold {
	font-weight: bold;
}
a {
	color: #c03;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}

table {
	width: 100%;
}
table tr th {
	padding: 0.5em 0 0.5em 0;
	font-size: 1.1em;
	color: #333;
	text-align: left;
	vertical-align: top;
}
table tr td {
	padding: 0 0 0 0;
	text-align: left;
	vertical-align: bottom;
}
table tr td hr {
	margin: 1em 0 0 0;
}

hr {
	margin: 0 0 1.5em 0;
	height: 0.1em;
	background: #ddd;
	border: none;
}

strong {
	color: #333;
}

/* @end */

.tarif {
	margin: auto;
	width: 42em;
	padding: 0 1em 1em 1em;
	border:0.2em solid #ddd;
}
.tarif tr th {
	padding: 0 1em;
	text-align: right;
	vertical-align: bottom;
}
.tarif tr td {
	padding: 0;
	text-align: right;
}
.tarif tr .column1 {
	width: 10em;
}
.tarif tr .column2 {
	width: 14em;
	padding-right: 2em;
}
.tarif tr .column3 {
	padding-right: 2em;
}
.tarif tr:hover td {
	background: #bbb;
}

#content hr.trenner {
	clear: both;
	margin: 0 0 3.5em 0;
	height: 0.1em;
	background: #fff;
	border: 1px solid #fff;	
}

#page {
	margin: 0 auto;
	width: 70em;
}

#wrapper {
	position: relative;
	float: left;
	width: 70em;
	background: transparent;
}

/* @group Header */

#header {
	position: relative;
	float: left;
	width: 70em;
	padding: 0;
	background: transparent;
	text-align: left;
	border-top: 0.5em solid #bbb;
}
#header img {
	float: left;
/*	width: 18em; */
	margin: 0.8em;
	margin-top: 1.7em;
}
#header #headmenu {
	position: absolute;
	right: 0;
	float: right;
	margin: 0;
	padding: 0;	
	font-size: 11px;
	border: 0px solid green;
}
#header #headmenu ul {
	margin-top: 0em;
	padding: 0;
	list-style: none;
}
* html #header #headmenu ul {
	margin-top: 0;
}
#header #headmenu ul li {
	float: left;
	display: inline;
	margin-left: 1px;
	padding: 7px 7px 9px 7px;
	height: 12px;
	background: #ddd;
}
* html #header #headmenu ul li {
	margin-bottom: 10px;
}
#header #headmenu ul li.searchbox {
	padding: 6px 10px 10px 10px;
}
* html #header #headmenu ul li.searchbox {
	padding: 5px 10px 9px 10px;
}
#header #headmenu ul li.searchbox fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
}
#header #headmenu ul li.searchbox fieldset label {
	display: none;
}
#header #headmenu ul li a {
	height: 1em;
	background-position: 0 0.1em;
	color: #555;
}
#header #headmenu ul li a:hover {
	text-decoration: underline;
}

#header #headmenu #show_callback {
	padding: 0 0 0 18px;
	font-weight: bold;
	height: 15px;
	background: #ddd url(images/icon_phone.gif) no-repeat 0px 0px;
	z-index: 80;
	color: #c03;
}


#header #headmenu ul li label {
	font-weight: bold;
	color: #555;
}
#header #headmenu ul li input {
	margin: 0;
	padding: 0;
	height: 1.2em;
	line-height: 1em;
	font-size: 1em;
}
#header #headmenu ul li #suche_submit {
	margin: 0 0 0 0.3em;
	padding: 0;
	height: auto;
	line-height: 1.2em;
	font-size: 1em;
	font-weight: bold;
	color: #777;
	background: #ddd;
	border: 2px outset #eee;
	cursor: pointer;
}

/* @end */

/* @group Navigation */

#nav {
	float: left;
	width: 69em;
	margin-top: 1em;
	padding-left: 1em;
	border-bottom: 0.5em solid #bbb;	
}
#nav ul {
	list-style: none;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	display: block;
	float: left;
	margin-right: 0.3em;
	padding: 0.2em 1em 0.2em 1em;
	background: #ddd;
	font-weight: bold;
}
#nav ul li a:hover {
	background: #ccc;
	text-decoration: underline;
}
#nav ul li a.active {
	background: #bbb;
	text-decoration: underline;
}

/* @end */

/* @group Sub-Navigation */

#subnav {
	clear: none;
	float: left;
	width: 16em;
	margin: 0;
	padding: 1em;
	font-size: 1em;
	color: grey;

	background: #f5f5f5;
	text-align: left;
	border-bottom: 0.2em solid #ddd;
}

#subnav ul {
	list-style: none;
}
#subnav ul li {
	padding: 0.3em 0 0.3em 0;
	font-weight: bold;
	border-bottom: 1px dotted #bbb;
}
#subnav ul li .indented {
	margin-left: 1em;
}
#subnav ul li .indented li {
	padding: 0 0 0 0.5em;
	font-weight: normal;
	border: none;
}
#subnav ul .bottom {
	border: none;
}
#subnav ul li a {
	font-size: 1em;

	font-weight: normal;
	padding: 0 0 0 1em;
	background: url(images/page_icon_light.gif) no-repeat;
	background-position: 0 0.15em;
}
#subnav ul li a.active {
	text-decoration: underline;
}
.new {
	margin: 0 0 0 5px;
	padding: 1px 2px;
	background: #ffe249;
	color: #333;
	border: 1px solid #fcfd00;
	border-bottom: 1px solid #edda00;
	border-right: 1px solid #edda00;
	font-size: 12px;
}

/* @end */

/* @group Content */

#content_wrap {
	float: left;
	width: 49.4em;
}


#content_head {
	position: relative;
	float: left;
	width: 100%;
	padding: 0.1em 1em 0 1em;
	color: #777;
	background: #f5f5f5;
	font-size: 1em;
	text-align: left;
	border-left: 0.1em solid #ddd;	
	border-right: 0.5em solid #bbb;	
}
#content_head ul {
	list-style: none;
}
#content_head ul li {
	display: inline;
}
#content_head ul li a {
	color: #777;
	text-decoration: underline;
}
#content_head #send_page {
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 0 0 0 15px;
	font-size: 11px;
	color: #777;
	background: url(images/icon_send_page.gif) no-repeat;
	background-position: 0 4px;
	text-decoration: underline;
}
#content {
	poistion: relative;
	float: left;
	width: 100%;
	min-height: 20em;
	padding: 1em;
	background: white;
	text-align: left;
	border-left: 0.1em solid #ddd;
	border-right: 0.5em solid #bbb;
}
#content ul, #content ol {
	padding: 0;
	margin: 0 0 1.5em 1.5em;
}
.search ol {
	padding: 0;
	margin: 0 0 1.5em 2em;
}
#content .pdf {
	clear: both;
	float: left;
	margin: 0 1.5em 1em 1.5em;
	padding: 0 0 0 30px;
	width: 40em;
	color: #444;
	text-decoration: underline;
	line-height: 2em;
	background: url(images/pdf_icon.gif) no-repeat;
}
#content span.pdf {
	text-decoration: none;
	color: #777;
}
#content span.pdf a.pdf {
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
	color: #444;
	text-decoration: underline;
	background: none;
}
#content .real {
	clear: both;
	float: left;
	margin: 0 1.5em 1em 1.5em;
	padding: 0 0 0 30px;
	width: 40em;
	color: #444;
	text-decoration: underline;
	line-height: 2em;
	background: url(images/real_icon.gif) no-repeat;
	background-position: 5px 2px;
}
#content .wmv {
	clear: both;
	float: left;
	margin: 0 1.5em 1em 1.5em;
	padding: 0 0 0 30px;
	width: 40em;
	color: #444;
	text-decoration: underline;
	line-height: 2em;
	background: url(images/wmv_icon.gif) no-repeat;
		background-position: 5px 2px;
}

#content .external {
	clear: both;
	margin: 1em auto 0 auto;
	padding: 5px 6px 4px 24px;
	background: #eee;
	border: none;
	background: #eee url(images/pfeil_rot.gif) no-repeat;
	background-position: 6px 4px;
}
#content .block {
	display: block;
	float: left;
	margin: 0 11px 0 0;
	padding: 5px 0 0 0;
}
#content .online-bestellen {
	float: left;
	display: block;
	margin: 4px 0 0 -5px;
	background: url(images/logos/online_bestellen.png);
	width: 100px;
	height: 21px;
	text-indent: -9999px;
	outline: none;
}
#content .button.luxgas {
	clear: both;
	display: block;
	margin: 1em auto 0 auto;
	padding: 0;
	width: 223px;
	height: 27px;
	background: url(images/luxgas_bestellung_starten.gif);
	outline: none;
	text-indent: -9999px;
}
#content .button.foxstrom {
	clear: both;
	display: block;
	margin: 1em auto 0 auto;
	padding: 0;
	width: 223px;
	height: 27px;
	background: url(images/foxstrom_bestellung_starten.gif);
	outline: none;
	text-indent: -9999px;
}
#content .button.naturenergie {
	clear: both;
	display: block;
	margin: 1em auto 0 auto;
	padding: 0;
	width: 223px;
	height: 27px;
	background: url(images/naturenergie_bestellung_starten.gif);
	outline: none;
	text-indent: -9999px;
}
#content .button.erdgas-technik-guide {
	clear: both;
	display: block;
	margin: 1em auto 0 auto;
	padding: 0;
	width: 223px;
	height: 27px;
	background: url(images/erdgas_technik_guide_starten.gif);
	outline: none;
	text-indent: -9999px;
}
#content .internal {
	clear: both;
	margin: 1em auto 1em auto;
	padding: 0.4em 0.6em 0.4em 2.2em;
	background: url(images/pfeil_rot.gif) no-repeat;
	background-position: 0.6em 0.5em;
}
#content .teaser {
	margin: 0 0 1.4em 0;
	font-style: italic;
}

.mse {
    margin: 0 0 20px 0;
    height: 182px;
    background: url(images/meinestadtenergie_header.jpg);
}
.mse_logo {
    margin: 0 0 20px 20px;
    padding: 10px 10px 15px 20px;
    float: right;
    width: 218px;
    text-align: left;
    border: 1px solid #ddd;
}
.mse_logo .bu {
    display: block;
    padding: 0 0 0 18px;
    font-weight: bold;
}

/* @group Startseite */

.home {
	float: left;
	width: 34.5em;
	padding: 0 1em;
	text-align: left;
	border-right: 0.1em solid #ddd;
}
.home a {
	white-space: nowrap;
}
.home .blue {
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;
}
.spalte_links {
	display: block;
	float: left;
	margin: 0;
}
.spalte_mitte {
	float: left;
	margin: 0;
	padding: 0 1em;
	width: 13em;
	text-align: left;
	overflow: hidden;
}
.spalte_rechts {
	float: left;
	margin: 0;
	padding: 0 0 0 1.3em;
	width: 16em;
	border-left: 0.1em solid #ddd;
	text-align: left;
}
#logos {
	clear: both;
	float: left;
	margin: 1em 0 0 0;
	padding: 1em 1em 1em 1em;
	width: 67.5em;
	background: url(images/logos_background.gif) left bottom repeat-x;
	border-top: 1px solid #ddd;
}
#logos p {
	margin: 0 0 8px 0;
	color: #333;
	font-weight: bold;
}
#logos table {
	vertical-align: middle;
}
#logos table td {
	padding: 0 0 0 10px;
	width: 110px;
	vertical-align: middle;
}
#logos table td.overview {
	padding: 0 15px 0 0;
	width: 115px;
	vertical-align: top;
	text-align: left;
}
#logos table td.last {
	width: 90px;
}
#logos table .new {
	margin: 0;
}
#logos table .bestellen {
	display: block;
	margin: 4px 0 0 -5px;
	background: url(images/logos/online_bestellen.png);
	width: 100px;
	height: 21px;
	text-indent: -9999px;
	outline: none;
}

#logos table .new {

}

#logos table .light {
	margin: 0 0 0 30px;
	color: #ccc;
}

/* @end */

/* @group Tarif-Tabelle */

.tarif_liste h3 {
	margin: 0;
	font-size: 16px;
}
.tarif_liste h3 small {
	margin: 0 0 0 8px;
}
.tarif_liste .fine {
	font-size: 14px;

}
.tarif_liste {
	font-size: 16px;
	font-weight: bold;
}
.tarif_liste li {
	margin: 0 0 30px 0;
}
.tarif_liste.fine li {
	font-size: 13px;
}
.tarif_liste a {
	font-size: 13px;
	font-weight: normal;
}
.tarif_liste .hint {
	font-weight: normal;
	font-size: 0.8em;
}

.tarife {
	margin: 5px 0 0 0;
	background: #fff;
	border: 2px solid #eee;
	font-size: 13px;
	font-weight: normal;
}
.tarife.alt {
	border-top: none;
	border-bottom: none;
}
.tarife tr td {
	padding: 3px 4px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #eee;
}
.tarife tr .leftborder {
	border-left: 3px solid #ccc;
}
.tarife .noborder td {
	border: none;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.tarife .ecologo {
	padding: 4px 0 0 34px;
	border: none;
}
.tarife tr .bottom {
	vertical-align: bottom;
}
#tarif_luxeco .tarife .beschreibung, #tarif_luxeco24 .tarife .beschreibung {
	border-left: none;
}
.tarife .beschreibung, .tarife .grau {
	text-align: left;
}
.tarife tr th {
	padding: 3px 4px;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
	background: #eee;
}
.tarife tr .grau {
	background: #ccc;
	border: none;
}
.tarife .nummer {
	float: left;
	margin: 0 10px 0 0;
	font-size: 13px;
}
.tarife .nummer.abstand {
	margin: 0 110px 0 0;
}
.tarife img {
	float: left;
	margin: 0 10px 0 0;
}
.tarife .hinweis {
	clear: both;
	float: left;
	margin: 5px 0 5px 28px;
	line-height: 14px;
}
* html .tarife .hinweis {
	margin: 5px 0 5px 10px;
}

.tarife .blau {
	color: #002f60;
	font-size: 15px;
	line-height: 15px;
}
.tarife .werte {
	color: #464646;
	font-size: 12px;
}
.tarife.fox tr td {
	vertical-align: middle;
}


/* @end */

.preisbsp {
	background: #eee;
	border: 5px solid #eee;
	border-bottom: 10px solid #eee;
}
.preisbsp tr th {
	border: 5px solid #eee;
	border-bottom: none;
	text-align: center;
}
.preisbsp .head td {
	padding: 8px 0 10px 0;
	font-size: 11px;
	line-height: 14px;
}
.preisbsp .head td strong {
	color: #000;
}
.preisbsp tr td {
	padding: 3px;
	border: 5px solid #eee;
	text-align: center;
	background: #dbdbdb;
	border-bottom: none;
	border-top: none;
	vertical-align: top;
}
.preisbsp tr .red {
	color: black;
	background: #d89baa;
}
.preisbsp tr .yellow {
	color: black;
	background: #e9d4a3;
}
.preisbsp tr .purple {
	color: black;
	background: #afabc2;
}
.preisbsp .alt td {
	background: #f9f794;
	border-left-color: #f9f794;
	border-right-color: #f9f794;
}

.achtung {
	margin: -5px 0 15px 0;
	padding: 15px;
	background: #eee;
	color: #19436f;
}
.achtung p {
	margin: 0;
	color: #19436f;
}
.achtung strong {
	color: #19436f;
}

#content .faq {
	margin: 0;
	padding: 0;
	list-style: none;
}
.faq li {
	margin: 0 0 0.5em;
	padding: 1em 1em 1em 42px;
	background: #eee url(images/icon_faq.gif) no-repeat;
	background-position: 12px 10px;
}

.hinweis2 {
	margin: 0 0 25px 0;
	padding: 10px 0 10px 95px;
	background: url(images/hinweis.gif) no-repeat 0 14px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

h2.fazit {
	padding: 6px 0 9px 70px;
	background: url(images/fazit.gif) no-repeat;
}
h2.neuauflage {
	padding: 8px 0 18px 140px;
	background: url(images/neuauflage.gif) no-repeat;
}

.plus {
	list-style: none;
	padding: 0;
}
.plus li {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	background: url(images/plus.gif) no-repeat;
	background-position: 0 1px;
}
.infobox {
	clear: both;
	float: left;
	margin: 20px 0 0 0;
	padding: 10px 15px 0 47px;
	background: #eee url(images/i-punkt_background.gif) no-repeat left top;
	background-position: 14px 10px;
}
.infobox p {
	margin: 0 0 5px 0;
	color: #666;
}

/* @group Natur */

#greenboxstart {
	margin: 0 0 5px 0;
	padding: 0 15px 0 0;
	height: 200px;
	background: #88ba2a;
}
* html #greenboxstart {
	height: 200px;
	overflow: hidden;
}

h1.natur {
	padding: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	background: #88ba2a;
	text-align: center;
}
h3.natur {
	clear: none;
	margin: 0 0 2px 0;
	color: #88ba2a;
	font-size: 14px;
}
.partner {
	margin: 15px 0 55px 0;
	width: 590px;
	height: 98px;
	font-style: italic;
	text-align: center;
}
.partner img {
	margin: 2px 0 0 0;
	padding: 10px;
	border: 1px solid #e0f3da;
}
.vergleich_naturenergie {
	padding: 10px;
	background: #88ba2a;
}
.vergleich_naturenergie h2 {
	margin: 0;
	color: #000;
	font-size: 13px;
}
.vergleich_naturenergie table {
	color: #000;
}
.vergleich_naturenergie th {
	padding: 5px 10px;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-style: italic;
	text-align: left;
}
.vergleich_naturenergie tr td {
	padding: 0 10px;
	text-align: left;
}
.vergleich_naturenergie .alt {
	background: #d1eac1;
}
.vergleich_naturenergie p {
	margin: 0;
}
.naturpartner {
	float: right;
	margin: 0 0 10px 20px;
	padding: 10px 10px 4px 10px;
	width: 200px;
	border: 1px solid #e0f3da;
}
.green {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	padding: 3px 8px;
	font-size: 12px;
	border: 1px solid #d1eac1;
	border-left: 8px solid #d1eac1;
}
.green:hover {
	background: #d1eac1;
}

#content .klimabeitrag {
	display: block;
	margin: 0 0 0 10px;
	list-style: none;
}
#content .klimabeitrag li {
	float: left;
	margin: 0 0 10px 0;
	width: 410px;
}
.klimabeitrag .example {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 300px;
}
.klimabeitrag .number {
	float: left;
	width: 100px;
	font-weight: bold;
}
#content .klimabeitrag.familie {
	float: left;
	margin: 0 0 25px 0;
	padding: 10px 0 0 95px;
	width: 490px;
	background: url(images/klimabeitrag_familie.gif) no-repeat;
	background-position: 15px 23px;
	border: 1px solid #e0f3da;
}
#content .klimabeitrag.gewerbe {
	float: left;
	margin: 0 0 25px 0;
	padding: 10px 0 0 95px;
	width: 490px;
	background: url(images/klimabeitrag_gewerbe.gif) no-repeat;
	background-position: 15px 13px;
	border: 1px solid #e0f3da;
}
.natur_preise {
	margin: 0 0 4px 0;
	padding: 0;
	border: 1px solid #e0f3da;
}
.natur_preise th {
	padding: 6px 15px 6px 15px;
	background: #e0f2da;
	vertical-align: bottom;
}
.natur_preise td {
	padding: 4px 15px 4px 15px;
}

/* @end */

/* @group Forms */

#content form, #content .form, #content2 form {
	clear: both;
}
#content2 form, #content2 .form {
	clear: none;
	float: left;
	width: 50.5em;
}
#content form fieldset, #content .form fieldset, #content2 form fieldset, #content2 .form fieldset {
	padding: 1em;
	background: #eee;
	border: 1px solid #ddd;
}
#content form fieldset .steps, #content .form fieldset .steps, #content2 form fieldset .steps, #content2 .form fieldset .steps {
	border-bottom: 1px solid #bbb;
	margin-bottom: 2em;
	font-weight: bold;
	color: #333;
}
#content form fieldset .steps .activestart,  #content .form fieldset .steps .activestart, #content2 form fieldset .steps .activestart, #content2 .form fieldset .steps .activestart {
	padding: 0;
	color: #23228a;
}
#content form fieldset .steps .active, #content .form fieldset .steps .active, #content2 form fieldset .steps .active, #content2 .form fieldset .steps .active {
	padding-left: 1.5em;
}
#content form fieldset .steps .inactive, #content .form fieldset .steps .inactive, #content2 form fieldset .steps .inactive, #content2 .form fieldset .steps .inactive {
	padding-left: 1.5em;
	color: #aaa;
}
#content form fieldset .steps .done, #content .form fieldset .steps .done, #content2 form fieldset .steps .done, #content2 .form fieldset .steps .done {
	padding-right: 1em;
	color: #aaa;
	background: url(images/done.gif) no-repeat right;
}
#content form fieldset .steps .done2, #content .form fieldset .steps .done2, #content2 form fieldset .steps .done2, #content2 .form fieldset .steps .done2 {
	padding-right: 1em;
	padding-left: 1em;
	color: #aaa;
	background: url(images/done.gif) no-repeat right;
}
#content .light, #content2 .light {
	color: #666;
}

#content form label, #content .form label, #content2 form label, #content2 .form label {
	clear: both;
	float: left;
	width: 18em;
	padding-right: 0.5em;
	font-weight: bold;
	color: #333;
	text-align: right;
}
#content form .inline, #content .form .inline, #content2 form .inline, #content2 .form .inline {
	clear: none;
	float: none;
	width: auto;
	font-weight: bold;
	color: #333;
	text-align: right;
}
#content form fieldset ol, #content .form fieldset ol, #content2 form fieldset ol, #content2 .form fieldset ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content form fieldset ol li, #content .form fieldset ol li, #content2 form fieldset ol li,  #content2 .form fieldset ol li {
	margin-bottom: 1em;
}
#content form fieldset ol li input, #content .form fieldset ol li input, #content2 form fieldset input {
	width: 15em;
	height: 1.2em;
	margin: 0 0.5em 0 0;
	padding: 0.2em;
	border: 1px solid #999;
}
#content form fieldset .radio, #content .form fieldset .radio, #content2 form fieldset .radio {
	width: auto;
	border: none;
}
#content form fieldset ol li .short, #content .form fieldset ol li .short,  #content2 form fieldset ol li .short, #content2 .form fieldset ol li .short {
	width: 7em;
}
#content form fieldset ol li .medium, #content .form fieldset ol li .medium,  #content2 form fieldset ol li .medium, #content2 .form fieldset ol li .medium {
	width: 12.5em;
}
#content form fieldset .stand2, #content .form fieldset .stand2, #content2 form fieldset .stand2, #content2 .form fieldset .stand2 {
	width: 2.5em;
	color: #c03;
}
#content form fieldset .sperator, #content .form fieldset .sperator, #content2 form fieldset .sperator, #content2 .form fieldset .sperator {
	margin-left: 18.5em;
	text-align: left;
}
#content form fieldset .sperator p, #content .form fieldset .sperator p, #content2 form fieldset .sperator p, #content2 .form fieldset .sperator p {
	margin: 1em 0 0.7em 0;
	padding: 0;	
	font-weight: bold;
	color: #23228a;
}
#content form fieldset .sperator .black, #content .form fieldset .sperator p.black, #content2 form fieldset .sperator .black, #content2 .form fieldset .sperator .black {
	margin: 1em 0 0.7em 0;
	padding: 0;	
	font-weight: bold;
	color: #333;
}
#content form fieldset .button, #content .form fieldset .button, #content2 form fieldset .button, #content2 .form fieldset .button {
	clear: both;
	width: 8em;
	height: 2em;
	margin: 0 0 0 223px;
	padding: 0;
	background: #bbb;
	color: #23228a;
	cursor: pointer;
}
#content form fieldset .button2, #content .form fieldset button2, #content2 form fieldset .button2, #content2 .form fieldset button2 {
	clear: both;
	width: 8em;
	height: 2em;
	margin: 0 0 0 10em;
	padding: 0;
	background: #bbb;
	color: #23228a;
	cursor: pointer;
}
#content form fieldset .button3, #content .form fieldset .button3, #content2 form fieldset .button3, #content2 .form fieldset .button3 {
	clear: both;
	width: 8em;
	height: 2em;
	margin: 0 0 0 0em;
	padding: 0;
	background: #bbb;
	color: #23228a;
	cursor: pointer;
}
#content form fieldset .button_big, #content .form fieldset .button_big, #content2 form fieldset .button_big, #content2 .form fieldset .button_big {
	width: 12em;
	height: 2em;
	margin: 0 0 0 18.5em;
	padding: 0;
	background: #bbb;
	color: #23228a;
	cursor: pointer;
}
#content form fieldset textarea, #content .form fieldset textarea, #content2 form fieldset textarea {
	width: 22em;
	height: 10em;
	margin: 0 0.5em 0 0;
	padding: 0.2em;
	font-size: 1em;
	border: 1px solid #999;
}
#content form fieldset select, #content .form fieldset select, #content2 form fieldset select {
	padding: 0.2em 0.2em 0.2em 0.2em;
	font-size: 1em;
	border: 1px solid #999;
}
#content form fieldset .flaged, #content .form fieldset .flaged, #content2 form fieldset .flaged {
	background: red;
	color: #fff;
	background: #c03;
	border: 1px solid #930023;
}
#content form fieldset .attention, #content .form fieldset .attention, #content2 form fieldset .attention {
	margin-left: 18.5em;
	padding: 0.4em;
	width: 27.7em;
	color: #c03;
	font-weight: bold;
	background: #ffb2a5;
	border: 1px solid #c03;
}
#content form fieldset .hint, #content .form fieldset .hint, #content2 form fieldset .hint, #content2 .form fieldset .hint {
	margin: 1em 0 0 0;
	padding-top: 0.3em;
	text-align: center;
	color:#777;
	border-top: 1px solid #bbb;
	font-size: 1em;
	font-style: normal;	
}

/* @end */



#content2 {
	float: left;
	width: 68.5em;
	padding: 1em 0 0 1em;
	background: white;
	border-left: 0.1em solid #ddd;
	border-bottom: 0.5em solid #bbb;
	border-right: 0.45em solid #bbb;
	text-align: left;
}
.startseite #content2 {
	float: left;
	width: 69.5em;
	padding: 1em 0 0 0;
	background: white;
	border-left: 0.1em solid #ddd;
	border-bottom: 0.5em solid #bbb;
	border-right: 0.45em solid #bbb;
	text-align: left;
}


#content_bottom {
	float: left;
	padding: 0.1em 1em 0 1em;
	width: 100%;
	background: #f5f5f5;
	text-align: right;
	border-left: 0.1em solid #ddd;	
	border-right: 0.5em solid #bbb;
	border-bottom: 0.5em solid #bbb;
}
#content_bottom .top {
	padding-left: 1em;
	font-size: 0.95em;
	background: url(images/up_arrow.gif) no-repeat;
	background-position: 0 0.1em;
}

#content #sws_adresse {
	position: relative;
	margin: -10px 0 0 0;
	padding: 10px 20px;
	background: #ddd;
	width: 200px;
	color: #666;
}
#content #sws_adresse h3 {
	margin: 0 0 4px 0;
	color: #666;
}
#content #sws_adresse .close {
	position: absolute;
	top: 0;
	right: 6px;
	font-weight: bold;
	color: #aaa;
}

/* @end */

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/transparent.png);
	width: 100%;
	height: 1200px;
	z-index: 90;
}

.rueckruf {
	position: absolute;
	left: 50%;
	top: 20px;
	margin: 0 0 0 -252px;
	padding: 15px 20px 15px 20px;
	width: 500px;
	background: #fff url(images/rueckruf_background.jpg) no-repeat;
	background-position: 20px 5px;
	z-index: 100;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	border: 4px solid #eee;
}

.rueckruf .intro {
	margin: 0 0 12px 120px;
}
.rueckruf .error {
	margin: 15px 0 0 0;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #d50a0f;
}
.rueckruf .success {
	margin: 15px 0 0 0;
	padding: 5px 10px;
	color: #fff;
	background: #88ba2a;
}
.rueckruf .success strong {
	color: #fff;
}
.rueckruf fieldset {
	clear: both;
	float: left;
	margin: 0 0 5px 0;
	padding: 8px 0 0 0;
	border: none;
	border-top: 1px solid #ddd;
}
.rueckruf .time {
	margin: 0;
	padding: 5px 0 0 0;
	background: #f9f9f9;
}
.rueckruf .question{
	margin: 0;
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #ddd;
}
.rueckruf h1 {
	margin: 0 0 5px 120px;
	font-size: 17px;
	color: #000;
}
.rueckruf h2 {
	float: none;
	margin: 0 0 10px 110px;
	font-size: 13px;
	width: 370px;
	color: #000;
}
.downloads h2 {
	padding: 20px 0 0 0;
}
.rueckruf p {
	clear: both;
	float: left;
	width: 500px;
	margin: 0 0 0 0;
}
.rueckruf label {
	clear: both;
	float: left;
	margin: 0 10px 0 0;
	padding: 7px 0 0 0;
	width: 110px;
	line-height: 14px;
	font-weight: bold;
	text-align: right;
}
.rueckruf label .light {
	font-size: 0.8em;
	color: #bbb;
}
.rueckruf .text {
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	font-size: 13px;
	line-height: 15px;
	width: 240px;
	background: #fff url(images/rueckruf_text_background.gif) repeat-x bottom left;
	border: 1px solid #eee;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	outline: none;
}
.rueckruf .text:focus, .rueckruf .textarea:focus {
	background: rgba(234,233,245,0.5);
}
.rueckruf .select {
	float: left;
	margin: 4px 10px 10px 0;
	width: auto;
}
.rueckruf .textarea {
	float: left;
	margin: 0 10px 10px 0;
	padding: 2px;
	width: 240px;
	height: 100px;
	background: url(images/rueckruf_text_background.gif) repeat-x bottom left;
	border: 1px solid #eee;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	outline: none;
	font-size: 13px;
	line-height: 15px;
	font-family: Helvetica, Arial, sans-serif;
}
.rueckruf .required {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	width: 94px;
	height: 16px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: url(images/required.gif) no-repeat;
}
.rueckruf .optional {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	width: 97px;
	height: 16px;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: url(images/optional.gif) no-repeat;
}
.rueckruf #counter {
	display: inline;
}
.rueckruf #counter.rot {
	color: #de0b10;
}
.rueckruf #rueckruf_submit {
	float: right;
	margin: 10px 22px 0 0;
}
.rueckruf #close {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 12px;
	width: 14px;
	height: 16px;
	background: url(images/close.gif) no-repeat;
	text-indent: -9999px;
}
.rueckruf a#fertig {
	display: block;
	float: right;
	margin: 10px 0 0 0;
	width: 97px;
	height: 27px;
	background: url(images/fertig_button.jpg) no-repeat;
	text-indent: -9999px;
}

/* @group Footer */


#footer {
	float: right;
	margin-bottom: 2em;
	padding-right: 1em;
	width: 51em;
	text-align: right;
}
#footer p {
	margin: 0;
	color: #777;
	font-size: 0.9em;
}

/* @end */

/* @group Else... */


.sitemap ul {
	float: left;
	margin: 0 0 0 2em;
	width: 20em;
	list-style: none;
	border: 0px solid red;
}
* html .sitemap ul {
	margin: 0 0 0 0.5em;
	width: 18em;
}
.sitemap ul .first {
	margin-bottom: 3em;
	font-weight: bold;
	font-size: 1.2em;
	color: #555;
}
.sitemap .first li a {
	padding-left: 1.1em;
	background: url(images/page_icon_light.gif) no-repeat;
	background-position: 0 0.1em;
}
.sitemap .first ul {
	margin: 0.4em 0 0 1em;
	float: none;
	color: #555;
	font-size: 0.9em;
}
.sitemap .first ul li ul {
	font-size: 1em;
}
.sitemap .first ul li a {
	font-weight: normal;
}


.red {
	color: #c03;
}
.blue, .active {
	color: #23228a;
}

.clear {
	clear: both;
}

.note {
	clear:both;
	margin: 1em auto;
	width: 21em;
	padding: 1em;
	background: #fef49c;
	color: #333;
	font-family: 'Comic Sans MS';
	border: 1px solid #e5d974;
	border-top:1.2em solid #e5d974;
	text-align: left;
}
.note strong {
	font-family: 'Comic Sans MS';
}
.center {
	width: 100%;
	text-align: center;
}

.hint {
	font-size: 0.8em;
	font-style: italic;
	color: #888;
}
.tarif_liste .hint {
	font-style: normal;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #666;
}
.hint strong {
	color: #888;
}
#content .hint2 {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #666;
}
.hint_klein {
	display: block;
	padding: 2px 0 0 0;
	font-size: 11px;
	line-height: 13px;
	color: #808080;	
}
.result {
	clear: both;
	float: left;
	margin: 1em auto;
	padding: 1em;
	width: 93%;
	font-size: 1.2em;
	border:0.2em solid #ddd;
}
input#plz.small {
	width: 40px;
}
.res_box {
	margin: 2em 0;
	padding: 0;
	border: 1px solid #ddd;
	text-align: center;
}
.res_box .res_head {
	margin: 0 0 0.5em 0;
	padding: 0.6em 0;
	background: #eee;
	font-size: 1.2em;
}
.res_box .res {
	font-size: 1.2em;
	text-align: left;
}
#content .res_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.res_box ul li {
	border-bottom: 1px solid #eee; 
	margin: 0 0 0 0;
	padding: 10px 0 6px 110px;
	font-size: 14px;
	height: 30px;
	color: #555;
}
.res_box ul #basic {
	background: url(images/tarife_luxgas_basic.gif) no-repeat 10px 2px;
}
.res_box ul #standard {
	background: url(images/tarife_luxgas_standard.gif) no-repeat 10px 2px;
}
.res_box ul #comfort {
	background: url(images/tarife_luxgas_comfort.gif) no-repeat 10px 2px;
}
.res_box ul #eco {
	background: url(images/tarife_luxgas_eco.gif) no-repeat 10px 2px;
}
.res_box ul #eco24 {
	margin: 0;
	background: url(images/tarife_luxgas_eco24.gif) no-repeat 10px 2px;
}
.res_box ul #garant {
	margin: 0;
	background: url(images/tarife_luxgas_garant.gif) no-repeat 10px 5px;
}
.res_box ul .na {
	margin: 0px 0 0 0;
	padding: 10px 10px;
	font-size: 12px;
	color: #555;
	height: auto;
	text-align: center;
	background: #eee;
}
.res_box ul li a {
	margin-left: 5px;
	font-size: 11px;
	white-space: nowrap;
}
.res_box ul .bestellen {
	padding: 15px 0 8px 170px;
	background: #eee;
}
.res_box ul .bestellen a {
	display: block;
	width: 223px;
	height: 27px;
	background: url(images/lux_gas_jetzt_online_bestellen.gif);
	text-indent: -9999px;
}

#content .nolist {
	margin: 1.5em 0 0 0;
	padding: 0;
	list-style: none;
}
#content .nolist li {
	margin: 0 0 1.5em 0;
	padding: 0;
}
.coop {
	list-style: none;
}
.coop li {
	float: left;
	margin: 0 20px 30px 0;
	padding: 5px 10px;
	width: 240px;
	height: 30px;
	background: #eee;
	border: 1px solid #ddd;
}
.coop li img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.installateure {
	margin: 0;
	padding: 0;
}
.installateure tr {
	padding: 4px;
}
.installateure tr:hover {
	background: #ccc;
}
.installateure th {
	background: #ccc;
	padding: 4px;
}
.installateure td {
	padding: 4px;
}
.installateure .alternate {
	background-color: #eee;
}

.centralize {
	text-align: center;
}

.small {
	font-size: 0.9em;
}

.bildkasten {
	clear: left;
	float: left;
	margin: 0 15px 20px 0;
	padding: 10px;
	width: 265px;
	height: 240px;
	border: 1px solid #ccc;
	font-size:11px;
	background: #ddd;
}
.bildkasten img {
	width: 260px;
}
.nopad {
	clear: none;
	margin: 0 0 20px 0;
}

/* @end */

#sandbox {
	padding: 3px 8px;
	background: #fafdad;
	font-family: Verdana;
	font-size: 11px;
	border-bottom: 1px solid #bbb;
}
#sandbox strong {
	color: #897c60;
}

#new_form, #erdgas-technik-guide {
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	display: none;
}
#form {
	position: relative;
	margin: 30px auto 0 auto;
	padding: 0;
	background: #fff;
	width: 600px;
}
.form_head {
	margin: 0 0 10px 0;
	height: 22px;
}
.secure {
	position: absolute;
	top: 1px;
	left: 5px;
	padding: 0 0 0 12px;
	background: url(images/lock_icon.gif) no-repeat 0px 4px;
	color: #777;
	font-size: 11px;
}
#close_form {
	position: absolute;
	top: 1px;
	right: 5px;
	padding: 0 0 0 10px;
	font-size: 11px;
	background: url(images/icon_close.gif) no-repeat 0 5px;
}
#new_form iframe {
	width: 600px;
	border: none;
	height: 520px;
}

#guide {
	position: relative;
	margin: 30px auto 0 auto;
	padding: 0;
	background: transparent;
	width: 960px;
}
.guide_head {
	margin: 0 0 10px 0;
	height: 22px;
}

#close_guide {
	position: absolute;
	top: 13px;
	right: 5px;
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #fff;
}
#guide iframe {
	width: 990px;
	height: 560px;
	border: none;
}