/*GLOBALE Styles*/
* {
margin:0px;
padding:0px;
}


/*###################################### ImportAnweisung für CSS RTE Datei ###########################################*/

@import url(css/format.css);


BODY, TABLE {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
}

BODY {
margin:20px 0px 0px 0px;
background-color:#b5b5b4;
font-size:70%;
}

/*#######################Uberschrift 2. Grades ###########*/
H3 {
font-size:110%;
font-family: Arial, Times-sans-serif;
}

H2 {
font-size:120%;
font-family: Arial, Times-sans-serif;
}

/*########################Uberschrift 1. Grades ##############*/
H1 {
font-size:140%;
font-family: Arial, Times-sans-serif;
}

/*############################# Bereich Rechts ######################################*/

SPAN.small {
color:red;
vertical-align:middle;
}


/*#####################Uberschrift für Containerheader#########*/
.right .container H2 {
width:216px;
height:43px;
position:relative;
left:4px;
}

H2.aktuelles {
background:url(../images/kinderkiste/buttons/aktuelles.gif) no-repeat;
}
H2.empfehlungen {
background:url(../images/kinderkiste/buttons/empfehlungen.gif) no-repeat;
}
H2.newsletter {
background:url(../images/kinderkiste/buttons/newsletter.gif) no-repeat;
}
#fontswitcher H2.empfehlungen {
background:url(../images/kinderkiste/buttons/schriftgrosse.gif) no-repeat;
}



.right .container DIV {
position:relative;
}

.right .container .body DIV {
left:10px;
padding-right:25px;
}

.right .container .body H3 {
margin-left:20px;

padding-bottom:6px;
border-bottom:1px solid red;
width:78.5%;
color:red;
margin-bottom:10px;
}

.right .container .body {
background:url(../images/kinderkiste/buttons/button-body.gif) repeat-y;
padding:2px;
width:216px;
left:4px;
}

.right .container .body BR {
display:none;
}


.right .container .body #headline{
color:#000;
font-weight:bold;
padding-bottom:6px;
font-size:110%;
}
.right .container .body #text{
padding-bottom:12px;
}
.right .container .body #text A{
color:red;
display:block;
font-size:11px;
width:40%;
}


.right .container .body IMG {
position:relative;
left:0px;
border:none;
}


/*#### Abschluss für die 701px box ####*/
.right .container .abstand{
height:17px;
background:url(../images/kinderkiste/buttons/box_buttom.gif) no-repeat;
width:216px;
left:4px;

}


.headtop A {
font-size:11px;
}
.headtop ul .trenner {
position:relative;
top:-1px;
}
.headtop UL {
position:relative;
top:-4px;
}


/*###### Styles für den Container EMPFEHLUNGEN ######*/
#empfehlungen #headline {
color:black;
width:75%;
padding-bottom:5px;
padding-top:10px;
}

#empfehlungen, #newsletter, #fontswitcher {
margin-top:10px;
}

/*################################ GLOBALE CSS Formatierungen Höchste Spezifität  #######################*/

A {}
A:link {}
A:visited {}
A:hover {text-decoration:underline;}
A:active {}
A:focus {} /*Dem IE 6 unbekannt also nicht wundern */
IMG {border:none;}


P {
padding-top:12px;
padding-bottom:12px;
}

LI A {
text-decoration:none;
color:black;
}

/*################## Globale Einstellungen ENDE #####################################*/



.center {
margin:auto;
/*width:1000px; rausgeklemmt zwecks dynamische Skalierung*/
width:1007px;
}

.headtop {
width:1007px;
height:16px;
background:url(../images/kinderkiste/head/head-banner-topborder.jpg) no-repeat;
background-color:#b5b5b4;
font-size:12px;
}


/*###headimage als background reingeklemmt erscheint nicht als Ausdruck bei Drucker ###*/
.head{

width:1007px;
/*height:365px;*/
/*background:url(../images/kinderkiste/header-image.gif) no-repeat;*/


}


/*######################geiteiltes Header Image##########################*/
.head .headleft {
float:left; 
/*padding-right:25px;*/
width:605px;
height:168px;
background:url(../images/kinderkiste/head/head-banner-top-welcome.jpg) no-repeat;
}

.head .headright {
float:left; 
width:400px;
height:158px;
background:url(../images/kinderkiste/head/head-banner-top-home.jpg) no-repeat;
}

#bildcontainer {
margin-top: -10px;
clear:both;
}

#newscontent {
width:90%;
}
#newscontent H2 {
border-bottom:1px solid red;
margin-bottom:10px;
}

#newscontent .newsbild IMG {
float:left;
margin-right:20px;
}

#newscontent h2.titel {
padding-top:0px;
margin-top:0px;
border-bottom:0px solid red;
}

