/******************************************************************************************************/
/*	Layout-Boxen
******************************************************************************************************/

body {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 1px;   /* f?r 1px-Fehler beim Fensterbreitenverstellen im IEXPL.  */
	background-color: #074986;
	text-align: center;
	background-image:url(main_FILES/body_bg.png);
}
#version {
	position:absolute;
	margin: 10px 50% auto 50%;
	padding: 10px;
	color: #fff;
	background-color: #999;
	border: 1px dotted #fff;
}
#wrapperbox {
	margin: 0 auto;
	border: 0;
	text-align: left;
	width: 903px;
	background-color:#CCCCCC;
	background-image:url(main_FILES/main_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#headerbox {
	background-image:url(main_FILES/header_bg_01.png);
	background-color: #074986;
	height: 144px;
}

#headerbox img.homelink { /* Das Hatz-Logo */
	position: absolute;
	z-index: 0;
	margin: 5px 0 0 55px;
	border: none;
}


#headerbox_navi  {
	color: #273D50;
	font-size: 70%;
	font-family:Tahoma, Arial, sans-serif, Verdana;
	position:absolute;
	top: 115px;
	z-index: 80;
}


#navibox {
	float: left;
	width:205px;
	font-size:0.7em;
}

#productfinder_box {
	color: #FFFFFF;
	width:183px;
	font-size: 100%;
	font-weight:bold;
	margin:20px 0 0 22px;
	padding: 0;
}

#infobox #productfinder_box {
	margin-top:0px;
}



#suchbox {
	width:176px;
	text-align: center;
}

#mainbox {
	background-color:#fff;
	margin: -12px 0 0 0;
	padding:  10px 20px 10px 20px;
	font-size:0.8em;
	text-align:justify;
	line-height: 140%;
	float: left;
	width: 453px;
}


#infobox {
	float: right;
	width: 182px;	
	font-size:0.7em;
	margin-right: 11px;
}

[id]#infobox {
	margin-right: 22px;
}

#footerbox {
	background-image:url(main_FILES/footer_bg.png);
	background-position:0px 0px ;
	background-repeat:no-repeat;
	height: 50px;
	font-size:0.7em;
	padding: 5px 0 0 25px;
	clear: both;
	/*background-color: #B2B3B6;*/
}

#langselect {
  position: absolute;
  margin-top: 5px;
}

#langselect img {
	vertical-align: middle;
	border: none;
	margin: 0;
	padding: 3px 3px 3px 0;
}

#f_copyright {
	padding-top: 33px;
	clear: both;
	color: #99a;
	text-align: right;
	padding-right: 25px;
}

#start_motor {
	position:absolute;
	margin: -260px 0 0 105px;
	z-index: 15;
}

#start_motor .grafik{
	behavior: url("pngbehavior.htc"); /* einmal mehr ein hack für Alphatransparenz im IE 5.5+  */
}


#printbox {
	background-image:url(main_FILES/print.gif);
	background-position: right;
	background-repeat:no-repeat;
	font-size: 75%;
	color: #AAB3C4;
	padding: 0 13px 0 0;
	text-align: right;
}


#weiter_button {
	background-image: url(main_FILES/arrow_right_grafik.gif);
	background-repeat:no-repeat;
	background-position: left;
	color:#4474A3;
	font-weight:bold;
	padding: 0 0 0 8px;
}

/******************************************************************************************************/
/*	?berschriften
******************************************************************************************************/

h1 {
	font-size: 16px;
	color: #4474A3;
	line-height: 140%;
	margin: 0 0 10px 0;
}


#mainbox div.maintitel {  /* f?r rote Hintergrundeinfassung der ersten Zeile*/
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	line-height:180%;
	margin-bottom: 10px;
	background:url(main_FILES/mainheader_bg.gif);
	background-repeat:repeat-x;
}

#mainbox div.maintitel h1 {
	padding: 3px 10px 3px 15px;
	color:#C83729;
	background-color:#fff;
	display:inline;
	font-size: 1.25em;
}

#infobox h1 {
	margin: 0px 0 2px 0;
	background-color:#C83729;
	color:#fff;
	font-size:1.1em;
	padding: 1px 1px 1px 3px;
	/*padding: 3px;
	text-align: center;*/
}

/* Folgende Formate sind identisch mit den RTE p.header1...5 Formaten  */

h2 {
	font-size: 14px;
	color: #666;
	margin: 2px 0 6px 0;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	color: #000;
	margin: 0 0 4px 0;
	font-weight: bold;
}

h4 {
	font-size: 10px;
	color: #4474A3;
	line-height: 140%;
	margin: 0 0 10px 0;
	font-weight: bold;
}

h5 {
	font-size: 9px;
	color: #000;
	text-decoration: underline;
	margin: 0 0 4px 0;
	font-weight: bold;
}

/******************************************************************************************************/
/*	Links
******************************************************************************************************/

#headerbox_navi a {
	color: #273D50;
	text-decoration:none;
}

