/* <ß> fuer Langheck 2007 */

/*  -----------------------------------  main layout */

html, body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #192523;
	text-shadow: 0 0 0 #000;
	color:#FFFFFF;

}


html, body, table {
	font-family: Arial, sans-serif;
	font-size: 10px;
	/* color: #FFFFFF; */
	line-height: 18px;
}


html,body { overflow: auto; }
   html>body { overflow: visible; }
   html      { height: 100%; }


#pos {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 10%;
	right: 0px;
	bottom: 0px;
	height: 451px;
}
#wrapper {
	position: relative;
	height: 457px;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 818px;
	overflow: visible;
	background-color: #192523;
	border: 1px solid #abadad;
	background-repeat: no-repeat;

}
#wrapper.noborder {
	border: 1px solid #192523;


}

#content #shadowbottom {
	position: absolute;
	height: 8px;
	width: 665px;
	bottom: -8px;
	line-height: 8px;
	background-image: url(../images/content_shadowbottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrapper div.leftcol {
	position: absolute;
	height: 449px;
	width: 144px;
	left: 0px;
	top: 8px;
	background-image: url(../images/nav_left_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper div.leftcolstart {
	position: absolute;
	height: 449px;
	width: 144px;
	left: 0px;
	top: 8px;
	background-image: url(../images/shadowleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a#indexlink {
	width:142px;
	height:160px;
	display:block;}
a#indexlink:hover {
	background-image: url(../images/nav_left_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	


#wrapper #topnav {
	position: absolute;
	height: 21px;
	width: 672px;
	left: 144px;
	/* background-image: url(../images/bg_topnav.gif); */
	top: 8px;
}


a {
	font-weight:bold;
	text-decoration:none;
	}
	
#topnav ul {
	line-height: 20px;
	}

#topnav li {
	float: left;
		margin-left:-7px;
		margin-right:1px;
		z-index:10;
		
}
#topnav li.top {
z-index:100;}

#topnav li a {
	display: block;
	height: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	color:#abadad;
	padding-left:19px;
		font-size: 10px;
	/* color: #FFFFFF; */
	line-height: 20px;
		font-weight:bold;
		

}
/*#topnav li a.last {
	margin-right: 0px;
}
*/

#topnav li a:hover {
	background-position: 0 -20px;
	/*color:#FFFFFF; */
	z-index:100;
}

#topnav li, #topnav li a { width: 117px; background-image: url(../images/nav_bg.png); }

body.wir li#wir,
body.wir li#wir a,
body.wir li#wir a:hover,

body.leistung li#leistung,
body.leistung li#leistung a,
body.leistung li#leistung a:hover,


body.produkte li#produkte,
body.produkte li#produkte a,
body.produkte li#produkte a:hover,

body.login li#login,
body.login li#login a,
body.login li#login a:hover,

body.kontakt li#kontakt,
body.kontakt li#kontakt a,
body.kontakt li#kontakt a:hover,

body.impressum li#impressum,
body.impressum li#impressum a,
body.impressum li#impressum a:hover
 { 
 	background-position: 0 -40px;
	color:#FFFFFF;

}

#topnav #shadowfix {
	position:absolute;
	width:7px;
	height:26px;
	top:0px;
	left:-7px;
	/* background-color:#00FF33; */
	background-image: url(../images/shadowfix.gif);
	display:none;
	background-repeat: no-repeat;
	}
body.wir #topnav #shadowfix {
display:block;
}




#subnav {
	position:absolute;
	bottom:6px;
	width: 120px;
}

#subnav li.zweizeiler {
display:block;
line-height:12px;
padding-bottom:9px;
padding-top:3px;}

#subnav li a {
	display: block;
	height: 24px;
	width: 100%;
	padding-left: 15px;
	color:#7c8482;
}

#subnav li a:hover {
	color:#FFFFFF;
}

#subnav li a.selected {
	color:#FFFFFF;
	}

#content {
	position: absolute;
	height: 420px;
	width: 665px;
	left: 144px;
	top: 29px;
	background-color:#0F1515;
  /*	background-repeat: no-repeat;
	background-position: left top; */
}
#content.green {
	background-color:#192523;
	}
div.start {	background-image: url(../images_content/00/start.jpg); 
}
#content #starttext {
	position:absolute;
	top:20px;
	left:0px;
	text-align:center;
	width:665px;
	font-size:11px;
	}
	
div.wir {	background-image: url(../images_content/01/wir_01.jpg); 
}

/* Texte */
#content #textone {
	position: absolute;
	height: 96px;
	width: 207px;
	left: 222px;
	top: 312px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-color: #263d39;
}


#content #texttwo {
	position: absolute;
	height: 286px;
	left: 12px;
	top: 13px;
}

#content #texttwo span {
	position:absolute;
	bottom:0px;
}

