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

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

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:1006px;
    text-align:center;
    margin: 0px 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;
}

*html #header{padding:30px 0px 0px 795px;}

#header a{float:left;}

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

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

*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;
}

#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;}

/*######################################*/
/*######## 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;
}

.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 ################*/
/*################################################*/
*html .nillustration{margin-bottom:-13px; padding:0px;}

#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.pfeilbaby{
    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.pfeilkids{
    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.pfeilplus{
    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.pfeilstandard{
    color:#008ed4;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 0px 5px;
    padding: 0px 5px 0px 15px;
    text-decoration:none;
}
a.pfeilstandardback{
    color:#008ed4;
    background-image:url(../picts/pfeil.gif);
    background-repeat:no-repeat;
    background-position: 20px 5px;
    padding: 0px 5px 0px 35px;
    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;
}

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;
}



/*###########################################*/
/*#######  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
{
    margin:0px;
    padding:0px;
}
.artikeltextItem ol li
{
    border-bottom: 1px dotted #cccccc;

}

#adresse{display:none;}

.kids{
    color:#4baf48;
}

.baby {
    color:#ee59a0;
}

.plus {
    color:#f69320;
}

.standard {
    color:#008ed4;
}


/*###########################################*/
/*###############   FORMULAR  ###############*/
/*###########################################*/

#contactForm {
    font-size:11px;
    padding:5px 0px 20px 20px;
}
#contactForm .contactRow {
    margin:4px 0;
    clear:left;
}

#contactForm label {
    display:block;
    float:left;
    width:147px;
}

#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:256px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:256px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:250px;
}

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

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

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

#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;}

.submitRow{
    border: none;
    background-color: transparent;
    width:200px;
    height:41px;
    padding:10px 0px 10px 150px;
    cursor:hand;
}
.submit_all{width: 100px;
    height: 41px;
    border:none;
    float:left;
    cursor:hand;
   }
    
.reset_kids, .reset_baby, .reset_plus, .reset_selektiv, .reset_standard{
    background-repeat:no-repeat;
    width: 100px;
    height: 41px;
    border:none;
    float:left;
}
    
.reset_kids{
    background:url(../picts/del_kids.gif);
}
.reset_baby{
    background:url(../picts/del_baby.gif);
}
.reset_plus{
    background:url(../picts/del_plus.gif);
}
.reset_selektiv{
    background:url(../picts/del_selektiv.gif);
}
.reset_standard{
    background:url(../picts/del_standard.gif);
}

/*################################*/
/*#######   NEWSLISTE       ######*/

/*################################*/
.newsartikelbox{margin:0px 0px 15px 20px;}


/*######################################*/
/*########### Seite empfehlen ##########*/
/*######################################*/

.popup{
margin:0px;
padding:0px;
background-color:#FFFFFF;
text-align:left;
}
.popcontent{margin:0px 20px;}

div.kontaktformular label {
    float: left;
    width: 130px;
}

div.kontaktformular p{
    margin: 1px;

    padding: 0px;
}

div.kontaktformular input.eingabe {
    vertical-align: middle;
    border:1px solid #CCCCCC;
}

div.kontaktformular p.abschicken {
    margin: 10px 0px 10px 130px;
}

div.kontaktformular p.abschicken input {
    font-size: 11px;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
    width: 200px;
}

div.kontaktformular textarea {
    height: 100px;
    border:1px solid #CCCCCC;
}
.buttons input{border:1px solid #FFFFFF;}

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

.artikelbox{margin:10px 0px 0px 20px;}

.headline{
font-weight:bold;
color:#008ed4;
padding-bottom:4px;
}

.lartikelimage{
    float:left;
    width:80px;
    overflow:hidden;
}

.lartikel1{
    min-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 14px;
    text-decoration:none;
}
p.newsletterAntwort{
    padding-left:20px;
}
.listelink{ margin:10px 0px;}
.artikelright{float:left; width: 275px; margin-left:12px;}
.artikellinie{padding-top:5px;}
.futsch{margin-top:20px; font-weight:bold; font-size:15pt;}

.blaue-schrift{
color:#008ED4;
}

.blaue-schrift-klein{
color:#488fd9;
font-size:11pt;
}
.schrift-klein{
font-size:11pt;
}