/*allgemeine Einstellungen*/
* {
margin: 0;
padding: 0;
}
html {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.69em;
	background-color: #FFF;
	background-image: url(../images/siteBgdHome.jpg);
	background-repeat: repeat-x;
}
#all {
	width: 950px;
	overflow: hidden;
}

/*Texte, Links und Überschriften*/
a {
	font-weight: bold;
	color: #4c5a5f;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4 {
	margin: 0 0 0.3em 0;
	line-height: 140%;
}
p {
	margin: 0 0 1em 0;
	line-height: 130%;
}
h1 {
	font-size: 160%;
	color: #4c5a5f;
}
h2 {
	font-size: 140%;
	color: #8099A3;
}
h3 {
	font-size: 120%;
	color: #8099A3;
}
h4 {
	font-size: 100%;
	color: #000000;
}
h5 {
	font-size: 100%;
	color: #000000;
}
.small {
	font-size: 80%;
}

/*Headerbereich*/
/*Header*/
#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 97px;
	width: 950px;
	overflow: hidden;
	text-indent: -999px;
	left: 0px;
	top: 0px;
}

/*Link Home über Logo*/
#linkHome {
	z-index: 9999;
	left: 0px;
	top: 0px;
	position: absolute;
}
#linkHome a {
	display: block;
	width: 250px;
	height: 70px;
	text-indent: -9999px;
}

/*Sprachwechsler*/
#language {
	position: absolute;
	left: 700px;
	top: 30px;
	width: 200px;
	text-align: right;
	font-size:90%;
}
#language a {
	font-weight:normal;
	color: #000;
	text-decoration: none;
}
#language a:hover {
	text-decoration: underline;
}
#language #german {
	background-image: url(../images/flagGer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 10px;
}
#language #english {
	background-image: url(../images/flagEng.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 10px;
}
#language #germanInactive {
	background-image: url(../images/flagGerInactive.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 10px;
}
#language #englishInactive {
	background-image: url(../images/flagEngInactive.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-left: 10px;
}

/*nav1 Buttons*/
#nav1 {
	position: absolute;
	left: 0px;
	top: 97px;
	height: 206px;
	width: 238px;
	background-color: #FFF;
	z-index: 1;
}
#nav1 li a {
	display: block;
	text-indent: -999px;
	height: 69px;
	width: 238px;
	margin: 0 0 0 0;
	background-repeat: no-repeat;
}
#nav1 li a.btn1, #nav1 li a.btn1Cur {
	background-image: url(../images/btnLeuchtmittel.jpg);
}
#nav1 li a.btn1:hover, #nav1 li a.btn1Cur {
	background-position:left -69px;
}
#nav1 li a.btn2, #nav1 li a.btn2Cur {
	background-image: url(../images/btnLeuchten.jpg);
}
#nav1 li a.btn2:hover, #nav1 li a.btn2Cur {
	background-position:left -69px;
}
#nav1 li a.btn3, #nav1 li a.btn3Cur {
	background-image: url(../images/btnServices.jpg);
	height: 68px;
}
#nav1 li a.btn3:hover, #nav1 li a.btn3Cur {
	background-position:left -68px;
}

/*nav1a Textlinks redundant zu Nav1*/
#nav1a {
	position: absolute;
	z-index: 9999;
	left: 39px;
	top: 74px;
}
#nav1a a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
#nav1a a.leuchtmittel:hover {
	color:#ff9101;
}
#nav1a a.leuchten:hover {
	color:#bbd10a;
}
#nav1a a.services:hover {
	color:#bb2d27;
}

/*nav2 Menue oben*/
#nav2 a {
	font-weight:normal;
}
#nav2 {
	position: absolute;
	z-index: 9999;
	left: 403px;
	top: 74px;
	display: none; /*Achtung hidemenu() im body einbinden*/
}
.menu {
	font-weight: bold;
    position:absolute;
    display:block;
    width:547px; /* important pour Opera7 */
}
.menu ul {
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
}  
.menu li ul {
	visibility:hidden;
	height: 203px;
	background-image: url(../images/bgdDropdown.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*background-color:#8099A3;*/
	filter:Alpha(opacity=80);
	opacity:.80;
	padding: 10px 0 0 0;
}
.menu li {
    list-style:none;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
}
.menu li li{
    display:block;
    float:none;
}
/* correct a little IE bug */
* html .menu li li{
    display:inline;
}
.menu a {
    color:#99a7af;
    display:block;
	/*float: left;*/
    text-decoration:none;
    padding: 0px 0;
	margin: 0 0.5em;
    font-weight:bold;
}
.menu a:hover, .menu a.act {
	color: #FFF;
	text-decoration: none;
}
/* weitere Deklarationen Untermenüs */
.menu li li a {
	color: #000;
    width: 120px;
    padding: 5px;
	/*float: none;*/
}
.menu li li a:hover {
	color: #FFF;
}
/* ######################################### */
/*Nur dritte Menüebene*/
.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
}
/*   
.menu li li li a{
    }
    
.menu li li li li a {
    }
*/

/*Barrierefreiheit*/
/* for a mozilla better display with key nav */
/*.menu a:focus{
    background-color: #aaf;
}*/

/* hide some accessibility stuff */
.menu span{
    display:none;
}

