/****************************** Allgemein ********************************/

* {
margin: 0px;
padding: 0px;
list-style: none;
}

img {
border: 0px;
}

body {
background: url(images/footer_bg.gif) repeat-x 0px bottom;
font-family: Arial, Helvetica, sans-serif;
}

.navi_uberschriften {
font-size: 13px;
font-weight: bold;
color: #ad9f66;
text-transform: uppercase;
}

h1 {
font-family: Tahoma, Geneva, sans-serif;
color: #AD9F66;
font-size: 22px;
text-transform: uppercase;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/******************************* Wrapper ********************************/

#wrapper {
position: relative;
background: url(images/bg_container.gif) no-repeat;
margin: 0px auto;
width: 954px;
}

#page {
padding: 248px 0px 0px 0px;	
}

/**************************** Navi Links *******************************/

#navi_links {
float: left;
width: 204px;
padding: 0px 0px 1px 0px;
}

#zahlungsarten {
margin: 0px 0px 0px 15px;	
}

.navi_ueberschriften1 {
padding: 15px 0px 6px 10px;	
font-size: 14px;
}

.navi_ueberschriften2 {
padding: 26px 0px 6px 10px;	
font-size: 14px;
}

.navi_ueberschriften2 span {
font-size: 9px;
color: rgb(102, 102, 102);
}

#navigation_links {
width: 203px;	
margin: 89px 0px 0px 1px;
}

.navigation_links_erste_ueber {
font-size: 12px;
font-weight: bold;
height: 20px;
border-bottom: 1px solid #999999;
color: #ffffff;
background: #ad9f66;
padding: 10px 0px 0px 10px;
}

.navigation_links_erste_ueber a {
color: #FFF;
text-decoration: none;
}

.navigation_links_erste_ueber a:hover {
color: #a21611;
}


.navigation_links_normal_active a {
display: block;
padding: 9px 3px 9px 16px;
color: #505050;
text-decoration: none;
font-size: 11px;
}

.navigation_links_normal_active a:hover {
color: #a21611;
}

.navigation_links_normal a {
font-size: 11px;
display: block;
padding: 3px 0px 3px 16px;
color: #505050;
text-decoration: none;
}

.navigation_links_normal a:hover {
color: #a21611;
}

#matratzenberater {
margin: 15px 0px 0px 10px;	
}

div#qTip {
 padding: 5px;
 width: 200px;
 border: 1px solid #009900;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #FFFFFF;
 color: #000000;
 font: 11px Arial;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

#kundenmeinung {
margin: 4px 0px 0px 7px;
}

/******************************* Footer ********************************/

#footer {
clear: both;
width: 954px;
height: 180px;
background: url(images/footer_bg.gif) repeat-x;
border-top: 21px solid #FFF;
font-size: 11px;
color: #666;	
}

#footer a {
color: #666;	
}

#footer a:hover {
color: #a21611;
}

#footer_first {
padding: 45px 0px 14px 0px;
font-weight: bold;
}

#footer_last {
border-top: 1px solid #C1C1C1;
margin: 34px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}

#footer ul {
width: 480px;	
}

#footer ul li {
display: inline;
background: url(images/trenner_footer.gif) 0px 3px no-repeat;
padding: 0px 1px 0px 4px;
}

#footer ul li.first {
background: none;
padding: 0px;
}
	

/****************************** Content ********************************/

h1 {
font-family: Tahoma, Geneva, sans-serif;
color: #AD9F66;
font-size: 22px;
text-transform: uppercase;
padding: 24px 0px 13px 0px;
letter-spacing: 0.05em;
}

#content {
float: right;
width: 730px;
padding: 0px 4px 0px 16px;
font-size: 11px;
color: #333333;
}

#content h2 {
font-weight: bold;
font-size: 12px;
color: #000;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#content p {
line-height: 18px;
padding: 0px 40px 20px 0px;
}

#content a {
color: #666;	
}

#content a:hover {
color: #a21611;
}

#content ul#teaser_links {
border-top: 1px solid #AD9F66;
border-bottom: 1px solid #AD9F66;
height: 23px;
text-align: center;
padding: 7px 0px 0px 0px;
margin: 14px 0px 9px 0px;
clear: both;
}

#content ul#teaser_links li {
display: inline;
padding: 0px 0px 0px 20px;
margin: 0px 40px 0px 40px;
background: url(images/ico_compare.gif)	no-repeat;
}

#content ul#teaser_links li a {
font-size: 12px;
color: #666;
}

#content ul#teaser_links li a:hover {
text-decoration: none;
color: #A21611;
}

.teaserbox {
position: relative;
float: left;
width: 217px;
margin: 0px 0px 20px 25px;
}

.teaser_img {
display: block;
height: 150px;
padding-top: 25px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
text-align: center;
}

#content .teaserbox .teaser_ueber a {
text-decoration: none;
color: #000;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 0px 3px;
}

#content .teaserbox .teaser_ueber a:hover {
color: #a21611;
text-decoration: underline;
}

.teaser_text {
padding: 16px 0px 0px 3px;
color: #777;	
line-height: 13px;
}

.teaser_link {
background: url(images/ico_compare.gif)	no-repeat;
margin: 11px 0px 0px 3px;
padding: 0px 0px 0px 22px;
}

