@charset "utf-8";
/* CSS Document */

/*****************************************************************************************/
/*

1. Standards
2. Container
3. Header
	3.1 branding
	3.2 navigation
4. Content
	4.1 contentContainer
5. Footer
	5.1 Subnavigation
6. Kontaktformular
7. Newsletter

/*****************************************************************************************/


/*****************************************************************************************/
/*									 Standards   										 */
/*****************************************************************************************/

* {
   border:0;
   margin:0;
   padding:0;
   outline:none;
   list-style-type:none;
   text-decoration: none;
}
html, body {
   font:11px/15px Verdana, Arial, Helvetica, sans-serif;
/*   height:100%;
*/   width: 100%;
   background:url(../images/bg.gif) repeat-x;
   color:#fff;
   background-color:#44738f;
/*   height:100%;
*/}
 html[xmlns^="http"] {
 overflow-y: scroll;
}
a:link, a:visited {
   color:#fff;
   text-decoration:underline;
}
a:hover, a:active {
   color: #6cb3ca;
   text-decoration: underline;
}
#euroweb{width: 500px !important;}

#euroweb a{float:left;
padding-right:10px;}
.absteand{
padding-top:5px;}
/*----------------------------------- h2, h3 --------------------------------------------*/
h2 {
   font:24px  Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-transform: uppercase;
}
h3 {
   font:13px  Verdana, Arial, Helvetica, sans-serif;
   color: #6cb3ca;
}
h4 {
   font:13px  Verdana, Arial, Helvetica, sans-serif;
   color: #6cb3ca;
   background-color:#60849e;
   padding-left:12px;
}
/*----------------------------------- p, classen --------------------------------------------*/

p {
   padding-top:10px;
}

li {
   float:left;
}

.clear {
   clear:both;
}
/*#oeffnungszeiten {
   margin:205px 0 0 30px;
   float:left;
}
.address {
   width:245px;
   margin-top:8px;
   margin-bottom:30px;
   float:left;
}
#liste {
   margin:10px 0 0 0;
}
#liste li {
   padding: 5px 0 5px 25px;
   line-height: 18px;
   width:300px;
   background-color:#ab9069;
   text-transform:uppercase;
   color:#FFFFFF;
   height:15px;
   margin:5px 0 0 0;
}
*/

/*#cms-text {
   width:200px;
   position:absolute;
   top:90px;
   left:340px;
   font:11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.cms-thumb {
   padding:3px;
   background:none;
   border:1px solid #ab9069;
   margin:0 0 10px 10px;
}
.img {
   padding:3px;
   background:none;
   border:1px solid #ab9069;
   margin: 0 10px 0 0;
}
.content-cms {
   margin:20px 0 0px 0px;
}*/

.vorteil {
color:#000;
background-color: #FFFFFF;
padding:5px 10px 10px 10px;
}
* html .vorteil {
padding:5px 5px 10px 5px;
}
.vorteil1{
width:150px;
height:180px;
background-color:#FFFFFF;
margin:20px 10px 0 0;
float:left;}

* html .vorteil1{
margin:20px 5px 0 0;}


.rahmen {
border:1px solid #98a9cc;
margin:0 5px 5px 0;

}

/*****************************************************************************************/
/*									 Container       									 */
/*****************************************************************************************/

#container {
   width:990px;
   min-height:100%;
/*   height:auto !important;
   height:100%;*/
   margin:0 auto;
   position: relative;

}

*html #container {
	height:100%;
}

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

#header {
   background:url(../images/bg-header.jpg) no-repeat;
   width: 990px;
   height:137px;
   position:relative;
}
/*-----------------------------------branding--------------------------------------------*/

h1#branding a {
   background:url(../images/bg-branding.jpg) no-repeat;
   width: 237px;
   height: 45px;
   position: absolute;
   top: 31px;
   left: 268px;
   text-indent: -9999px;
}
/*----------------------------------- Navigation ---------------------------------------------*/

