/* reset Style for all Browsertypes (http://kronn.de/code/css/reset.css) */
html,address,blockquote,body,div,dl,dt,dd,form#mailForm fieldset,form,h1,h2,h3,h4,h5,h6,ol,p,ul,li,center,hr,pre,table,tr,td,th,thead,tbody,tfoot,caption {
	font-family:inherit; font-style:normal; font-weight:normal;
	font-variant:normal; font-size:inherit; line-height:inherit;
	text-align:left; text-decoration:none; padding:0; margin:0;
	float:none; border:0px; display:block; cursor:default;
}

span,a,img,abbr,code,em,b,i,textarea,legend,button,object,select,var,tt,kbd,samp,small,sub,sup {
	font:inherit; background:transparent; padding:0; margin:0;
	color:inherit; display:inline; float:none; border:0; text-decoration: none;
}

li       { display:list-item; }
table    { display:table; border-spacing:0; border-collapse:collapse; }
tr       { display:table-row; }
th,td    { display:table-cell; }
thead    { display:table-header-group; }
tbody    { display:table-row-group; }
tfoot    { display:table-footer-group; }
caption  { display:table-caption; }
colgroup { display:table-column-group; }
col      { display:table-column; }
head     { display:none; }

/* ============================================================================================= */
/* globale Regeln */
html {	
	font-family: Arial, Verdana, Helvetica, Geneva, Lucida, sans-serif;
	font-size:11px;
	background: white url('/img/greybg.gif') repeat-x;
}

textarea { cursor:text; }
ul li { list-style-type:none; }
ol li { list-style-type:none; }

/* Farben */
.color_bg_first{ background-color: white; }
.color_bg_grey1{ background-color:#ECEDEE; }

a { 
	cursor:pointer;
	color:#000;

}

a:hover {
        color: #999999;
}

h1 {
	font-family: Arial, Verdana, Helvetica, Geneva, Lucida, sans-serif;
	font-size:20px;
	margin:5px 0 8px;
	float:left;
}

h2 {
	font-family: Arial, Verdana, Helvetica, Geneva, Lucida, sans-serif;
	font-size:15px;
	margin:5px 0 4px;
}

h3 {
	font-family: Arial, Verdana, Helvetica, Geneva, Lucida, sans-serif;
	font-size:12px;
	margin:5px 0 2px;
}

/******************************************************************************************************************/
/* Seitenaufteilung */
.content_min_height { min-height:600px; }
* html .content_min_height { height:600px; } /* nur für IE 5.5 - 6.x */

.navigation_min_height { min-height:318px; }
* html .navigation_min_height { height:318px; } /* nur für IE 5.5 - 6.x */

#page {
	padding:0;
	margin:0 auto;
	width:832px;
	font-size:12px;
	position:relative; 
	border: 1px solid white;
	background: white;
}

#content {
	position: relative;
	width:    592px;
	display:  block;
	float:    left;
}

#content h1 { 
  /*float: none;*/
  font: bold 11px Arial, sans-serif;
  margin: 0;
  padding: 5px 23px 5px 23px;
  min-width: 194px;
  background: black;
  color: white;
  clear: left;
  white-space: nowrap;
}

#content h2 { 
  font: normal 13px Arial, Helvetica, sans-serif;
}

#content .main {
  /*margin: 12px 23px 0 23px;*/
  padding: 12px 23px 0 23px;
  font: 10px Arial, sans-serif;
  clear: left;
}

#content.loading 	{ background: url('/img/loader.gif') 49% 49% no-repeat; }
#content .content_main { position:relative; }
#content .main a { color:#FF9900; }
#content .main.imprint p { margin-bottom:15px; }
#content .main.agb h2, h3 { font-weight:bold; }
#content .main.agb p,#content .main.agb ul li { margin:10px 4px; }
#content .content_main .text {
	position:absolute;
	bottom:0px;
	left:10px;
	color:#fff;
}

#content .content_main .text p { margin-top:20px; }
#content .content_main .text a {
	color:#fff;
	font-weight:bold;
}

#content .img_author {
	position:absolute;
	right:7px;
	top:316px;
}

#content .contentImage {
	float:left;
}

/******************************************************************************************************************/
/* header-items */

#header {
	/*background: url('/img/header_bg.gif') no-repeat;*/
	background: white;
	position:relative;
	height: 176px;
	width: 100%;
	border-bottom: 1px solid white;
}

