@charset "utf-8";
/* css document */

* 							{ margin:0px; padding:0px; border:none;}
html 						{ overflow-y:scroll; /* permanent scrollbar in Firefox */}
body 						{ font:12px/20px Verdana, Helvetica, sans-serif; color:#1d1d1d; background:#fbfbfb url(../images/bg-container.png) top no-repeat;}
body#elektro-kleinschroth-index,
body#elektro-kleinschroth-unser-unternehmen,
body#elektro-kleinschroth-unsere-leistungen,
body#elektro-kleinschroth-referenzen,
body#elektro-kleinschroth-aktuell,
body#elektro-kleinschroth-kontakt,
body#elektro-kleinschroth-danke,
body#elektro-kleinschroth-impressum { background:#fbfbfb url(../images/bg-body-elektro.png) top repeat-y;}
body#sound-und-light-index,
body#sound-und-light-unser-unternehmen,
body#sound-und-light-unsere-leistungen,
body#sound-und-light-referenzen,
body#sound-und-light-kontakt,
body#sound-und-light-danke,
body#sound-und-light-impressum { background:#fbfbfb url(../images/bg-body-sound.png) top repeat-y;}


p   						{ margin-bottom:20px;}
a							{ color:#1d1d1d; text-decoration:underline;}
a:hover					{ text-decoration:none;}
 

/* -------------- */
/* layoutelements */
/* -------------- */
div#container 	    		{ position:relative; width:auto; height:auto; min-height:600px; height:auto !important; height:600px; background: url(../images/bg-container-elektro.jpg) top no-repeat;}
#index #container			{ background:#fbfbfb url(../images/bg-container.png) top no-repeat;}
#sound-und-light-index #container,
#sound-und-light-unser-unternehmen #container,
#sound-und-light-unsere-leistungen #container,
#sound-und-light-referenzen #container,
#sound-und-light-kontakt #container,
#sound-und-light-danke #container,
#sound-und-light-impressum #container { background: url(../images/bg-container-sound.jpg) top no-repeat;}
/* header */
div#header					{ position:relative; width:880px; height:340px; margin:0px auto;}
/* Logo */
a.logoElektro				{ position:absolute; top:230px; left:0px; width:273px; height:268px; display:block; background:url(../images/bg-elektro-kleinschroth.png) no-repeat; text-indent:-9000px; overflow:hidden;}
a.logoSound					{ position:absolute; top:230px; left:292px; width:273px; height:268px; display:block; background:url(../images/bg-sound-und-light.png) no-repeat; text-indent:-9000px; overflow:hidden;}
a.logoFrame					{ position:absolute; top:230px; left:581px; width:299px; height:268px; display:block; background:url(../images/bg-frame-events.png) no-repeat; text-indent:-9000px; overflow:hidden;}
#index a.logoFrame:hover,
#index a.logoElektro:hover,
#index a.logoSound:hover				{background-position:0 -268px}
#index h1#branding					{ position:absolute; top:61px; left:90px;}
#index h1#branding a				{ width:700px; height:105px; display:block; background:url(../images/bg-branding.png) no-repeat; text-indent:-9000px; overflow:hidden;}
h1#branding		{ position:absolute; top:22px; right:84px;}
h1#branding a		{ width:272px; height:136px; display:block; background:url(../images/bg-branding-elektro.png) no-repeat; text-indent:-9000px; overflow:hidden;}
#sound-und-light-index h1#branding,
#sound-und-light-unser-unternehmen h1#branding,
#sound-und-light-unsere-leistungen h1#branding,
#sound-und-light-referenzen h1#branding,
#sound-und-light-kontakt h1#branding,
#sound-und-light-danke h1#branding,
#sound-und-light-impressum h1#branding { position:absolute; top:20px; right:89px;}
#sound-und-light-index h1#branding a,
#sound-und-light-unser-unternehmen h1#branding a,
#sound-und-light-unsere-leistungen h1#branding a,
#sound-und-light-referenzen h1#branding a,
#sound-und-light-kontakt h1#branding a,
#sound-und-light-danke h1#branding a,
#sound-und-light-impressum h1#branding a { width:400px; height:178px; display:block; background:url(../images/bg-branding-sound.jpg) no-repeat; text-indent:-9000px; overflow:hidden;}
/* navi */
ul#navi  		   			{ position:absolute; top:187px; left:217px; list-style-type:none; padding-top:35px;}
ul#navi li	   				{ list-style-type:none; float:left; padding-right:31px;}
ul#navi li a.nav04			{ padding-left:12px;}
ul#navi li a   				{ font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; }
ul#navi li a:hover,
#elektro-kleinschroth-unser-unternehmen ul#navi li a.nav01,
#elektro-kleinschroth-unsere-leistungen ul#navi li a.nav02,
#elektro-kleinschroth-referenzen ul#navi li a.nav03,
#elektro-kleinschroth-aktuell ul#navi li a.nav04 		{ color:#ffed00;}
#sound-und-light-index ul#navi li a:hover,
#sound-und-light-unser-unternehmen ul#navi li a:hover,
#sound-und-light-unsere-leistungen ul#navi li a:hover, 
#sound-und-light-referenzen ul#navi li a:hover,
#sound-und-light-kontakt ul#navi li a:hover,
#sound-und-light-danke ul#navi li a:hover,
#sound-und-light-impressum ul#navi li a:hover,
#sound-und-light-unser-unternehmen ul#navi li a.nav01,
#sound-und-light-unsere-leistungen ul#navi li a.nav02,
#sound-und-light-referenzen ul#navi li a.nav03 			{ color:#ff8fff;}
/* naviAdd */
ul#naviAdd  		   		{ position:absolute; top:290px; left:570px; list-style-type:none;}
ul#naviAdd li	   			{ list-style-type:none; float:left; padding-right:11px;}
ul#naviAdd li a   			{ font-size:11px; font-family:Arial; color:#808080; text-decoration:none; padding-left:14px;}
ul#naviAdd li a.nav01		{ font-size:14px; font-weight:bold; background:url(../images/bg-navadd01.gif) 0 2px no-repeat;}
ul#naviAdd li a.nav02		{ background:url(../images/bg-navadd02.gif) 0 3px no-repeat;}
ul#naviAdd li a.nav03		{ background:url(../images/bg-navadd03.gif) 0 3px no-repeat;}
ul#naviAdd li a:hover,
#elektro-kleinschroth-kontakt ul#naviAdd li a.nav02,
#elektro-kleinschroth-danke ul#naviAdd li a.nav02,
#elektro-kleinschroth-impressum ul#naviAdd li a.nav03,
#sound-und-light-kontakt ul#naviAdd li a.nav02,
#sound-und-light-danke ul#naviAdd li a.nav02,
#sound-und-light-impressum ul#naviAdd li a.nav03		{ color:#d4d4d4;}

/* content */
div#contentContainer		{ position:relative; width:880px; height:100%; margin:0px auto; background:url(../images/bg-contentcontainer.jpg) no-repeat;}
div#contentMain	 			{ position:relative; padding-left:110px; padding-bottom:20px; width:380px; float:left; min-height:300px; height:auto !important; height:300px; background:url(../images/bg-contentmain.jpg) no-repeat;}
#contentMain h1 			{ font-size:16px; margin-bottom:20px; width:380px; height:70px; text-indent:-9000px; overflow:hidden;}
#contentMain h2 			{ font-size:14px; margin-bottom:10px;}
#contentMain ul 			{ position:relative; list-style-type:none; margin-bottom:20px;}
#contentMain ul li			{ list-style-type:none; padding:10px 0 10px 45px; background:url(../images/li-elektro.png) 15px 10px no-repeat; border-top:1px solid #e2dfe3;}
#sound-und-light-index #contentMain ul li,
#sound-und-light-unser-unternehmen #contentMain ul li,
#sound-und-light-unsere-leistungen #contentMain ul li,
#sound-und-light-referenzen #contentMain ul li,
#sound-und-light-kontakt #contentMain ul li,
#sound-und-light-danke #contentMain ul li,
#sound-und-light-impressum #contentMain ul li { list-style-type:none; padding:10px 0 10px 45px; background:url(../images/li-sound.png) 15px 10px no-repeat; border-top:1px solid #e2dfe3;}

/* Accordion */
.toggler		{ cursor:pointer; background:#fff; border:1px solid #DBDBDB; padding:3px 6px; margin-bottom:10px; font-size:12px;}
.toggler:hover	{ background:#5F5F5F; color:#fff;}
.element div	{ padding:0 0 10px 0;}
.togglerActive	{ background:#5F5F5F; color:#fff;}

/* CMS */
div.cmsBox		{ width:180px; float:left;}
div.cmsBox p	{ padding:0px 5px;}

/* error404 */
div.error404	{ position:absolute; top:530px; left:104px; color:#6f6f6f;}
div.error404 h2	{ margin-bottom:15px; color:#6f6f6f; font-size:18px; font-weight:bold;}

/* sidebar */
div#contentSidebar	 		{ width:220px; float:right; background:url(../images/bg-contentsidebar.jpg) no-repeat; padding:0 90px 30px 0;}
div#contactBox				{ border:1px solid #dbdbdb; height:188px; width:218px; }
#contactBox h3				{ font-size:12px; font-weight:bold; color:#ffffff; background:#5f5f5f; display:block; padding:5px 0 5px 15px;}
#contactBox h4				{ color:#7d7d7d; font-size:11px; padding:10px 0 5px 15px;}
#contactBox p				{ font-size:11px; color:#7d7d7d; padding-left:15px; margin-bottom:10px;}
#contactBox p.special3 a	{ text-decoration:none; color:#7d7d7d;}
#contactBox a.escape:hover			{ color:#d4d4d4;}
#contactBox p.special1		{ margin-bottom:0px; padding-left:35px; background:url(../images/bg-contactbox-phone.gif) 16px 6px no-repeat;}
#contactBox p.special2		{ margin-bottom:0px; padding-left:35px; background:url(../images/bg-contactbox-fax.gif) 15px 5px no-repeat;}
#contactBox p.special3		{ margin-bottom:0px; padding-left:35px; background:url(../images/bg-contactbox-email.gif) 15px 7px no-repeat;}

div#openBox				{ border:1px solid #dbdbdb; height:115px; width:218px; margin-top:30px;}
#openBox h3				{ font-size:12px; font-weight:bold; color:#ffffff; background:#5f5f5f; display:block; padding:5px 0 5px 15px;}
#openBox p				{ font-size:11px; color:#7d7d7d; padding-left:15px; margin-bottom:0px;}
#openBox p.special1	{ padding-top:10px;}
#openBox p.special2	{ padding-left: 97px;}
#openBox p span		{ padding-right:29px; font-weight:bold;}
#openBox p span.special		{ padding-right:39px; font-weight:bold;}

/* footer */
div#footer					{ width:100%; background:url(../images/bg-footer-elektro.jpg) top no-repeat;}
#sound-und-light-index #footer,
#sound-und-light-unser-unternehmen #footer,
#sound-und-light-unsere-leistungen #footer,
#sound-und-light-referenzen #footer,
#sound-und-light-kontakt #footer,
#sound-und-light-danke #footer,
#sound-und-light-impressum #footer { width:100%; background:url(../images/bg-footer-sound.jpg) top no-repeat;}
div#footerMain							{ position:relative; width:880px; height:152px; margin:0px auto;}

#footerMain a.escape { position:absolute; top:65px; left:110px; color:#ebebeb; text-decoration:none; font-weight:bold;}
#footerMain a.escape:hover { color:#ffed00;}
#sound-und-light-index #footerMain a.escape:hover,
#sound-und-light-unser-unternehmen #footerMain a.escape:hover,
#sound-und-light-unsere-leistungen #footerMain a.escape:hover,
#sound-und-light-referenzen #footerMain a.escape:hover,
#sound-und-light-kontakt #footerMain a.escape:hover,
#sound-und-light-danke #footerMain a.escape:hover,
#sound-und-light-impressum #footerMain a.escape:hover { color:#ff8fff;}

address.phone		{ position:absolute; top:85px; left:110px; font-size:22px; font-weight:bold; color:#ebebeb; font-style:normal; text-decoration:none}
a.top				{ position:absolute; top:16px; left:416px; color:#fff7c0; text-decoration:none}
a.top:hover		{ color:#ffffff;} 
#sound-und-light-index a.top,
#sound-und-light-unser-unternehmen a.top,
#sound-und-light-unsere-leistungen a.top,
#sound-und-light-referenzen a.top,
#sound-und-light-kontakt a.top,
#sound-und-light-danke a.top,
#sound-und-light-impressum a.top { position:absolute; top:16px; left:416px; color:#f5c3ff; text-decoration:none;}
#sound-und-light-index a.top:hover,
#sound-und-light-unser-unternehmen a.top:hover,
#sound-und-light-unsere-leistungen a.top:hover,
#sound-und-light-referenzen a.top:hover,
#sound-und-light-kontakt a.top:hover,
#sound-und-light-danke a.top:hover,
#sound-und-light-impressum a.top:hover { color:#ffffff;}


/* ----------------------- */
/* classes ans other stuff */
/* ----------------------- */

/* site-elements */
.image 						{ padding:5px; background:#fff; border:1px solid #DBDBDB;}
div#declaration 			{ width:auto; background:#eee; padding:10px 15px 0 15px; margin:0 0 20px 0; border:1px solid #ccc; font-size:11px;}
div#thanks 					{ width:auto; background:#eee; padding:10px 15px 0 15px; margin:0 0 20px 0; border:1px solid #ccc;}
.pdf						{ padding:0 0 10px 26px; background:url(../images/icon-pdf.gif) no-repeat;}
.pdfText					{ font-size:11px; border-top:1px solid #808080; padding-top:20px; margin-top:30px;}

/* floats */
.clear		  				{ clear:both; font-size:0.0001em; line-height:0.00001em;}
.floatRight 				{ float:right;}
.floatLeft 					{ float:left;} 

/* margin */
.mT5 						{ margin-top:5px !important;}
.mT10 						{ margin-top:10px !important;}
.mT20 						{ margin-top:20px !important;}
.mT30						{ margin-top:30px !important;}
.mT40						{ margin-top:40px !important;}
.mT50						{ margin-top:50px !important;}

.mB0 						{ margin-bottom:0px !important;}
.mB5 						{ margin-bottom:5px !important;}
.mB10 						{ margin-bottom:10px !important;}
.mB20 						{ margin-bottom:20px !important;}
.mB30 						{ margin-bottom:30px !important;}
.mB40 						{ margin-bottom:40px !important;}
.mB50 						{ margin-bottom:50px !important;}

.mL5 						{ margin-left:5px !important;}
.mL10 						{ margin-left:10px !important;}
.mL20 						{ margin-left:20px !important;}
.mL30 						{ margin-left:30px !important;}
.mL40 						{ margin-left:40px !important;}
.mL50 						{ margin-left:50px !important;}

.mR5 						{ margin-right:5px !important;}
.mR10 						{ margin-right:10px !important;}
.mR20 						{ margin-right:20px !important;}
.mR30 						{ margin-right:30px !important;}
.mR40 						{ margin-right:40px !important;}
.mR50 						{ margin-right:50px !important;}