body 
{
	color: black;
	font-size: 11px;
	font-family: "lucida grande", "Bitstream Vera Sans", "trebuchet ms", verdana, helvetica, arial, sans-serif;
	background: #ffa700 url(../bilder/BG_body.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	z-index: 0;
}

a 
{
	color: #f58f00;
	text-decoration: none;
}

#col_r a 
{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#col_r a:hover 
{
	color: #99227c;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#wrapper 
{
	background: #fff url(../bilder/BG_body.gif) repeat-x left bottom;
	; text-align: center;
	width: 100%;
	z-index: 1;
	margin: 10px 0 0;
	padding: 46px 0 0;
}

#content 
{
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
	width: 760px;
}

#logo a img 
{
	float: left;
	margin: 0 0 40px 49px;
	padding: 0;
	border: 0;
}

#logo h1 
{
	background: url(../bilder/claim.gif) no-repeat;
	text-indent: -9000px;
	width: 325px;
	height: 31px;
	float: left;
	margin: 29px 0 0 146px;
}

#logo h1.en 
{
	background: url(../bilder/claim_en.gif) no-repeat;
}

#f_right 
{
	float: right;
	margin: 12px 12px 0 0;
}

#f_left 
{
	float: left;
	margin: 12px 0 0 12px;
}

#footer 
{
	color: #606060;
	width: 100%;
	height: 50px;
	margin: 56px auto 0;
}

#foot_wrap 
{
	background: url(../bilder/BG_footer.gif) no-repeat;
	width: 760px;
	height: 38px;
	margin: 0 auto;
	padding: 0;
}

#footer a 
{
	color: #606060;
	text-decoration: none;
}

#footer a:hover 
{
	color: black;
	background-color: white;
}

/*--------------------- navigation ---------------------*/

#navcon 
{
	background-color: transparent;
	width: 760px;
	z-index: 20;
	margin: 0;
	padding: 0;
	position: relative;
}

#sprachen 
{
	position: absolute;
	top: 7px;
	right: 5px;
	width: 42px;
	height: 11px;
	z-index: 20;
	overflow: hidden;
}

#deutsch 
{
	background: url(../bilder/button_de.gif) no-repeat;
	text-indent: -9000px;
	width: 16px;
	height: 11px;
	float: left;
	margin: 0 5px 0 0;
}

#english 
{
	background: url(../bilder/button_en.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 5px 0 0;
	width: 16px;
	height: 11px;
	float: left;
}

a#deutsch:hover, a#english:hover 
{
	background-position: 0 -11px;
}

#navcon ul 
{
	background: url(../bilder/BG_navi.gif) no-repeat;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 25px;
	z-index: 20;
}

#navcon ul li 
{
	position: relative;
	float: left;
	display: inline;
}

#navcon ul li a 
{
	text-decoration: none;
	text-indent: -9000px;
	float: left;
	z-index: 20;
}

#navcon ul li#nav_home a 
{
	background: url(../bilder/nav_home.gif) no-repeat 0 -28px;
	width: 77px;
	height: 25px;
}

#navcon ul li#nav_produkte a 
{
	background: url(../bilder/nav_produkte.gif) no-repeat 0 -28px;
	position: relative;
	width: 106px;
	height: 25px;
	z-index: 20;
}

#navcon ul li#nav_ueber a 
{
	background: url(../bilder/nav_ueber_hexonia.gif) no-repeat 0 -28px;
	width: 129px;
	height: 25px;
}

#navcon ul li#nav_aktuelles a 
{
	background: url(../bilder/nav_aktuelles.gif) no-repeat 0 -28px;
	width: 103px;
	height: 25px;
}

#navcon ul li#nav_kontakt a 
{
	background: url(../bilder/nav_kontakt.gif) no-repeat 0 -28px;
	width: 105px;
	height: 25px;
}

#navcon ul li#nav_home a:hover, #navcon ul li#nav_produkte a:hover, #navcon ul li#nav_ueber a:hover, #navcon ul li#nav_aktuelles a:hover, #navcon ul li#nav_kontakt a:hover, #navcon ul li#nav_home a.current, #navcon ul li#nav_produkte a.current, #navcon ul li#nav_ueber a.current, #navcon ul li#nav_aktuelles a.current, #navcon ul li#nav_kontakt a.current 
{
	color: #f58f00;
	background-color: white;
	background-position: 0 0;
}

#navcon ul li#nav_homeen a 
{
	background: url(../bilder/nav_home_en.gif) no-repeat 0 -28px;
	width: 77px;
	height: 25px;
}

#navcon ul li#nav_produkteen a 
{
	background: url(../bilder/nav_produkte_en.gif) no-repeat 0 -28px;
	position: relative;
	width: 106px;
	height: 25px;
}

#navcon ul li#nav_ueberen a 
{
	background: url(../bilder/nav_ueber_hexonia_en.gif) no-repeat 0 -28px;
	width: 129px;
	height: 25px;
}

#navcon ul li#nav_aktuellesen a 
{
	background: url(../bilder/nav_aktuelles_en.gif) no-repeat 0 -28px;
	width: 103px;
	height: 25px;
}

#navcon ul li#nav_kontakten a 
{
	background: url(../bilder/nav_kontakt_en.gif) no-repeat 0 -28px;
	width: 105px;
	height: 25px;
}

#navcon ul li#nav_homeen a:hover, #navcon ul li#nav_produkteen a:hover, #navcon ul li#nav_ueberen a:hover, #navcon ul li#nav_aktuellesen a:hover, #navcon ul li#nav_kontakten a:hover, #navcon ul li#nav_homeen a.current, #navcon ul li#nav_produkteen a.current, #navcon ul li#nav_ueberen a.current, #navcon ul li#nav_aktuellesen a.current, #navcon ul li#nav_kontakten a.current 
{
	color: #f58f00;
	background-color: white;
	background-position: 0 0;
}

#navcon li ul 
{
	background-color: #f9f9f9;
	background-image: none;
	position: absolute;
	left: -999em;
	height: auto;
	top: 25px;
	margin: 0;
	border-color: #c4c4c4 #e2e1e1 #e2e1e1;
	border-style: none solid solid;
	border-width: 1px;
	z-index: 20;
	overflow: hidden;
}

#navcon li li 
{
	clear: both;
	padding: 0;
	border-bottom: 1px solid #fff;
	background-color: #f9f9f9;
	height: auto !important;
	z-index: 20;
}

#navcon li li a
{
	height: auto !important;
	width: 150px !important;
	z-index: 20;
}

#navcon li ul a, #navcon ul li#nav_produkte ul a, #navcon ul li#nav_produkteen ul a 
{
	color: black;
	line-height: 12px;
	background-image: none;
	text-align: left;
	text-indent: 0;
	padding: 5px;
	z-index: 20;
}

#navcon li:hover ul ul, #navcon li:hover ul ul ul, #navcon li.sfhover ul ul, #navcon li.sfhover ul ul ul 
{
	left: -999em;
	z-index: 20;
}

#navcon li:hover ul, #navcon li li:hover ul, #navcon li li li:hover ul, #navcon li.sfhover ul, #navcon li li.sfhover ul, #navcon li li li.sfhover ul 
{
	position: absolute;
	top: 25px;
	left: 0;
	width: 150px;
	z-index: 20;
}

/*--------------------- clearfix ---------------------*/

    /* full clearfix */
    /* add to floating elements which should not float afterthem */ 
	* html .clearfix {
	    height: 1%; /* IE5-6 */
	    }
	* + html .clearfix {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }
/*--------------------- quote_box ---------------------*/

#quote_box 
{
	background-color: #faf3e5;
	margin: 20px 0 0;
	padding: 23px 67px 18px;
	border-color: #f7e6cd;
	border-style: solid none;
	border-width: 1px 0;
	clear: both;
}

#quote_box p 
{
	color: #ff7e00;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 26px;
	background: url(../bilder/quote_start.gif) no-repeat 0 2px;
	position: relative;
	width: 555px;
	margin: 0;
	padding: 0 33px 0 37px;
}

#quote_box p span#autor 
{
	color: #4d4d4d;
	font-size: 10px;
	font-family: "lucida grande", "Bitstream Vera Sans", "trebuchet ms", verdana, helvetica, arial, sans-serif;
	font-style: normal;
}

#quote_box p span#quote_end 
{
	background: url(../bilder/quote_end.gif) no-repeat;
	text-indent: -9000px;
	position: absolute;
	right: 0;
	bottom: 4px;
	width: 19px;
	height: 14px;
	z-index: 10;
}

a.mehr 
{
	color: black;
	font-size: 12px;
	line-height: 22px;
	background: url(../bilder/button_black.gif) no-repeat 0 0;
	text-decoration: none;
	height: 22px;
	clear: both;
	padding: 2px 0 3px 30px;
	border-style: none !important;
}

a.mehr:hover, #col_r a.mehr:hover 
{
	color: #ff7e00 !important;
}

#home .mehr 
{
	margin: 0;
}

/*--------------------- headlines ---------------------*/

#home h2 
{
	width: 760px;
	margin: 0;
	text-align: center;
	font-size: 23px;
}


#headline {
	width: 760px;
	position: relative;
	margin: 46px 0 42px;
	z-index: 0;
	clear: both;
}

h3 
{
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

/*--------------------- produktboxen ---------------------*/

#products 
{
	width: 760px;
	position: relative;
	padding: 0 0 15px;
}


#products img 
{
}

#prod_left 
{
	width: 284px;
	float: left;
	display: inline;
}

#prod_right 
{
	width: 448px;
	margin: 0 0 0 28px;
	float: left;
	display: inline;
	position: relative;
}


#box2
{
	width: 294px;
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

#box1
{
	width: 284px;

	background:#bb1f01 url(../bilder/bg_box1_bottom.jpg) no-repeat left bottom;
	
	height: 278px;
}

#box1 .boxcontent{
	width: 284px;
	background: url(../bilder/bg_box1_top.jpg) no-repeat 0 0;
	margin: 0;
	padding: 3px 0 12px;
}

#box1 h3 a 
{
	background: url(../bilder/home_button_box1.gif) no-repeat 0 0;
}

#box1 h3,
#box2 h3
{
	color: white;
	font: bold 23px "Trebuchet MS", verdana, arial, "sans serif";
	text-transform: uppercase;
	margin: 14px 0 0 20px;
}

#prod_middle h3 a 
{
	background: url(../bilder/prod_2.gif) no-repeat;
	text-decoration: none;
	text-indent: -9000px;
	width: 240px;
	margin: 0;
	display: block;
	height: 74px;
}

#prod_right h3 a 
{

}

#products ul 
{
	color: white;
	margin: 11px 30px 0 20px;
	padding: 0;
	list-style-type: none;
	float: none;
}

* html #products ul 
{
	margin: 11px 20px 0;
}

#products ul li 
{
	
	padding: 0 0 6px;
	text-transform: uppercase;
	line-height: 10px;
	font-size: 10px;
}

#products ul li a 
{
	color: white;
	background: url(../bilder/home_button_box1.gif) no-repeat 0 3px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 29px;
	letter-spacing: 0.03em;
	font: bold 15px/22px "Lucida Grande", LucidaGrande, "Trebuchet MS", Lucida;
	display: block;
}

#products #box2 ul li a 
{

	background: url(../bilder/home_button_box2.gif) no-repeat left center;
}

#products #prod_left ul li a:hover 
{
	color: #f3b2a2;
}

#products #prod_right ul li a:hover 
{
	color: #fbeda7;
}

#slideshow
{
	width: 448px;
	position: relative;
	z-index: 1;
}

#prod_right .sifr
{
	padding: 14px 0 7px;
	position: absolute;
	top: 280px;
	left: 0;
	z-index: 10;
}

*html #prod_right .sifr
{
	top: 278px;
}

#slideshow a.slidelink img
{
	border: none;
}


#prod_right .sifr h2
{
	color: #f47f01;
	text-align: left;
	font-size: 26px;
	font-weight: normal;
	width: 448px;
}

#slideshow .slide
{
	width: 448px;
	position: relative;
	overflow: visible;
	
}

.featuretext h3 a
{
	width: 448px;
}

.featuretext
{
	padding: 55px 0 0;
}

*html .featuretext
{
	padding: 48px 0 0;
}

.slide p
{
	font-size: 12px;
	line-height: 18px;
	color: #565656;
	width: 448px;
}

#newscontainer
{
	width: 284px;
	overflow: hidden;
}

#newscontainer .sifr
{
	padding: 14px 0 7px 20px;
}

#newscontainer .sifr h2
{
	color: #f47f01;
	text-align: left;
	font-size: 26px;
	font-weight: normal;
	width: 220px;
}

.newsbox
{
	overflow: hidden;
	padding: 0 0 10px;
	position: relative;
	
}

.datebox
{
	width: 38px;
	background: url(../bilder/bg_datebox.gif) no-repeat 0 0;
	padding: 3px 0 5px;
	position: absolute;
	top: 3px;
	left: 0;
}

.datebox p
{
	text-align: center;
	font-size: 11px;
	line-height: 19px;
	color: white;
	font-weight: bold;
	width: 38px;
}


.newstext
{
	width: 235px;
	overflow: hidden;
	position: relative;
	left: 20px;
	top: 0;
}

.newstext h3 a,
.featuretext h3 a
{
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	color: #f47f01;
	font-weight: normal;
	padding: 0 0 3px;
	display: block;
}

.newstext p
{
	font-size: 12px;
	line-height: 18px;
	color: #565656;
	width: 220px;
	padding: 0 0 10px;
}

/*--------------------- Formulare ---------------------*/

.left 
{
	float: left;
}

.right 
{
	float: right;
}

fieldset 
{
	margin: 0;
	padding: 20px 0 0;
	border: 0;
}

.fieldset .nobr, .fieldset-tip nobr 
{
	display: none;
}

.fieldset 
{
	margin: 20px 0 0;
	padding: 5px 20px 20px;
	font: 11px/17px "lucida grande", helvetica, verdana, sans-serif;
	color: #d46200;
	background-color: #fffcf2;
	border: solid 1px #ffebcc;
}

#message 
{
	width: 200px;
}

#col_r .fieldset p 
{
	margin-bottom: 10px;
}

legend 
{
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	z-index: 2;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

input 
{
	width: 209px;
	font: 11px/13px "lucida grande", helvetica, verdana, sans-serif;
	padding: 2px;
	margin: 0;
	border: solid 1px #ccc;
}

textarea 
{
	width: 209px;
	padding: 2px;
	margin: 0;
	border: solid 1px #ccc;
}

label 
{
	display: block;
	margin: 10px 0 0;
	padding: 0;
}

#ausfuellen 
{
	color: #bbb;
	margin: 0;
	padding: 0;
}

.error, .required 
{
	color: #A00;
}

.controlerror 
{
	background: #fcfff2;
}

.adressbox 
{
	width: 251px;
}

.kontaktbox 
{
	width: 248px;
	overflow: hidden;
	float: left;
	margin-left: 25px;
}

*html .kontaktbox 
{
	margin-left: 23px;
}

.kontaktbox .inputtext 
{
	width: 200px;
}

.disclaimerbox 
{
	width: 522px;
	overflow: hidden;
	float: left;
}

/*--------------------- produkt ---------------------*/

#col_l 
{
	color: #6d6d6d;
	width: 216px;
	float: left;
	margin: 20px 0 0;
	padding: 0;
	display: inline;
}

#col_r 
{
	color: #494848;
	font-size: 12px;
	line-height: 22px;
	position: relative;
	margin: 20px 0 0 236px;
	padding: 0;
	z-index: 0;
}

.stoerer 
{
	background: url(../../bilder/badge_vs.gif) no-repeat;
	text-indent: -9000px;
	position: absolute;
	top: 0;
	right: 0;
	width: 78px;
	height: 78px;
	overflow: hidden;
	display: block;
}

#col_l a.mehr 
{
	color: #8c8b8b;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
	background: url(../bilder/BT_mehr_grau.gif) no-repeat right center;
	text-align: right;
	padding: 0 30px 3px 0;
	float: right;
	margin: 10px 0;
}

#col_r a.mehr 
{
	text-decoration: none;
	background: url(../bilder/button_black.gif) no-repeat right center;
	text-align: right;
	padding: 2px 30px 3px 3px;
	float: right;
}

#extendend 
{
	padding-top: 60px;
	display: none;
}

#quickcontact p 
{
	font-weight: bold;
	float: left;
	margin: 10px 0;
}

#col_l form 
{
	background: url(../bilder/BG_sidebox_oben.gif) no-repeat;
	margin: 0;
	padding: 18px 0 0;
}

#col_l fieldset 
{
	background: url(../bilder/BG_sidebox_unten.gif) no-repeat left bottom;
	position: relative;
	margin: 0;
	padding: 0 18px 3px;
	border: 0;
}

#col_l input 
{
	width: 180px;
	margin: 0 0 7px;
}

input.submitimg, #col_l input.submitimg 
{
	width: auto;
	margin: 0;
	padding: 0;
	border-style: none;
}

#col_l textarea 
{
	width: 180px;
	height: 48px;
	margin: 5px 0 7px;
	border: solid 1px #c4c4c4;
}

#col_l input.inputtext 
{
	color: #6d6d6d;
	line-height: 16px;
	width: 176px;
	padding: 2px;
	border: solid 1px #c4c4c4;
}

#col_r p 
{
	margin-bottom: 20px;
}

#col_r img 
{
	margin: 10px 0 0 0;
}

/*--------------------- Headlines ---------------------*/

#product1 #col_r h1
{
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	background: transparent url(../bilder/BG_product1_r.gif) no-repeat right top;
	padding-right: 18px;
	float: left;
	z-index: 0;
}

#product2 #col_r h1
{
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	background: transparent url(../bilder/BG_product2_r.gif) no-repeat right top;
	padding-right: 18px;
	float: left;
}

#product3 #col_r h1,
#kontakt #col_r h1,
#aktuelles #col_r h1
{
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	background: transparent url(../bilder/BG_product3_r.gif) no-repeat right top;
	padding-right: 18px;
	float: left;
}

#product1 div#headline_h1
{
	padding-left: 18px;
	background: #8c0d01 url(../bilder/BG_product1.gif) no-repeat left top;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	height: 50px;
	z-index: 0;
	display: inline;
}

div#produktlogo
{
	position: relative;
}

div#produktlogo img
{
	position: absolute;
	top: -10px;
	right: 0;
}

#product2 div#headline_h1
{
	padding-left: 18px;
	background: #de7802 url(../bilder/BG_product2.gif) no-repeat left top;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	z-index: 0;
}

#product3 div#headline_h1,
#kontakt div#headline_h1,
#aktuelles div#headline_h1
{
	padding-left: 18px;
	background: #7b1468 url(../bilder/BG_product3.gif) no-repeat left top;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;	
	z-index: 0;
}

#product1 div#col_content,
#product2 div#col_content,
#product3 div#col_content,
#kontakt div#col_content,
#aktuelles div#col_content
{
	padding-top: 64px;
	width: 524px;
}

h1#h1_11 
{
	background: url(../bilder/HL_technik_weitergedacht.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 20px;
	padding: 0;
	width: 522px;
	height: 50px;
}

h1#h1_13 
{
	background: url(../bilder/HL_kontakt_und_impressum.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 20px;
	padding: 0;
	width: 522px;
	height: 50px;
}

h1#h1_18 
{
	background: url(../bilder/HL_contact_en.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 20px;
	padding: 0;
	width: 522px;
	height: 50px;
}

h1#h1_newsletter 
{
	background: url(../bilder/HL_newsletter_h1.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 20px;
	padding: 0;
	width: 522px;
	height: 50px;
}

h1#h1_aktuelles 
{
	background: url(../bilder/HL_aktuelles.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 20px;
	padding: 0;
	width: 522px;
	height: 50px;
}

h1#h1_sitemap 
{
	background: url(../bilder/HL_sitemap.gif) no-repeat;
	text-indent: -9000px;
	margin: 0 0 20px;
	padding: 0;
	width: 522px;
	height: 50px;
	z-index: 0;
}

/*--------------------- kurznachricht ---------------------*/

#quickcontact h3 
{
	background: url(../bilder/HL_Kontakt.gif) no-repeat;
	text-indent: -9000px;
	width: 214px;
	height: 18px;
	margin: 25px 0 5px;
}

#quickcontact h3.en 
{
	background: url(../bilder/contact_en.gif) no-repeat;
}

#quickcontact p strong 
{
	font-weight: bold;
}

.topline 
{
	width: 180px;
	clear: both;
	margin: 5px 0 0;
	padding-top: 5px;
	border-top: 1px solid #efefef;
	display: block;
}

/*--------------------- newsletterbox ---------------------*/

#newsletter h3 
{
	background: url(../bilder/HL_newsletter.gif) no-repeat;
	text-indent: -9000px;
	width: 214px;
	height: 18px;
	margin: 25px 0 5px;
}

/*--------------------- subnav ---------------------*/

#col_l .product1 h3 
{
	color: white;
	background: transparent;
	list-style-type: none;
	padding: 14px 0 0 18px;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 17px;
}

#col_l .product2 h3 
{
	color: #fff;
	background: transparent;
	list-style-type: none;
	padding: 14px 0 0 18px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 17px;
}

#col_l .product3 h3 
{
	color: #fff;
	background: transparent;
	list-style-type: none;
	padding: 14px 0 0 18px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 17px;
}

#col_l .ueber h3 
{
	color: white;
	background: url(../bilder/HL_ueber.gif) no-repeat;
	text-indent: -9000px;
	list-style-type: none;
	padding: 0;
	width: 214px;
	height: 50px;
}

#col_l .kontakt h3 
{
	color: white;
	background: url(../bilder/HL_kontakt_2.gif) no-repeat;
	text-indent: -9000px;
	list-style-type: none;
	padding: 0;
	width: 214px;
	height: 50px;
}

#col_l .contact h3 
{
	color: white;
	background: url(../bilder/HL_contact_2_en.gif) no-repeat;
	text-indent: -9000px;
	list-style-type: none;
	padding: 0;
	width: 214px;
	height: 50px;
}

#col_l .aktuelles h3 
{
	color: white;
	background: url(../bilder/HL_aktuelles_2.gif) no-repeat;
	text-indent: -9000px;
	list-style-type: none;
	padding: 0;
	width: 214px;
	height: 50px;
	margin: 0;
}

#product1 #subnav ul 
{
	color: white;
	background: #a21601 url(../bilder/BG_side_adsorber.gif) repeat-x 0 0;
	list-style-type: none;
	padding: 0 18px 13px;
	margin: 0;
	float: none;
}

#kontakt #subnav ul 
{
	color: white;
	list-style-type: none;
	padding: 0 18px 13px;
	margin: 0;
	float: none;
}

#product1 #subnav .bg 
{
	background: #a21601 url(../bilder/BG_side_adsorber.gif) repeat-x 0 0;
	padding: 0;
	margin: 0;
}

#product2 #subnav .bg 
{
	background: #de7802 url(../bilder/BG_vs.gif) repeat-x 0 0;
}

.new #subnav ul 
{
	background: none !important;
}

#product2 #subnav ul 
{
	color: white;
	list-style-type: none;
	padding: 0 18px 13px;
	margin: 0;
	float: none;
}

#product3 #subnav ul 
{
	color: white;
	background: #9a217c url(../bilder/BG_ueber.gif) repeat-x 0 0;
	list-style-type: none;
	padding: 0 18px 13px;
	margin: 0;
	float: none;
}

#subnav ul li 
{
	font-size: 12px;
	line-height: 19px;
	padding: 0;
}

#subnav ul li a 
{
	color: white;
	font-weight: bold;
	background: url(../bilder/bullet_white.gif) no-repeat 0 6px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
}

#subnav ul li a:hover 
{
	color: black;
}

#col_r ul 
{
	margin: 0 0 0 20px;
	padding: 0;
}

#col_r ul li 
{
	list-style-type: disc;
	list-style-image: url(../bilder/bullet.gif);
}

#col_l .product1
{
	width: 214px;
	margin: 0;
	padding: 0;
	background: #7a0701 url(../bilder/HL_adorber2.gif) no-repeat 0 0;
}

#col_l .product2 
{
	background: #de7802 url(../bilder/HL_vs2.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 214px;
}

#col_l .product3 
{
	background: #8e1e7b url(../bilder/HL_product3.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 214px;
}

#col_l .ueber, #col_l .kontakt, #col_l .contact 
{
	background: #99227c url(../bilder/BG_ueber.gif) repeat-x 0 50px;
	margin: 0;
	padding: 0;
	width: 214px;
}

#col_l .aktuelles 
{
	background: #8e1f7c url(../bilder/BG_aktuelles.jpg) no-repeat 0 100%;
	margin: 0;
	padding: 0;
	width: 214px;
}

#col_l .sitemap 
{
	background: #8e1f7c url(../bilder/BG_aktuelles.jpg) no-repeat 0 100%;
	margin: 0;
	padding: 0;
	width: 214px;
}

.img_product1
{
	background: url(../bilder/BG_red_bt_product1.gif) no-repeat 0 100%;
	margin: 0;
	padding: 0;
	width: 214px;
	height: 5px;
	float: left;
}

.img_product2
{
	background: url(../bilder/BG_red_bt_product2.gif) no-repeat 0 100%;
	margin: 0;
	padding: 0;
	width: 214px;
}

#subnav img 
{
	margin: 0 0 -5px;
	padding: 0;
	border-style: none;
	border-width: 0;
}

#subnav 
{
	margin: 0;
	padding: 0;
}

/*--------------------- sifr ---------------------*/

#col_r h2 
{
	color: #a7257b;
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 5px;
	padding: 0;
}

#col_r h3 
{
	color: #a7257b;
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
	margin: 0 0 15px;
	padding: 0;
}

#col_r h4  
{
	color: #a7257b;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 0 0 15px;
	padding: 0;
}

#col_r h5
{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#col_r .kontaktbox h3 
{
	color: #f58f00;
}

#product2 #col_r h3, #product2 #col_r h2,
#product2 #col_r h4
{
	color: #f58f00 !important;
}

#product1  #col_r h3, 
#product1 #col_r h2,
#product1 #col_r h4
{
	color: #a21601;
}

.box 
{
	margin: 25px 0;
	padding: 20px;
	border: solid 1px #a21601;
}

.box ul 
{
	margin: 15px 0 0 18px;
	padding: 0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash 
{
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced 
{
	visibility: visible !important;
}

span.sIFR-alternate 
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


/*--------------------- Tabellen ---------------------*/

#col_r table 
{
	font-size: 12px;
	line-height: 13px;
	background-color: #f9f9f9;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 40px;
	border: solid 1px #c8c8c8;
}

#col_r table caption 
{
	text-align: left;
	padding: 0 20px 10px 15px;
}

#col_r table th p 
{
	background-color: #fff;
	margin: 0;
	padding: 10px 0 0;
}

#col_r table th 
{
	font-weight: normal;
	line-height: 16px;
	background-color: #e5e5e5;
	text-align: center;
	padding: 5px;
}

#col_r table td 
{
	text-align: center;
	padding: 10px 15px;
}

#col_r table td.rowhead 
{
	text-align: left;
	padding: 10px 15px;
}

#col_r table td 
{
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#col_r table th 
{
	border-right: 1px solid #f9f9f9;
	border-bottom: 1px solid white;
}

#col_r table tr.odd 
{
	background-color: #e5e5e5;
}

#col_r table td p 
{
	text-align: center;
}

/*--------------------- Kontaktformular ---------------------*/

/*--------------------- Aktuelles ---------------------*/

.calendarBG 
{
	color: white;
	font-size: 10px;
	width: 174px;
	margin: 10px 20px 15px;
	padding: 0 0 15px;
}

.calendarHeader 
{
	background-color: #af349b;
}

.calendarDayHeading 
{
	background-color: #af349b;
	text-align: center;
}

.calendarCell 
{
	background-color: #af349b;
}

.calendarToday 
{
	background-color: #781768;
}

p.date 
{
	color: white;
	font-size: 25px;
	background-color: #2b2b2b;
	text-align: center;
	width: auto;
	float: left;
	margin: 0 !important;
	padding: 5px 0 0 !important;
}

p.date span 
{
	color: white;
	font-size: 11px;
	line-height: 20px;
	background-color: black;
	margin: 5px 0 0;
	padding: 0 10px 0;
	display: block;
}

.newscontent 
{
	margin: 0 0 0 80px;
}

.newscontainer 
{
	padding: 0 0 20px;
}

.newscontent a.mehr 
{
	margin: 0 0 10px;
}

.date_day 
{
	color: white;
	font-size: 22px;
	background-color: #94217b;
	text-align: center;
	position: relative;
	float: left;
	margin: 0;
	padding: 6px 6px 0 7px;
}

.date_year 
{
	color: white;
	font-size: 11px;
	background-color: #94217b;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
}

/*--------------------- Lightbox ---------------------*/

#popup_spezial 
{
	font-size: 12px;
	line-height: 16px;
	width: 440px;
	height: 340px;
	overflow: auto;
	padding: 30px;
}

#close 
{
	color: white;
	background-color: black;
	margin: 0;
	padding: 10px 30px 12px;
}

#close a 
{
	color: white;
}

/*--------------------- Sitemap ---------------------*/

#sitemap #col_r 
{
	z-index: 0;
	margin: 20px 0 0;
}

#sitemap #col_r .left 
{
	margin: 0 20px 0 0;
}

/*--------------------- invisible ---------------------*/

.invisible 
{
	position: absolute;
	top: -6000px;
	left: -6000px;
	width: 1px;
	height: 1px;
}

h3#logo 
{
	background: url(../bilder/Bilder/vectoria_logo.gif) no-repeat;
	width: 507px;
	height: 148px;
	margin-top: 60px;
	margin-bottom: 60px;
}

object 
{
	margin-top: 20px;
}

.verdana {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

sup {
	line-height: 0px !important;
  	font-size: 75% !important;
}

p.note {
	padding: 10px 15px;
	border: 1px solid #e0dfdf;
	background-color: #f9f9f9;
}

img.float_left {
	float: left;
	margin-right: 15px;
	padding-bottom: 15px;
}

div.img_r,
div.entry img.rechts  {
	background-color: white;
	float: right;
	margin: 4px 0 15px 15px !important;
}

div.img_l,
div.entry img.links {
	background-color: white;
	float: left;
	margin: 4px 15px 15px 0 !important;
	clear: left;
}

div.img_full {
	background-color: white;
	margin: 4px 0 15px;
	padding: 0;
}

div.img_r img, 
div.img_l img{
	padding: 0;
	margin: 4px 0 0 0 !important;
}

div.clear{
	clear: both;
}

hr {
	clear: both;
	border-style: none;
}

.bildunterschrift{
	font-style: italic;
	margin: 0 !important;
	padding: 2px 0 5px !important;
}