img, * {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background-color: #111111;
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-image:url(../bilder/hg-leiste-oben.gif);
	background-repeat:repeat-x;
	text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */	
}

div {
	text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
	height: 100%;
}

div#wrapper {
	position:relative;
	margin: 0 auto;
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


div.admin_panel {
	position: absolute;
	left: 400px;
	top: 0px;
	z-index: 25500;
}

table.typo3-adminPanel {
	position: absolute;
	left: 600px;
	top: 0px;
	z-index: 25500;
}

table.typo3-adminPanel input {
	background-color: #FFFFFF;
	color: #000000;
}

/* Abstand zwischen den Inhaltselementen */
div.inhalts_element_abstand {
	clear:both;
	padding-bottom: 10px;
}

/* gilt für alle bilder */
/* Bildabstand rechts und unten */
/*dl.csc-textpic-image,dt{
 padding-right:10px;
 padding-bottom:10px;
}*/

/* gilt dann nur für bilder in reihen */
/*der abstand zwischen den bildern*/
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow dl.csc-textpic-image, div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image{
 float:left;
 margin-right:15px;
 margin-bottom:15px;
}

/* Bilduntertitel */
.csc-textpic-caption {
	font-size: 1.1em;
}

/* Rahmen um alle Bilder */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt img {
/*	border: 1px solid #2E455C;*/
}

/* +++++++++++++ Positionierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
div#header {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2000;
	background-image:url(../bilder/header.png);
	background-repeat:no-repeat;
	width: 1000px;
	height: 119px;
}

div#bildanimation {
	position: absolute;
	left: 13px;
	top: 0px;
	z-index: 100;
	background-image:url(../../../Kundendaten/header/header1.jpg);
	background-repeat:no-repeat;	
}

div#inhalt_hg {
	position: absolute;
	left: 13px;
	top: 119px;
	z-index: 500;
	background-image:url(../bilder/hg-inhalt.gif);
	background-repeat:no-repeat;
	width: 968px;
	height: 528px;
}

div#hauptnavigation {
	position: absolute;
	left: 23px;
	top: 170px;
	z-index: 1500;
}

div#start_bild {
	position: absolute;
	left: 359px;
	top: 135px;
	z-index: 1600;
}

div#start_zitat {
	position: absolute;
	left: 207px;
	top: 487px;
	z-index: 1500;
}

div#start_text {
	position: absolute;
	left: 207px;
	top: 587px;
	z-index: 1700;
	text-align: center;
}


div#pos_inhalt {
	position: absolute;
	left: 207px;
	top: 145px;
	z-index: 1700;
	width: 591px;
}

div.copyright {
	clear: both;
	width: 591px;
	text-align: right;
}



div.user-lampenauswahl-pi1 {
	color: #FFFFFF;
}

div.image-abschluss, div.image-abschluss-lampenauswahl {
	clear: both;
	float: none;
	width: 590px;
	height: 15px;
	line-height: 15px;
	font-size: 15px;
}

div.image-abschluss-lampenauswahl {
	height: 7px;
	line-height: 7px;
	font-size: 7px;
}

div.image-abschluss-trenner {
	clear: both;
	float: none;
	width: 590px;
	height: 5px;
}


div.image_part {
	float:right;
	width: 296px;
	margin-left: 20px;
}

div.image_gross {
	background: #313131;
	margin-bottom: 10px;
	width: 286px;
}

div.image_klein1, div.image_klein2, div.image_klein3, div.image_klein4 {
	float:left;
	background: #313131;
	margin-bottom: 10px;	
	width: 92px;
/*	border: 1px solid #ff0000;*/
	margin-right: 5px;
}

div.image_part img, div.image_klein img {
	margin: 0 5px;
}

/* Runde Ecken über CSS */
b.rtop, b.rbottom{display:block;background: #111111}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #313131}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


/* Bildgalerie rechts */
.pos_bildgross {

}

#pos_bildklein1, div#image_klein1 {
	display: none;

}

#pos_bildklein2, #pos_bildklein3, #pos_bildklein4, div#image_klein2, div#image_klein3, div#image_klein4 {
	display: normal;
}


div.bilder_abstand {
	clear: both;
	float: none;
	line-height: 8px;
	height: 8px;
	font-size: 8px;
}


/* Farbauswahlboxen +++++++++++++++++++++++ */

div#pos_farbauswahlboxen {
	float: left;
	width: 450px;
	height: 87px;	
}


div.farbauswahl_headline {
	float: left;
	width: 450px;
}

div.farbauswahl {
	float: left;
	width: 32px;
	height: 50px;
}

div.farbauswahl_bild {
	float: left;
	height: 27px;
}

