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

body{
    background-color:#ffffff;
    color: #6e6e6e;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin:0px auto;
    text-align:left;
}

IMG{
    border:none;
}

.cl{
    clear:left;
    line-height:0px;
    font-size:0px;
    margin:0px;
    padding:0px;
}

a{
    text-decoration:none;
    color:#008ed4;
}

a:hover{
    text-decoration:underline;
}

#wrapper {
    background-color:#FFFFFF;
    width:100%;
    text-align:center;
    margin: 10px auto;
    padding:0px;
    background-image: url(../picts/bginhalt.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    overflow: hidden;
}
*html #wrapper{background-position:bottom 240px;}
#header {
    background-image:url(../picts/headerbg.gif);
    background-repeat:no-repeat;
    width:991px;
    height:165px;
    margin:0px 0px 0px 8px;
    padding:30px 0px 0px 795px;
    overflow:hidden;
    display:none;
}

#header a{float:left;}

#footer {
    width:1006px;
    background-color:#FFFFFF;
    display:none;
}

#leftcolumn {
    float:left;
    width:167px;
    text-align:left;
    margin-left:7px;
    padding:0px;
    overflow:hidden;
    display:none;
}

*html #leftcolumn{margin-left:3px;}

#middlecolumn,  #smiddlecolumn{
    float:left;
    width:660px;   
    min-height:300px;
    text-align:left;
    overflow:hidden;
    
}

#E1{
    background-image:url(../picts/bgnav.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;
}

#E3{
    margin-top:25px;
    height:15px;
}

#rightcolumn {
    float:left;
    width:165px;
    text-align:left;
    display:none;
}

#textbereich {
    float:left;
    width: 428px;
    overflow:hidden;
    margin: 0px 0px 0px 14px;
}

*html #textbereich{
    margin:0px 0px 0px 7px;
}

#bildbereich {
    float:left;
    margin-top:25px;
 }

.Artikel_outer{
    margin-top: 27px;
    width:155px;
}

.Artikel_content{
    padding-left:5px;
}

.copy .Artikel_content{
    padding-left:15px;
}

#homebutton{width:165px;
overflow:hidden;
display:none;}

/*######################################*/
/*######## RUBRIKNAVIGATION ############*/
/*######################################*/

a.baby{
    background-image:url(../picts/baby_passiv.gif);
    background-repeat:no-repeat;
    width:63px;
    height:94px;
}

a.baby:hover{
    background-image:url(../picts/baby_aktiv.gif);
    background-repeat:no-repeat;
    width:63px;
    height:94px;
}

a.kids{
    background-image:url(../picts/kids_passiv.gif);
    background-repeat:no-repeat;
    width:54px;
    height:94px;
}

a.kids:hover{
    background-image:url(../picts/kids_aktiv.gif);
    background-repeat:no-repeat;
    width:54px;
    height:94px;
}

a.plus{
    background-image:url(../picts/plus_passiv.gif);
    background-repeat:no-repeat;
    width:67px;
    height:94px;
}

a.plus:hover{
    background-image:url(../picts/plus_aktiv.gif);
    background-repeat:no-repeat;
    width:67px;
    height:94px;
}

/*################################################*/
/*############## BOTTOMNAVIGATION ################*/
/*################################################*/

#bn{
    margin: 1px 0px 0px 7px;
    height:26px;
    overflow:hidden;
    display:none;
}

.bn{
    float:left;
    margin-right:2px;
   }

.bn a {display:block;}

 a.bnbaby{
    background-image: url(../picts/baby.gif);
    background-repeat:no-repeat;
    width:218px;
    height:26px;
 }
 
 a.bnbaby:hover{
    background-image: url(../picts/baby_a.gif);
    background-repeat:no-repeat;
    width:218px;
    height:26px;
 }
 
 a.bnkids{
    background-image: url(../picts/kids.gif);
    background-repeat:no-repeat;
    width:218px;
    height:26px;
 }
 
 a.bnkids:hover{
    background-image: url(../picts/kids_a.gif);
    background-repeat:no-repeat;
    width:218px;
    height:26px;
 }
 
  a.bnplus{
    background-image: url(../picts/50plus.gif);
    background-repeat:no-repeat;
    width:218px;
    height:26px;
 }
 
 a.bnplus:hover{
    background-image: url(../picts/50plus_a.gif);
    background-repeat:no-repeat;
    width:218px;
    height:26px;
 }
 
