body {
	margin:0;
	padding:0;
	background-color: #99b5d0;
	font: normal 12px "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;	background-image: url(../img/hg_main.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
.Stil1 {color: #FFFFFF}

/* Links */

a:link { 
	color: #335577; 
	text-decoration: none; 
}
a:visited { 
	color: #999999; 
	text-decoration: none; 
}

a:hover, a:active {
	color: #FF6699;
}

.active {
	color: #FF0066;
}
.sprache{float:right;color:#fff; padding-top:6px;}
*html .sprache{float:none;clear:both;position:relative; top:0px; left:0px; padding-left:820px;}
@media not tty { .sprache[class]{float:none;clear:both;position:relative; top:0px; left:0px; padding-left:820px;margin-bottom:2px;}}/*GOOGLE SAFARI*/
.sprache a{color:#fff;}
/* Html Elements */

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; }

h1 { 
	font-size: 24px; 
	color:#003399;
	margin-top:5px;
	margin-bottom:0;
	padding: 0px 0px 0px 20px;
	}

h2 { 
	font-size: 14px; 
	margin-top:0px;
	color:#666666;
	font-weight:bold;
	padding: 0px 0px 0px 20px;

}

h3 { 
	font-size: 18px; 
	color:#003399;
	letter-spacing:-0.05em;
	vertical-align:top;
}

h4 { font-size: 20px; }

h5 { 
	font-size: 16px;
	font-weight:bold;}

h6 { font-size: 13px; text-transform: uppercase; margin: 5px 0; }

ul {
	list-style-type: square;
	color: #333333;
}

ol { line-height: 1.8em; color: #333333; }


#hauptcontainer {
	width:923px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:	auto;
}	
/*#container
{
	width: 923px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
*/
p#meta {
	margin: 0; 
	padding: 5px; 
	color: #aaaaaa;
	background-color: #2f2f2f; 
	border-bottom: 1px solid #000000;
}

#header {
	margin:0px;
	padding:0px;
	left:-5px;
	background-color: #FFFFFF;
}
#header{height:117px}
*html #header{overflow:hidden;}
#wrapper
{
	margin: 0;
	margin-top:4px;	
	padding: 0;
	clear: both;
	float: left;
	width: 923px;
	background-color: #FFFFFF;
}

#featured{
	background-color: #FFFFFF;
	height: 241px;
	background-image: url(../img/index_pic.jpg);
}

#content-wrapper{
	width: 100%;
	float: left;
	/***/
	padding-left:15px;
}


#content_kontakt
{
	float: left;
	background-image: url(../img/laser_hg.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	width:98%;
	line-height: 1.6em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 2%;
}
#content_einspaltig
{
	float: left;
	width:98%;
	line-height: 1.6em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 2%;
}

#content
{
	float: left;
	line-height: 1.6em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 890px;
	height:800px;
}

#apDiv1 {
	position:absolute;
	left:866px;
	top:378px;
	width:375px;
	height:289px;
	z-index: 1;
}
#apDiv2 {
	position:absolute;
	left:603px;
	top:521px;
	width:359px;
	height:283px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:736px;
	top:316px;
	width:350px;
	height:68px;
	z-index:1;
	background-image: url(../img/abgerunderter_hg.gif);
	overflow: auto;
}

#sidebar-wrapper
{
	width: 41%;
	float: left;
}

#sidebar
{
	padding: 0px;
}

#footer
{
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	color: #333333;
	text-align: center;
	background-color: #7d8791;
	background-image: url(../img/footer_background.jpg);
	height: 109px;
	background-repeat: no-repeat;
}

/* Meta */

p#meta a:link, p#meta a:visited { 
	padding: 0 5px; 
	color: #9cb1d0; }

p#meta a:hover, p#meta a:active {
	color: #bed3f0; 
	}

/* Header */

#header h1 { 
	margin: 0; 
	padding: 10px 5px 5px; 
	}

#header h2 { font-size: 12px; margin: 0; padding: 0 5px 10px 20px; }

#header h1 a:link, #header h1 a:visited { 
	color: #333333; 
	}

#header h1 a:hover, #header h1 a:active { 
	color: #000000; 
	}

/* Navigation */
#navigation
{
	margin:0;
	padding:0;
	float: left;
	width: 50%;
	height:32px;
	height: auto;

}

#navigation ul {
	margin:0;
	padding:0;
	float: left;
	width: 100%;
	list-style-type: none;
	background-color: #000000;
	}

#navigation li { 
	margin:0;
	padding:0;
	float: left; 
  width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
	w\idth: 7.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
	}