ul#navigation {
   background: url(../images/navi.jpg) 0 0 no-repeat;
   width:213px;
   margin-left:121px;
}
ul#navigation li {
   position:relative;
   list-style-type:none;
   float:left;
}
ul#navigation li a:link, ul#navigation li a:visited {
   display:block;
   text-decoration:none;
}
ul#navigation a {
   text-indent:-5000px;
}
ul#navigation li a.angebote {
   height:25px;
   width:213px;
   background:url(../images/navi.jpg) 0px 0px;
}
ul#navigation li a.angebote:hover {
   background-position: -213px 0px;
}
ul#navigation li.active a.angebote {
   background-position: -213px 0px;
}
ul#navigation li a.matratzen-schlafsysteme {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -25px;
}
ul#navigation li a.matratzen-schlafsysteme:hover {
   background-position:  -213px -25px;
}
ul#navigation li.active a.matratzen-schlafsysteme {
   background-position:  -213px -25px;
}
ul#navigation li a.bettgesatelle-seniorenbetten {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -49px;
}
ul#navigation li a.bettgesatelle-seniorenbetten:hover {
   background-position: -213px -49px;
}
ul#navigation li.active a.bettgesatelle-seniorenbetten {
   background-position: -213px -49px;
}
ul#navigation li a.zudecken {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -73px;
}
ul#navigation li a.zudecken:hover {
   background-position: -213px -73px;
}
ul#navigation li.active a.zudecken {
   background-position: -213px -73px;
}
ul#navigation li a.allergikerprogramm {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -97px;
}
ul#navigation li a.allergikerprogramm:hover {
   background-position: -213px -97px;
}
ul#navigation li.active a.allergikerprogramm {
   background-position: -213px -97px;
}
ul#navigation li a.nackenstuetzkissen {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -121px;
}
ul#navigation li a.nackenstuetzkissen:hover {
   background-position: -213px -121px;
}
ul#navigation li.active a.nackenstuetzkissen {
   background-position: -213px -121px;
}
ul#navigation li a.bettwaesche {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -145px;
}
ul#navigation li a.bettwaesche:hover {
   background-position: -213px -145px;
}
ul#navigation li.active a.bettwaesche {
   background-position: -213px -145px;
}
ul#navigation li a.handtuecher {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -169px;
}
ul#navigation li a.handtuecher:hover {
   background-position: -213px -169px;
}
ul#navigation li.active a.handtuecher {
   background-position: -213px -169px;
}
ul#navigation li a.wolldecken {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -193px;
}
ul#navigation li a.wolldecken:hover {
   background-position: -213px -193px;
}
ul#navigation li.active a.wolldecken {
   background-position: -213px -193px;
}
ul#navigation li a.kinder {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -217px;
}
ul#navigation li a.kinder:hover {
   background-position: -213px -217px;
}
ul#navigation li.active a.kinder {
   background-position: -213px -217px;
}
ul#navigation li a.service {
   height:24px;
   width:213px;
   background:url(../images/navi.jpg) 0 -241px;
}
ul#navigation li a.service:hover {
   background-position: -213px -241px;
}
ul#navigation li.active a.service {
   background-position: -213px -241px;
}
/*---------------------------------------- navigationAdditional ---------------------------------------------*/

#navigationAdditional {
   font:11px Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   padding:30px 0 0 575px;
}
#navigationAdditional li {
   font:11px Verdana, Arial, Helvetica, sans-serif;
   float:left;
   padding-right:10px;
}
#navigationAdditional a:link {
   color:#fff;
   text-decoration:none;
}
#navigationAdditional a:visited {
   color:#fff;
   text-decoration:none;
}
#navigationAdditional li a:hover, #navigationAdditional li.active a {
   text-decoration:underline;
}
/*****************************************************************************************/
/*									 Content                							 */
/*****************************************************************************************/

/*-----------------------------------contentContainer---------------------------------------------*/
#contentContainer {
   width: 990px;
/*   position:relative;
*/}
#contentMain1 {
   background:url(../images/contentMain01.jpg) no-repeat;
   width:334px;
   float:left;
}

#contentMain2 {
   background:url(../images/contentMain02.jpg) no-repeat;
   width:640px;
   float:left;
   min-height:300px;
   padding:4px 0 0 16px;
   
}

* html #contentMain2 {
   background:url(../images/contentMain02.jpg) no-repeat;
   width:640px;
   float:left;
   min-height:300px;
   padding:4px 0 0 8px;
   
}

#contentMain2 dl {
   width: 250px;
}
#contentMain2 dt {
   float:left;
   width:60px;
}
#contentMain2 dd {
   float:left;
   width:150px;
}
.text01{
width:320px;
float:left;}

.text02{
width:220px;
margin:20px 0 0 0;
float:left;}

.text03{
width:400px;
margin:20px 0 0 0;
float:left;}

.bild01{
float:left;}

.umfliess{
float:left;}

.hochformat{
float:right; margin:0 50px 0 0;}

* html .hochformat{
float:right; margin:0 25px 0 0;}
/*****************************************************************************************/
/*									 Footer       										 */
/*****************************************************************************************/


#footerContent {
	height:503px;
	width:100%;
   background:url(../images/bg-footer-kachel.jpg) bottom center no-repeat;
   }

#footer {
	background: url(../images/bg-footer.jpg) bottom center no-repeat;
	position:relative;
	height:503px;
	width:100%;
	margin:0 auto;
   min-width: 990px;


}


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