#headerbox_navi a:hover {
	text-decoration:underline;
}

h1 a {
	color: #4474A3;
}

#mainbox a, #infobox a {color:#064885; text-decoration: none; }

#mainbox a:hover, #infobox a:hover {color:#C83729; text-decoration: underline; }

#infobox h1 a {
	background-image: url(main_FILES/arrow_w_right.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	color: #fff;
	padding-left: 8px;
}

#infobox h1 a:hover {
	color: #fff;
}


#weiter_button a{
	text-decoration:none;
	color:#4474A3;
}

#weiter_button a:hover {
	text-decoration:underline;
}

#printbox a{
	color: #667693;
	text-decoration:none;
}

#langselect a {
	text-decoration: none;
	color: #273D50;
}

#f_copyright a {
	color: #99a;
}
#f_copyright a:hover {
	color: #ccc;
}

/******************************************************************************************************/
/*	Abs?tze etc.
******************************************************************************************************/
p.bodytext {
  margin: 0 0 1em 0;
}

#infobox p {
	margin: 0;
	padding: 3px 15px 3px 10px;
	text-align: justify;
}

#mainbox p.clear_both { 
	clear: both; 
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 0;
}

	
/******************************************************************************************************/
/*	Navigations-Listen
******************************************************************************************************/

#headerbox_navi ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 30px;
}

#headerbox_navi li {
	display:inline;
}

#headerbox_navi ul li.navi_home {
	background-image:url(main_FILES/header_navi_home.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 10px 0 12px;
}

#headerbox_navi ul li.navi_home_hi {
	background-image:url(main_FILES/header_navi_home_hi.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 10px 0 12px;
}

#headerbox_navi ul li.navi_sitemap {
	background-image:url(main_FILES/header_navi_sitemap.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 10px 0 15px;
}

#headerbox_navi ul li.navi_sitemap_hi {
	background-image:url(main_FILES/header_navi_sitemap_hi.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 10px 0 15px;
}

#headerbox_navi ul li.navi_sitemap_hi a {
	color: #C83729;
}

#headerbox_navi ul li.navi_kontakt {
	background-image:url(main_FILES/header_navi_kontakt.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 5px 0 12px;
}

#headerbox_navi ul li.navi_kontakt_hi {
	background-image:url(main_FILES/header_navi_kontakt_hi.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 0 10px 0 12px;
}

#headerbox_navi ul li a.navi_hi {
	color: #C83729;
	text-decoration: none;
}


/*  HAUPT-Navigation  */ 

#navibox ul {
	padding: 0;
	margin: 0 0 0 22px;
	width: 183px;
}

#navibox ul li {
	padding: 3px;
	list-style-type: none;
	border-bottom: 1px solid #FFFFFF;
	color:#667693;
	margin:0;
}

#navibox ul li a {
	color:#667693;
	text-decoration: none;
}

#navibox ul li.navi_hi a, #navibox ul li a:hover {
	color: #C83729;
	text-decoration: none;
}

#navibox ul li.navi_hi{
	color: #C83729;
	background-image: url(main_FILES/arrow_bottom_red.gif);
	background-repeat: no-repeat;
	background-position: 7px 8px;
	font-weight:bold;
	font-size: 110%;
	padding-left: 19px;
}

#navibox ul li.navi_lo {
	color:#667693;
	background-image: url(main_FILES/arrow_right.gif);
	background-repeat:no-repeat;
	background-position: 7px 7px;
	font-weight:bold;
	font-size: 110%;
	background-color: #DEDEE7;
	padding-left: 19px;
}


#navibox ul li.seknavi_lo {
	color:#667693;
	font-size: 95%;
	font-weight: bold;
	/*width: 183px;*/
	padding-left: 19px;
	background-image: url(main_FILES/dot.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}


#navibox ul li.seknavi_lo a{
	color:#667693;
}


#navibox ul li.seknavi_hi {
	color:#C83723;
	background-image: url(main_FILES/dot_hi.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 19px;
	font-size: 95%;
	/*width: 158px;*/
	font-weight: bold;
}

#navibox ul li.seknavi_hi a, #navibox ul li.seknavi_lo a:hover{
	color:#C83723;
}

#navibox ul li.subnavi_lo {
	font-size: 100%;
	margin:0;
	padding-left:22px;
}

#navibox ul li.subnavi_hi{
	font-size: 100%;
	margin:0;
	padding-left:30px;
	background-image: url(main_FILES/subnavi_bullet_hi.gif);
	background-repeat: no-repeat;
	background-position: 22px 6px;
}

#navibox ul li.subnavi_hi a, #navibox ul li.subnavi_lo a:hover{
	color:#C83723;
}


#productfinder_box ul {
	padding: 0;
	margin: 0;
	/*width:183px;*/
}

#productfinder_box ul li.produkt_navi {
	background-color:#4474A3;
	color: #FFFFFF;	
	background-image: url(main_FILES/lupe.gif);
	background-repeat:no-repeat;
	background-position: 8px 5px;
	padding: 5px 0 5px 28px;
	margin: 0;
	width: 155px;
}


