/* ///// COMMON /////////////////////////////////////// */

* {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.clear:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 

.clear {
	display:inline-block;
} 

.clear {
	display:block;
}

/* ///// BODY /////////////////////////////////////// */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(../images/body-background.gif);
	background-repeat: repeat-x;
	background-color: #f8f6ee;
}

/* ///// WRAPPER /////////////////////////////////////// */

div#Wrapper {
	width: 810px;
	margin: 0 auto;
}

/* ///// HEADER /////////////////////////////////////// */

div#Header {
	height: 115px;
}

div#Header h1 {
	font-size: 25px;
	color: #374140;
	position: absolute;
	margin: 32px 0 0 5px;
}

div#Header a h1 {
	text-decoration: none;
}

div#Header h2 {
	font-size: 18px;
	font-weight: normal;
	color: #374140;
	position: absolute;
	margin: 62px 0 0 5px;
}

div#Header p {
	position: absolute;
	margin: 92px 0 0 733px;
}

div#Header p a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #dc3522;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 8px;
}

div#Header p a:hover {
	text-decoration: underline;
}

/* ///// NAVIGATION /////////////////////////////////////// */

div#Navigation ul {
	list-style-type: none;
}

div#Navigation li {
	display: inline-block;
	float: left;
}

div#Navigation li a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 15px 16px 17px 16px;
	display: block;
	background-image: url(../images/line.gif);
	background-position: right;
	background-repeat: no-repeat;
}

div#Navigation .Last {
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: right;
}

div#Navigation .First {
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 2px;
	height: 45px;
}

div#Navigation a:hover {
	background-image: url(../images/hover-bg.gif);
	background-repeat: repeat-x;
	display: block;
}

/* ///// CONTENT /////////////////////////////////////// */

div#Content {
	padding: 31px 0 0 0;
}

div#Box .Top {
	height: 5px;
	background-image: url(../images/box-top.png);
	background-repeat: no-repeat;
	font-size: 0px;
	behavior: url("pngfix/iepngfix.htc");
}

div#Box .Middle {
	background-image: url(../images/box-middle.png);
	background-repeat: repeat-y;
	behavior: url("pngfix/iepngfix-scale.htc");
}

div#Box .Bottom {
	height: 17px;
	background-image: url(../images/box-bottom.png);
	background-repeat: no-repeat;
	font-size: 0px;
	behavior: url("pngfix/iepngfix.htc");
}

div#Teaser {
	width: 800px;
	margin: 0 auto;
	height: 264px;
	border-bottom: 1px solid #bfbfbf;
	background-image: url(../images/teaser-background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

div#Women {
	position: absolute;
	width: 222px;
	height: 290px;
	background-image: url(../images/women.png);
	background-repeat: no-repeat;
	behavior: url("pngfix/iepngfix.htc");
	margin: -21px 0 0 545px;
}

div#Teaser h3 {
	font-size: 18px;
	color: #dc3522;
	position: absolute;
	margin: 17px 0 0 25px;
}

div#Teaser p {
	width: 455px;
	font-size: 12px;
	line-height: 18px;
	color: #2a2c2b;
	position: absolute;
	margin: 51px 0 0 25px;
}

div#Teaser a{
	color: #2a2c2b;;
	text-decoration: underline;
}

div#Teaser a:hover{
	text-decoration: none;
}

div#Compare {
	width: 507px;
	height: 132px;
	background-image: url(../images/compare-box-background.gif);
	background-repeat: no-repeat;
	position: absolute;
	margin: 121px 0 0 24px;
}

div#Compare label {
	font-size: 12px;
	color: #303030;
	font-weight: bold;
	display: block;
	margin: 0 0 4px 0;
}

div#Compare input {
	width: 119px;
	border: 1px solid #dbdbdb;
	padding: 2px 0 3px 0;
	font-size: 11px;
}

div#Compare img {
	margin: 3px 0 0 5px;
	position: absolute;
	cursor: help;
}

div#Compare #button {
	width: 151px;
	height: 21px;
	background-image: url(../images/button-vergleichen.gif);
	background-repeat: no-repeat;
	border: 0px;
}

div#CompareZipcode {
	display: block;
	position: absolute;
	margin: 13px 0 0 15px;
}

div#CompareRate {
	display: block;
	position: absolute;
	margin: 13px 0 0 166px;
}

div#CompareUse {
	display: block;
	position: absolute;
	margin: 65px 0 0 15px;
}

div#CompareButton {
	position: absolute;
	top: 83px;
	left: 167px;
}

div#CompareBench {
	font-size: 11px;
	color: #2a2c2b;
	line-height: 16px;
	position: absolute;
	margin: 19px 0 0 351px;
}

div#ContentText {
	padding: 23px 25px 23px 25px;
}

div#ContentText h4 {
	font-size: 18px;
	color: #dc3522;
	display: block;
	padding: 0 0 21px 0;
}

div#ContentText {
	font-size: 12px;
	color: #2a2c2b;
	line-height: 18px;
}

div#ContentText a{
	color: #2a2c2b;;
	text-decoration: underline;
}

div#ContentText a:hover{
	text-decoration: none;
}


/* ///// FOOTER /////////////////////////////////////// */

div#FooterWrapper {
	background-image: url(../images/footer-background.gif);
	background-repeat: repeat-x;
	height: 111px;
	margin: 19px 0 0 0;
}

div#Footer {
	text-align: center;
	width: 800px;
	margin: 0 auto;
	font-size: 12px;
	color: #2a2c2b;
	line-height: 21px;
	padding: 27px 0 0 0;
}

div#Footer a {
	font-size: 12px;
	color: #2a2c2b;
	text-decoration: none;
}

div#Footer a:hover {
	text-decoration: underline;
}
