/* ----------------- Hauptformat --------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

body   {
margin: 0px;
margin-top: 25px;
margin-bottom: 20px;
font-family: Arial, Tahoma, Sans-Serif; 
color: #444; 
font-size: 70%;
background-color: #F6F6F6;
height: 100%;
min-height: 100%;
background-image:url('../bilder/seite/body.png');
background-repeat: repeat-x;
}

/* ----------------- Container ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

#facebookbg{
position: absolute;
width: 640px;
height: 390px;
padding: 30px;
background-image:url('../bilder/seite/bgfacebook.png');
background-repeat: no-repeat;
overflow:hidden;
margin-top: -370px;
margin-left: 260px;
z-index: 1001;
}


#googleplusone{
position: absolute;
margin-top: 110px;
margin-left: 10px;
z-index: 1001;
}

#bgblack {
left: 0;
top: 0px;
z-index: 15;
position: absolute;
width: 100%;
min-height: 100%; 
background-color: #000;
filter:alpha(opacity=60); 
-moz-opacity: 0.60; 
opacity: 0.60;
}
* html #bgblack {
height: 100%;
}

.hr {
clear:both;
border-bottom: 1px solid #e3e3e3;
padding-top: 10px;
margin-bottom: 10px;
}

.subinfobox{
padding: 20px;
border: 3px solid #F9B79B;
background-color: #FEF0EB;
line-height: 150%;
}

#logo{
position: absolute;
top: 40px;
left: 50%;
margin-left: -465px;
}

#flexnavi{
position: fixed;
top: 240px;
left: 50%;
margin-left: 205px;
}

#xtrafeld{
position: absolute;
top: 65px;
left: 50%;
margin-left: 185px;
}

#top{
clear:both;
margin: auto auto;
width: 990px;
height: 85px;
background-image:url('../bilder/seite/header_bg.png');
background-repeat: no-repeat;
}

#navigation{
position: absolute;
top: 105px;
left: 50%;
margin-left: -478px;
width: 956px;
height: 44px;
padding-top: 1px;
background-image:url('../bilder/seite/navi.png');
background-repeat: no-repeat;
z-index: 110;
}

.inhalt-top{
clear:both;
margin: auto auto;
width: 956px;
height: 8px;
background-image:url('../bilder/seite/top-inhalt.png');
background-repeat: no-repeat;
}

.inhalt{
clear:both;
margin: auto auto;
width: 916px;
padding: 20px;
background-image:url('../bilder/seite/mitte-inhalt.png');
background-repeat: repeat-y;
line-height: 120%;
margin-top: 25px;
}

.inhalt3{
clear:both;
margin: auto auto;
width: 956px;
background-image:url('../bilder/seite/mitte-inhalt3.png');
background-repeat: repeat-y;
line-height: 120%;
}

.inhalt-blank{
padding-top: 30px;
clear:both;
margin: auto auto;
width: 956px;
}

.inhalt-blank-end{
clear:both;
margin: auto auto;
width: 956px;
background-image:url('../bilder/seite/mitte-inhalt.png');
background-repeat: repeat-y;
line-height: 120%;
}

.inhalt-fuss{
clear:both;
margin: auto auto;
width: 956px;
height: 8px;
background-image:url('../bilder/seite/fuss-inhalt.png');
background-repeat: no-repeat;
margin-bottom: 10px;
}

#ort{
clear:both;
margin-bottom: 15px;
color: #999;
padding: 10px;
padding-left: 0px;
}

#fuss{
clear:both;
margin: auto auto;
margin-top: 45px;
color: #777;
width: 956px;
line-height: 150%;
}

.produktbox{
float:left;
background-image:url('../bilder/seite/trenner.png');
background-repeat: no-repeat;
background-position: 100% 0;
padding: 10px;
line-height: 140%;
margin-bottom: 15px;
}

.suchergebnis{
clear:both;
float:left;
padding: 10px;
line-height: 140%;
margin-bottom: 15px;
width: 500px;
border: 1px solid #fff;
border-bottom: 1px solid #eee;
}

.suchergebnis:hover{
background-image:url('../bilder/seite/line.png');
background-repeat: repeat-x;
background-position: 0 0;
border: 1px solid #ccc;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
}

.endfitings{
float:left;
background-image:url('../bilder/endfitings/bg-end.png');
background-repeat: no-repeat;
background-position: 0 0;
padding: 10px;
line-height: 140%;
width: 170px;
height: 60px;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
font-size: 90%;
}

.endfitings:hover{
background-image:url('../bilder/endfitings/bg-end-hover.png');
background-repeat: no-repeat;
background-position: 0 0;
}


#subprodukte{
position: absolute;
top: 40px;
left: 50%;
margin-left: -395px;
width:386px;
height:162px;
background-image:url('../bilder/seite/subprodukte.png');
background-repeat: no-repeat;
background-position: 0 0;
z-index: 111;
padding: 10px;
}

#subservice{
position: absolute;
top: 40px;
left: 50%;
margin-left: -153px;
width:386px;
height:162px;
background-image:url('../bilder/seite/subprodukte.png');
background-repeat: no-repeat;
background-position: 0 0;
z-index: 111;
padding: 10px;
}

.linkbox{
float:right; text-align:right; padding: 10px; background-color: #fcfcfc; border: 1px solid #e1e1e1;
background-image:url('../bilder/seite/bglinkbox.jpg');
background-repeat: repeat-x;
background-position: 0 20%;
width: 450px;
}






.box-standard{
float:left;
margin-right: 32px;
margin-bottom: 12px;
width: 190px;
height: 337px;
overflow:hidden;
background-color: #fff;
line-height: 170%;
border: 1px solid #e3e3e3;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

.box-standard:hover{
border: 1px solid #aaa;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
}

.box-standard2{
float:left;
margin-right: 52px;
margin-bottom: 12px;
width: 242px;
height: 267px;
overflow:hidden;
background-color: #fff;
line-height: 170%;
border: 1px solid #e3e3e3;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

.box-standard2:hover{
border: 1px solid #aaa;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
}




acronym {
background-color: #D5FFAA;
}



/* ----------------- Hyperlinks ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

a, a:visited    		{
color:#333; 
text-decoration: none;
}
a:hover, a:active 		{
color:#333; 
text-decoration: none; 
}

a.text, a.text:visited  {
color: #006699;
text-decoration: none;
}

a.text:hover, a.text:active 		{
text-decoration: underline; 
color: #006699; 
}

a.text_sitemap, a.text_sitemap:visited  {
color: #006699;
text-decoration: none;
padding-left: 25px;
background-image:url('../bilder/seite/sitemap.jpg');
background-repeat: no-repeat;
background-position: 0 52%;
margin-right: 10px;
line-height: 180%;
}

a.text_sitemap:hover, a.text_sitemap:active 		{
text-decoration: underline; 
color: #006699; 
}


a.text_sitemap_unter, a.text_sitemap_unter:visited  {
color: #888;
text-decoration: none;
padding-left: 35px;
background-image:url('../bilder/seite/sitemap2.jpg');
background-repeat: no-repeat;
background-position: 15px 52%;
margin-right: 10px;
line-height: 180%;
}

a.text_sitemap_unter:hover, a.text_sitemap_unter:active 		{
text-decoration: underline; 
}

a.text_adobe, a.text_adobe:visited  {
color: #006699;
text-decoration: none;
padding-left: 25px;
background-image:url('../bilder/seite/pdf_icon.png');
background-repeat: no-repeat;
background-position: 0 52%;
margin-right: 10px;
line-height: 180%;
}

a.text_adobe:hover, a.text_adobe:active 		{
text-decoration: underline; 
color: #006699; 
}

a.text_video, a.text_video:visited  {
color: #006699;
text-decoration: none;
padding-left: 25px;
background-image:url('../bilder/seite/video_icon.gif');
background-repeat: no-repeat;
background-position: 0 52%;
margin-right: 10px;
line-height: 180%;
}

a.text_video:hover, a.text_video:active 		{
text-decoration: underline; 
color: #006699; 
}
a.text_software, a.text_software:visited  {
color: #006699;
text-decoration: none;
padding-left: 25px;
background-image:url('../bilder/seite/icon_nav_software.gif');
background-repeat: no-repeat;
background-position: 0 52%;
margin-right: 10px;
line-height: 180%;
}

a.text_software:hover, a.text_software:active 		{
text-decoration: underline; 
color: #006699; 
}

a.toplink, a.toplink:visited  {
color: #999;
text-decoration: none;
padding-left: 10px;
background-image:url('../bilder/seite/right_arrow_icon.gif');
background-repeat: no-repeat;
background-position: 0 52%;
margin-right: 10px;
}

a.toplink:hover, a.toplink:active 		{
text-decoration: none; 
color: #006699; 
}


a.fusslink, a.fusslink:visited  {
color: #777;
text-decoration: none;
}

a.fusslink:hover, a.fusslink:active 		{
text-decoration: underline; 
color: #555; 
}

a.navilink, a.navilink:visited  {
color: #aaa;
text-decoration: none;
padding: 14px;
padding-top: 11px;
padding-right: 12px;
display:block;
float:left;
text-transform:uppercase;
font-weight: bold;
background-image:url('../bilder/seite/trenner.gif');
background-repeat: no-repeat;
background-position: 100% 0;
}

a.navilink:hover, a.navilink:active 		{
text-decoration: none; 
background-color: #444; 
color: #ddd; 
background-image:url('../bilder/seite/navhover.png');
background-repeat: no-repeat;
background-position: 50% 0;
}

a.navilink-end, a.navilink-end:visited  {
color: #aaa;
text-decoration: none;
padding: 14px;
padding-top: 11px;
padding-right: 15px;
display:block;
float:left;
text-transform:uppercase;
font-weight: bold;
}

a.navilink-end:hover, a.navilink-end:active 		{
text-decoration: none; 
background-color: #444; 
color: #fff; 
background-image:url('../bilder/seite/navhover.png');
background-repeat: no-repeat;
background-position: 50% 0;
}

a.ortlink, a.ortlink:visited  {
color: #006699;
text-decoration: none;
padding-right: 10px;
background-image:url('../bilder/seite/right_arrow_icon.gif');
background-repeat: no-repeat;
background-position: 100% 55%;
}

a.ortlink:hover, a.ortlink:active 		{
text-decoration: underline; 
color: #006699; 
}

/* ----------------- Grafiken ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

img.imggalerie{
clear:both;
padding: 2px;
background-color: #fff;
border: 1px solid #d6d6d6;
}

img.galerieimg {
border: 1px solid #d3d3d3;
padding: 3px;
}




/* Ueberschriften
----------------------------------------------- */
h1 {
font-size: 150%;
margin: 0;
padding: 0;
margin-bottom: 4px;
padding-bottom: 4px;
color: #222;
font-weight: normal;
border-bottom: 1px dotted #ddd;
}