#header .logo {
	position: absolute;
	right: 23px;
	bottom: 23px;
	width: 165px;
	border-left: 1px solid black;
	padding-left: 23px;
}

#header #fb-like {
	position: absolute;
	z-index: 10000;
	right: 95px;
	top: 10px;
}

#header #social-iconset {
	z-index: 10000;
	position: absolute;
	right: 25px;
	top: 7px;
}


/* header-search */

#header #search input.submit {
  border: 0 none;
  background: none;
  font: normal 7pt Arial, Helvetica, sans-serif;
  color: White;
}

#search {
	position: absolute;
	right: 235px;
	bottom: 23px;
  background: #FF9900;
  padding-right: 3px;
}

#search form {
  font: bold 7pt Arial, sansserif;
  color: white;
}

#search form span {
  padding: 0 10px;
}

html* #search form span {
  top: 0px;
}

#search input.textinput {
  border: 0 none;
  margin: 1px;
  height: 12px;
  font: bold 7pt Arial, sansserif;
  width: 150px;
  color: black;
  padding-left: 2px;
}

html* #search input.textinput {
  margin: 0;
  border-left: 1px solid #FF9933;
}

/* header-menu */

#header_menu {
	position: absolute;
	right: 235px;
	bottom: 50px;
  float: left;
  font: 9px Arial, sansserif;
  line-height: 8px;
}

#header_menu li {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #FF9933;
}

#header_menu li.first {
  border-left: 0 none;
}

#header_menu li a.active {
  color: black;
}

#header_menu li a,
#header_menu li a:visited {
  color: #FF9900;
}

#header_menu li a:hover,
#header_menu li a:active
{
  color: black;
}



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

#navigation { 
	width: 240px; 
	margin-bottom:1px;
	float:left;
	list-style-type:none;
}

#navigation li {
  background: white;
	display:block;
}

#navigation a {
	font: normal 8pt Arial, sansserif;
	color:#FF9900;
	display:block;
	height: 17px; /* 17 + 2* 3 padding = 23 */
	padding: 4px 0px 2px 23px;
	text-decoration:none;	
}

#navigation a.selected {
	background: url('/img/menu_underline.gif') no-repeat;
	background-position:0px 18px;
}

/* ============ SPEZIALFORMAT FÜR MENÜPUNKTE 1-3 =============== */
/* Erster Menüpunkt */
#navigation .MenuItemDepth_0_Special {
  background: #FF9900;
}

#navigation .MenuItemDepth_0_Special a {
  color: white;
  border-bottom: 1px solid white;
}

#navigation .MenuItemDepth_0_Special a:hover,
#navigation .MenuItemDepth_0_Special a.active {
  background: url("/img/menue_bg_hover_active.jpg") 0 0 no-repeat;
  color: black;
  border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemDepth_0_Special a.semiactive {
  color: black;
  border-bottom: 1px solid #FF9900;
  background: white;
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 a {
	color:#FF9900;
	font-weight:normal;
	padding-left: 46px; /* 2*23px */
	border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 a.semiactive {
  color: black;
  border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 a:hover {
  color: black;
  border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 a.active, 
#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 a.selected { 
	font-weight:normal;
	color:#000; 
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1.last a {
  /*border-bottom: none;*/
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 .MenuItemDepth_2 a {
	font-weight:normal;
	margin-top:1px;
	padding-left: 69px;  /* 3*23px */
	border-bottom: 0 none;
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 .MenuItemDepth_2 a:hover {
  border-bottom: 0 none;
}

#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 .MenuItemDepth_2 a.active,
#navigation .MenuItemDepth_0_Special .MenuItemDepth_1 .MenuItemDepth_2 a.selected { 
  color:#000; 
	border-bottom: 0 none;
}


/* ============================================================= */

/* ============ SPEZIALFORMAT FÜR MENÜPUNKT Verkauf =============== */
/* Erster Menüpunkt */
#navigation .MenuItemSales {
  background: url("/img/menue_bg_sales_normal.jpg") 0 1px no-repeat;
}

#navigation .MenuItemSales a {
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemSales a:hover,
#navigation .MenuItemSales a.active {
  background: url("/img/menue_bg_sales_hover_active.jpg") 0 0 no-repeat;
  color: black;
  border-bottom: 1px solid #FF9900;
}
/* ============================================================= */

#navigation .MenuItemDepth_0 a {
	color:#FF9900;
	font-weight: normal;
	border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemDepth_0 a.semiactive {
  color: black;
  border-bottom: 1px solid #FF9900;
}

#navigation .MenuItemDepth_0 a:hover,
#navigation .MenuItemDepth_0 a.active {
  background: url("/img/menue_bg_hover_active.jpg") 0 0 no-repeat;
  color: black;
  border-bottom: 1px solid #FF9900;
}

/* ============================================================= */

#navigation .MenuItemDepth_1 a {
	color:#FF9900;
	font-weight:normal;
	padding-left: 46px; /* 2*23px */
}

#navigation .MenuItemDepth_1 a.active, 
#navigation .MenuItemDepth_1 a.selected { 
	font-weight:normal;
	color:#000; 
}
#navigation .MenuItemDepth_1 a.selected { background-position:20px 18px; }

