.hptitel { font-family: Arial, Helvetica; font-size: 22px; color: #2964CA; text-decoration: none; text-align: center; margin: 0px; font-weight: normal; font-style: normal; }
.hpsubtitel { font-family: Arial, Helvetica; font-size: 14px; color: #2964CA; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; }
.hptext { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A { font-family: Arial, Helvetica; font-size: 12px; color: #0033ff; text-decoration: underline; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A:hover { font-family: Arial, Helvetica; font-size: 12px; color: #ff0000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hpnav { font-family: Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration: none; text-align: left; font-weight: normal; font-style: normal; }
.hpnav:hover { font-family: Arial, Helvetica; font-size: 10px; color: #ffffcc; text-decoration: underline; text-align: left; font-weight: normal; font-style: normal; }
.hpbildunterschrift { font-family: Arial, Helvetica; font-size: 10px; color: #cccccc; text-decoration: none; text-align: center; margin: 0px; font-weight: normal; font-style: italic; }
.hpbildfocus { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: italic; }
.hpadresse { font-family: Arial, Helvetica; font-size: 10px; color: #757575; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hpbuttons a { text-align: center; }
.clear { clear: both; }

#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


textarea,
input
{
    border:1px solid #A0AAB9 !important;
    margin:5px;
    padding:4px;
}

html, body, div, p, span, img, h1, h2, h3, h4, a, ul, li, form, textarea, input
{
	border:0px;
	font-family:Arial, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
* HTML 
{
	behavior:url('script/hover.htc');
}
body
{
    background-image:url('http://www.warm-im-bad.de/img/body-bg.png');
	background-repeat:repeat-x;
    background-color:#DEE2E6;
}

div#page
{
	line-height:100%;
	margin:15px auto;
	width:840px;
	color:#363636;
}


/* HEADLINES */
h1
{
    color:#363636;
    font-size:16px;
    font-weight:bold;
    padding:10px 0px;
}
h2
{
    background-color:#fff;
    color:#2964CA;
    padding:20px 10px 10px 10px;
}
h3
{
    color:#363636;
    font-size:13px;
    font-weight:bold;
    padding:0px 0px 5px 0px;
}
h4
{
    color:#2964CA;
    font-size:13px;
    font-weight:bold;
    padding:0px 0px 5px 0px;
}

/* LINKS */
a
{
    color:#2964CA;
    text-decoration:underline;
}
a:hover
{
    color:#2964CA;
    text-decoration:none;
}

/* Lists */
li
{
    background-image:url('http://www.warm-im-bad.de/img/li-bg.gif');
    background-repeat:no-repeat;
    background-position:4px 6px;
}

/* HEADER */
div#header
{
    width:840px;
    height:80px;
    overflow:hidden;    
}


/* NAVIGATION */
div#navigation
{
}
div#navigation ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:840px;
}
div#navigation ul li
{
    float:left;
}
div#navigation ul li a
{
    background-color:#2964CA;
    color:#fff;
    padding:6px 0px;
    text-align:center;
    border-left:1px solid #A8C2EE;
    border-right:1px solid #133162;
    display:block;
    text-decoration:none;
    font-weight:bold;   
}
div#navigation ul li a:hover,
div#navigation ul li a.active
{
    border-left:1px solid #707070;
    border-right:1px solid #363636;
    background-color:#363636;
}
div#navigation ul li a.index
{
    border-left:0px;
    padding-left:1px;
    width:118px;
}
div#navigation ul li a.index:hover
{
    border-left:0px;
    padding-left:1px;
}
div#navigation ul li a.leistungen
{
    width:112px;
}
div#navigation ul li a.heizung
{
    width:108px;
}
div#navigation ul li a.sanitaer
{
    width:108px;
}
div#navigation ul li a.solartechnik
{
    width:128px;
}
div#navigation ul li a.partner
{
    width:118px;
}
div#navigation ul li a.aktuelle-angebote
{
    border-right:0px;
    padding-right:1px;
    width:134px;
}
div#navigation ul li a.aktuelle-angebote:hover
{
    border-right:0px;
    padding-right:1px;
}
/* FOOTERNAVI */
div#footernavi ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:right;
	border-left:1px solid #363636;
}
div#footernavi ul li
{
    float:left;
}
div#footernavi ul li a
{
    background-color:#2964CA;
    color:#fff;
    padding:4px 15px;
    text-align:center;
    border-left:1px solid #A8C2EE;
    border-right:1px solid #133162;
    display:block;
    text-decoration:none;
}
div#footernavi ul li a:hover,
div#footernavi ul li a.active
{
    border-left:1px solid #707070;
    border-right:1px solid #363636;
    background-color:#363636;
}
div#footernavi ul li a.last
{
    border-right:0px;
    border-left:1px solid #A8C2EE;
    background-image:url('http://www.warm-im-bad.de/img/footer-right-bg.png');
	background-repeat:no-repeat;
	background-position:top right;
}
div#footernavi ul li a.last.active,
div#footernavi ul li a.last:hover
{
    border-right:0px;
    border-left:1px solid #707070;
    background-image:url('http://www.warm-im-bad.de/img/footer-right-active-bg.png');
}


/* CONTAINER */
div#main
{
    width:836px;
    border-left: 2px solid #2964CA;
    border-right: 2px solid #2964CA;
    background-color:#ECEEF0;
}
div#emoimage
{
    border:2px solid #000;
    width:796px;
    height:216px;
    overflow:hidden;
}
div#emoimage img
{
    margin:8px;
    border:0px;
    width:780px;
    height:200px;
    overflow:hidden;
}
div#content
{
    width:836px;
    float:left;
}
div#content-inner
{
    padding:8px 18px;
    line-height:130%;
}

/* CONTENT */
div#height
{
    float:left;
    width:0px;
    height:500px;
}
div.content_left
{
    border:1px solid #A0AAB9;
    float:left;
    width:596px;
    background-color:#F3F4F5;
}
div.content_left_inner
{
    padding:5px 10px;
}
div.content_left ul
{
    list-style-type:none;
}
div.content_left ul li
{
    padding-left:17px;
    padding-right:4px;
}

div.content_left img.image
{
    border:1px solid #2964CA;
    padding:0px;
    background-color:#ECEEF0;
    margin:0px 15px 10px 0px;
    float:left;
}

/* Partner */
div.partner_image
{
    float:left;
    width:150px;
    height:100px;
    border:1px solid #2964CA;
    margin-bottom:10px;
}
div.partner_text
{
    float:left;
    width:414px;
    margin-left:10px;
    margin-top:40px;
}

/* Teaser */
div.teaser
{
    border:1px solid #A0AAB9;
    float:left;
    width:192px;
    background-color:#F3F4F5;
}
div.teaser.left
{
    width:596px;
}
div.teaser_abstand
{
    float:left;
    width:8px;
    height:20px;
}
div.teaser h2
{
    background-color:#fff;
    color:#2964CA;
    padding:20px 10px 10px 10px;
}
div.teaser img
{
    overflow:hidden;
    width:192px;
    height:100px;
}
div.teaser_content
{
    padding:5px;
}
div.teaser ul
{
    list-style-type:none;
    height:209px;
}
div.teaser ul li
{
    padding-left:17px;
    padding-right:4px;
}
div.teaser_address
{
    color:#2964CA;
    padding:10px 0px 5px 0px;
}
a.teaser_link
{
    padding: 10px 5px 5px 5px;
    display:block;
    text-align:right;
}
a.teaser_link_big
{
    display:block;
    padding:8px 0px;
    text-align:center;
    color:#fff;
    background-color:#2964CA;
    text-decoration:none;
}
a.teaser_link_big:hover
{
    background-color:#363636;
    color:#fff;
}


/* FOOTER */
div#footernavi
{
    width:840px;
    background-image:url('http://www.warm-im-bad.de/img/footer-left-bg.png');
	background-repeat:no-repeat;
    background-color:#2964CA;
    height:20px;
}
/* Adress */
div.address
{
    font-size:11px;
    line-height:130%;
    width:840px;
    padding-top:8px;
    color:#363636;
    text-align:center;
    font-weight:normal;
}
div.address a
{
    color:#363636;
    font-size:11px;
    font-weight:normal;
}


/* ####*/
div.clear
{
    clear:both;
}