#newscontent .langbeschreibung {
margin-top:50px;
border-top:1px solid red;
clear:both;
padding-top: 12px;
}




.head  .headleft INPUT {
border:1px solid #ccc;
height:20px;
font-size:11px;
}


.head .headleft .inputfeld {
width:111px;
padding:0px;
}

.head .headleft .submit {
width:19px;
height:20px;
background:url(../images/kinderkiste/header-submitbutton.gif) no-repeat;
border:none;
position:relative;
top:0px;
left:0px;
}


.head .einkaufswagen {
color:#cc3333;
height:29px;
line-height:29px;
text-align:left;
position:relative;
top:55px;
text-decoration:none;
/*background:url(../images/kinderkiste/einkaufswagen.gif) no-repeat top right;*/
}

.head .einkaufswagen:hover {
text-decoration:underline;
}


.head .wagen {
position:relative;
top:65px;

}






.headtop UL, .footer UL {
float:right;
list-style-type:none;
padding-right:31px;

}

.footer UL {
margin:0px;

padding:0px;
}

.footer UL.footernav1, .footer UL.footernav2  {
float:none;
}


.footernav1 {
font-size:12px;
}




.footer UL.footernav2  {
margin-right:10%;
}



.footer UL .trenner {
padding:0px;
color:white;
}


/*####################################################*/


.headtop LI, .footer LI  {
float:left;
}

.headtop UL A, .footer UL A {
display:block;
float:left;
color:white;
font-size:11px;
/*border-left:1px solid #cc3333;*/
padding-left:6px;
padding-right:6px;
}

.footer A {
color:white;
text-decoration:none;

}



.headtop UL .trenner {
padding:0px;
line-height:0px;
height:0px;
display:inline;
color:white;
}

.footer UL A {
float:none;
display:inline;
}

.mainnavigation {
background-color:yellow;
height:65px;
width:1007px;
background:url(../images/kinderkiste/mainnavi/mainnavigation.jpg) no-repeat;
padding-left:12px;
position:relative; /*wichtig damit unterfunktion richtig plaziert wird da dieser absolut gesetzt ist*/
}

.mainnavigation UL {
list-style-type:none;
float:right;
width:1007px;
width:auto;
margin-right:48px;
border-left:0px solid #000;
border-bottom:0px solid #000;
_margin-right:24px;
}

.mainnavigation UL LI{
float:left;
}

.mainnavigation UL LI A {
display:block;
height:32px;
line-height:32px;
background:url(../images/mainnavi/anker-normal.jpg) no-repeat;
float:left;
width:143px;
color:#cc3333;
text-decoration:none;
text-align:center;
font-size:20px;
border-left:1px solid #000;
border-top:1px solid #000;
border-bottom:1px solid #000;
background-color:white;
}


.mainnavigation UL UL {
float:left;
padding:0px 0px 0px 12px;
margin-top:27px;
position:absolute; /*ist absolute wichtig dabei das mainnavigation dabei relative ist ansonsten versatz im zeichensatz*/
left:261px;
font-size:11px;
border:none;
}



.mainnavigation UL UL .trenner {
padding:0px;
color:white;
}

.mainnavigation UL UL A {
font-size:11px;
border:none;
color:white;
background-color:none;
}

/*### Einrückung des Submenues für die jeweiligen Rubriken ###*/



.mainnavigation UL UL .offen {
text-decoration: underline;
}

.mainnavigation UL UL LI {
background-image:none;
float:left;
}

.mainnavigation UL UL LI A{
background-image:none;
padding:0px;
display:inline;
width:auto;
height:12px;
background-color:transparent;
padding:0px 4px 0px 4px;

}

/*####################Zustand für aktivierten Zustand der 1. Navigationsebene im Hauptmenu ####################*/

/*### Listenelement Element ###*/
.mainnavigation  .NavFirstOn {
/*background:url(../images/kinderkiste/listen-background-active.gif) no-repeat top right;*/
background-color:#666;
color:white;
}


/*### Anker Element welches aktiv ist und durch Javascript zugewiesen wird ###*/

.mainnavigation LI .NavFirstOn {
/*background:url(../images/kinderkiste/anker-background-active.gif) no-repeat top left;*/
color:white;
text-decoration:none;

}

/*################### Zustand ENDE ##############################*/

.trenner {
color:#cc3333;
line-height:32px;
padding:0px 12px 0px 12px;
}

.mainnavigation UL LI A:hover {
text-decoration:none;
background-color:#ccc;
}

.mainnavigation UL UL A:hover {
text-decoration:none;
background-color:transparent;
text-decoration:underline;
}


.mainnavigation UL LI A:focus{
text-decoration:underline;
}
.mainnavigation .aktive-ebene {
float:none !important;
margin-top:0px;
margin-left:0px;
}


