/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, b, sub, sup, tt, var,
center,
dl, dt, dd, ol, li, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

/*BODY*/

body { 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:center;
}

#container {
	position: absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:600px;
	margin-left:-500px;
	margin-top:-300px;
	background-image:url(../bilder/bg.jpg);
	background-repeat:no-repeat;
}

#logo {
	position: absolute;
	top:20px;
	left:53px;
	width:177px;
	height:80px
}

#claim {
	position: absolute;
	top:20px;
	left:430px;
	width:330px;
	height:80px
}

/*NAVI*/

#navi {
	position: absolute;
	top:167px;
	left:53px;
	width:177px;
	height:224px;
}

/*____________________________________*/

#navi ul {
	list-style:outside;
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	line-height:normal;
}

#nav_bt{
	width:177px; 
	height:28px;
	display:block;
}

#navi a{
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#000;
	text-decoration:none;
	width:177px; 
	height:28px;
	padding-left:23px;
	padding-top:5px;
	display:block;
	font-weight:normal;
}

#navi a:hover {
	background-image:url(../bilder/bt_r.jpg);
	background-repeat:no-repeat;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#FFF;
	width:177px; 
	height:28px; 
	display:block;
	text-decoration:none;
	font-weight:normal;
}

.visited {
	background-image:url(../bilder/bt_r.jpg);
	background-repeat:no-repeat;
	width:177px; 
	height:28px; 
	padding-left:23px;
	padding-top:5px;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#FFF;
	display:block;
	font-weight:normal;
}

/*SUB NAVI*/

#sub_navi{
	position: absolute;
	top:479px;
	left:289px;
	width:211px;
	height:102px;
	z-index:5;
}

/*____________________________________*/

#sub_navi ul {
	list-style:outside;
	list-style-type:none;
	list-style-image:none;
	line-height:normal;
	margin: 0;
	padding: 0;
}

#sub_bt{
	width:211px; 
	height:17px;
	display:block;
}

#sub_navi a{
	background-image:url(../bilder/bt_sub.jpg);
	background-repeat:no-repeat;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#000;
	text-decoration:none;
	width:211px; 
	height:17px;
	padding-top:2px;
	padding-left:5px;
	display:block;
	font-weight:normal;
}

#sub_navi a:hover {
	background-image:url(../bilder/bt_sub_r.jpg);
	background-repeat:no-repeat;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#FFF;
	width:211px; 
	height:17px;
	display:block;
	text-decoration:none;
	font-weight:normal;
}

.sub_visited {
	background-image:url(../bilder/bt_sub_r.jpg);
	background-repeat:no-repeat;
	font-family:Arial, sans-serif;
	font-size:10pt;
	color:#FFF;
	width:211px; 
	height:17px;
	display:block;
	padding-top:2px;
	padding-left:5px;
	text-decoration:none;
	font-weight:normal;
}

#brand{
	position: absolute;
	top:480px;
	left:517px;
	width:251px;
	height:15px;
	z-index:5;
}

/*DOWNLOAD*/

#bt_download {
	position: absolute;
	top:423px;
	left:723px;
	width:58px;
	height:50px;
	z-index:5;
}

#txt_download {
	position: absolute;
	font-family:Arial, sans-serif;
	font-size:9pt;
	color:#F00;
	top:475px;
	left:723px;
	width:58px;
	height:10px;
	z-index:5;
	text-align:center;
}

#txt_download2 {
	position: absolute;
	font-family:Arial, sans-serif;
	font-size:9pt;
	color:#FFF;
	top:475px;
	left:723px;
	width:58px;
	height:10px;
	z-index:5;
	text-align:center;
}

#zert {
	position: absolute;
	top:451px;
	left:272px;
	width:400px;
	height:15px;
	font-family:Arial, sans-serif;
	text-align:left;
	z-index:2;
}

/*TEXT*/

#head_home {
	position: absolute;
	top:182px;
	left:272px;
	width:335px;
	height:34px;
	z-index:2;
}

#txt_home {
	position: absolute;
	top:227px;
	left:272px;
	width:400px;
	height:203px;
	font-family:Arial, sans-serif;
	font-size:9pt;
	text-align:left;
	overflow:auto;
	padding-right:10px;
	z-index:2;
}

ul{
	list-style-image:url(../bilder/arow.gif);
	list-style-position:outside;
	line-height:15pt;
	font-weight:bold;
	padding-left:18px;
}


#head_main {
	position: absolute;
	top:155px;
	left:272px;
	width:335px;
	height:34px;
	z-index:2;
}

#txt_main {
	position: absolute;
	top:195px;
	left:272px;
	width:435px;
	height:255px;
	font-family:Arial, sans-serif;
	font-size:9pt;
	text-align:left;
	overflow:auto;
	padding-right:10px;
	z-index:2;
}

#txt_imp {
	position: absolute;
	top:195px;
	left:272px;
	width:445px;
	height:280px;
	font-family:Arial, sans-serif;
	font-size:9pt;
	text-align:left;
	overflow:auto;
	padding-right:10px;
	z-index:2;
}

#txt_kontakt {
	position: absolute;
	top:200px;
	left:272px;
	width:240px;
	height:158px;
	font-family:Arial, sans-serif;
	font-size:9pt;
	text-align:left;
	z-index:2;
}

/*AKTUELLES*/

#txt_news {
	position: absolute;
	top:200px;
	left:272px;
	width:400px;
	height:250px;
	z-index:2;
}

/*KONTAKT*/

#send_txt{
	position: absolute;
	top:13px;
	left:350px;
	width:381px;
	height:40px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}