#content #textthree {
	position: absolute;
	bottom:122px;
	left:12px;
	

}
#content #textbottom {
	position:absolute;
	top:311px;
	width:665px;
	height:109px;
	line-height:14px;
	}

/* wir über uns */
/* #content.historie {background: url(../images_content/01/hist_01.jpg) no-repeat left top #000000;} */
div.historie {background-image: url(../images_content/01/hist_01.jpg);}
#content div.historie {background-image: url(../images_content/01/hist_02.gif);}
#content #textbottom.historie span#left {
position:absolute;
bottom:14px;
width:102px;
text-align:right;
}

#content #textbottom.historie span#right {
position:absolute;
left:562px;
bottom:14px;
width:97px;
}


/* zahlen fakten */
div.zahlen {background-image: url(../images_content/01/zahlen_01.jpg);}
#content div.zahlen {background-image: url(../images_content/01/zahlen_02.gif);}

#content #textbottom.zahlen span#left {
position:absolute;
top:6px;
width:98px;
left:12px;
color:#000000;
}

#content #textbottom.zahlen span#right {
position:absolute;
left:125px;
top:6px;
width:320px;
}

/* umwelt */
div.umwelt {background-image: url(../images_content/01/umwelt_01.jpg);}
#content div.umwelt {background-image: url(../images_content/01/umwelt_02.gif);}
#content #textbottom.umwelt span {
position:absolute;
left:123px;
top:24px;
}

/* 01 produktion */
div.produktion {background-image: url(../images_content/01/produktion_01.jpg);}


/* 02 leistung */
div.leistung {background-image: url(../images_content/02/leistung_start_01.jpg);}

/* 02 folienverarb */
div.folienverarb {background-image: url(../images_content/02/folienverarb_01.jpg);}
#content div.folienverarb {background-image: url(../images_content/02/folienverab_02.jpg);}

/* 02 design */
div.design {background-image: url(../images_content/02/design_01.jpg);}
#content div.design {background-image: url(../images_content/02/design_02.jpg);}
/* 02 individualitaet*/
div.individualitaet {background-image: url(../images_content/02/individualitaet_01.jpg);}
#content div.individualitaet {background-image: url(../images_content/02/individualitaet_02.jpg);}
/* 02 musterbau */
div.musterbau {background-image: url(../images_content/02/musterbau_01.jpg);}
#content div.musterbau {background-image: url(../images_content/02/musterbau_02.jpg);}

/* 02 service */
div.service {background-image: url(../images_content/02/service_01.jpg);}
#content div.service {background-image: url(../images_content/02/service_02.jpg);}

/* 03 produkte */
div.produkte {background-image: url(../images_content/03/produkte_start.jpg);}
#content div.produkte {background-image: url(../images_content/03/produkte_start.jpg);}

/* 03 gelatine */
div.gelatine {background-image: url(../images_content/03/gelatine_01.jpg);}
#content #textbottom.gelatinetxt span {
position:absolute;
top:10px;
width:240px;
left:233px;
}
/* 03 klassik */
div.klassik {background-image: url(../images_content/03/klassik_01.jpg);}
#content #textbottom.klassiktxt span {
position:absolute;
top:10px;
width:205px;
left:233px;
}


/*  05 kontakt */
div.kontakt {background-image: url(../images_content/05/kontakt_01.jpg);}
#content div.kontakt {background-image: url(../images_content/05/kontakt_02.jpg);}
#content #textbottom.kontakt span#left {
position:absolute;
bottom:10px;
width:240px;
left:129px;
}

#content #textbottom.kontakt span#right {
position:absolute;
left:382px;
bottom:10px;
width:240px;
}

span#right table {
line-height:14px;
}

div#textbottom a {
color:#FFFFFF;}

div#textbottom a:hover {
color:#CCCCCC;}



/*  06 impressum */
div.impressum {background-image: url(../images_content/06/impressum_01.jpg);}
#content #textbottom.impressum span#left {
position:absolute;
bottom:10px;
width:240px;
left:129px;
}

#content #textbottom.impressum span#right {
position:absolute;
left:382px;
bottom:10px;
width:240px;
}

/* 04 login */
div#login {
	background-color: #192523;
	border: 1px solid #abadad;
	width:300px;
	margin: 20px auto 0 auto;

	}
div#login div {
	padding:20px;
	}	

div#login table {
text-align:left;
	width:100%;
	}
div#login tr {
height:25px;
}	
div#login input {
	width:200px;
	}
div#login input.button {
	width:100px;
	font-size:10px;
	font:Arial, sans-serif;
	}



h1 {
padding-bottom:9px;}


.blacktxt {
	color:#000000;
}

.text_white {
color:#FFFFFF;
line-height:16px;}

.zab14 {
line-height:14px;
}

.grey {
	color:#4c4c4c;
}