* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:url(../images/layout/bg.jpg) repeat center top #a69583;
	font: 14px/12px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color:#2e2d2d;
	line-height:18px;
}

/* ----------------------------------------------------- basics ----------------------------------------------------- */

a:link, a:visited, a:active {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	text-decoration: none;
}


h1 {
	font:18px;
	color:#086bae;
	margin-bottom:20px;
}

h2 {
	font:14px;
	font-weight:bold;
	color:#454341;
	margin-bottom:20px;
}

h3 {
	font:13px;

	color:#454341;
	margin-bottom:20px;
}


img {
	border:0;
}

p {
	margin-bottom:10px;
}

/* ----------------------------------------------------- wrapper ----------------------------------------------------- */

#top {
	width:100%;
	height:700px;
	background:url(../images/layout/bg_top.jpg) 0 0 repeat-x;
}

#wrapper {
	min-height:100%;
	width:955px;
	margin:0 auto;
	margin-top:-700px;
	position:relative;
}

* html #wrapper {
	height:100%;
}

/* ----------------------------------------------------- head ----------------------------------------------------- */

div#head {
	width:955px;
	height:309px;
	background:url(../images/layout/head.jpg) 0 0 no-repeat;
	margin:0 auto;
}

* html div#head {
	width:955px;
	height:309px;
	background:url(../images/layout/head.jpg) 0 0 no-repeat;
	margin:0 auto;
	margin-bottom:-5px;
}

div#head_left {
	width:695px;
	height:310px;
	background:url(../images/layout/head_left.jpg) 0 0 no-repeat;
	margin:0 auto;
	float:left;
}

div#head_right {
	width:260px;
	height:310px;
	background:url(../images/layout/head_right.jpg) 0 0 no-repeat;
	margin:0 auto;
	float:left;
}


/* ----------------------------------------------------- content ----------------------------------------------------- */

div#content {
	width:955px;
	min-height:380px;
	padding:0;
	background:url(../images/layout/content_bg.jpg) repeat-y;
	line-height:21px;
	color:#2e2d2d;
	float:left;
}

* html div#content {
	height:380px;
}

div#content_left {
	width:297px;
	float:left;
	padding:23px 0 0 51px;
}

div#content_middle {
	width:297px;
	float:left;
	margin-right:28px;
	padding-top:23px;
}

div#content_right {
	float:left;
	width:228px;
	padding-top:23px;
}
	
div#content_referenzen  {
	width:228px;
	height:45px;
	background:url(../images/layout/referenzen_bg.jpg) 0 0 no-repeat;
}

div#referenzen_cms {
	width:228px;
}


div#kontakt_left {
	width:236px;
	float:left;
	padding:23px 0 0 51px;
}

div#kontakt_middle {
	width:358px;
	float:left;
	margin-right:28px;
	padding-top:23px;
}

* html div#kontakt_left {
	width:236px;
	float:left;
	padding:23px 0 0 51px;
}

* html div#kontakt_middle {
	width:358px;
	float:left;
	padding-top:23px;
}


/* ----------------------------------------------------- footer ----------------------------------------------------- */
div#footer { 
	margin:0 auto;
	width:955px;
	height:64px;
	background: url(../images/layout/footer.jpg) 0 0 no-repeat;
	position:relative;
	clear:both;
}

div#footer_adresse {
	padding:15px 0 0 377px;
	float:left;
	width:210px;
}

div#footer_tel {
	padding:15px 0 0 115px;
	float:left;
	width:135px;
}


/* ----------------------------------------------------- headlines ----------------------------------------------------- */

div#home h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/home.jpg) no-repeat;
	margin:0;
}

div#kontakt h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/kontakt.jpg) no-repeat;
	margin:0;
}

div#impressum h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/impressum.jpg) no-repeat;
	margin:0;
}

div#lichtplanung h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/lichtplanung.jpg) no-repeat;
	margin:0;
}

div#sonderbau h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/sonderbau.jpg) no-repeat;
	margin:0;
}

div#archiv h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/archiv.jpg) no-repeat;
	margin:0;
}

div#partner h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/partner.jpg) no-repeat;
	margin:0;
}

div#download h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/download.jpg) no-repeat;
	margin:0;
}

div#referenzen h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/referenzen.jpg) no-repeat;
	margin:0;
}

div#aktuelles h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/aktuelles.jpg) no-repeat;
	margin:0;
}

div#leuchten h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/leuchten.jpg) no-repeat;
	margin:0;
}

div#led h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/led.jpg) no-repeat;
	margin:0;
}

div#fiberoptic h1 {
	width:472px;
	height:52px;
	float:left;
	text-indent:-9999px;
	background:url(../images/headlines/fiberoptic.jpg) no-repeat;
	margin:0;
}

/* ----------------------------------------------------- classes ----------------------------------------------------- */

.clear {
	clear:both;
	width:100%;
	height:1px;
	line-height:1px;
}

.clear_gal {
	clear:both;
	width:100%;
	height:6px;
}