#langselect ul {
	margin:0;
	padding:0;
}

#langselect ul li {
	margin:0 2px 0 0;
	padding: 3px;
	display: inline;
}

#langselect ul li.active {
	background-color: #def;
}

#langselect ul li.inactive {
	color: #999;
}

/******************************************************************************************************/
/*	Formulare
******************************************************************************************************/

form#productfinder_form {
	margin: 0;
	padding: 0;
}

select.productfinder_select {
	font-size: 80%;
	width: 178px;
	margin: 2px 0 3px 0;
}

#suchbox input {
	color:#2E4F70;
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	background-image: url(main_FILES/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}



/******************************************************************************************************/
/*	Tabellen Formatierung
******************************************************************************************************/

table{
	font-size: 95%;
	width: 99%;
	border-collapse: collapse;
}

table td {
	border: 1px solid #425565;
	padding: 2px;
	vertical-align: top;
}

thead, th {
	color: #FFFFFF;
	font-weight:bold;
	background-color:#4474A3;
	text-align:left;
	vertical-align: middle;
	padding: 3px;
}

table#starttable {
	border-collapse: separate;
	line-height: 140%;
	width: 420px;
}


table#starttable td {
	border:none;
	text-align:left;
	vertical-align:top;
	background-color: #999;
}

table#starttable td.td_normal {
	text-align:left;
	vertical-align:top;
	border-left: none;
	padding-left: 0;
}

table.unsichtbar {
	border: none;
}

table.unsichtbar td {
	border: none;
}

/*************************************************************************/
/* csc_textboxen */
/*************************************************************************/


#csc-sitemap {
	font-size: 9px;
}

.csc-frame-rulerBefore{
	border-top: 1px solid #ccc;
	margin-top: 3px;
}

.csc-frame-rulerAfter {
  border-bottom: 1px solid #ccc;
  margin-bottom: 3px;
}

.csc-frame-frame1{
	padding:5px;
	margin: 0 0 10px 0;
	border:1px solid #E2E2EB;
	background-color: #FBFBFB;

}

.csc-frame-frame2{
	background-color: #ffe;
	border: 2px solid #C83729;
	padding: 5px;
	margin: 0 0 10px 0;
}

.csc-frame-frame2 h1{
	color: #C83729;
}

/*
div.csc-mailform-field {
       padding:5px;
       margin: 0 0 10px 0;
       border:1px solid #E2E2EB;
       background-color: #FBFBFB;
       vertical-align: top;
}


div.csc-mailform-field label {
       vertical-align: top;
}
*/

#mailform {
margin:20px;
}
#mailform fieldset {
border-color:#CCCCCC rgb(204, 204, 204) -moz-use-text-color;
border-style:dotted dotted none;
border-width:1px 1px medium;
padding-top:2px;
}
#mailform fieldset label {
background-color:#F6F6F6;
clear:left;
color:#000000;
display:block;
float:left;
font-size:11px;
font-weight:normal;
margin:0pt 8px 3px 0pt;
min-height:22px;
padding-right:8px;
text-align:right;
width:140px;
}
#mailform fieldset .csc-mailform-field {
border-bottom:1px dotted #CCCCCC;
clear:both;
padding:2px 0pt;
}
#mailform fieldset input {
height:18px;font-size:11px;
}
#mailform fieldset textarea {
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:11px;
min-height:64px;
}
#mailform fieldset input.csc-mailform-check {
margin-bottom:4px;
}
#mailform fieldset input#mailformformtype_mail {
clear:left;
height:22px;
margin-left:200px;
}

.csc-textpic-caption {
  padding-top: 3px;
  font-size: 10px;
  line-height: 100%;
}

/*************************************************************************/
/* RTE -Formate */
/*************************************************************************/


.blau {
	color: #064885;
}

.rot {
	color: #C83729;
}

.grau {
	color: #999;
}

.highlight {
  font-size: 18px;
}

.anmerkung {
  font-size: 9px;
}

p.header1 {
	font-size: 16px;
	color: #4474A3;
	line-height: 140%;
	margin: 0 0 10px 0;
	font-weight: bold;
}

p.header2 {
	font-size: 14px;
	color: #666;
	margin: 0 0 6px 0;
	font-weight: bold;
}

p.header3 {
	font-size: 12px;
	color: #000;
	margin: 0 0 4px 0;
	font-weight: bold;
}

p.header4 {
	font-size: 10px;
	color: #4474A3;
	line-height: 140%;
	margin: 0 0 10px 0;
	font-weight: bold;
}

p.header5 {
	font-size: 9px;
	color: #000;
	text-decoration: underline;
	margin: 0 0 4px 0;
	font-weight: bold;
}

.roter_rand {
	border: 2px solid #C83729;
	padding: 5px;
}

.graue_box {
	color: #fff;
	padding: 5px;
	background-color: #999;
	border: 1px solid #333;
}