.teaser_link a { 
color: #777;
text-decoration: none;
font-weight: bold;
}

#infonavi {
text-align: center;
line-height: 20px;
padding: 0px 30px 0px 10px;
}

#infonavi li {
display: inline;
background: url(images/trenner_footer.gif) 0px 3px no-repeat;
padding: 0px 1px 0px 4px;
}

#infonavi li.first {
background: none;
padding: 0px;
}

#infonavi li a {
color: #666;	
}

#infonavi li a:hover {
color: #a21611;
text-decoration: none;
}

#infonavi .none {
background: none;
padding: 0px;
}

/******************************* Header ********************************/

#header {
position: absolute;
top: 0px;
left: 0px;
width: 954px;
height: 255px;
}

#logo {
position: absolute;
top: 20px;
left: 20px;
}

#zahlensparen {
position: absolute;
top: 197px;
left: 15px;
}

.zahlensparen_punkt {
list-style: disc;
list-style-position: inside;
color: #666;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 1px 0px;
}

.zahlensparen_punkt a {
color: #666;
text-decoration: none;
}

.zahlensparen_punkt a:hover {
color: #a21611;
}

#sLogin {
position: absolute;
top: 160px;
left: 199px;
}

#sLogin span {
position: absolute;
top: 3px;
font-size: 12px;
}

#sLogin input {
border: 1px solid #ad9f66;
height: 13px;
font-size: 11px;
color: #444;
padding: 3px;
}

#sLogin #email {
position: absolute;
left: 40px;
width: 150px;
}

#sLogin #password {
position: absolute;
left: 203px;
width: 119px;
}

#sLogin #login_bt {
position: absolute;
top: 3px;
left: 335px;
background: url(images/button_search.png) no-repeat;
height: 15px;
width: 15px;
border: none;
cursor: pointer;
}

#searchform {
position: absolute;
top: 160px;
left: 707px;	
}

#searchform span {
position: absolute;
top: 4px;
font-size: 12px;
}

#searchform input {
border: 1px solid #ad9f66;
height: 13px;
font-size: 11px;
color: #666;
padding: 3px;
}

#searchform #searchfield {
position: absolute;
left: 47px;
width: 150px;
}

#searchform #submit_search_bt {
position: absolute;
top: 3px;
left: 208px;
background: url(images/button_search.png) no-repeat;
height: 15px;
width: 15px;
border: none;
cursor: pointer;
}

/********************************** Navigation ***********************************************/	

div#navigation {
	position: absolute;
	left: 203px;
	top: 202px;
    width:749px;
	height:33px;
	background: url(images/bg_navigation.gif) repeat-x 0 0;
	z-index: 50;
}

#mtmenu {
    position: absolute;
    left:10px;
    top:0;
	padding: 0;
	height: auto;
	z-index: 51;
}

#mtmenu li {
	float: left;
	list-style: none;
	padding-right: 5px;
	height:33px;
	display: block;
	z-index: 999;
}

#mtmenu li:hover {
	background: url(images/bg_navbutton_right.png) no-repeat top right;
}

#mtmenu li:hover a { 
	background: url(images/bg_navbutton_left.png) repeat-x top left;
	color: #fff !important;
}

#mtmenu li.active { 
	background: url(images/bg_navbutton_right.png) no-repeat top right;
}

#mtmenu li a {
	display: block;
	/*padding: 7px 20px 0 20px;*/
	text-decoration: none;
	color: #ad9f66 !important; 
	white-space: nowrap;
	height: 33px;
	padding: 0 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height:32px;
    z-index: 1000;
}

#mtmenu li a:hover
{	color: #5c301e;}

#mtmenu li a.active { 
	background: url(images/bg_navbutton_left.png) repeat-x top left;
	color: #fff !important;
}


		#mtmenu li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			display: none;
			z-index: 150;
		}
		*:first-child+html ul#mtmenu li ul {
			width: 155px;
		}
		* html #mtmenu li ul {
			width: 155px;
		}
		ul#mtmenu li.sub
		{	float: none;
			border: none;
			background: none;
			background-color: transparent !important;
			z-index: 1500;
			height: 30px;
		}
		
		/* \*/
		* html #mtmenu li.sub { width: 100% !important;}
		* html #mtmenu li.sub a { width: 100% !important;}
		/* */
		*:first-child+html #mtmenu li.sub { width: 100% !important; }
		*:first-child+html #mtmenu li.sub a { width: 100% !important; }
		
		#mtmenu li.sub a
		{	background-color: #9c0105 !important;
			filter:alpha(opacity=70); /* Internet Explorer */
			-moz-opacity: 0.70; /* Mozilla Browser */
			opacity: 0.70; /* Opera */
			display: block;
			float: none;
			padding: 0 10px;
			position: relative;
			border: none;
			background-image: none !important;
			height: 30px;
			line-height: 30px;
			font-size: 10px !important;
		}
		
		#mtmenu li.sub a:hover {
			background-color: #efece0 !important;
			color: #a21611 !important;
			background-image: none;

			height: 30px !important;
			line-height: 30px !important;
			filter:alpha(opacity=100); /* Internet Explorer */
			-moz-opacity: 1; /* Mozilla Browser */
			opacity: 1; /* Opera */
		}