/*################################################*/
/*################ NEWSLETTERFORM ################*/
/*################################################*/


#NLForm{
    background-image:url(../picts/bgnewsletter.gif);
    background-repeat:no-repeat;
    width:155px;
    height:211px;
    padding: 5px 0px 0px 18px;
}

#NLForm input{
    background-color:#FFFFFF;
    border: 1px solid #828282;
    width:125px;
    margin-bottom:7px;

}

#contactFormSubmitRight{
}

.felicitas{
    color:#008ed4;
    font-weight:bold;
}

a.submit{
    display:block;
    color:#008ed4;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 10px;
    padding: 5px 0px 0px 15px;
    text-decoration:none;
}

/*################################################*/
/*############## DRUCKEN EMPFEHLEN ###############*/
/*################################################*/

a.sbaby{
    color:#ee59a0;
    background-image:url(../picts/pfeilbaby.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 5px 0px 15px;
    text-decoration:none;
}

a.skids{
    color:#4baf48;
    background-image:url(../picts/pfeilkids.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 5px 0px 15px;
    text-decoration:none;
}

a.splus{
    color:#f69320;
    background-image:url(../picts/pfeilplus.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 5px 0px 15px;
    text-decoration:none;
}

a.standard{
    color:#008ed4;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 5px 0px 15px;
    text-decoration:none;
}

/*##############################################*/
/*############# BUNTE TEXTBOXEN ################*/
/*##############################################*/

.kbaby {
    background-image:url(../picts/kastenbaby.gif);
    background-repeat:repeat-y;
    color:#ee59a0;
}

.kkid {
    background-image:url(../picts/kastenkids.gif);
    background-repeat:repeat-y;
    color:#4baf48;
}

.kplus {
    background-image:url(../picts/kastenplus.gif);
    background-repeat:repeat-y;
    color:#f69320;
}

.kstandard {
    background-image:url(../picts/kastenstandard.gif);
    background-repeat:repeat-y;
    color:#008ed4;
}

.kstandard H1, .kplus H1, .kbaby H1, .kkids H1, H1 {
    padding:12px 0px 12px 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight: normal;
    color: #6e6e6e;
}

H2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}

.pbaby {
    background-image:url(../picts/kastenbabyend.gif);
        background-repeat: no-repeat;
    height:29px;
    width:428px;
    overflow:hidden;
    margin-bottom:15px;
}

.pkid {
    background-image:url(../picts/kastenkidsend.gif);
        background-repeat: no-repeat;
    height:29px;
    width:428px;
    overflow:hidden;
    margin-bottom:15px;
}

.pplus {
    background-image:url(../picts/kastenplusend.gif);
    background-repeat: no-repeat;
    height:29px;
    width:428px;
    overflow:hidden;
    margin-bottom:15px;

}

.pstandard {
    background-image:url(../picts/kastenstandardend.gif);
    background-repeat: no-repeat;
    height:29px;
    width:428px;
    overflow:hidden;
    margin-bottom:15px;
}

#middlecolumn .textItem{
    padding-left:20px;
    width:407px;
}

#smiddlecolumn .textItem{
    padding-left:14px;
    width:660px;
    overflow:hidden;
}

#bc0{
    float:left;
    margin-right: 10px;
    padding:12px 0px 12px 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight: normal;
    color: #6e6e6e; 
}

#bc1{
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    padding:16px 0px 0px 0px;
}

/*#############################################*/
/*############## HAUPTNAVIGATION ##############*/
/*#############################################*/

/* Ebene 1*/

.navi1{
    width:155px;
    display:none;
}

a.navileft1_passive {
    border-bottom:1px solid #e3e3e3;
    /*line-height:20px;*/
    vertical-align:middle;
    color:#828282;
    display:block;
    padding: 3px 0px 3px 16px;
}

a.navileft1_active {
    border-bottom:1px solid #828282;
    /*line-height:20px;*/
    vertical-align:middle;
    color:#008ed4;
    display:block;
    padding: 3px 0px 3px 16px;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 8px;
}