/*Zustand für das erste verlinkte Element in submenu und metamenu*/
.first A {
padding-left:0px !important;
border-left:0px solid #cc3333 !important;
}




.content-header {
background:url(../images/kinderkiste/content/content-header.jpg) no-repeat;
width:1007px;
height:15px;

}


/*####################Styleanweisung für die eigentliche Tabelle #############################*/

#angebotmonat {
width:680px;
text-align:left;
position:relative;
left:11px;
color:black;
background-color:white;
}
#angebotmonat .angebotbild {
position:relative;
left:7px;
}

#angebotmonat A {
color:black;
}
#angebotmonat .produktname {
font-size:130%;
font-weight:bold;
text-decoration:none;
padding-bottom:32px;
}
/*############ äußerer Container  701px Box    #############################*/

#angebotheader {
width:701px;
height:35px;
background:url(../images/kinderkiste/buttons/angebotmonat.gif) no-repeat;
}

#angebotbody{
width:701px;
background:url(../images/kinderkiste/buttons/701box-body.gif) repeat-y;
}
#angebotfooter {
width:701px;
height:7px;

background:url(../images/kinderkiste/buttons/701box-footer.gif) no-repeat;
}

.flash, #angebotfooter, .box701grau {
margin-bottom:10px;
}
#angebotbody BR {
display:block;
}

/*####################### äußerer Container   Ende    #############################*/

/*obere Ecke*/
#angebotmonat CAPTION {
height:7px;
background-color:white;
text-align:left;
background:url(../images/kinderkiste/buttons/ecke-or1.gif) top right no-repeat;
}
/*untere Ecke*/
#angebotmonat .footer {
height:7px;
vertical-align:bottom;
background:url(../images/kinderkiste/buttons/ecke-ur1.gif) bottom right no-repeat;
}

#angebotmonat .footer IMG {
_position:relative;
top:3px;
}

.kurzbeschreibung {
padding:0px 12px 0px 12px;
}

/*#################################### Ende #########################################*/


.contentcontainer {
float:left;
/*ACHTUNG BROWSERWEICHE notfalls rausklemmen wenn mit IE 7 Probleme auftauchen*/

min-height:200px; /*IE 6 unbekannt ignoriert er */
height:auto !important; /* IE 6 nutzt diese Einstellung*/
height:200px; /* Netscape und Opera diese Einstellung */

background:url(../images/kinderkiste/content/content-body.jpg) repeat-y;
text-align:left;
width:100%;
width:1007px;
font-weight:normal;
}



.left UL {
margin-left:25px;
border-top:1px solid #000;
width:100px;
}

.left LI {
list-style-type:none;
}

.left LI A{
border-bottom:1px solid #000;
display:block;
width:125px;
line-height:25px;
height:25px;
text-indent:12px;
}

.left LI A:hover {
background-color:#003300;
}

.left UL UL {
border-top:none;
margin-left:0px;width:100%;
}

.left UL UL LI A{
text-indent:24px;
}


/*#########################Linker Container rausgeklemmt im Design für ############################*/
.left {
width:190px;
float:left;
border:1px solid #000;
display:none;
}

.content {
width:715px;
width:700px;
float:left;
position:relative;
padding-right:18px;
padding-right:30px;
left:36px;
}

.content P, .content H2 {
 text-align:left;
 
/* geändert von AS am 14. März 2008 */
/* padding:6px 20px 6px 20px; */

padding:6px 20px 6px 40px;

}
.content H2 {
padding-left:0px;
}

.content P {
margin-left:10px;
margin:0px;

line-height:1.5
}
.content H1  {
padding-left:30px;

}

/*Fall tritt nur ein bei Kontaktformular*/
.content H1 P {
margin:0px;
padding:0px;
}




.content P IMG {
float:left;

}


.right {
/*width:25%;*/
width:220px;
float:left;
position:relative;
left:15px;

}

.footer {
clear:both;
background:url(../images/kinderkiste/content/content-footer.jpg) no-repeat ; 
height:62px;
width:1007px;
}

.footer1 {
clear:both;
background:url(../images/kinderkiste/content/content-body.jpg) repeat-y;
height:43px;
width:1007px;
}

/*########################## Anpassungen für Teaseransicht der News im Content Mitte###################################*/

.newscontainer, #browsing {
width:95%;
margin-left: 40px;
margin-bottom:30px;
}



#browsing {
clear:both;
border-top:1px solid red;
padding-top:12px;
color:#cc3333;


}

#browsing #pages {
color:black;
}

.newscontainer A {
color:red;
}

.newscontainer H2 {
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid red;
clear:both;
padding-left:0px;
}

#Pages A {

color:red;
}

.newscontainer #text {
width:80%;

}

.newscontainer #image IMG{
float:left;
margin-right:20px;
border:1px solid #cc3333;
}


