html, body {
	height: 100%;
}
body {
	padding: 0px;
	margin: 0px;
	font-family: arial;
	font-size: 14px;
	color: #444444;
	background: white;
}
img {
	border: 0px;
}
h2{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 120%;
	font-weight: normal;
	color: #0099d0;
}
h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 120%;
	font-weight: normal;
	color: #0099d0;
}
.clear {
	clear: both;
	height: 1px;
}
.productInfo, .productInfo1, .productInfo2 {
	display: block;
	color: #0099D0;
}
.productInfo {
	margin-top: 10px;
}
.productInfo1 {
	margin-bottom: 20px;
}
.productInfo2 {
}
.productInfo1 {
}
a{
  color:#0099D0;
}
a:active {
	outline: none;
}
a:focus {
	outline: none;
}
textarea{
  font-family:arial;
  font-size:14px;
}
.subHead {
	line-height: 30px;
	padding-left: 7px;
	font-size: 20px;
	font-weight: normal;
	color: white;
	background: url(img/subHeadBg.png) no-repeat;
	margin-bottom: 20px;
	text-shadow: #333333 0px 0px 3px;
}
#headArea {
	background: url(img/headAreaBg.png) repeat-x bottom left;
	height: 120px;
}
#headArea .centered {
	height: 120px;
}
.centered {
	position: relative;
	width: 955px;
	margin: auto auto;
}
#logo {
	position: absolute;
	bottom: 10px;
	left: 18px;
}
#mainNav {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#mainNav ul {
	margin: 0px;
	padding: 0px;
}
#mainNav li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	padding-left: 5px;
	margin-left: 5px;
}
#mainNav a {
	float: left;
	font-size: 15px;
	padding-left: 10px;
	padding-right: 15px;
	display: block;
	line-height: 36px;
	height: 36px;
	text-decoration: none;
	text-shadow: #ffffff 1px 1px 0px;
	color: #333333;
}
#mainNav a:hover {
	color: #0099d0;
}
#mainNav li.active {
	background: url(img/mainNavBg.png) top left no-repeat;
}
#mainNav li.active a {
	color: white;
	background: url(img/mainNavBg.png) top right no-repeat;
	text-shadow: #333333 0px 0px 5px;
}
.sepLine {
	background: url(img/sepLine.png) center center no-repeat;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	float: left;
}
#imageArea {
	background: url(img/imageAreaBg.png) center center no-repeat #f8f8f8;
	height: 332px;
	overflow: hidden;
}
#imageArea .centered {
	margin-top: 2px;
	height: 328px;
	background: white;
}
#sliderArea {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 709px;
	height: 328px;
}
#slider {
	position: relative;
}
#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
#contentArea {
	background: url(img/contentTopBg.png) 0px 0px repeat-x;
	padding-top: 20px;
	min-height: 250px;
}
#contentArea h1 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 30px;
	color: #0099d0;
	text-shadow: #ffffff 1px 1px 0px;
	padding-bottom: 25px;
	line-height: 100%;
}
#contentArea h2, #contentArea h4 {
	line-height: 140%;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	margin-top: 0px;
}
/*Content Inhalt*/
.iconBox {
	width: 220px;
	background: url(img/iconBoxTop.png) no-repeat;
	margin-bottom: 10px;
	margin-right: 25px;
	float: left;
	padding-top: 11px;
	position: relative;
}
.iconBoxText {
	font-size: 12px;
	line-height: 135%;
	padding: 0px 12px 12px 12px;
	background: url(img/iconBoxBottom.png) no-repeat  bottom;
}
.iconBoxText b {
	color: #0099D0;
}
#icon1, #icon2, #icon3, #icon4, #icon5, #icon6, #icon7, #icon8, #icon9 {
	position: absolute;
	z-index: 1000;
}
#icon1 {
	top: -4px;
	right: 8px;
}
#icon2 {
	top: -4px;
	right: 8px;
}
#icon3 {
	top: -2px;
	right: 17px;
}
#icon4 {
	top: -2px;
	right: 14px;
}
#icon5 {
	top: 1px;
	right: 8px;
}
#icon6 {
	top: 1px;
	right: 8px;
}
#icon7 {
	top: -4px;
	right: 17px;
}
#icon8 {
	top: -1px;
	right: 14px;
}
#icon9 {
	top: -4px;
	right: 12px;
}
.featuredBox2 {
	width: 220px;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.featuredBox2Image {
	margin-bottom: 15px;
}
.featuredBox2Text {
	font-size: 12px;
	line-height: 150%;
	color: #0099D0;
}
.featuredBox3 {
	width: 220px;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
.featuredBoxImage3 {
	margin-bottom: 3px;
}
.featuredBox3Text {
	font-weight: bold;
	color: #0099D0;
}
.featureBox {
	width: 465px;
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.featureBox h3 {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 110%;
	font-weight: normal;
	color: #0099d0;
}
.featureBoxImage {
	float: left;
	width: 208px;
}
.featureBoxText {
	font-size: 12px;
	line-height: 150%;
	float: right;
	width: 256px;
}
.featureBox ul {
	padding: 0px 0px 0px 15px;
	margin:  5px 0px 0px 0px;
	color: #0099d0;
	line-height: 135%;
}
.featureBox li {
	margin-bottom: 4px;
}
#footerArea {
	bottom: 100px;
	background: url(img/footerTopBg.png) 0px 0px repeat-x;
	padding-top: 56px;
}
#footerBody {
	background: url(img/sepLine.png) center top no-repeat;
	height: 60px;
}
#footerClaim {
	position: absolute;
	left: 0px;
	top: 15px;
}
#footerNav {
	display: block;
	position: absolute;
	top: 15px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}
