/* ------------------------------------------------------------------------
Allgemeines
------------------------------------------------------------------------ */

html {
	height: 101%;
	margin-bottom: 10px;
}

body {
	background-color:#FEFEFE;
	background-image:url(/grafiken/hintergrund.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family: Arial, sans-serif;
	color:#000000;
	font-size:12px;
	margin:0px;
	padding:0px;
}

* {
	font-family: Arial, sans-serif;
	color:#000000;
	font-size:12px;
}

img {
	border:none 0px #FFFFFF;
}

a {
	text-decoration:none;
	background-image:url(/grafiken/unterstrich.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

div.clear {
	clear:both;
}

div.leer {
	font-size:5px;
	padding:0px;
	margin:0px;
	clear:both;
}

#geraeusch {
	width:0px;
	height:0px;
	padding:0px;
	margin:0px;
	border:none 0px #FFFFFF;
}

/* ------------------------------------------------------------------------
Layoutrahmen
------------------------------------------------------------------------ */

img.inhaltsrahmen_oben {
	display:block;
	margin:18px auto 0px auto;
	width:842px;
	height:6px;
}

div.inhaltsrahmen_mitte_kopf {
	margin:0px auto 0px auto;
	padding:0px 6px 0px 6px;
	background-image:url(/grafiken/hintergrund_rahmen_mitte.gif);
	
			width: 830px;
		}

div.inhaltsrahmen_mitte_inhaltsbereich {
	margin:0px auto 0px auto;
	padding:30px 16px 0px 16px;
	background-image:url(/grafiken/hintergrund_rahmen_mitte.gif);
	
			width: 810px;
			overflow:hidden;
}

div.bildleiste {
	position:relative;
}

div.inhaltsrahmen_mitte_unten {
	margin:0px auto 0px auto;
	padding:0px 6px 0px 6px;
	background-image:url(/grafiken/hintergrund_rahmen_mitte.gif);
	
			width: 830px;
			height:233px;
}

img.inhaltsrahmen_unten {
	display:block;
	margin:0px auto 18px auto;
	width:842px;
	height:6px;
}

div.inhaltsrahmen_mitte_kopf img.logo {
	margin:38px 80px 0px auto;
	float:right;
	border:none 0px #FFFFFF;
}

div.inhaltsrahmen_mitte_kopf img.icon {
	float:left;
	border:none 0px #FFFFFF;
}

div.inhaltsrahmen_mitte_kopf img.visual {
	margin-top:9px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:15px;
}

div.inhaltsrahmen_mitte_unten div.unten {
	/*
	text-align:right;
	padding-top:207px;
	padding-right:10px;
	*/
	background-image:url(/grafiken/hintergrund_innen_unten.jpg);
	
			height: 233px;
			width: 830px;
			position:relative;
}


/* ------------------------------------------------------------------------
Menue
------------------------------------------------------------------------ */

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul.menueebene1 {
	margin:0px 0px 8px 6px;
	padding:0px;
}

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul.menueebeneff {
	margin:0px 0px 0px 0px;
	padding:0px;
}

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul li {
	display:inline;
	line-height:20px;
}

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul.menueebene1 li span.trenner, div.inhaltsrahmen_mitte_kopf div.hauptmenue ul.menueebeneff li span.trenner {
	padding:0px 6px 0px 6px;
}

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul li a {
	color:#000000;
	font-size:13px;
	padding-bottom:3px;
	background-image:none;
}

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul.menueebene1 li a {
	text-transform:uppercase;
}

div.inhaltsrahmen_mitte_kopf div.hauptmenue ul li a:hover, div.inhaltsrahmen_mitte_kopf div.hauptmenue ul li a:active, div.inhaltsrahmen_mitte_kopf div.hauptmenue ul li a.aktiv {
	color:#FBBD1A;
	font-weight:bold;
}

div.punktleiste {
	width:830px;
	height:1px;
	background-image:url(/grafiken/punktleiste.gif);
	background-position:top;
	background-repeat:repeat-x;
	clear:both;
	padding:0px 0px 7px 0px;
}

span.bulletsubnavi {
	font-weight:bold;
}



div.menueunten {
	/* position:absolute; */
	/* top:200px; */
	text-align:right;
	padding-top:200px;
	width:815px;
}

div.menueunten ul {
}

div.menueunten ul li {
	display:inline;
}

div.menueunten ul li a {
	color:#000000;
	background-image:none;
}


/* ------------------------------------------------------------------------
Inhalte allgemein
------------------------------------------------------------------------ */

div.inhaltsrahmen_mitte_inhaltsbereich h1 {
	background-image:url(/grafiken/ueberschrift_pfeilchen.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	font-size:13px;
	font-weight:bold;
	text-align:left;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

div.inhaltsrahmen_mitte_inhaltsbereich li {
	background-image:url('../grafiken/li_pfeilchen.gif');
	background-repeat:no-repeat;
	padding:0px 0px 7px 14px;
}


/* ------------------------------------------------------------------------
Produkte
------------------------------------------------------------------------ */

#tabelle_produkte {
	margin-top:18px;
	width:100%;
}

#tabelle_produkte tr.logos td {
	vertical-align:bottom;
}

#tabelle_produkte tr.logos td img {
	display:block;
	margin:auto auto 0px auto;
}

#tabelle_produkte tr.produkte td {
	vertical-align:top;
}

