body {
  background-image: url('img/bg.png');
  color: #333;
  font-size: 11px;
  font-family: Verdana;
  text-align: center;
}
img {
	border: none;
}
#wrapper {
  margin: 0 auto;
  width: 900px;
  background-image: url('img/bg_wrapper.png');
  text-align: left;
}
#top {
  width: 100%;
  height: 11px;
  background-image: url('img/top.png');
}

.clear { clear: both; }
a, a:visited {
	color: #444;
	text-decoration: underline;
}
a:hover {	text-decoration: none; }

/** head stuff **/

#language {
  float: left;
  margin: 6px 0 0 5px;
  padding-left: 10px;
  position: relative;
}
#lang_curr { color: #EF8B77; text-decoration: none; outline: none; }
#lang_sel {
	position: absolute;
	left: 60px;
	background-color: #fff;
	border: 1px solid #999;
	border-bottom-width: 0;
	width: 60px;
	display: none;
}
#lang_sel a {
  text-decoration: none;
  padding: 1px 0 0 4px;
  display: block;
  border-bottom: 1px solid #999;
}
#lang_sel a:hover {
	background-color: #ffdddd;
}
#world {
  width: 31px;
  height: 18px;
  background-image: url('img/world.png');
  float: left;
  margin: 4px 0 2px;
}
#topleft {
	float: left;
	font-size: 11px;
	margin-left: 20px;
}

#loginarea {
	margin-left: 36px;
}
#loginarea a { color: #999; }

#headtext {
  float: right;
  text-align: right;
  font-size: 18px;
  padding-right: 25px;
  color: #555;
  margin-top: 15px;
}

#headlogo {
  float: right;
  background-image: url('img/logo.gif');
  width: 185px;
  height: 33px;
  margin: 10px 10px 5px 0;
  font-size: 16px;
}

/** Header **/

#head_container {
	margin: 0 8px 0 7px;
}
#header {
  width: 878px;
  height: 180px;
  margin-left: 3px;
}
.head_bar {
	height: 4px;
	font-size: 4px;
	background-color: #EBEBEB;
	border-bottom: 4px solid #FFFFFF;
	border-top: 4px solid #FFFFFF;
}

/** Navigation **/

#navi {
  width: 165px;
  padding-left: 35px;
  float: left;
}

#navi div {
	display: none;
	padding: 10px 0 15px 10px;
	margin: -9px 0 10px;
	width: 135px;
	border-right-width: 8px;
	border-right-style: solid;
}

#navi a {
	color: #666;
	text-decoration: none;
	font-family: Calibri, Tahoma, Arial;
	font-size: 22px;
	display: block;
  width: 145px;
  height: 25px;
  margin-bottom: -7px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-right-width: 8px;
  border-right-style: solid;
}
#navi a:focus { outline: none; }
#navi div a {
	font-size: 12px;
	font-family: Verdana;
	width: 133px;
	height: 16px;
	margin: 0 0 -13px;
	padding: 1px 0 1px 2px;
	overflow: hidden;
	border-width: 0;
}

#portrait, #sub_portrait, .head_portrait, .right_portrait { border-color: #F76516; }
#portrait:hover, #sub_portrait a:hover, .portrait_hover { background-color: #FDC6A9; }

#aktuelles, #sub_aktuelles, .head_aktuelles, .right_aktuelles, .jobs_entry { border-color: #F73B16; }
.jobs_entry_date { background-color: #F73B16; }
#aktuelles:hover, #sub_aktuelles a:hover, .aktuelles_hover { background-color: #FEB6A8; }

#produkte, #sub_produkte, .head_produkte, .right_produkte { border-color: #C1301D; }
#produkte:hover, #sub_produkte a:hover, .produkte_hover {	background-color: #DDBEBA; }

#support, #sub_support, .head_support, .right_support { border-color: #B91717; }
#support:hover, #sub_support a:hover, .support_hover { background-color: #EEC9C9; }

#kontakt, #sub_kontakt, .head_kontakt, .right_kontakt { border-color: #8A1D2D; }
#kontakt:hover, #sub_kontakt a:hover, .kontakt_hover { background-color: #E7C2C7; }

#navsearch {
	width: 16px !important;
	height: 16px !important;
	background-image: url('img/search.png');
	margin: 0 !important;
	border-right-width: 0 !important;
	border-bottom-width: 0 !important;
}

/** Content **/

#content {
  width: 640px;
  float: right;
  padding-right: 40px;
  padding-left: 20px;
  font-family: Verdana;
  font-size: 11px;
}
#product_content {
	width: 100%;
	overflow: hidden;
}

input {
	border: 1px solid #ABADB3;
	background-color: #FFF;
}
input:focus {
	border: 1px solid #000;
}

th { text-align: left; }
.manage {	width: 100%; }
.manage tr:hover { background-color: #DDD; }

.checkbox { margin: 0; }

.noform_button {
  border: none;
  background-color: inherit;
}
.noform_button:focus { border: none; }
.form_error {
	background-color: #FFFFE4;
	border: 1px solid #FFFD7B;
	padding: 2px;
	margin: 2px;
}
#products_wrapper a {
	display: block;
	width: 130px;
	padding: 1px 1px 0 5px;
	color: #444;
	text-decoration: none !important;
}
.pro_heizung:hover { background-color: #DAA2A2; }
.pro_lueftung:hover { background-color: #99D7FF; }
.pro_sanitaer:hover { background-color: #F9F2A6; }
.pro_sprinkler:hover { background-color: #D0ECAB; }
.pro_rohrleitung:hover { background-color: #F5C299; }
.pro_vdi:hover { background-color: #98D3F1; }
.pro_allgemein:hover { background-color: #CCCCCC; }

.head_portrait, .head_aktuelles, .head_produkte, .head_support, .head_kontakt, .jobs_entry {
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
.right_portrait, .right_aktuelles, .right_produkte, .right_support, .right_kontakt, .jobs_entry {
	border-right-width: 5px;
	border-right-style: solid;
}

.jobs_entry {
  width: 625px;
  padding: 5px;
}
.jobs_entry_date {
  float: right;
  text-align: right;
  color: #FFF;
  margin: -5px -5px 0 0;
  width: 66px;
  height: 12px;
}

/* Footer */

#end {
  width: 100%;
  height: 23px;
  background-image: url('img/end.png');
  margin-top: 50px;
}

#footer {
  width: 870px;
  background-image: url('img/bg_footer.png');
  padding: 10px 10px 10px 20px;
  color: #BDBDBD;
}

#footerend {
	width: 100%;
	height: 14px;
	background-image: url('img/footer_end.png');
}

/** CSS Hacks for IE6 **/

* html #navi div a { width: 127px; }
* html #content { padding-left: 0; width: 685px; }
* html td { font-size: 11px; }
* html #top { height: 10px; font-size: 2px; }
* html #footer { width: 898px; }
* html #navsearch { height: 15px !important; margin-top: -1px !important; background-position: 0 2px; background-repeat: no-repeat; }
* html #lang_sel { top: 15px; }
* html #topleft { margin-left: 10px; }