.trennlinie {
	float:left;
	width:28px;
	min-height:380px;
	background:url(../images/layout/trennlinie.jpg) 0 0 no-repeat;
	z-index:0;
}

.kaufmann {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* html .trennlinie {
	height:380px;
}

.trennlinieb {
	float:left;
	width:28px;
	min-height:380px;
	background:url(../images/layout/trennlinieb.jpg) 0 0 no-repeat;
	
}

* html .trennlinieb {
	height:380px;
}

.contact_left {
	float:left;
	width:240px;
	margin-right:20px;
}

.contact_right {
	float:left;
	width:230px;
}

.img_bordera {
	border:2px solid #6a6968;
	float:left;
	width:293px;
	height:138px;
}

.img_borderb {
	border:1px solid #6a6968;
	float:left;
	width:89px;
	height:62px;
	margin-right:6px;
}

.img_bordere {
	border:1px solid #6a6968;
	float:left;
	width:89px;
	height:62px;
	margin-right:6px;
}

.img_borderc {
	border:1px solid #6a6968;
	float:left;
	margin-right:4px;
}

.img_borderd {
	border:1px solid #6a6968;
	float:left;
	width:69px;
	height:48px;
}

.cms_text {
	float:left;
	width:200px;
}

.line {
	width:100%;
	border-bottom:1px dashed #8a7e6f;
	height:1px;
	line-height:1px;
	margin:15px 0 15px 0;
}


/* ----------------------------------------------------- navigationen ----------------------------------------------------- */

div#navi_oben{
	width:242px;
	height:26px;
	padding:14px 0 0 710px;
	margin:0;
	background:url(../images/layout/top_navi.jpg) center top no-repeat;
}

div#navi_oben ul {
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:233px;
	height:26px;
	overflow:hidden;
}

div#navi_oben li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
}