#form {
	position: absolute;
	top:371px;
	left:272px;
	width:381px;
	height:177px;
	z-index:3;
}

input {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	width:120px;
	
}

#kontakt_firma {
	position:absolute;
	left:0px;
	top:0px;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_strasse {
	position:absolute;
	left:125px;
	top:0px;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_plz {
	position:absolute;
	left:250px;
	top:0px;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_name {
	position:absolute;
	left:0px;
	top:25px;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_mail {
	position:absolute;
	left:125px;
	top:25px;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_tel {
	position:absolute;
	left:250px;
	top:25px;
	height:22px;
	width:120px;
	float:left;
}

#kontakt_nachricht {
	position:absolute;
	left:0px;
	top:51px;
	height:58px;
	width:371px;
	float:none;
	clear:both;
}

textarea {
	width:370px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	
}

#kontakt_senden {
	position:absolute;
	left:0px;
	top:150px;
	height:22px;
	width:50px;
	float:left;
}

#kontakt_checkbox {
	position:absolute;
	left:106px;
	top:150px;
	height:22px;
	width:22px;
}

#kontakt_checkboxtxt {
	position:absolute;
	left:185px;
	top:153px;
	text-align:left;
	height:20px;
	width:193px;
	float:left;
	font-family:Arial, sans-serif;
	font-size:9pt;
	color:#000;
}


#kontakt_feedback {
	position:absolute;
	left:0px;
	top:120px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	height:25px;
	width:300px;
	float:left;
	color:#F60;
}

/*PLAN*/

#bt_plan1 {
	position: absolute;
	top:372px;
	left:683px;
	width:88px;
	height:75px;
	z-index:5;
}

#bt_plan2 {
	position: absolute;
	top:372px;
	left:794px;
	width:88px;
	height:75px;
	z-index:5;
}

#txt_plan1 {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	top:352px;
	left:683px;
	width:97px;
	height:15px;
	z-index:5;
}

#txt_plan2 {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	top:352px;
	left:794px;
	width:97px;
	height:15px;
	z-index:5;
}

#txt_klick {
	position: absolute;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	top:452px;
	left:683px;
	width:199px;
	height:53px;
	z-index:5;
}

/*BILDER*/

#img1 {	
	position: absolute;
	top:130px;
	left:570px;
	width:211px;
	height:211px;
}

/*background*/

#bg_home {
	position: absolute;
	background-image:url(../bilder/bg_home.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_unternehmen {
	position: absolute;
	background-image:url(../bilder/bg_unternehmen.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_chronik {
	position: absolute;
	background-image:url(../bilder/bg_chronik.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_philo {
	position: absolute;
	background-image:url(../bilder/bg_philo.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_produkte {
	position: absolute;
	background-image:url(../bilder/bg_produkte.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_master {
	position: absolute;
	background-image:url(../bilder/bg_master.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_pigmente {
	position: absolute;
	background-image:url(../bilder/bg_pigmente.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_k_pigmente {
	position: absolute;
	background-image:url(../bilder/bg_k_pigmente.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_wpc {
	position: absolute;
	background-image:url(../bilder/bg_wpc.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_kunstharz {
	position: absolute;
	background-image:url(../bilder/bg_kunstharz.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_restposten {
	position: absolute;
	background-image:url(../bilder/bg_restposten.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_beratung {
	position: absolute;
	background-image:url(../bilder/bg_beratung.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_service {
	position: absolute;
	background-image:url(../bilder/bg_service.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_quali {
	position: absolute;
	background-image:url(../bilder/bg_quali.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_aktuell {
	position: absolute;
	background-image:url(../bilder/bg_aktuell.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_kontakt {
	position: absolute;
	background-image:url(../bilder/bg_kontakt.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_impressum {
	position: absolute;
	background-image:url(../bilder/bg_impressum.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_agb {
	position: absolute;
	background-image:url(../bilder/bg_agb.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_recht {
	position: absolute;
	background-image:url(../bilder/bg_disclaimer.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

#bg_daten {
	position: absolute;
	background-image:url(../bilder/bg_datenschutz.jpg);
	background-repeat:no-repeat;
	top:112px;
	left:441px;
	width:559px;
	height:488px;
}

/*CLASS*/

h2 {
	font-weight:bold;
	color: #cd6215;
}

a:link, a:active, a:visited {
	font-family:Arial, sans-serif;
	font-size: 10pt;
	color: #F60;
	text-decoration: none;
}

a:hover {
	font-family:Arial, sans-serif;
	font-size: 10pt;
	color: #7b1518;
	text-decoration: none;
}


.jahr {
	padding-left:25px;
	color:#F60;
}

.jahr2 {
	padding-left:5px;
	color:#F60;
}

.jahr3 {
	padding-left:2px;
	color:#F60;
}

.info {
	padding-left:5px;
}

.info2 {
	padding-left:61px;
}

.pro {
	color:#F60;
	font-size:12pt;
	font-weight:bold;
}

.pro2 {
	color:#F60;
	font-size:10pt;
	font-weight:bold;
}

/*LANG*/

#lang {
	position:absolute;
	top:429px;
	left:69px;
	width:83px;
	height:26px;
}

/*ENG*/

.jahr_e {
	padding-left:35px;
	color:#F60;
}

.jahr_e2 {
	padding-left:5px;
	color:#F60;
}

.jahr_e3 {
	padding-left:2px;
	color:#F60;
}

.info_e {
	padding-left:5px;
}

.info_e2 {
	padding-left:71px;
}

#claim_e {
	position: absolute;
	top:20px;
	left:396px;
	width:388px;
	height:80px
}