a.navileft1_open {
    border-bottom:none;
    /*line-height:20px;*/
    vertical-align:middle;
    color:#008ed4;
    display:block;
    padding: 3px 0px 3px 16px;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 8px;
}

/* Ebene 2*/

.navi2{
    width:155px;
}

a.navileft2_passive {
    border-bottom:none;
    line-height:24px;
    vertical-align:middle;
    color:#828282;
    display:block;
    padding-left:16px;
}

a.navileft2_active {
    border-bottom:none;
    line-height:24px;
    vertical-align:middle;
    color:#008ed4;
    display:block;
    padding-left:16px;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 9px;
}

a.navileft2_open {
    border-bottom:none;
    line-height:24px;
    vertical-align:middle;
    color:#008ed4;
    display:block;
    padding-left:16px;
}

a.navileft2_end{
  border-bottom:1px solid #828282;
    line-height:2px;
    vertical-align:middle;
    color:#828282;
    display:block;
    padding-left:16px;
}

/* Ebene 3*/

.navi3{
    float:left;
    margin-left:20px;
}


a.navileft3_passive, a.navileft3_active {
    color:#c8c8c8;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
}

a.navileft3_passive:hover, a.navileft3_active {
    color:#828282;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
}

/*#############################################*/
/*############ SERVICENAVIGATION ##############*/
/*#############################################*/
#metaNavigation{
    list-style-type:none;
    margin:10px 0px 15px 0px;
    padding:0px;
    width:155px;
}

#metaNavigation li{
    border-bottom:1px solid #e3e3e3;
    vertical-align:middle;
    color:#828282;
    display:block;
    padding:3px 0px 0px 16px;
}                       
 #metaNavigation li a{
    color:#c8c8c8;
    text-decoration:none;
}                                
/*###########################################*/
/*###############   SITEMAP  ################*/
/*###########################################*/
.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap li {

    list-style-type: none;
    
}
.sitemap li a{color: #6e6e6e;}
.sitemap .level1 {
        padding: 3px 3px 3px 10px;
}

.sitemap .level2 {
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        padding: 3px 3px 3px 50px;
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {
        margin-top: -14px;
}
/*###########################################*/
/*###############   FORMULAR  ###############*/
/*###########################################*/

#contactForm {
    font-size:11px;
    padding:20px 0px 20px 20px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:137px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:266px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:260px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}
#contactForm .contactRow input.short{width:40px;margin-left:3px;}
.contactRowR{text-align:right;padding-right:1px;}

/*###########################################*/
/*############  ARTIKELLISTE  ###############*/
/*###########################################*/

.headline{
font-weight:bold;
color:#008ed4;
}

.lartikelimage{
    float:left;
    width:90px;
}

.lartikel1{
    height:50px;
}

IMG .liste{border: 1px solid #cccccc;
}

a.more{
    color:#008ed4;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 15px;
    text-decoration:none;
}

/*###########################################*/
/*#######  ARTIKELBOXEN Startseite ##########*/
/*###########################################*/
.nb{margin-left:13px;}
* html .nb{margin-left: 3px;}
.sartikelbox {
    background-image:url(../picts/bgnewsbox.png);
    background-repeat:no-repeat;
    width:193px;
    height:211px;
    float:left;
    margin-left:13px;
    overflow:hidden;
}

.sartikelbox .headline{
    padding: 8px 5px 5px 13px;
}

.sartikel1, .sartikel0{
    padding: 8px 5px 5px 13px;
}
a.smore{
    color:#008ed4;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 15px;
    text-decoration:none;
    margin-left:13px;
}
/* ################################### */
/* ##########  rechte Spalte ######### */
/* ################################### */
.artikeltextItem{
    margin:0px;
    padding:0px;
    text-align:left;
    width:155px;
}

.artikeltextItem ol li.baby
{
    color:#ee59a0;
    border-bottom: 1px dotted #cccccc;
}

.artikeltextItem ol li.kids
{
    color:#4baf48;
    border-bottom: 1px dotted #cccccc;
}

.artikeltextItem ol li.plus
{
    color:#f69320;
    border-bottom: 1px dotted #cccccc;
}
#druck{
    display:none;    
}