#navigation .MenuItemDepth_1 ul {
  border-bottom: 1px solid #FF9900;
}

/* ============================================================= */

#navigation .MenuItemDepth_2 a {
	font-weight:normal;
	margin-top:1px;
	padding-left: 69px;  /* 3*23px */
	border-bottom: 0 none;
}

#navigation .MenuItemDepth_2 a:hover {
  border-bottom: 0 none;
}

#navigation .MenuItemDepth_2 a.active,
#navigation .MenuItemDepth_2 a.selected { 
  color:#000; 
	border-bottom: 0 none;
}
#navigation .MenuItemDepth_2 a.selected { background-position:40px 18px; }

#navigation .MenuItemDepth_2 a.semiactive { border-bottom: 0 none; }

/* ============================================================= */

#navigation #teaser {
  height: auto;
  padding: 0;
  margin: 0;
}

#navigation #teasergfx {
  margin-top: 23px;
}

/******************************************************************************************************************/
/* footer-menu */
#footer {
	width:592px;
	float:right;
	right: 0;
	margin:10px 0 20px;
	height:30px;
	border-top:1px solid #FF9900;
	display:block;
	padding-top:12px;
	font: 9px Arial, Helvetica, sansserif;
	position: relative;
	white-space: nowrap;  
}

#footer #copyright {
  color: silver;
  position: absolute;
  top: 9px;
  margin-left: 23px;
  font-weight: normal;
  float: left;
}

#footer ul {
  margin: 0;
  padding: 0;
	float: right;
  clear: both;
}

#footer ul li {
	float: left;
  margin: 0 6px 0 0;
  padding: 0;
}

#footer ul li.lang {
	margin-right:5px;
}

#footer ul li.break {
}
#footer ul li.break a {
	border: 0 none;
}

#footer ul li a { 
	color:#FF9900;
	padding:0;
	border-right:1px solid #FF9900;
	padding-right:8px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	line-height: 0.9em;
	margin-bottom: 6px;
}

#footer ul li a:visited {
	color:#FF9900;
}

#footer ul li a:hover,
#footer ul li a:active { 
  color: black;
}

#footer ul li a.first { 
	padding:0;
	border-left: 0 none;
	text-decoration:none;
	display:block;
}

#footer li.last a 	{ border:none; }
#footer li.last 	{ margin-right:0; }

#footer a.selected { font-weight:normal; color:#000;}

#footer .lang a.en,
#header_menu .lang a.en {
	background: url('/img/en.gif') 11px 2px no-repeat;
	padding:0 13px 3px 5px;
	width: 18px;
}
#footer .lang a.en span,
#header_menu .lang a.en span {
  visibility:hidden;
}

#footer .lang a.de,
#header_menu .lang a.de {
	background: url('/img/de.gif') 11px 2px no-repeat;
	padding:0 13px 3px 5px;
  width: 18px;
}

#footer .lang a.de span,
#header_menu .lang a.de span {
  visibility:hidden;
}

/******************************************************************************************************************/
/* projectList */
ul.projectList { float:left; }

ul.projectList li { 
	float:left; 
	background-color:#FF9900;
}
ul.projectList li a { 
	color:#fff;
	border-left:1px solid white;
	display:block;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 5px 13px;
	text-decoration:none;
}

