/* --> <style> */

/*main */

html, body {
	height: 100%;
	margin: 0; 
	padding: 0;
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 0.85em;
	color: #666666;
	line-height: 1.6em;
	background-color: #085393;
	background-image: url(../images/bg.gif); 
	background-repeat: repeat-y;
}

a { outline-width: 0; }
	
a:link, a:active, a:visited {
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #085393;
}

a:hover {
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #3c85c4;
}
 
p {
	margin: 8px 0 8px 0;
}

h1 { 
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 2em;
	color: #085393;
	font-weight: 100;
	margin: 0;
	line-height: 1.3em;
}

h2 {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

hr {
	border: 0;
	height: 1px;
	color: #ffffff;
	background-color: #ffffff;
	width: 640px;
	margin: 30px 0 30px 0;
	float: left;
}

ul {
	margin: 0 0 0 10px;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	}

 
div#container {
	width: 1003px;
	height: 100%;
}

div#background-main {
	float: left;
	background-image: url(../images/unten_about.gif); 
	background-position: bottom left;
	background-repeat: no-repeat;	
	min-height: 100%;
}
* html div#background-main {
	height: 100%;
}

div#background-kontakt {
	float: left;
	background-image: url(../images/kontakt.jpg); 
	background-position: bottom left;
	background-repeat: no-repeat;	
	min-height: 100%;
}
* html div#background-kontakt {
	height: 100%;
}

div#background-aktuelles {
	float: left;
	background-image: url(../images/aktuelles.jpg); 
	background-position: bottom left;
	background-repeat: no-repeat;	
	min-height: 100%;
}
* html div#background-aktuelles {
	height: 100%;
}

div#links {
	float: left; 
	width: 240px;
	margin: 0 0 0 20px;
}
* html div#links {
	margin: 0;
}

div#middle {
	float: left; 
	width: 740px;  
}	
* html div#middle {
	float: left; 
	width: 760px;  
}
	
div#content { 
	margin: 130px 0 0 40px;
	width: 635px;
	z-index: 100;
}

div.image_text {
	float: left; 
	width: 200px; 
	margin-right: 30px;
}

div.text {
	float: left;
	width: 400px;
}


/* MENU */

div#navi {
	float: left; 
	padding: 40px 0 0 30px;
}

div#navi ul {
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 36px;
}

div#navi ul li {
	padding: 0;
}

div#navi li ul {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 24px;
}


div#navi ul a {
	color: #666666;
	text-decoration: none;
}

div#navi ul a:hover {
	text-decoration: underline;
}

div#navi li ul a {
	color: #888888;
	text-decoration: none;
}

div#navi li ul a:hover {
	color: #085393;
	font-weight: bold;
	text-decoration: none;
}



div#metanavi {
	float: left; 
	padding: 20px 0 0 0;
}

div#metanavi ul {
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
}

div#metanavi ul li {
	padding: 0;
}

div#metanavi li ul {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 24px;
}


div#metanavi ul a {
	color: #888888;
	text-decoration: none;
}

div#metanavi ul a:hover {
	text-decoration: underline;
}

div#metanavi li ul a {
	color: #666666;
	text-decoration: none;
}

div#metanavi li ul a:hover {
	color: #085393;
	font-weight: bold;
	text-decoration: none;
}


/* END MENU */

/* Mitarbeiter onclick */

div#gv, div#kb, div#ta, div#tp, div#wb, div#gl {
	float: left;
	display: none;
	width: 650px;
	}

div#gv01, div#gv02,
div#kb01, div#kb00, div#kb02, div#kb03, div#kb04, div#kb05, div#kb06,
div#ta01, div#ta02, div#ta03, div#ta04, div#ta05,
div#tp01, div#tp02, div#tp03, div#tp04, div#tp05, div#tp06, div#tp07, div#tp08, div#tp09, div#tp10,
div#tp11, div#tp12, div#tp13, div#tp14, div#tp15, div#tp16, div#tp17, div#tp18,
div#wb01, div#wb02, div#wb03, div#wb04,
div#gl01, div#gl02, div#gl03, div#gl04, div#gl05
  {
	float: left;
	width: 380px;
	height: auto;
	padding: 15px;
	background: #ffffff;
	display: none;
}
div.mahidden2 { 
	position: relative;
	display: none;
}
div.mahoehe {
	border: 0px;
	}