h1.ueberschrift{
font-size: 160%;
margin: 0;
padding: 0;
margin-bottom: 4px;
padding-bottom: 10px;
color: #222;
font-weight: bold;
border-bottom: 1px solid #ddd;
}

h2 {
	color:						#151515;
	font-size:					120%;
	margin: 0;
	padding: 0px;
}

h2#header {
	font-size:					120%;
	margin: 0;
	padding: 6px;
	padding-left: 30px;
	color: #333;
	font-weight: normal;
border-bottom: 0px;
}

h3 {
	background-color:			#151515;
	color:						#fff;
	font-size:					110%;
	margin-bottom:				16px;
	font-weight:				normal;
	margin: 0;
	padding: 5px;
	font-weight: normal;
	margin-bottom: 10px; 
}
h4 {
	color:						#26425a;
	font-weight:				bold;
	font-size:					16px;
	margin: 0;
	padding: 0;
}

h5 {
	font-size:					14px;
	text-transform:				uppercase;
	margin: 0;
	padding: 0;
}


span.newstitle {
display:block; 
font-weight: bold;
}

span.preistext {
display:block; 
font-weight: bold;
}


span.formular {
display:block; 
font-weight: bold;
width: 200px;
float:left;
}

/* +---------------------------------------------------------------------+
   |                Sonstiges: Listen, Absätzer,etc.                     |
   +---------------------------------------------------------------------+ */



p{margin: 0px; padding: 0px;}
label{cursor:pointer;}

p.border{margin: 0px; margin-top: 10px; padding: 0px; border-bottom: 1px solid #dedede;}

ul,li{padding:0;margin:0;}

ul{
position:relative;
color: #666;
margin-left: 0px;
margin-top: 0px;
list-style-type:none;
list-style-position:inside;
padding: 5px;
padding-left: 7px;
}

ul.stil {
position:relative;
display:inline;
color: #666;
margin: 0px;
padding: 0px;
list-style-type:square;
}

input, form, textarea {margin: 0px; padding: 0px; font-family: arial; font-size: 100%;}
textarea{font-family: arial;font-size: 110%; width: 320px; height: 120px; padding: 5px;}

input.in{font-size: 100%; width: 205px; margin: 3px; }