ul.projectList li a.last { border-right:none; }
ul.projectList li.activeProjectLink { 
  background: url(/img/projectlink_bg.gif);
}
ul.projectList li.activeProjectLink a { color: black; }

/******************************************************************************************************************/
.option {
  border:none;
  background:none;
  width:auto;
}

.mailform {
	width:592px;
	overflow:hidden;
	position: relative;
}

a.emailHeadlineLink {
  font: bold 11px Arial, Helvetica, sans-serif;
  float: left; 
  padding: 5px 5px 5px 2px; 
  background: black; 
  margin: 0; 
  color: #FF9900;
  width: 163px;
}

form#mailForm fieldset {
	/*background: url('/img/email_fieldset_bg.gif') bottom right repeat-x;*/
	background: white;
	border-top: 1px solid black;
	padding:0;
	margin:0;
}

form#mailForm fieldset label { 
	color: #888888;
	font-size:9px; 
	margin:0; 
	padding-left:4px;
}

form#mailForm input { 
	border:none; 
	height:19px;
	display:block;
	padding-left:4px;
	margin-bottom:2px;
	font: normal 11px Arial, Helvetica, sans-serif;
}

form#mailForm input:hover,
form#mailForm input:focus,
form#mailForm textarea:hover,
form#mailForm textarea:focus {
  background-color: #EFEFEF;
}

form#mailForm select { 
	display:block;
	border: none;
	padding:0;
}

select.salutation {
	height:18px; 
	font: normal 11px Arial, Helvetica, sans-serif;
}

* html select.salutation { bottom:1px; } /* nur für IE 5.5 - 6.x */

a.form_button.email {
	font-weight:bold;
	background-color:#FF9900;
	line-height:16px;
	padding:2px 0 0 8px;
	color:#fff;
	cursor:pointer;
	display:block;
	height:20px;
	width:590px;
}

a.form_button.email:hover {
	text-decoration:none;
	color:#000;
	background-color:#E2E2E2;
}

input.form_button {
	cursor:pointer;
	height:20px;
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	width:200px;
	padding: 0px 0 1px 0;
}

a.show_address {
	text-decoration:none;
	display:block; 
	margin:3px 7px 5px 4px; 
	font-weight:bold;
}

textarea.message {
  font: normal 11px Arial, Helvetica, sans-serif;	margin:0;
	margin-bottom:2px;
	width:535px;
	padding-left:4px;
	padding-top:2px;
	height:197px;
}

* html textarea.message { width:530px;  } /* nur für IE 5.5 - 6.x */

form#mailForm fieldset .error { 
  /*background:#E6D8C3; */
  border-bottom: 2px dotted red;
}

.errorMessage {
	color:#ff0000;
	font-size:9px;
	margin-top:2px;
}

p.success { 
	position:relative;
	width:285px;
	margin:120px auto; 
}

/******************************************************************************************************************/
/* catalog */

#content.catalog h1 {
	background:#969599;
	color:#fff;
	font-size:13px;
	padding:5px 10px 5px 10px;
	margin:0px 0px 25px 0px;
	float:right;
}

table.catalog { display:block; clear: both; }

table.catalog thead { vertical-align:top; }

table.catalog td,
table.catalog th  {
	padding: 1px;
	vertical-align:top;
	padding: 12px 5px 12px 0;
	font: normal 7pt Arial, Helvetica, sans-serif;
	border-top:1px solid #000;
}

table.catalog th.col_1, table.catalog td.col_1 { width:109px; padding-left: 23px; }
table.catalog th.col_2, table.catalog td.col_2 { width:190px; }
table.catalog th.col_3, table.catalog td.col_3 { width:140px; }
table.catalog th.col_4, table.catalog td.col_4 { width:130px; }

table.catalog td h3  				{ font-weight:bold; }
table.catalog span.equipment_type 	{ font-weight:bold; }
table.catalog span.price_netto  	{ font-weight:bold; }
table.catalog span.price_brutto		{ color:grey; }
table.catalog span.tax  			{ color:grey; }

/* catalog menu */
#content table.catalog td h2,
#content table.catalog thead th h2 {
	font: bold 7pt Arial, Helvetica, sans-serif;
	margin:0;
	width:118px;
}

table.catalog td img { margin:10px 0 10px 0; }

table.catalog ul.menu { width:100px; }
table.catalog ul.menu li a { color:#FF9900; }