#tabelle_produkte tr.produkte td ul {
	margin:20px auto 20px 12px;
}

#tabelle_produkte tr.produkte td ul li {
	padding:7px 0px 6px 24px;
}

#tabelle_produkte tr.produkte td ul li.pdf {
	background-image:url('/sturm/material/grafiken/icons/sw_dateiformate/pdf_20_20.png');
	background-repeat:no-repeat;
}

#tabelle_produkte tr.produkte td ul li.textbeschreibung {
	background-image:url('/grafiken/li_pfeilchen_produkte.gif');
	background-repeat:no-repeat;
}

#tabelle_produkte tr.produkte td ul li a:hover {
	background-image:url(/grafiken/unterstrich_hauptmenue.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#tabelle_produkte a {
	text-decoration:none;
	background-image:none;
}


/* ------------------------------------------------------------------------
news
------------------------------------------------------------------------ */

div.newsuebersicht div.bild {
	float:right;
	margin-left:20px;
	font-size:10px;
	color: rgb(130, 130, 130);
}

div.newsuebersicht div.teasertext {
}

div.newsuebersicht div.link {
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}

div.newsuebersicht div.blaettern {
	margin:20px auto 0px auto;
	text-align:center;
}

div.newseinzel div.bild {
	float:right;
	margin-left:20px;
	font-size:10px;
	color: rgb(130, 130, 130);
}

div.newseinzel div.teasertext {
	font-weight:bold;
	margin-bottom:10px;
}

div.newseinzel div.link {
	margin-top:10px;
	margin-bottom:10px;
	text-align:right;
}


/* ------------------------------------------------------------------------
Referenzen
------------------------------------------------------------------------ */

#tabelle_referenzen_logos {
	margin:auto;
}

#tabelle_referenzen_logos td {
	padding:8px;
	text-align:center;
	border:1px solid #000000;
}

#tabelle_referenzen_logos td table {
	margin:auto auto auto auto;
}

#tabelle_referenzen_logos td table tr td {
	padding:0px;
	vertical-align:middle;
	border:0px none #FFFFFF;
}

#tabelle_referenzen_logos td table tr td img.kamera {
	margin:auto auto auto 5px;
	width:25px;
	height:25px;
}

#referenzen_einzel_bilder {

}

#referenzen_einzel_bilder td {
	padding-left:15px;
	padding-right:15px;
}

#referenzen_einzel_bilder tr.rebterstez td {
}

#referenzen_einzel_bilder tr.rebtweiterez td {
	padding-top:15px;
}

#tabelle_referenzen_logos a {
	background-image:none;
}

div.referenz_text {
	margin-bottom:30px;
	width:540px;
	float:right;
}

div.referenz_text div, div.referenz_text p {
	margin-top:0px;
	padding-top:0px;
}

/* ------------------------------------------------------------------------
Energieoptimierung
------------------------------------------------------------------------ */

/*
div.inhaltsrahmen_mitte_inhaltsbereich ul.gruen {
	font-weight:bold;
	margin:10px 0px 0px 5px;
	padding:0px;
	list-style:none;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.gruen li.gruen {
	background-image:url('../grafiken/pfeilchen_gruen.gif');
	background-repeat:no-repeat;
	padding:0px 0px 7px 14px;
	font-size:15px;
	color:#3F8E31;
	margin-top:22px;
}
*/

/* ------------------------------------------------------------------------
Sitemap
------------------------------------------------------------------------ */

div.sitemap {
	margin-left:100px;
}