#navigation a:link,
#navigation a:visited {
	float: left;
	margin:0;
	display: block;
	color: #dce1e5;
	padding: 5px 10px; 
	background-color: #000000;
	width:100%;
	text-align:center;
}

#navigation a:hover,
#navigation a:active {
	float: left;
	margin:0;
	display: block;
	padding: 5px 10px; 
	color: #666666;
}

/*SUBNAVI*/

				ul#navigation {
				    margin: 0; padding: 0;
				    text-align: center;
				  }

				  ul#navigation li {
				    list-style: none;
				    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
				    position: relative;
				    padding: 0;
				  }
				  
				  
				  
				  * html ul#navigation li {  /* Korrektur fuer den IE 5 und 6 */
				    margin-bottom: -0.4em;
				  }
				  *:first-child+html ul#navigation li {  /* Korrektur fuer den IE 7 */
				    margin-bottom: -0.1em;
				  }

				  ul#navigation li ul {
				    margin: 0; padding: 0;
				    position: absolute;
					top:2.2em;
					background:#000;
				    display: none;  /* Unternavigation ausblenden */
					width:170px;
				  }
				  
				   @media not tty { ul#navigation[id] li ul{ top:21px; border:1px solid #000;}}
				  
				  * html ul#navigation li ul {  /* Korrektur fuer IE 5.x */
				    left: -1.5em;
				    lef\t: -0.4em;
				  }
				  *:first-child+html ul#navigation ul {  /* Workaround fuer den IE 7 */
					left: 0em;
				  }
				  *:first-child+html ul#navigation li ul  {  /* Workaround fuer den IE 7 */
					width:210px;
					}
				  ul#navigation li:hover ul {
				    display: block;  /* Unternavigation in modernen Browsern einblenden */
				  }
				  
				   @media not tty { ul#navigation[id] li:hover ul li{display:block;}}
				  
				  ul#navigation li ul li {
				    float: none;
				    display: block;
					width:170px;
				  }

				  ul#navigation a, ul#navigation span {
				    display: block;
				    text-decoration: none; 
				  }
				  * html ul#navigation a, * html ul#navigation span {
				    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
				    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
				  }
				  ul#navigation a:hover, ul#navigation span, li a#aktuell {
				 
				  }
				  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */

				  }
				  ul#navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
				  }
  

/********** Form ****************/

form {
	float:left;
	width: 520px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

fieldset {
  width:700px;
}

label {
	margin:0;
	font-size:11px;
	display:block;
	margin: 1px 0;
	voice-family: "\"}\"";
	voice-family:inherit;
}

input {
	width: 450px;
	height:20px;
	padding:5;
	border: 1px;
	color: #333333;
	background-color:#CCCCCC;
}

.str_ort {
	width:135px; 
}

.plz {
	width:85px;
}

.btn {
	width:100px; 
}

.form_select {
	width: 85px;
	height:30px;
	padding: 6px 2px 2px 10px;
	border: 1px;
}

.textarea_normal {
	width: 500px;
	height:130px;
	border: 1px;
	background-color: #CCCCCC;
}

.textarea_normal_hg {
	text-align:left;
	padding: 0px;
	width: 510px;
	float: left;
	margin: 0px;
}

.textarea_kurz {
	width:300px;
	height:130px;
	border: 1px;
}

.textarea_kurz_hg {
	text-align:center;
	padding: 10px 20px 20px 10px;
	width:350px;
}


.sel {
	width: 350px;
	height:30px;
	text-align:center;
	border: 1px;
	}


input#senden {
	cursor: pointer;
}

input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
	border: 1px;
}
.checkbox  {
	width: 20px;
	height:20px;
	padding: 6px 2px 2px 10px;
	background: transparent  top left no-repeat;
	border: 1px;
}

legend {
	color: #666666;
	}
.kontakt {
	height:800px;
	}
.button {
	float:left;
	margin-top:20px;
	width: 350px;
	}

/* Featured */

#featured p { margin:0; }

#featured img { }

#content > h3, #content .top { margin-top: 5px; }

#footer a:link { color: #003355; }

#footer a:visited { color: #335577; }

#footer a:hover, #footer a:active { color: #000000; }

#footer p { padding: 45px 0; }

#breadcrumb {
	padding-top:150px;
	padding-left: 20px;
	font-weight:light;
	font:Arial, Helvetica, sans-serif;
	color:#003399;
	}
	
.textblock {
	float:left;
	width:255px;
	height:200px;
	margin-right:15px;
	margin-top:5px;
	}
.textblock  ul{list-style-type:none;}	
.textblock  a{text-decoration:underline;}	
	
.kreislauf {
	margin-top:20px;
	float:left;
	width:324px;
	margin-left: 10px;
	}