a.navih, a.navih:visited {
	outline:none;
	display:block;
	height:17px;
	width:58px;
	background:url(../images/navi/startseite_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:14px;
}
a.navih:hover, a.navih:active {
	display:block;
	height:17px;
	width:58px;
	padding:0 0 0 0;
	background:url(../images/navi/startseite_on.jpg) no-repeat 0 0;
	margin-right:14px;
}


a.navii, a.navii:visited {
	outline:none;
	display:block;
	height:17px;
	width:49px;
	background:url(../images/navi/kontakt_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:15px;
}
a.navii:hover, a.navii:active {
	display:block;
	height:17px;
	width:49px;
	padding:0 0 0 0;
	background:url(../images/navi/kontakt_on.jpg) no-repeat 0 0;
	margin-right:15px;
}

a.navij, a.navij:visited {
	outline:none;
	display:block;
	height:17px;
	width:66px;
	background:url(../images/navi/impressum_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navij:hover, a.navij:active {
	display:block;
	height:17px;
	width:66px;
	padding:0 0 0 0;
	background:url(../images/navi/impressum_on.jpg) no-repeat 0 0;
}



/*------------------------------------------------------------------------------------------------*/

div#navi_unten{
	width:955px;
	height:53px;
	padding:32px 0 0 0;
	margin:0 0 0 0;
	background:url(../images/layout/sub_navi.jpg) center top no-repeat;	
}

div#navi_unten ul {
	list-style-type:none;
	padding:0 0 0 50px;
	width:904px;
	height:32px;
	overflow:hidden;
}

div#navi_unten li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
}

a.navia, a.navia:visited {
	outline:none;
	display:block;
	height:32px;
	width:101px;
	background:url(../images/navi/lichtplanung_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:39px;
}
a.navia:hover, a.navia:active {
	display:block;
	height:32px;
	width:101px;
	padding:0 0 0 0;
	background:url(../images/navi/lichtplanung_on.jpg) no-repeat 0 0;
	margin-right:39px;
}


a.navib, a.navib:visited {
	outline:none;
	display:block;
	height:32px;
	width:165px;
	background:url(../images/navi/sonderbau_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:40px;
}
a.navib:hover, a.navib:active {
	display:block;
	height:32px;
	width:165px;
	padding:0 0 0 0;
	background:url(../images/navi/sonderbau_on.jpg) no-repeat 0 0;
	margin-right:40px;
}


a.navic, a.navic:visited {
	outline:none;
	display:block;
	height:32px;
	width:51px;
	background:url(../images/navi/archiv_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:38px;
}
a.navic:hover, a.navic:active {
	display:block;
	height:32px;
	width:51px;
	padding:0 0 0 0;
	background:url(../images/navi/archiv_on.jpg) no-repeat 0 0;
	margin-right:38px;
}


a.navid, a.navid:visited {
	outline:none;
	display:block;
	height:32px;
	width:55px;
	background:url(../images/navi/partner_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:40px;
}
a.navid:hover, a.navid:active {
	display:block;
	height:32px;
	width:55px;
	padding:0 0 0 0;
	background:url(../images/navi/partner_on.jpg) no-repeat 0 0;
	margin-right:40px;
}


a.navie, a.navie:visited {
	outline:none;
	display:block;
	height:32px;
	width:81px;
	background:url(../images/navi/downloads_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:55px;
}
a.navie:hover, a.navie:active {
	display:block;
	height:32px;
	width:81px;
	padding:0 0 0 0;
	background:url(../images/navi/downloads_on.jpg) no-repeat 0 0;
	margin-right:55px;
}



a.navif, a.navif:visited {
	outline:none;
	display:block;
	height:32px;
	width:65px;
	background:url(../images/navi/shop_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:45px;
}
a.navif:hover, a.navif:active {
	display:block;
	height:32px;
	width:65px;
	padding:0 0 0 0;
	background:url(../images/navi/shop_on.jpg) no-repeat 0 0;
	margin-right:45px;
}


a.navig, a.navig:visited {
	outline:none;
	display:block;
	height:32px;
	width:88px;
	background:url(../images/navi/referenzen_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navig:hover, a.navig:active {
	display:block;
	height:32px;
	width:88px;
	padding:0 0 0 0;
	background:url(../images/navi/referenzen_on.jpg) no-repeat 0 0;
}

/*------------------------------------------------------------------------------------------------*/

div#navi_content{
	float:left;
	width:455px;
	height:52px;
	padding:0;
	margin:0;
	background:url(../images/layout/cont_navi.jpg) center top no-repeat;	
}

div#navi_content ul {
	list-style-type:none;
	padding:21px 0 0 106px;
	width:348px;
	height:35px;
	overflow:hidden;
}

div#navi_content li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
}


a.navik, a.navik:visited {
	outline:none;
	display:block;
	height:17px;
	width:64px;
	background:url(../images/navi/leuchten_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:21px;
}
a.navik:hover, a.navik:active {
	display:block;
	height:17px;
	width:64px;
	padding:0 0 0 0;
	background:url(../images/navi/leuchten_on.jpg) no-repeat 0 0;
	margin-right:21px;
}


a.navil, a.navil:visited {
	outline:none;
	display:block;
	height:17px;
	width:23px;
	background:url(../images/navi/led_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:20px;
}
a.navil:hover, a.navil:active {
	display:block;
	height:17px;
	width:23px;
	padding:0 0 0 0;
	background:url(../images/navi/led_on.jpg) no-repeat 0 0;
	margin-right:20px;
}


a.navim, a.navim:visited {
	outline:none;
	display:block;
	height:17px;
	width:74px;
	background:url(../images/navi/fiberoptic_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:36px;
}
a.navim:hover, a.navim:active {
	display:block;
	height:17px;
	width:74px;
	padding:0 0 0 0;
	background:url(../images/navi/fiberoptic_on.jpg) no-repeat 0 0;
	margin-right:36px;
}


a.navin, a.navin:visited {
	outline:none;
	display:block;
	height:17px;
	width:88px;
	background:url(../images/navi/downloads02_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navin:hover, a.navin:active {
	display:block;
	height:17px;
	width:88px;
	padding:0 0 0 0;
	background:url(../images/navi/downloads02_on.jpg) no-repeat 0 0;
}

a.navin, a.navin:visited {
	outline:none;
	display:block;
	height:17px;
	width:88px;
	background:url(../images/navi/downloads02_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}
a.navin:hover, a.navin:active {
	display:block;
	height:17px;
	width:88px;
	padding:0 0 0 0;
	background:url(../images/navi/downloads02_on.jpg) no-repeat 0 0;
}

/*------------------------------------------------------------------------------------------------*/

div#head_right ul {
	list-style-type:none;
	padding:257px 0 0 124px;
	width:94px;
	height:34px;
	overflow:hidden;
}

div#head_right li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	text-indent:-9999px;
}


a.navio, a.navio:visited {
	outline:none;
	display:block;
	height:34px;
	width:94px;
	background:url(../images/navi/aktuelles_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
	margin-right:21px;
}
a.navio:hover, a.navio:active {
	display:block;
	height:34px;
	width:94px;
	padding:0 0 0 0;
	background:url(../images/navi/aktuelles_on.jpg) no-repeat 0 0;
	margin-right:21px;
}

/*------------------------------------------------------------------------------------------------*/

div#content_right ul {
	list-style-type:none;
	padding:0 0 0 0;
	width:89px;
	height:25px;
	overflow:hidden;
}

div#content_right li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	text-indent:-9999px;
}

a.navip, a.navip:visited {
	outline:none;
	display:block;
	height:25px;
	width:89px;
	background:url(../images/navi/referenzen02_off.jpg) no-repeat 0 0;
	font-weight: normal;
	padding:0 0 0 0;
}

/*------------------------------------------------------------------------------------------------*/

div#content_referenzen ul {
	list-style-type:none;
	padding:10px 0 0 9px;
	margin:0 0 0 0;
	width:228px;
	height:26px;
	overflow:hidden;
}

div#content_referenzen li {
	display:block;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
	text-indent:-9999px;
}

a.navip:hover, a.navip:active {
	display:block;
	height:25px;
	width:89px;
	padding:0 0 0 0;
	background:url(../images/navi/referenzen02_on.jpg) no-repeat 0 0;
}