/* ilg /kölledesign 2009 _____________________________________________ */

/* allgemeine angaben _________________________________________________________ */

* 			{								                				
	margin:0px;
	padding:0px;
}

/* templates __________________________________________________________________ */

body {
	margin:0px;
	overflow:auto;
}

/* typo __________________________________________________________________ */

h1 { /* head */
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #629fca;
	text-decoration: none;
	padding-bottom: 14px;
	letter-spacing: 1px;
	}
h2 { /* absatzhead */
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#770706;
	letter-spacing: 1px;
	text-decoration: none;
	padding-bottom: 10px;
	}
h3 { /* absatzheadblau */
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #770706;
	letter-spacing: 1px;
	text-decoration: none;
	padding-bottom: 10px;
	}
p { /* copy */
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 1px;
	text-decoration: none;
	margin-bottom:20px;
	line-height: 16px;
	}
#spalte_01 p, #spalte_02 p {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: 0px;
	text-decoration: none;
	margin-bottom:12px;
	line-height: 16px;
	text-align:justify;
	}
#p_left { 


text-align:right;


	}
.absatz {
	margin-top:50px;
	padding-top: 40px;
}

a, a:link, a:visited {
	border:0 none; 
	text-decoration:underline;
	color:#629fca;
	}

a img {
	border:0 none; 
	text-decoration:none;
}

a:focus, a:hover, a:active {
	border:0 none; 
	color:#333333;
	}	
	

/* elemente __________________________________________________________________ */

hr {
	width:100%;
	position: absolute;
	top: 123px;
	left:0px;
	z-index:6;
	height: 1px;
	background: #000000;
	border: 0px none;
}

#logo {
	position: absolute;
	top: 0px;
	left:0px;
	background:#629fca;
	z-index:7;
	padding: 42px 47px 43px 43px;
}
#streifenhorizont {
	height:123px;
	width:100%;
	position: absolute;
	top: 0;
	left:0;
	background-color:#e0f2fb;
	z-index:5;
}
#bildhorizont {
	height:123px;
	width:690px;
	position: absolute;
	top: 0;
	left:160px;
	background:url(../bilder/bildhorizont.jpg) no-repeat;
	z-index:6;
}
#streifenvertikal {
	height:100%;
	width:160px;
	position: absolute;
	top: 0;
	left:0;
	background-color:#e0f2fb;
	z-index:5;
}

#lochblechhome {
	height:400px;
	width:550px;
	position: absolute;
	top: 156px;
	left:160px;
	background:url(../bilder/lochblech_home.jpg) no-repeat;
	z-index:1;
}
#spalte_01 {
	height:400px;
	width:445px;
	position: absolute;
	top: 192px;
	left:170px;
	z-index:1;
}
#spalte_02 {
	height:110px;
	width:300px;
	position: absolute;
	top: 221px;
	left:550px;
	z-index:1;
}
#galerie {
	height:400px;
	width:720px;
	position: absolute;
	top: 340px;
	left:170px;
	z-index: 10;
}
#galerie img {
	height:145px;
	width:214px;
	text-decoration:none;
	border: 0px none;
}
		
#bild_01 {
	position: absolute;
	top:0px;
	left:0px;
}
#bild_02 {
	position: absolute;
	top:0px;
	left:232px;
}	
#bild_03 {
	position: absolute;
	top:0px;
	left:464px;
}	
#bild_04 {
	position: absolute;
	top:180px;
	left:0px;
}	
#bild_05 {
	position: absolute;
	top:180px;
	left:232px;
}	
#bild_06 {
	position: absolute;
	top:180px;
	left:464px;
}
#titel_01, #titel_02, #titel_03, #titel_04, #titel_05, #titel_06 {
	font: 11px Arial, Helvetica, sans-serif;
	position: absolute;
	z-index:100;
	color: #FFFFFF;
	width: 202px;
	height: 25px;
	padding: 4px 6px 8px 6px;
	line-height: 13px;
	font-weight:600;
}
#titel_01 {
	position: absolute;
	top:123px;
	left:0px;
}
#titel_02 {
	position: absolute;
	top:123px;
	left:232px;
}
#titel_03 {
	position: absolute;
	top:123px;
	left:465px;
}
#titel_04 {
	position: absolute;
	top:303px;
	left:0px;
}
#titel_05 {
	position: absolute;
	top:303px;
	left:232px;
}
#titel_06 {
	position: absolute;
	top:303px;
	left:465px;
}
#ta_pic {
	position: absolute;
	top:226px;
	left:640px;
}		