#footerNav li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}
#footerNav a {
	font-size: 12px;
	line-height: 20px;
	padding-left: 24px;
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	background: url(img/arrowBtnBg.gif) 0px 0px no-repeat;
}
#footerNav a:hover {
	color: #0099d0;
	background-position: -300px 0px;
}
#searchBox {
	position: absolute;
	top: 18px;
	right: 5px;
}
#searchBox form {
	padding: 0px;
	margin: 0px;
}
.inputSearchText {
	color: #666666;
	border: 0px;
	height: 21px;
	width: 141px;
	padding: 0px 20px 0px 5px;
	margin: 0px;
	line-height: 21px;
	background: url(img/searchBg.png) 0px 0px no-repeat;
}
.inputSearchSubmit {
	background: url(img/searchSubmitBg.png) 0px 0px no-repeat;
	height: 12px;
	width: 12px;
	border: 0px;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0px;
	cursor: pointer;
}
#serviceLine {
	position: absolute;
	top: 23px;
	right: 195px;
}
#subNavArea {
	position: absolute;
	left: 13px;
	top: 20px;
	width: 220px;
}
#subNavArea ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px solid #bbbbbb;
}
#subNavArea li {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#subNavArea a {
	display: block;
	text-decoration: none;
	float: left;
}
/* subnav 1 */
.subnav_1 a, .subnav_1_active a {
	width: 185px;
	padding: 10px 25px 10px 10px;
	font-size: 14px;
	color: #333333;
	border-top: 1px solid #bbbbbb;
	background: url(img/subnav_1_bg.png) no-repeat top left;
}
.subnav_1 a:hover {
	color: #0099d0;
	background-position: top center;
}
.subnav_1_active a {
	color: white;
	text-shadow: #333333 0px 0px 5px;
	background-position: top right;
}
.subnav_1_active h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
/* subnav 2 */
.subnav_2 a, .subnav_2_active a {
	width: 195px;
	padding: 4px 5px 4px 20px;
	font-size: 13px;
	color: #333333;
	border-top: 1px dotted #cccccc;
}
.subnav_2 a:hover {
	color: #0099d0;
}
.subnav_2_active a {
	color: #0099d0;
	text-shadow: #ffffff 1px 1px 0px;
	background: #f0f0f0;
}
.subnav_2_active h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
/* subnav 3 */
#subNavArea .subnav_3, #subNavArea .subnav_3_active {
	display: none;
}
/*.subnav_3 a, .subnav_3_active a {
	display: none;
	width: 75px;
	padding: 2px 5px 2px 30px;
	font-size: 11px;
	color: #333333;
	background: url(img/smallArrowBlue.gif) no-repeat 22px 5px;
}
.subnav_3 a:hover {
	color: #0099d0;
}
.subnav_3_active a {
	color: #0099d0;
}
.subnav_3_active h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
*/
#contentArea {
	line-height: 150%;
}
#contentArea a {
	text-decoration: none;
	color: #0099d0;
}
#contentArea a:hover {
	color: #0099d0;
	text-decoration: underline;
}
.hSep {
	height: 10px;
	background: url(img/hsep.gif) repeat-x center left;
}
.hSep2 {
	height: 1px;
	background: #CCCCCC;
	margin-bottom: 30px;
}
.hSep3 {
	height: 1px;
	height: 10px;
	background: url(img/hsep.gif) repeat-x center left;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*gallery*/
#gallery_thumbs div {
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
#gallery_thumbs a {
	color: white;
	display: table-cell;
	display: expression('block');
	text-align: center;
	vertical-align: middle;
	font-family: verdana;
	font-size: 183px;
	line-height: 183px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	background: url(img/thumbBg.gif) no-repeat 0px 0px;
}
#gallery_thumbs a:hover {
	background-position: 0px -220px;
}
.gallery_thumbs img {
	vertical-align: middle;
}
#gallery_thumbs div.noMarginRight {
	margin-right: 0px;
}
#gallery_thumbs div.clear {
	margin: 0px;
	float: none;
	clear: both;
}
#gallery_thumbs b {
	font-weight: normal;
	color: #0099d0;
	display: block;
	margin-top: 2px;
}
/*subnav content */
#subnav_content_area {
}
#subnav_content_area a {
	cursor: pointer;
	float: left;
	display: block;
	width: 220px;
	height: 80px;
	position: relative;
	margin-right: 25px;
	margin-bottom: 15px;
	background: url(img/linkBoxBg.png) no-repeat top left;
}
#subnav_content_area a:hover {
	background-position: bottom left;
	text-decoration: none;
}
#subnav_content_area b {
	cursor: pointer;
	position: absolute;
	left: 76px;
	top: 8px;
	line-height: 120%;
	width: 136px;
	height: 60px;
	overflow: hidden;
	font-weight: normal;
	font-size: 14px;
}
#subnav_content_area img {
	cursor: pointer;
	position: absolute;
	left: 5px;
	top: 6px;
}
#subnav_content_area a.noMarginRight {
	margin-right: 0px;
}
#btn_info {
	display: none;
	z-index: 200;
	position: fixed;
	right: 0px;
	top: 12px;
	width: 72px;
	height: 53px;
	background: url(img/btn_infopaket.png) 0px 0px;
}
.hBox {
	background: url(img/hBoxBg.png) top left;
	padding-top: 10px;
	width: 465px;
}
.hBoxContent {
	padding: 0px 10px 10px 10px;
	background: url(img/hBoxBg.png) bottom left;
}
.hBoxTableTd1 {
	padding: 0px 5px 0px 0px;
	font-size: 14px;
	color: #0099d0;
}
.hBoxTableTd2 {
	padding: 0px 5px 0px 0px;
	font-size: 14px;
}
/* content layout */
.x1col, .x2col, .x3col {
	position: relative;
	float: left;
	margin-right: 25px;
}
.x1col {
	width: 220px;
}
.x2col {
	width: 465px;
}
.x3col {
	width: 690px;
}
.noMarginRight {
	margin-right: 0px;
}
/* specTable */
.specTable {
	width: 100%;
}
.specTable td {
  font-size:12px;
  line-height:150%;
	padding: 2px 2px 2px 2px;
	border-bottom: 1px dotted #cccccc;
}
td.specTable_head {
	padding: 15px 0px 2px 0px;
	font-size: 16px;
	color: #0099d0;
	border: none;
}
td.specTable_head1 {
	padding: 0px 0px 2px 0px;
	font-size: 16px;
	color: #0099d0;
	border: none;
}
.specTable th { 
  font-size:12px;
  line-height:150%;
	padding: 2px 2px 2px 2px;
	text-align: left;
	background: #f0f0f0;
}
/* content btn */
#btn_content_infopaket, #btn_content_angebot {
	display: block;
	width: 261px;
	height: 27px;
	background: url(img/btn_content_infopaket.png) 0px 0px no-repeat;
}
#btn_content_angebot {
	background-image: url(img/btn_content_angebot.png);
}
#btn_content_infopaket em, #btn_content_angebot em {
	display: none;
}
#btn_content_kontakt {
	background: url(img/btn_content_kontakt.gif);
	display: block;
	height: 27px;
	width: 247px;
	margin-top: 10px;
}
p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 25px;
}
.inputSubmit {
	margin: 0px;
	border: 0px;
	border-left: 1px solid #99ddf0;
	border-right: 1px solid #009ac5;
	background: url(img/btn_submitBg.png) no-repeat top right;
	text-shadow: #333333 0px 0px 5px;
	padding: 0px 30px 0px 8px;
	height: 27px;
	line-height: 27px;
	color: white;
	font-family: arial;
	font-size: 15px;
}
.inputText {
	width: 250px;
}