/* ######################################### */
/*Transparenzen auch für firefox etc realisieren, naja denke zu umständlich*/
/*div[id="navi"]>.menu a {
    text-align:center;
    background: url(http://82.165.8.199/typo3cms/exotec-design.de/fileadmin/hori_men/link_bg.png);
    border:1px #000 solid;
    color:#000;
    display:block;
    width:120px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
div[id="navi"]>.menu a:hover {
    border:1px #000 solid;
    background: url(http://82.165.8.199/typo3cms/exotec-design.de/fileadmin/hori_men/hover_bg.png);
    }*/

/* ######################################### */

/*nav links*/
#left ul {
	list-style: none;
}
#left li a {
	margin: 10px 0 0 0;
	padding: 0 0 3px 15px;
	display: block;
	font-weight: bold;
	color: #4C5A5F;
	min-height: 1em; /* fuer moderne Browser */
	height: auto !important; /* fuer moderne Browser */
	height: 0.5em; /*fuer IE*/
	background-image: url(../images/bulletYellow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/*2. Menüebene*/
#left li ul {
	margin: 5px 0 0 0;
}
#left li li a {
	margin: 2px 0 0 10px;
	background-image: none;
	font-weight: normal;
	text-decoration: none;
}
#left li li a:hover, #left li li a.act {
	font-weight: bold;
}
/*3. Menüebene*/
#left li li ul {
	margin: 0 0 5px 0;
}
#left li li li a {
	margin: 2px 0 0 14px;
	color: #8099A3;
}
#left li li li a:hover, #left li li li a.act {
	font-weight: bold;
}

/*trailer*/
#trailer {
	position: absolute;
	left: 238px;
	top: 97px;
	height: 206px;
	width: 712px;
	clip: rect(auto,auto,auto,auto);
	background-color:#FFF;
	overflow: hidden;
	z-index: 1;
}
#rightSpace {
	background-image: url(../images/rightSpace.jpg);
	background-repeat: repeat;
	position: absolute;
	left: 872px;
	top: 97px;
	clip: rect(auto,auto,auto,auto);
	height: 206px;
	width: 47px;
}

/*breadcrumb*/
#breadcrumb {
	background-image: url(../images/bgdBreadcrumb.jpg);
	position: absolute;
	height: 36px;
	width: 936px;
	left: 0px;
	top: 304px;
	line-height: 27px;
	padding: 0 0 0 14px;
	font-size: 90%;
}
#breadcrumb a {
	text-decoration: none;
	color: #000000;
}
#breadcrumb a:hover {
	text-decoration: underline;
}

/*Printversion*/
#printversion {
	position: absolute;
	height: 36px;
	/*width: 936px;*/
	left: 800px;
	top: 306px;
	line-height: 27px;
	padding: 0;
	font-size: 90%;
}
#printversion a {
	text-decoration: none;
	color: #000000;
}
#printversion a:hover {
	text-decoration: underline;
}

/*content*/
#content {
	position: absolute;
	width: 950px;
	left: 0px;
	top: 343px;
	background-image: url(../images/bgdContent.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	z-index: 1;
}
#left {
	float: left;
	width: 150px;
}
#normal {
	float: left;
	margin: 0 0 0 25px;
	width: 375px;
	overflow: hidden;
}
#right {
	float: left;
	margin: 0 0 0 20px;
	width: 375px;
}
#content .tx-fdfx2cols-pi1 table tr {
	vertical-align: top;
}
.c2l1-left{
   border-right: none;
}

/*footer*/
#footer {
	clear: both;
	float: left;
	width: 950px;
	background-image: url(../images/bgdFooter.jpg);
	height: 20px;
	padding: 15px 0 0 30px;
	background-repeat: no-repeat;
}
#footerLeft {
	float: left;
}
#footerRight {
	float: right;
	margin: 0 40px 0 0;
}

/*Specials für Typo3 Elemente*/
/*Bildunterschriften, Tabellen*/
.csc-caption {
	font-size: 90%;
	background-color: #DEE3E7;
	padding: 0 0 0 2px;
}
.csc-textpic-caption {
	font-size: 90%;
	background-color: #DEE3E7;
	padding: 0 0 0 2px;
}
.contenttable {
	width: 100%;
}
.contenttable p {
	margin: 0;
}
.contenttable td {
	margin: 3px;
	padding: 3px;
}
.contenttable .tr-odd {
	background-color: #DEE3E7;
}
.contenttable .tr-0 {
	font-weight: bold;
}

/*Sitemap Formatierung*/
.csc-sitemap-level1 a {
	font-weight: bold;
	font-size: 140%;
}
.csc-sitemap-level2 {
	margin: 0 0 0 20px;
	font-weight: bold;
	font-size: 120%;
}
.csc-sitemap-level3 {
	margin: 0 0 0 40px;
}
.csc-sitemap-level4 {
	margin: 0 0 0 60px;
}

/*News Formatierungen*/
.news-list-container .news-list-date, .news-list-container .clearer, .news-single-timedata {
	display: none;
}
.news-list-container H3 {
	font-size: 100%;
	margin: 0;
}


.news-list-container .news-list-item {
	margin: 0 0 20px 0;
}

/*Formulare*/
.csc-form-labelcell {
	width: 300px;
}