div.sitemap ul {
	margin:10px 0px 0px 0px;
}


/* ------------------------------------------------------------------------
Formular
------------------------------------------------------------------------ */

ul.formular {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}

ul.formular li {
	background-image:none;
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:4px 0px 4px 0px;
}

fieldset {
	border:none;
	padding:2px 0px 2px 0px;
	margin:2px 20px 2px 0px;
	display:inline;
	vertical-align:top;
}

fieldset.buttons {

}

label.bezeichnung {
	width:100px;
	display:block;
	float:left;
}

label.bezeichnung_nachricht {
	width:70px;
	display:block;
	float:left;
}

/* feld */

label.bezeichnungfehler {
	width:100px;
	display:block;
	float:left;
}

/* feldfehler */

input.formulartextfeld {
	border:none 0px #FFFFFF;
	background-color:#EDEDED;
}

textarea.formulartextfeld {
	border:none 0px #FFFFFF;
	background-color:#EDEDED;
}

input.formulartextfeldfehler {
	border:none 0px #FFFFFF;
	background-color:#EDEDED;
}

textarea.formulartextfeldfehler {
	border:none 0px #FFFFFF;
	background-color:#EDEDED;
}

input.button {
	border:none 0px #FFFFFF;
	background-color:#EDEDED;
}


div.gluehlampencountdown {
	font-size:11px;
	color:#FFFFFF;
	position:relative;
	width:390px;
	height:150px;
	background-image:url(/grafiken/hintergrund_gluehlampencountup.jpg);
}

a.gluehlampencountdown, a.gluehlampencountdown:hover, a.gluehlampencountdown:active, a.gluehlampencountdown:link {
	font-size:11px;
	color:#FFFFFF;
}

a.gluehlampencountdown div.gluehlampencountdown div {
	font-size:11px;
	color:#FFFFFF;
}

div.gluehlampencountdown div.tage {
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	top:119px;
	left:125px;
}

div.gluehlampencountdown div.stunden {
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	top:119px;
	left:179px;
}

div.gluehlampencountdown div.minuten {
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	top:119px;
	left:246px;
}

div.gluehlampencountdown div.sekunden {
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	top:119px;
	left:316px;
}

/* ------------------------------------------------------------------------
Formular
------------------------------------------------------------------------ */

div.ledtechnik_button {
	width:200px;
}

div.ledtechnik_button div.ledtechnik_button_weiss {
}

div.ledtechnik_button div.ledtechnik_button_schwarz {
	background-color:#000000;
}

div.ledtechnik_button a {
	display:block;
	text-align:center;
	text-decoration:none;
	border:none;
	background-image:none;
}

div.ledtechnik_button div.ledtechnik_button_schwarz a {
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}

div.ledtechnik_button a img {
}


/* ------------------------------------------------------------------------
Lightbox Produkte wenig javascript
------------------------------------------------------------------------ */

div.grosserschatten {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #505050;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

div.lb {
	display: none;
	padding: 0px;
	border: none 0px #FFFFFF;
	background-color: #FFFFFF;
	z-index:1002;
	overflow: auto;
}

div.lb img.gross {
	display:block;
	clear:both;
	margin:0px;
}

div.lb a {
	text-decoration:none;
	background-image:none;
	margin:0px;
	padding:0px;
}

div.lb a.schliessen {
	display:block;
	clear:both;
	height:30px;
	width:80%;
	text-align:center;
	margin:10px auto 10px auto;
	font-weight:bold;
}


/* ------------------------------------------------------------------------
Lightbox Produkte wenig javascript
------------------------------------------------------------------------ */

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner {
	list-style:none;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li {
	text-align:center;
	background-image:none;
	float:left;
	width:240px;
	height:170px;
	margin:5px 10px 5px 0px;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li div {
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li div.logo {
	height:100px;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner a {
	background-image:none;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li div.bezeichnung, div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li div.url {
	height:35px;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li div.bezeichnung, div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li div.bezeichnung a {
	font-weight:bold;
}

div.inhaltsrahmen_mitte_inhaltsbereich ul.linkpartner li img {
	margin:0px auto 0px auto;
}


/* ------------------------------------------------------------------------
Addthis
------------------------------------------------------------------------ */

div.at {
	position:relative;
	top:5px;
	left:5px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div.at a {
	background-image:none;
	margin:0px;
	padding:0px;
}

div.at img {
	background-image:none;
	margin:0px;
	padding:0px;
}