/*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, strong, sub, sup, tt, var,
center, li, ul,
dl, dt, dd, ol,
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-image: url(../bilder/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:center; 
}

#container {
	position: absolute;
	top:50%;
	left:50%;
	width:1004px;
	height:616px;
	margin-left:-502px;
	margin-top:-308px;
	background-image: url(../bilder/body_bg.jpg);
}


#head {
	position: absolute;
	width: 450px;
	height: 24px;
	left: 21px;
	top: 22px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#f3d253;
	left: 393px;
	top: 44px;
}


/*NAVI*/

#navi {
	position: absolute;
	width: 140px;
	height: 240px;
	left: 90px;
	top: 150px;
}

#sub_navi {
	position: absolute;
	width: 541px;
	height: 22px;
	text-align:center;
	left: 353px;
	top: 573px;
	padding-top:2px;
} 

#navi_imp {
	position: absolute;
	width: 396px;
	height: 16px;
	left: 577px;
	top: 518px;
	text-align:right;
	z-index:5;
} 

/*LOGO*/

#logo {
	position: absolute;
	width: 244px;
	height: 95px;
	left: 21px;
	top: 22px;
	z-index:0;
}

/*TXT*/

#txt {
	position: absolute;
	width: 700px;
	height: 380px;
	left: 273px;
	top: 132px;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	text-align:left;
	color: #000;
	padding-right:10px;
	overflow:auto;
	z-index:2;
}

#home_txt {
	position: absolute;
	width: 523px;
	height: 333px;
	left: 274px;
	top: 132px;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	text-align:left;
	color:#f3d253;
	z-index:4;
}


/*BACKGROUND*/

#home {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_home.jpg);
	background-repeat:no-repeat;
	z-index:2;
}

#unternehmen {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_unter.jpg);
	background-repeat:no-repeat;
}

#produkte {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_produkt.jpg);
	background-repeat:no-repeat;
}

#fruehling {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_fruehling.jpg);
	background-repeat:no-repeat;
}

#sommer {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_sommer.jpg);
	background-repeat:no-repeat;
}

#herbst {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_herbst.jpg);
	background-repeat:no-repeat;
}

#winter {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_winter.jpg);
	background-repeat:no-repeat;
}

#impressum {
	position: absolute;
	width: 738px;
	height: 420px;
	left: 253px;
	top: 112px;
	background-image:url(../bilder/bg_impressum.jpg);
	background-repeat:no-repeat;
}

/*BILDER*/

#img_home {
	position: absolute;
	width: 311px;
	height: 420px;
	left: 680px;
	top: 112px;
	z-index:3;
}

/*CLASS*/

.lih {
	padding-left:23px;
}

.liu {
	padding-left:22px; 
	padding-top:22px;
}

.lip {
	padding-left:19px; 
	padding-top:22px;
}

.lin {
	padding-left:15px; 
	padding-top:22px;
}

.lik {
	padding-left:9px; 
	padding-top:22px;
}

.lii {
	padding-top:22px;
}

h1 {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: #20579a;
	font-weight:bold;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	color: #20579a;
	font-weight:bold;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 11pt;
	color: #20579a;
	font-weight:bold;
}

.visit {
	font-family: Arial, sans-serif;
	font-size: 11pt;
	color: #b42a21;
}

.bild_r {
	text-align:right;
	float:right;
	margin-left:10px;
	margin-bottom:20px;
}

/*LINK*/

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

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


/*KONTAKT*/

input {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #20579a;
	width:120px;
	height:21px;
	
}

#kon {
	position: absolute;
	width: 400px;
	height: 380px;
	left: 573px;
	top: 132px;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	text-align:left;
	color: #20579a;
	z-index:5;
}

#plan1 {
	position: absolute;
	width: 88px;
	height: 89px;
	left: 273px;
	top: 416px;
	z-index:5;
}

#plan2 {
	position: absolute;
	width: 88px;
	height: 89px;
	left: 371px;
	top: 416px;
	z-index:5;
}

textarea {
	width:365px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	width:370px;
	border: 1px solid #20579a;
	
}

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

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

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

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

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

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

#kontakt_nachricht {
	position:absolute;
	left:0px;
	top:158px;
	height:56px;
	width:370px;
	float:none;
	clear:both;
}

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

#kontakt_feedback {
	position:absolute;
	left:0px;
	top:256px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	height:20px;
	width:378px;
	float:left;
}

#anfahrt {
	position:absolute;
	left:0px;
	top:354px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	height:20px;
	width:378px;
}

/*NEWS*/

#frame {
	position:absolute;
	width: 700px;
	height: 340px;
	left: 273px;
	top: 132px;
	z-index:3;
}

#n_link {
	position:absolute;
	width: 700px;
	height: 24px;
	left: 273px;
	top: 488px;
	background-image:url(../bilder/bg_nav_news.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:2px;
	z-index:1;
}

/*FRUELING*/

#img1 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 10px;
	top: 160px;
	text-align:center;
}

#img2 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 165px;
	top: 160px;
	text-align:center;
}

#img3 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 320px;
	top: 160px;
	text-align:center;
}

#img4 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 475px;
	top: 160px;
	text-align:center;
}

#img5 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 10px;
	top: 385px;
	text-align:center;
}

#img6 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 165px;
	top: 385px;
	text-align:center;
}

#img7 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 320px;
	top: 385px;
	text-align:center;
}

#img8 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 475px;
	top: 385px;
	text-align:center;
}

#img9 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 10px;
	top: 610px;
	text-align:center;
}

#img10 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 165px;
	top: 610px;
	text-align:center;
}

#img11 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 320px;
	top: 610px;
	text-align:center;
}

#img12 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 475px;
	top: 610px;
	text-align:center;
}

#img13 {
	position:absolute;
	width: 140px;
	height: 210px;
	left: 10px;
	top: 835px;
	text-align:center;
}