/* 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: #333333;
	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: #333333;
	letter-spacing: 0px;
	text-decoration: none;
	margin-bottom:12px;
	line-height: 16px;
	text-align:justify;
	}

.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:0;
	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:440px;
	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;
}

#routenplaner {
	position: absolute;
	top:670px;
	left:170px;
}		

/* 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:600px;
	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;
}


/* 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;
	}
	
	

/* confirm __________________________________________________________________ */
#confirm 
{
	position:absolute;
	margin-top: 100px;
	padding-left:50px;
	width: 100%;
	height:80px;
	background-color:#FFFFFF;
	z-index:50;
}

/* formular __________________________________________________________________ */
form 
{
	position:absolute;
	top: 240px;
	left:170px;
	width: 500px;
	height:400px;
	z-index:50;
}


#adressfeld {
	position:absolute;
	margin:0;
	width:500px;
	height:400px;
	border:none;
}

#sendebutton {
	position:absolute;
	margin:325px 0 0 130px;
	width:400px;
	height:20px;
}
#button {
	float:left;
}
#formularzusatz {
	margin-top: 0px;
}

ul
{
	list-style-type: none;

}

li
{
	padding:0 0 3px 0;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 250px;
}
input.mainFormError  /* Felderfärbung bei Eingabe ohne Sternchen */
{
	background-color: #c4dcf9;
	width: 314px;
	
	height:20px;
	margin:0 0 10px 0;
	border: 1px solid #629fca;
}

label.adressfelder  /* Angaben vor den Feldern */
{
	line-height:10px;
	padding:0;
	border:0;
	display:block;
	width:130px;
	float:left;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
input.adressfelder  /* Eintragungen in die Felder, Länge der Felder */
{
	width:314px;
	height:20px;
	color: #333333;
	margin:0 0 10px 0;
	border: 1px solid #629fca;
}
textarea.adressfelder  /* Eintragungen in die Felder, Länge der Felder */
{
	width:314px;
	height:90px;
	color: #333333;
	margin:0 0 10px 0;
	border: 1px solid #629fca;
}

/*input {
	margin:0 0 10px 0;
	border: 1px solid #629fca;
}*/