div#produkt01, div#produkt02, div#produkt03, div#produkt04, div#produkt05, div#produkt06,
div#produkt07, div#produkt08, div#produkt09, div#produkt10, div#produkt11
  {
	position: absolute;
	top: 250px;
	left: 350px;
	padding: 15px;
	background: #ffffff;
	visibility: hidden;
}

div.mahidden { 
	position: absolute;
	visibility: hidden;
}

img.mafoto {
	float: left;
	margin: 0 15px 0 0;
}

div.matext {
	float: left;
}

b.maname {
	font-weight: bold;
	font-size: 1.3em;
	color: #085393;
}

/* kontaktformular */
fieldset.mailform_fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	width: 645px;
}

div.contact_left {
	float: left;
	width: 215px;
}

div.contact_right {
	float: left;
	width: 215px;
}

div.contact_left div.csc-mailform-field {
	height: 50px;
}

label {
	display: block;
	width: 93px;
	float: left;
	margin: 3px 0 0 0;
}

div.contact_right label {
	display: block;
	float: left;
	margin: 3px 0 0 0;
}

input#mailformkontakt, input#mailformanmeldung{
	float: left;
	width: auto;
	background-color: #99181a;
	margin: 3px 15px 0 5px;
	padding: 0;
}

div.contact_left input {
	width: 195px;
	height: 20px;
	background-color: #ffffff;
	border: 0;
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	padding: 4px;
}

div.contact_right div.csc-mailform-field {
	float: left;
}

textarea {
	float: left;
	width: 200px;
	height: 125px;
	background-color: #ffffff;
	border: 0;
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	padding: 4px;
	overflow: auto;
	
}

div.csc-mailform-field_submit {
	float: left;
	margin: 15px 0 0 0;
}

input.csc-mailform-submit {
	background-color: #085393;
	border: 0;
	width: 200px;
	height: 27px;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
}
*html input.csc-mailform-submit {
	float: right;
	margin: 6px 14px 0 0;
	padding: 0;
}

div.pflichtfelder {
	color: #085393;
	width: 200px;
	text-align: right;
}

a.oben:link, a.oben:link, a.oben:active, a.oben:visited, a.oben:hover  {
	float: right;
	padding: 45px 0 0 0;
}

div#wmpokal, div#klebebinder, div#pefc, div#management, div#master, div#matrix, div#prozess, div#infopost, div#film, div#post, div#kallfass, div#maschine, div#regelanlage, div#ctp, div#primas, div#fsc, div#personalisieren, div#kundenberater, div#projektleiter {
	display:none;
	position: absolute;
	width: 650px;
	}
	
	
div#kundenberater ul, div#projektleiter ul {
	margin: 0 0 0 10px;
	padding: 0;
}

div#kundenberater li, div#projektleiter li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
div.spalten {
	float: left;
	width: 142px; 
	margin: 0 15px 0 0;
}

div.spalten2 {
	float: left;
	width: 195px; 
	margin: 0 15px 0 0;
}

* html div.spalten2 {
	margin: 0 10px 0 0;
}

div.zweispaltig {
	float: left;
	width: 250px; 
}

div.datenbank {
	background-image: url(../images/bg_database.jpg); 
	background-repeat: no-repeat; 
	width: 184px; 
	height: 28px; 
	font-size: 12px; 
	padding: 4px 0 0 25px;
	margin-top: 50px;
	}

div.drucken {
	/*position: absolute;
	left: 860px;
	top: 0px;*/
	width: 60px;
	padding: 25px 0 0px 30px;
	text-align: left;
	}
	
a.listen:link, a.listen:active, a.listen:visited {
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;
	line-height: 24px;
	color: #085393;
}

a.listen:hover {
	text-decoration: underline;
	font-family: 'Arial', Helvetica, sans-serif;
	color: #3c85c4;
}
  

/* </style> <!-- */ -->