/*####################################### Listenansicht News Rechter bereich    ########################################*/
.right .teaserBlock {
width:92% !important;
border-bottom:1px solid #cc3333; 
margin-bottom:12px;
padding-bottom:6px;
left:6px !important;
}



.right .teaserBlockContent {
width:90% !important;
font-size:110%;
font-weight:bold;
padding-bottom:5px;
}

.right .teaserBlock A{
color:#cc3333;
}

LI .NavSecondOn {
text-decoration:underline !important;
}


/*+############################################ Style für Kontaktformular  ##########################################*/
#kontaktform {
/*margin-left:120px;*/
}

#kontaktform TABLE TD{
text-align:left;
}
#kontaktform .polster TD{
padding-bottom:6px;
}
#kontaktform .polster TD INPUT, #kontaktform TEXTAREA  {
border:1px solid #000;
/*background:url(../images/kinderkiste/input-bg.gif) no-repeat -3px -3px;*/
font-size:11px;
}

#kontaktform TFOOT INPUT {
/*background:url(../images/kinderkiste/input-bg.gif) no-repeat -2px -2px;*/
border:1px solid #000;
padding:0px;
font-size:11px;
width:auto;
}


#kontaktform .keinrahmen {
border:none !important;
background:none !important;
}

#EMail, 
#PLZOrt, 
#Strasse,
#Firma,
#Nachname,
#Vorname,
#Telefon {
width:240px;
height:25px;
}

#kontaktform TEXTAREA {
width:240px;
height:170px;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
font-size:11px;
overflow:hidden;

}




#kontaktform TEXTAREA:focus,#kontaktform INPUT[type=text]:focus    {
background:url(../images/kinderkiste/input-bg.gif) no-repeat -1px -1px;

}

/*###########################################  ##########################################*/
SPAN.box {

}

.box701 {width:701px;position:relative;left:10px; text-align:left;}

.box701 .beschriftung {
vertical-align:top;
background-image:url(../images/kinderkiste/buttons/boxcontainer.gif);
background-repeat: no-repeat;
background-position: -1px bottom; 
background-position-x:-5px;
padding-top:6px;
padding-bottom:8px;
padding-left:12px;
padding-right:45px;
}

* HTML .box701 .beschriftung {
padding-top:0px;
}


.box701 .beschriftung A {

color:red;
}

.box701grau {
width:701px;

}

.box701grau img {
position:relative;
top:2px;

}

.box701grau .header {
height:38px;width:701px;
background:url(../images/kinderkiste/buttons/container-grau-header.gif) no-repeat;
background-position:left bottom;
margin-top:-32px;
}
.box701grau .body {
width:701px;
background:url(../images/kinderkiste/buttons/container-grau-body.gif) repeat-y;
background-position:0px -1px;
}
.box701grau .footer {
height:9px;width:701px;
background:url(../images/kinderkiste/buttons/container-grau-footer.gif) no-repeat;
}

.box701grau .box701 TD {
 text-align:left;
}
.box701grau .kurzbeschreibung {
padding:0px 24px 0px 24px;
text-align:justify;
vertical-align:top;
}

#angebotbody P STRONG, .box701grau .kurzbeschreibung P STRONG {
font-size:110%; 
padding-bottom:5px;
display:block;
}

.obenrundung {
height:10px;
background:url(../images/kinderkiste/buttons/boxcontainer-top.gif) no-repeat;
background-position:-1px top;
}

.reihe1 {display:none;}

.right .container .body .teaserBlock  {
padding-right:0px;
}


/*#########################################################################*/

.struktur {
}

#buchtip .right A, #aktuelles .right A, #elterntip .right A, #spieletip .right A  {
color:black !important;
}

#aktuelles #empfehlungen {
display:none;
}

#fontswitcher {display:none;}

/*
############################# Andreas eingebunden - Standard Links - 07. Nov 2007 #######################
a { font-size:11px;  color:#FF0000; text-decoration:none;}
a:hover { text-decoration:underline; }
*/




.box682 {
position:relative;
left:40px;
width:94%;
background:url(../images/kinderkiste/box682/body-box.gif) right top;
background-color:#f6f6f6;
background-repeat: repeat-y;
border-left:1px solid #000;
font-size:17px;

}

.box682 .obere-zeile {
background:url(../images/kinderkiste/box682/obere-zeile.gif) repeat-x;
}
.box682 .untere-zeile {
background:url(../images/kinderkiste/box682/untere-zeile.gif) repeat-x;
}

.box682 .struktur {
margin-left:35px;

}




/*######################## ###################################*/

.content UL {margin-left:8%;line-height:1.5;}
.content P, .content UL {font-size:17px;width:88%;}
.box701 P {font-size:11px;padding-left:0px;}