/* model select */
.modelSelect {
	margin: 0px;
	padding: 0px;
	margin-bottom: 25px;
}
.modelSelect li {
	margin: 0px;
	margin-right: 11px;
	float: left;
	display: block;
	text-align: center;
	font-size: 11px;
	color: #999999;
}
.modelSelect a {
	border: 1px solid #ffffff;
	padding: 5px;
	display: block;
}
.modelSelect .active a {
	border: 1px solid #cccccc;
}
.modelSelect .active {
	font-weight: bold;
	color: #0099d0;
}
.modelSelect li.clear {
	clear: both;
	float: none;
}
.button_whirlpools {
	position: absolute;
	top: 261px;
	right: 21px;
}
.small {
	font-size: 12px;
	line-height: 150%;
}
.showroom{
	font-weight: normal;
	color: #0099D0;
}
.showroomHead, #contentArea .blue, .blue{
	color: #0099D0;
}
#offerRequest {
	background: url(img/angebotsanfrage.jpg) no-repeat  right;
}
#infoRequest {
	background: url(img/info_request.jpg) no-repeat  right top;
	height: 310px;
}

.adobe{
	background: url(img/adobe_icon.gif) no-repeat left top ;	
	display: block;
	height: 18px;
	padding-left: 30px;
	line-height: 100%;
	padding-top: 7px;
	width: 200px;
}