.bilder_loesungen{
	margin-top:0;
	float:right;
	width:324px;
	margin-right: 5px;
	}

.blocksatzrahmen {
	float:left;
	width:540px;
	height:450px;
	}

.adresse {
	background-image:url(../img/adress_hg.jpg);
	background-repeat:no-repeat;
	width: auto;
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	}
.adresse_kontakt {
	background-image: url(../img/adress_hg_mit-wuerfel.jpg);
	background-repeat:no-repeat;
	width: auto;
	height:610px;
	float:right;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	margin-left:10px;
	margin-right:15px;
	}
	

/* Loesungen*/
.loesungenrahmen {
	float:left;
	width:890px;
	}

.loesungenrahmen div{color:white;}

.loesungenrahmen div em{color:#003399;}
	
.fe_applikation, .laser, .optisch, .sortierung, .verwechslung, .prozessanalysis, .prozessanalyse, #ls5, #cop, #laso, #lift, #mci, #salis, #scan, #sirius, #sml, #tele, #ssl{
	float:left;
	width:244px;
	margin-left:9px;
	margin-right:38px;
	margin-top:0px;
	margin-bottom:20px;
	background-position:0px 30px;
	background-repeat: no-repeat;
	padding:0px;
	
}

.fe_applikation{background-image:url(../img/btn/pic_01.jpg);}
.laser{background-image:url(../img/btn/pic_02.jpg);}
.optisch{background-image:url(../img/btn/pic_03.jpg);}

#lift{background-image:url(../img/btn/btn_lift.jpg);}
#lift:hover{background-position:-244px 30px;cursor:pointer;}

#cop{background-image:url(../img/btn/btn_cop.jpg);}
#cop:hover{background-position:-244px 30px;cursor:pointer;}

#laso{background-image:url(../img/btn/btn_laso.jpg);}
#laso:hover{background-position:-244px 30px;cursor:pointer;}

#ls5{background-image:url(../img/btn/btn_ls5.jpg);}
#ls5:hover{background-position:-244px 30px;cursor:pointer;}

#mci{background-image:url(../img/btn/btn_mci.jpg);}
#mci:hover{background-position:-244px 30px;cursor:pointer;}

#salis{background-image:url(../img/btn/btn_salis.jpg);}
#salis:hover{background-position:-244px 30px;cursor:pointer;}

#scan{background-image:url(../img/btn/btn_scan.jpg);}
#scan:hover{background-position:-244px 30px;cursor:pointer;}

#sirius{background-image:url(../img/btn/btn_sirius.jpg);}
#sirius:hover{background-position:-244px 30px;;cursor:pointer;}

#sml{background-image:url(../img/btn/btn_sml.jpg);}
#sml:hover{background-position:-244px 30px;cursor:pointer;}

#ssl{background-image:url(../img/btn/btn_ssl.jpg);}
#ssl:hover{background-position:-244px 30px;cursor:pointer;}

#tele{background-image:url(../img/btn/btn_tele.jpg);}
#tele:hover{background-position:-244px 30px;cursor:pointer;}

.sortierung {background-image:url(../img/btn/pic_02.jpg);}		
.verwechslung {background-image:url(../img/btn/pic_03.jpg);}		
.prozessanalyse {background-image:url(../img/btn/pic_01.jpg);}		
.prozessanalysis {background-image:url(../img/btn/pic_01.jpg);}		
	

	
#content_loesungen {
	float: left;
	line-height: 1.6em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
	width: 893px;
}

.bildunterschrift {
	padding:0;
	margin:0;
	padding-top:160px;
	padding-left:20px;
	}

.healine_loesungen {
	margin:0;
	padding:0;
	}

/*+++ Lösung einzeln +++++*/
.loesung_text{
	float:left;
	width:500px;
	}
	
table, td, th{border:0px none #000;vertical-align:top;}	
td{border-bottom:1px solid #aaa;padding:5px;}
.techdata{margin-left:30px;width:60%;text-align:left;font-size:12px;background-color:#eee;}
.techdata .gr{width:40%;font-weight:bolder;}
th[colspan] {background-color:#fff;font-size:18px;letter-spacing:-0.05em; font-weight:normal;color:#003399;padding-bottom:5px;}

.beschreibung{position:relative;top:0px;left:0px;width:60%;float:left;margin-bottom:30px;margin-left:30px;}
.bschr_bild{position:relative;top:72px;margin-right:35px;float:right;}

.sitemap{padding-left:50%;font-size:16px;display:block;}
.sitemap li{margin:12px;list-style-image:url(../img/bullet.gif);}
.sitemap ul li{margin:5px;padding:5px;width:auto; white-space:nowrap;}