div.farbauswahl_bild_alle {
	float: left;
	height: 22px;
	padding-top: 5px;
}

div.farbauswahl_checkbox {
	float: left;
	padding-left: 3px;
}

div#pos_groessenauswahlboxen {
	float: left;
	width: 135px;

}

div#pos_aktualisieren1 {
	float: left;
	width: 498px;
	padding-top: 25px;
}

div#pos_aktualisieren2 {
	float: left;
	width: 92px;
	text-align:right;
	padding-top: 25px;	
}

div.groessenauswahl {
	float: left;
	width: 140px;

}

div.groessenauswahl_text {
	float: left;
	width: 118px;
	height: 23px;
	font-size: 12px;
	color:#BBBBBB;
	
}

div.groessenauswahl_checkbox {
	float: left;
	text-align: right;
	width: 19px;
	height: 22px;	
	padding-top: 1px;
}

#log_res {
	float: left;
	width: 590px;
	overflow: visible;
	height: auto;
	padding-bottom: 10px;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../bilder/spinner.gif) no-repeat center;
	height: 96px;
}

div.lampen_anzeige {
	float: left;
	width: 154px;
	height: 255px;
	padding-top: 22px;
	background-image:url(../bilder/hg-lampenanzeige.jpg);
	background-repeat:no-repeat;
	background-position: 0 10px;
	
}

div.lampen_anzeige a img {
	padding-left: 18px;
	padding-right: 20px;
	padding-bottom: 20px;
		
}



div.lampen_anzeige_innertext {
	float: left;
	width: 154px;
	padding-top: 13px;	
}

div.lampen_trenner {
	float: left;
	width: 62px;
	height: 255px;
  	padding-top: 12px;	
/*	border: 1px solid #ffff00;	*/
	
}

/* +++++++++++++ Textformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

p {	
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #C0C0C0;		
}

h1 {
	text-decoration: none;
	font-size: 1.8em;
	font-weight: normal;
	color: #C0C0C0;
	text-transform:uppercase;
}

h1.imageheader {
   overflow: hidden;
   height: 30px;
   text-indent: 999em;
   white-space: nowrap;
   background-repeat: no-repeat;
}

h2 {
	text-decoration: none;
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 14px;
	text-transform:uppercase;
}


/* +++++++++++++ Linkformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a:link, a:visited, a:active, a:hover {
	color: #C0C0C0;
}

a:hover {
	color: #FFFFFF;
}

a.weitere-infos:link, a.weitere-infos:visited, a.weitere-infos:active, a.weitere-infos:hover {
  color: #BFBFBF;
  text-decoration: none;
}

a.weitere-infos:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a.bild-hidden {
  display: none;
  width: 1px;
  overflow: hidden;
  
}


/* +++++++++++++ Aufzählungen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Bullets Inhaltselment */
ul.csc-bulletlist li {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 4px;	
}

/* Standardsitemap */
div.csc-sitemap ul li {
	font-size: 1.1em;
	line-height: 1.5em;	
	padding-bottom: 4px;	
}

/* tx-flseositemap-pi1 */
div.tx-flseositemap-pi1 ul.list li.list {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-bottom: 4px;	
}


/* +++++ Standard Listen im Inhalt ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* !!!!! immer zuerst definieren, dann die weiteren Listen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul {
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0;
}

ul li {
	font-size: 11px;
	color: #C0C0C0;
	line-height: 15px;	
	list-style-type:square;
	padding-left: 6px;
	margin-left: 16px;
}


/* +++++++++++++ Hauptnavigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.hauptnav li {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

/* +++++++++++++ Formulare ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input, textarea.mf-text, select.mf-select {
 	border:1px solid #C0C0C0; 
 	color:#111111; 
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 260px;	
}

input.check-me, input.lampenauswahl {
	border:1px solid #111111;
	width: auto;	
}



input.aktualisieren1, input.aktualisieren2 {
	border: 0;
	background-color: #111111;
	background-image:url(../bilder/aktualisieren.gif);
	background-repeat:no-repeat;
	width: 89px;
	height: 16px;
}

input.aktualisieren1:hover, input.aktualisieren2:hover, input.weitere_infos:hover {
	cursor: pointer;
}

input.aktualisieren2 {
	background-image:url(../bilder/aktualisieren2.gif);
	width: 92px;	
}


input.mf-submit, input.mf-reset {
 	border:1px solid #17314A; 
 	background-color:#ffffff; 
 	color:#17314A; 
	width: 100px;
}

label {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #C0C0C0;
}


input.weitere_infos {
	background-color: #111111;
	border: 0;
	text-align: left;
	color: #BFBFBF;
	padding-left: -3px;
	margin-left: -3px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
 
}

form {
  padding: 0;
  margin: 0;
}