/* sprachen ___________________________________________________________________ */

#sprachenmenue	{
	position: absolute;
	top:380px;
	left:215px;
	width: 350px;
	height:20px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #e0f2fb;
	letter-spacing:1px;
	padding:0px;
	vertical-align:top;
	z-index:20;
}
#sprachenmenue_02	{
	position: absolute;
	top:103px;
	left:640px;
	width: 350px;
	height:20px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #e0f2fb;
	letter-spacing:1px;
	padding:0px;
	vertical-align:top;
	z-index:20;
}
#sprachenmenue a, #sprachenmenue_02 a	{
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #00121e;
	letter-spacing:1px;
	text-decoration: none;
	padding:0px;
	vertical-align:top;
}
#sprachenmenue a:hover, #sprachenmenue_02 a:hover	{
	list-style:block;
	color:#e0f2fb;
}
.liniesprachmenue	{
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #00121e;
	vertical-align:top;
	padding:0 4px 0 4px;
}

#sprachenmenue ul, #sprachenmenue_02 ul		{
	display:block;
	padding:0;
	margin: 0;
}
#sprachenmenue li, #sprachenmenue_02 li		{
	display:block;
	list-style:none;
	margin: 0;
	float: left;
	width: 64px;
	padding:0px;
	height: 17px;
}


/* hauptmenue ___________________________________________________________________ */

#navblock	{
	position: absolute;
	top:131px;
	left:165px;
	width: 700px;
	height:20px;
	z-index:20;
}
#navblock a	{
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #00121e;
	letter-spacing:1px;
	text-decoration: none;
	padding:0px;
	vertical-align:top;
}
#navblock a:hover	{
	list-style:block;
	color:#629fca;
}
.linie	{
	font:normal 13px Arial, Helvetica, sans-serif;
	color: #629fca;
	vertical-align:top;
	padding:0 4px 0 4px;
}

#navblock ul		{
	display:block;
	padding:0;
	margin: 0;
}
#navblock li		{
	display:block;
	list-style:none;
	margin: 0;
	float: left;
	width: 97px;
	padding:0px;
	height: 17px;
}

/* submenue ___________________________________________________________________ */

#navblock_sub01,#navblock_sub02,#navblock_sub03,#navblock_sub04	{
	position: absolute;
	top:190px;
	left:-200px;
	width: 130px;
	height:110px;
	z-index:10;
}
#navblock_sub01 a,#navblock_sub02 a,#navblock_sub03 a,#navblock_sub04 a	{
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #00121e;
	text-decoration: none;
	letter-spacing:1px;
	padding:0px;
}
#navblock_sub01 a:hover,#navblock_sub02 a:hover,#navblock_sub03 a:hover,#navblock_sub04 a:hover	{
	list-style:block;
	color:#629fca;
}

#navblock_sub01 ul,#navblock_sub02 ul,#navblock_sub03 ul,#navblock_sub04 ul		{
	display:block;
	padding:0;
	margin-left:0px;
}

#navblock_sub01 li,#navblock_sub02 li,#navblock_sub03 li,#navblock_sub04 li		{
	display:block;
	list-style:none;
	margin: 0 0 2px 0;
	width: 130px;
	padding:0;
	height: 28px;
	text-align:right;
}

/* kontaktformular _______________________________________________________________ */

