/*
 * - Base-Elements
 * - Header
 * - Selects, Listen, Inputs, etc.
 * - Content (.centerBox = zentriert die LP)
 * - .orangeBox 
 * - .rightCleft
 * - .greyBox
 */

/*** Base-Elements ***/

body {
	color: #000;
	font: normal normal 12px arial;
	margin: 10px 0 0 0;
}

a {
	color: #000;
	font: normal normal 12px arial;
}

a:visited	{
	color: #888888;
	font: normal normal 12px arial;
}

a:hover	{
	color: #000;
	font: normal normal 12px arial;
	text-decoration: none;
}

a.noBackground {
	color: #000;
	text-decoration: none;
}

a.noBackground:visited {
	color: #000;
	text-decoration: none;
}

a.noBackground:hover {
	color: #000;
	background: none;
	text-decoration: none;
}

img {
	border: 0px;
}

.smfont {
	font: normal normal 11px arial;
	padding: 12px 0 0 0;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clearfix {
	clear: both;
}

*html .clearfix {
	clear: both;
	height: 100%;
}


/*** Header ***/

.head {
	width: 956px;
}

.head .mhBrand {
	height: 52px;
	margin: 0 0 10px 0;
	width: 225px;
}

.head .headline {
	background: #005599 url('http://images.my-hammer.at/live/landingpages/searchengine/_all/headline_bg.gif') no-repeat;
	color: #fff;
	font: normal bold 20px arial;
	padding: 9px 8px 8px 8px;
	width: 940px;
}


.head .headline_prozent {
	color: #fff;
	font: normal normal 20px arial;
	width: 956px;
	padding-left:160px;
	margin-top:10px;
	height:42px;  
	background-image: url(http://images.my-hammer.at/live/landingpages/searchengine/brennholz_b/30prozent.gif);
	background-repeat:no-repeat;
	padding-top:7px;
	
}

* html .head .headline {
	background: #005599 url('http://images.my-hammer.at/live/landingpages/searchengine/_all/headline_bg.gif') no-repeat;
	color: #fff;
	font: normal bold 20px arial;
	padding: 9px 8px 9px 8px;
	width: 940px;
}


/*** Selects, Listen, Inputs, etc. ***/

input, select  {
	border: 1px solid #808080;
}

input.freetextUnitRecurrence {
	display: none;
	margin: 10px 10px 10px 0;
	width: 128px;
}

* html input.freetextUnitRecurrence {
	display: none;
	margin: 10px 11px 10px 0;
	width: 125px;
}

textarea {
	border: 1px solid #808080;
	font: normal normal 12px arial;
}

textarea.description {
	height: 140px;
	width: 298px;
}

* html textarea.description {
	height: 140px;
	width: 295px;
}


/*** Content ***/

.centerBox {
	background: #ffffff;
	width: 100%;
}

.content {
	margin: 10px 0 0 0;
	width: 956px;
}

.footer {
	border-top: 1px solid #b5b5b5;
	margin: 15px 0 15px 0;
	padding: 15px 0 0 0;
}


/*** .orangeBox ***/

.orangeBox {
	font: normal 12px arial;
	margin: 0;
	width: 638px;
}

.orangeBox .head {
	background: #fff url('http://images.my-hammer.at/live/landingpages/searchengine/_all/headOrange_mini.gif') no-repeat;
	border: 0px;
	width: 638px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

.orangeBox .head h3 {
	color: #fff;
	display: block;
	font: bold 14px arial;
	margin: 0px;
	padding: 8px 8px 0 8px;
}

.orangeBox .body {
	background: #fafafa;
	border: 1px solid #f48422;
	font: normal normal 12px arial;
	margin: 0;
	padding: 0;
	height: 100%;
}

.orangeBox .body h2 {
	background: url(http://images.my-hammer.at/live/structure/step_1_colsfourth.gif) 0 0 no-repeat;
	color: #ff6600;
	display: block;
	height: 19px;
	font: normal bold 15px arial;
	padding-left: 25px; margin-top: 10px;
}

* html .orangeBox .body h2 {
	background: url(http://images.my-hammer.at/live/structure/step_1_colsfourth.gif) 0 0 no-repeat;
	color: #ff6600;
	display: block;
	height: 19px;
	font: normal bold 15px arial;
	margin: 10px 0 10px 0;
}

.orangeBox .body h2.two {
	background: url(http://images.my-hammer.at/live/structure/step_2_colsfourth.gif) 0 0 no-repeat;
}

.orangeBox .body h2.three {
	background: url(http://images.my-hammer.at/live/structure/step_3_colsfourth.gif) 0 0 no-repeat;
}

.orangeBox .body .stepOne {
	border-right: 1px solid #f48422;
	padding: 0 0 4px 10px;
	width: 305px;
}

* html .orangeBox .body .stepOne {
	padding: 0 0 0 10px;
	width: 305px;
}

.orangeBox .body .stepTwo {
	border-bottom: 1px solid #f48422;
	height: 231px;
	padding: 0 0 0 10px;
	width: 310px;
}

.orangeBox .body .stepThree {
	padding: 0 0 0 10px;
	width: 310px;
}

.orangeBox .body .bottom {
	border-top: 1px solid #f48422;
	padding: 10px 10px 0 10px;
}

* html .orangeBox .body .bottom {
	border-top: 1px solid #f48422;
	padding: 7px 10px 0 10px;
}


/*** .rightCleft ***/

.rightCleft {
	width: 303px;
}


/*** .greyBox ***/

.greyBox {
	font: normal normal 12px arial;
	margin: 16px 0 0 0;
	width: 303px;
}

.greyBox .head {
	background: #fff url('http://images.my-hammer.at/live/landingpages/searchengine/_all/headGrey_mini.gif') no-repeat;
	border: 0px;
	width: 303px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}

.greyBox .head h3 {
	color: #fff;
	display: block;
	font: normal bold 12px arial;
	margin: 0px;
	padding: 8px 8px 0 8px;
}

.greyBox .body {
	background: #fff;
	border: 1px solid #b5b5b5;
	margin: 0;
	padding: 0 0 2px 0;
	height: 70px;
}

* html .greyBox .body {
	background: #fff;
	border: 1px solid #b5b5b5;
	margin: 0;
	padding: 0;
	height: 70px;
}

.greyBox .body  ul {
	font: normal normal 12px arial;
	list-style-position: outside;
	padding: 0 0 0 20px;
}

* html .greyBox .body  ul {
	font: normal normal 12px arial;
	list-style-position: outside;
	margin: 12px 0 0 0;
}

.greyBox .body.an {
	background: #fff url('http://images.my-hammer.at/live/landingpages/searchengine/auto_reparatur/teaser_an.jpg') no-repeat;
	height: 29px;
	padding: 10px 10px 10px 70px;
}

* html .greyBox .body.an {
	background: #fff url('http://images.my-hammer.at/live/landingpages/searchengine/auto_reparatur/teaser_an.jpg') no-repeat;
	height: 29px;
	padding: 8px 10px 8px 70px;
}

.bubble {
	width: 255px;
	display: none;
	position: absolute;
	z-index: 999;
}

.bubble span.bottom {
	display: block;
	width: 255px;
	height: 5px !important;
	line-height: 5px !important;
	overflow: hidden;
	margin: 5px 0 0 0 !important;
	padding: 0;
}

.bubble p {
	margin: 0;
	color: #000000;
	padding: 10px 5px 0 25px;
}

.bubble-info-left p, .bubble-error-left p {
	padding: 10px 25px 0 10px;
}

.bubble-error-left p, .bubble-error-right p {
	color: #c70000;
}

.bubble-info-right {
	background: url(http://images.my-hammer.at/live/structure/bg_grey_infobox_arrow_top.gif) no-repeat;
}

.bubble-info-right span.bottom {
	background: transparent url(http://images.my-hammer.at/live/structure/bg_grey_infobox_bottom.gif) no-repeat;
}

.bubble-info-left {
	background: url(http://images.my-hammer.at/live/structure/bg_grey_infobox_arrow_top_left.gif) no-repeat;
}

.bubble-info-left span.bottom {
	background: transparent url(http://images.my-hammer.at/live/structure/bg_grey_infobox_bottom_left.gif) no-repeat;
}

.bubble-error-right {
	background: url(http://images.my-hammer.at/live/structure/bg_errorbox_arrow_top.gif) no-repeat;
}

.bubble-error-right span.bottom {
	background: transparent url(http://images.my-hammer.at/live/structure/bg_errorbox_bottom.gif) no-repeat;
}

.bubble-error-left {
	background: url(http://images.my-hammer.at/live/structure/bg_errorbox_arrow_top_left.gif) no-repeat;
}

.bubble-error-left span.bottom {
	background: transparent url(http://images.my-hammer.at/live/structure/bg_errorbox_bottom_left.gif) no-repeat;
}


.bubble-dgray-right {
	background: url(http://images.my-hammer.at/live/structure/bg_dgrey_infobox_arrow_top.gif) no-repeat;
}

.bubble-dgray-right span.bottom {
	background: transparent url(http://images.my-hammer.at/live/structure/bg_dgrey_infobox_bottom.gif) no-repeat;
}

.bubble-dgray-left {
	background: url(http://images.my-hammer.at/live/structure/bg_dgrey_infobox_arrow_top_left.gif) no-repeat;
}

.bubble-dgray-left span.bottom {
	background: transparent url(http://images.my-hammer.at/live/structure/bg_dgrey_infobox_bottom_left.gif) no-repeat;
}
.zipcodeBubbleInsertLink {
text-decoration: underline;
cursor: pointer;
}

.disquieter-20oo {
	position: absolute;
	top: 4px;
	margin-left: 800px;
}
* html .disquieter-20oo {
	top: 7px;
}