@charset "utf-8";

html {margin:0; padding:0;}

body {
  width:100%;
 
	margin:0px; 
	padding:0;
	font-size:62.5%;/* schriftgroesse relative machen, um spaeter mit em zu arbeiten    */
	background-color:#FFFFCC;
	font-family:verdana, arial, sans-serif;
	text-align:center;   /* vertikal zentrieren im IE6 */
}
                               
   
    
                               /*      ######    header ab hier    ########   */
                               
 #content_header {
  
   font-size: 1.1em;
   font-family:verdana, arial, sans-serif;
   text-align:left;
     } 

                               /*      ######    rechter text unter logo    ########   */
     
 .text_unter_logo {
   text-align: center;
   font-size: 1.4em;
   font-family: verdana, arial, sans-serif;
   color: #7A92CC;
  }
  
     
 .a {
	text-decoration: none;
	color: #000;   }
	
	.img-top{

float: center;
width: 100%;
padding: 10px;
font-size: 1.7em;
} 
   
   
   
   
   
                              
                              
.kindermatratze_box {
	background: url(images/kindermatratze_tl.png) no-repeat top left;
}
.kindermatratze_top {
	background: url(images/kindermatratze_tr.png) no-repeat top right;
}
.kindermatratze_bottom {
	background: url(images/kindermatratze_bl.png) no-repeat bottom left;
}
.kindermatratze_bottom div {
	background: url(images/kindermatratze_br.png) no-repeat bottom right;
}
.kindermatratze_content {
	background: url(images/kindermatratze_r.png) top right repeat-y;  
}

.kindermatratze_top div,.kindermatratze_top,
.kindermatratze_bottom div, .kindermatratze_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.kindermatratze_content, .kindermatratze_bottom {
	margin-top: -14px;
}
.kindermatratze_content { padding: 0 15px; }


   
h1 { font-size: 1.3em; color:#000 }
h2 { font-size: 1.3em }



   /*                    ########################   rechte Seite Infobox  #############*/
   
#content_right {
   width:25%;
   float:right;
   text-align:left;
   color:#777777;  
}
.a {color:#777777}    
   
.roundedcornr_box_655691 {
	background: url(images/kinder_matratze_tl.png) no-repeat top left;
}
.roundedcornr_top_655691 {
	background: url(images/kinder_matratze_tr.png) no-repeat top right;
}
.roundedcornr_bottom_655691 {
	background: url(images/kinder_matratze_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_655691 div {
	background: url(images/kinder_matratze_br.png) no-repeat bottom right;
}
.roundedcornr_content_655691 {
	background: url(images/kinder_matratze_r.png) top right repeat-y;
}

.roundedcornr_top_655691 div,.roundedcornr_top_655691,
.roundedcornr_bottom_655691 div, .roundedcornr_bottom_655691 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_655691, .roundedcornr_bottom_655691 {
	margin-top: -12px;
}
.roundedcornr_content_655691 { padding: 0 15px; }     

/*                      ########################   linke Seite  #############*/   
#content_left {
   width:74%;
   float:left;
   font-size: 1.1em;
   text-align:justify;    
}                            
   
#content_left a {
	text-decoration: none;
	color: #653100;
}    
  
#content_left a:hover {
	text-decoration: none;
	color: #a6682e;
}

.kinder-matratze_box {
	background: url(images/baby_matratze_tl.png) no-repeat top left;
}
.kinder-matratze_top {
	background: url(images/baby_matratze_tr.png) no-repeat top right;
}
.kinder-matratze_bottom {
	background: url(images/baby_matratze_bl.png) no-repeat bottom left;
}
.kinder-matratze_bottom div {
	background: url(images/baby_matratze_br.png) no-repeat bottom right;
}
.kinder-matratze_content {
	background: url(images/baby_matratze_r.png) top right repeat-y;
}

.kinder-matratze_top div,.kinder-matratze_top,
.kinder-matratze_bottom div, .kinder-matratze_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.kinder-matratze_content, .kinder-matratze_bottom {
	margin-top: -12px;
}
.kinder-matratze_content { padding: 0 15px; }


            /*      ######    unten ab hier    ########   */
                               
 #content_bottum {
   width:100%;
   font-size: 1.1em;
   font-family:verdana, arial, sans-serif;
   text-align:left;
     } 
 .a {
	text-decoration: none;
	color: #000;   }
                              
                               
.kindermatratze {
	background: url(images/kindermatratze_tl.png) no-repeat top left;
}
.kindermatratze_top {
	background: url(images/kindermatratze_tr.png) no-repeat top right;
}
.kindermatratze_bottom {
	background: url(images/kindermatratze_bl.png) no-repeat bottom left;
}
.kindermatratze_bottom div {
	background: url(images/kindermatratze_br.png) no-repeat bottom right;
}
.kindermatratze_content {
	background: url(images/kindermatratze_r.png) top right repeat-y;
}

.kindermatratze_top div,.kindermatratze_top,
.kindermatratze_bottom div, .kindermatratze_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.kindermatratze_content, .kindermatratze_bottom {
	margin-top: -14px;
}
.kindermatratze_content { padding: 0 15px; }


   
h1 { font-size: 1.2em; color:#000 }
h2 { font-size: 1.3em }





/*                      ########################      footer     #############*/

#footer {
   width:100%;
   float:left;  }         
#footer_t {
   margin:20px 10px;
   font-size:1.0em;
   color:#777;
   text-align: center;  }  
#footer a {
	text-decoration: underline;
	color: #000;  }
	
.matratze_fuer_kinder_box {
	background: url(images/kuscheldecke_tl.png) no-repeat top left;
}
.matratze_fuer_kinder_top {
	background: url(images/kuscheldecke_tr.png) no-repeat top right;
}
.matratze_fuer_kinder_bottom {
	background: url(images/kuscheldecke_bl.png) no-repeat bottom left;
}
.matratze_fuer_kinder_bottom div {
	background: url(images/kuscheldecke_br.png) no-repeat bottom right;
}
.matratze_fuer_kinder_content {
	background: url(images/kuscheldecke_r.png) top right repeat-y;
}

.matratze_fuer_kinder_top div,.matratze_fuer_kinder_top,
.bio-babyschlafsack_bottom div, .matratze_fuer_kinder_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.matratze_fuer_kinder_content, .matratze_fuer_kinder_bottom {
	margin-top: -10px;
}                                                                                                    
.bio-babyschlafsack_content { padding: 0 15px; }

div.clear {
   clear:both;
}



/**********************************************************************/
/*           	             Ebenen - Text			                      

Damit der text nicht am Rand klebt, gibt es in jedem div noch ein 
div mit einem margin, und event. Textformatierungen.
Könnte auch in dem div darueber mit padding geloest werden, wird 
aber von verschiedenen Browser unterschiedlich oder nicht 
interpretiert.
                                                                      */
/**********************************************************************/


/**********************+ Menü rechts ***********************************/
                                
    /* Fix IE. Hide from IE Mac \*/
       * html ul li { float: left; }
       * html ul li a { height: 1%; }
    /* End */

                                
  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	border-bottom: 1px solid #ccc;
	}

  ul li {
	position: relative;
	}

  li ul {
	position: absolute;
	left: -99.5%;
	top: 0;
	display: none;
	}

  ul li a {
	display: block;
	text-decoration: none;
	color: #777777;
	background: #fff;
	padding: 13px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

  li:hover ul { display: block; }
  
    /* Fix IE.  \*/
  startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replaceğ
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;
     /* END Fix IE.  \*/

/*************************** Menü Ende ***************************************/