#formularbox { /* komplettes formular */
	height:230px;
	width:470px;
	z-index:10;
	position: absolute;
	top: 300px;
	left:275px;
}
input, select, textarea  { /* felder zum eintragen */
	display:block;
	width: 430px;
	margin-bottom:10px;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#770706;
	border:1px solid #770706;
}
label { /* bezeichnung name, strasse, etc. */
	display:block;
	width: 200px;
	padding: 0px 0 4px 0px;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #770706;
	letter-spacing: 1px;
}
input#submit { /* sende button */

	width: auto;
}
input a:hover { 
  background-color:#7F520A;
}
.submit { /* sende button  */
	display:inline; /* ie hack ansonsten doppelter margin abstand _ marg\in: 15px; = andere möglichkeit  */
	margin:5px 0 0 0px;
	width: 140px;
	height:20px;
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#770706;
	letter-spacing: 0px;
	padding:1px;
	float:left;
}
input:focus, input:hover, input:active
textarea:focus, textarea:hover, textarea:active{
	background-color: #fbf9da ;
	color:#770706;
}


/* highlighting __________________________________________________________________ */

body#index a#index,
body#unternehmen a#unternehmen,  /* highlights müssen bei 2 Divs doppelt benannt werden */ 
body#unternehmen a#ueberuns, /* highlights müssen bei 2 Divs doppelt benannt werden */

body#leistungen a#unternehmen,
body#leistungen a#leistungen,

body#laermschutz a#laermschutz,
body#laermschutz a#recyclinganlagen,

body#industrieanlagen a#laermschutz,
body#industrieanlagen a#industrieanlagen,

body#produkte a#produkte,
body#produkte a#anlagenkapselungen,

body#sortierkabinen a#produkte,
body#sortierkabinen a#sortierkabinen,

body#schallschutzwaende a#produkte,
body#schallschutzwaende a#schallschutzwaende,

body#steuerkabinen a#produkte,
body#steuerkabinen a#steuerkabinen,

body#news a#aktuell,
body#news a#news,

body#informationsmaterial a#aktuell,
body#informationsmaterial a#informationsmaterial,

body#mitgliedschaft a#aktuell,
body#mitgliedschaft a#mitgliedschaft,

body#kontakt a#kontakt,

body#impressum a#impressum
{	
	color:#629fca;
	}
	
	
/* lightbox __________________________________________________________________ */
	
	
#lightbox{position: absolute; margin: 150px 0 0 170px; width: 425px; height: 320px; z-index: 100;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 425px; height: 320px; margin: 0 auto; }
#imageContainer{ padding: 8px}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0px;}
#hoverNav a{ outline: none;}

#prevLink {
	background: url(../bilder/galerien/navi/zurueck.gif) no-repeat;
	float: left;
	width: 14px;
	display: block;
	margin: 341px 0 0 205px;
}
#nextLink {
	background: url(../bilder/galerien/navi/vor.gif) no-repeat;
	float: right;
	width: 14px;
	display: block;
	margin: 341px 205px 0 0;
	/*margin: 341px 205px 0 0;*/
}

#prevLink02 {
	background: url(../bilder/galerien/navi/zurueck.gif) no-repeat;
	float: left;
	width: 14px;
	display: block;
	margin: 241px 0 0 205px;
}
#nextLink02 {
	background: url(../bilder/galerien/navi/vor.gif) no-repeat;
	float: right;
	width: 14px;
	display: block;
	margin: 241px 205px 0 0;
	/*margin: 341px 205px 0 0;*/
}

#imageDataContainer{ font: 2px Verdana, Helvetica, sans-serif; color:#FFFFFF; background-color:#FFFFFF; margin: 0 auto; line-height: 0.5em; overflow: hidden; width: 100%	; }
			
#imageData #bottomNavClose{ width: 23px; float: right;  padding-bottom: 8px ; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }


/*#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#prevLink:hover, #prevLink:visited:hover { background: url(../bilder/galerien/navi/zurueck.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../bilder/galerien/navi/vor.gif) right 15% no-repeat; }*/