/* default html */
body{
margin:0px;
padding:0px;
font-family:verdana;
font-size:11px;
/**background-image:url(../img/bg2.gif);*/
/* background-image:url(../img/kica_hg_winter.gif); */
background-image:url(../img/kica_hg_fruehling.gif);
background-repeat:repeat;
}

table, tr, td{
margin:0px;
padding:0px;
}

h1{
font-size:20px;
}

h2{
font-size:18px;
}

a{
color:#000000;
text-decoration:none;
}

a img{
border:none;
text-decoration:none; 
}


/* cleaner */

.cleaner{
clear:both;
height:0px;
font-size:1px;
border:0px none;
margin:0;
padding:0;
background:transparent;
}



/* page */

#page{
/**width:943px; 04.08.2009*/
width:1004px;
margin:0px auto;
}



/* content */

#content{
width:794px;
float:left;
margin-bottom:50px;
}



/* navi depending colors */

#subnavigation_freunde div,
.teaser_title_freunde, 
.teaser_text_freunde,
.forumvorschau_title_freunde,
#center_bottom .teaserdescr_title_freunde,
.phil_freunde{
color:#f26202;
}

.subnavigation .act,
.subnavigation .norm:hover{
background-image: url(../img/subnavi_bg.png);
background-repeat: no-repeat;
background-position: 9px 2px;
}

#board_right .act,
#board_right .norm:hover{
background-image: url(../img/subnavi_bg.png);
background-repeat: no-repeat;
background-position: 0px;
}

#board_right .act a,
#board_right .norm a{
padding-left:3px;
}

#subnavigation_zuhause div, 
.teaser_title_zuhause, 
.teaser_text_zuhause,
#center_bottom .teaserdescr_title_zuhause,
.phil_zuhause{
color:#004494;
}

#subnavigation_spielen div, 
.teaser_title_spielen, 
.teaser_text_spielen,
#center_bottom .teaserdescr_title_spielen,
.phil_spielen{
color:#239A1D;
}

#subnavigation_wissen div, 
.teaser_title_wissen, 
.teaser_text_wissen,
#center_bottom .teaserdescr_title_wissen,
.phil_wissen{
color:#36A5CD;
}

#subnavigation_nachrichten div,
.teaser_title_nachrichten , 
.teaser_text_nachrichten,
#center_bottom .teaserdescr_title_nachrichten,
.phil_nachrichten{
color:#612afd;
}



/* top */

#top{
/**width:943px; 04.08.2009*/
width:1004px;
height:auto;
padding:10px 0px 0px 0px;
}

/** alt (Logo zu groß für Superbanner)
#logo{
width:195px;
height:55px;
float:left;
margin:0px 10px;
background-image:url(../img/logo.gif);
background-repeat:no-repeat;
}
*/

#logo{
width:183px;
height:35px;
float:left;
margin:25px 6px;
background-image:url(../img/logo_kl.gif);
background-repeat:no-repeat;
}

#logo img{
display:none;
}

#banner_horizontal{
/*width:728px;*/
width:741px;
margin-left:1px;
float:left;
height:90px;
/**background-color:#ff0000;*/
}






.adtext_horizontal{
width:53px;
height:13px;
background-image:url(../img/anzeige_horizontal.gif);
background-repeat:no-repeat;
}

#banner_vertical{
/**width:120px; 04.08.2009 */
width:200px;
float:left;
margin:7px 0px 0px 10px;

/* margin-top: -90px!important;*/

}

.adtext_vertical{
width:10px;
height:53px;
background-image:url(../img/anzeige_vertical.png);
background-repeat:no-repeat;
position:relative;
float:left;
}


/* middle */

#middle{
clear:both;
}

/* border left */

#border_left{
width:20px;
float:left;
}

#border_left_top{
width:20px;
height:500px;
background-image:url(../img/middle_top_left_bg.gif);
background-repeat:no-repeat;
}

#border_left_bottom{
width:20px;
height:500px;
background-image:url(../img/middle_bottom_left_bg.gif);
background-repeat:repeat-y;
}



/* center */

#center{
width:774px;
float:left;
}

#center_top_container,
#center_bottom{
background-color:#fff8d4;
}

form .input_styled,
#center_top .top_teaser_low_margin form,
#center_top .top_teaser_hi_margin form,
#center_top .top_teaser_voting form,
#center_bottom .bottom_teaser_low_margin form,
#center_bottom .bottom_teaser_hi_margin form,
.csc-mailform-field input,
.csc-mailform-field textarea,
#tx-srfeuserregister-pi1-static_info_country,
#tx-srfeuserregister-pi1-zone{
background-color:#fedd33;
}



/* center top */

#center_top{
height:500px;
}

#center_top_content{
width:610px;
float:left;
}

#center_top_container{
height:435px;
}

#center_top_left{
width:136px;
float:left;
position:relative;
}

#subnavigation{
width:136px;
float:left;
}


#subnavigation a{
cursor:pointer;
}

.subnavigation div{
width:135px;
padding-top:4px;
text-align:center;
font-weight:bold;
background-repeat:no-repeat;
}

.subnavigation_1{
height:28px;
background-image:url(../img/subnavigation_1.gif);
}

.subnavigation_2{
height:26px;
background-image:url(../img/subnavigation_2.gif);
}

.subnavigation_3{
height:26px;
background-image:url(../img/subnavigation_3.gif);
}

.subnavigation_4{
height:24px;
background-image:url(../img/subnavigation_4.gif);
}

.subnavigation_5{
height:26px;
background-image:url(../img/subnavigation_5.gif);
}

.phil{
position:relative;
overflow:hidden;
/** z-index:1000; fro 24.08.2009 */
z-index:0;
background-repeat:no-repeat;
}

#phil p{
margin:8px 0px;
}

#phil .bodytext{
position:relative;
top:35px;
left:13px;
width:104px;
height:126px;
overflow:hidden;
}

#phil_text .bodytext{
top:0px;
left:0px;
}

#phil_anmeldung{
background-image:url(../img/phil_anmeldung.gif);
height:441px;
width:136px;
}

#phil_anmeldung_text{
position:relative;
top:35px;
left:15px;
width:100px;
height:120px;
overflow:hidden;
}

#phil_datenschutz{
background-image:url(../img/phil_datenschutz.gif);
height:441px;
width:136px;
}

#phil_datenschutz_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_impressum{
background-image:url(../img/phil_impressum.gif);
height:441px;
width:136px;
}

#phil_impressum_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_kontakt{
background-image:url(../img/phil_kontakt.gif);
height:441px;
width:136px;
}

#phil_kontakt_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_mediadaten{
background-image:url(../img/phil_mediadaten.gif);
height:441px;
width:136px;
}

#phil_mediadaten_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_freunde{
position:absolute;
background-image:url(../img/phil_freunde.gif);
height:450px;
width:136px;
}

#phil_freunde_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:126px;
overflow:hidden;
}

#phil_nachrichten{
background-color:#FFF8D4;
position:absolute;
background-image:url(../img/phil_nachrichten.gif);
height:450px;
width:136px;
}

#phil_nachrichten_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_sitemap{
background-color:#FFF8D4;
background-image:url(../img/phil_sitemap.gif);
height:450px;
width:136px;
}

#phil_sitemap_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_spielen{
background-color:#FFF8D4;
position:absolute;
background-image:url(../img/phil_lara.gif);
height:450px;
width:136px;
}

#phil_spielen_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#phil_wissen{
background-color:#FFF8D4;
position:absolute;
background-image:url(../img/phil_wissen.gif);
height:450px;
width:136px;
}

#phil_wissen_text{
position:relative;
top:35px;
left:13px;
width:104px;
height:122px;
overflow:hidden;
}

#center_top_main{
width:464px;
margin-left:10px;
float:left;
position:relative;
}

.top_teaser_low_margin,
.top_teaser_hi_margin{
width:130px;
height:133px;
float:left;
background-image:url(../img/middle_top_teaser_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.top_teaser_highscore{
position:relative;
width:130px;
height:133px;
float:left;
background-image:url(../img/middle_top_teaser_highscore_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.highscore_list{
position:relative;
top:39px;
left:42px;
font-size:11px;
}

.highscore_item{
margin-bottom:3px;
}

.top_teaser_voting{
position:relative;
top:-2px;
width:130px;
height:147px;
float:left;
background-image:url(../img/middle_top_teaser_voting_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.top_teaser_low_margin,
.top_teaser_voting,
.top_teaser_highscore{
margin:0px 10px 5px 0px;
}

.top_teaser_hi_margin{
margin:0px 10px 18px 0px;
}

.top_teaser_img{
margin:8px 8px 0px 9px;
}

#center_top .teaser_title_freunde{
width:113px;
margin:8px 8px 5px 8px;
font-size:10px;
font-weight:bold;
}

#center_top .teaser_text {
width:105px;
float:left;
margin-left:8px;
font-size:10px;
}

#center_top .teaser_text_zuhause,
#center_top .teaser_text_spielen,
#center_top .teaser_text_wissen,
#center_top .teaser_text_freunde,
#center_top .teaser_text_nachrichten,
#center_top .teaser_text{
width:105px;
height:25px;
float:left;
margin-top:3px;
margin-left:8px;
font-size:10px;
font-weight:bold;
position:relative;
overflow:hidden;
}

#center_top .top_teaser_low_margin form,
#center_top .top_teaser_hi_margin form,
#center_top .top_teaser_voting form{
width:113px;
margin:0px 8px 1px 8px;
padding:2px 0px;
max-height:70px;
position:relative;
overflow:hidden;
font-size:10px;
}

/*#center_top .teaser_arrow*/
.top_teaser_low_margin .teaser_arrow,
.top_teaser_hi_margin .teaser_arrow{
width:9px;
float:left;
margin-top:14px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

.top_teaser_voting .teaser_arrow{
width:9px;
float:left;
margin-top:3px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

.top_content_add{
width:300px;
height:270px;
float:left;
margin:0px 10px 5px 0px;
padding:7px;
background-image:url(../img/content_add_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

#top_multibox{
width:302px;
height:122px;
float:left;
margin:0px 10px 5px 0px;
padding:4px 6px 5px 6px;
background-image:url(../img/multibox_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.browse_next_text{
float:right;
padding-right:5px;
}

.browse_next_arrow{
padding-left:10px;
float:right;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

.browse_previous_text{
float:left;
}

.browse_previous_arrow{
padding-right:10px;
margin-top:2px;
float:left;
background-image:url(../img/pfeil_back.gif);
background-repeat:no-repeat;
}

.csc-mailform-field label{
position:absolute;
}

form .input_styled,
.csc-mailform-field #mailformName,
.csc-mailform-field #mailformEMail,
.csc-mailform-field #mailformAlter,
.csc-mailform-field #mailformDeine_Nachricht,
#tx-srfeuserregister-pi1-static_info_country,
#tx-srfeuserregister-pi1-zone{
vertical-align:middle;
margin-bottom:5px;
font-family:verdana;
font-size:10px;
border:1px solid #cccccc;
}

.csc-mailform-field #mailformName,
.csc-mailform-field #mailformEMail,
.csc-mailform-field #mailformAlter,
.csc-mailform-field #mailformDeine_Nachricht{
position:relative;
left:120px;
}

.csc-mailform-field #mailformDeine_Nachricht{
margin-bottom:20px;
}

form fieldset{
border:none;
}

#mailformBewerte_Kindercampusde{
position:relative;
top:30px;
left:0px;
height:50px;
width:350px;
}

#mailformBewerte_Kindercampusde legend{
display:none;
}

#mailformBewerte_Kindercampusde label{
position:relative;
text-align:left;
width:50px;
top:3px;
}

#mailformBewerte_Kindercampusde .csc-mailform-radio{
float:left;
}

#mailformformtype_mail{
margin-top:20px;
}

.arrow{
padding:0px 0px 1px 10px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

#center_top_right{
width:164px;
height:500px;
float:left;
background-image:url(../img/middle_top_right_bg.gif);
background-repeat:no-repeat;
}

#navigation{
width:610px;
height:65px;
padding:15px 0px 0px 0px;
background-image:url(../img/navigation_bg.gif);
background-repeat:no-repeat;
}

#navigation a{
margin:0px 8px;
}

#login{
height:119px;
margin:29px 7px 9px 5px;
color:#004494;
font-size:10px;
overflow:hidden;
}

#login .linie{
border-top:1px dashed #CCCCCC;
width:100%;
clear:both;
height:0px;
font-size:1px;
margin:3px 0px 3px 0px;
padding:0;
background:transparent;
}

#login a{
padding:0px 0px 1px 12px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

#login .anz_mails{
background-image:none;
padding:0px;
color:#004494;
}

#login p{
margin:0px;
padding:2px;
}

#login td{
width:50%;
padding-right:2px;
vertical-align:top;
}

#login form{
margin:0px;
padding:0px;
}

#login input{
width:70px;
margin-bottom:2px;
font-family:verdana;
font-size:10px;
border:1px solid #cccccc;
}

#login input.link_submit{
margin-bottom:-2px;
border:none;
background-color:transparent;
padding:0px 0px 0px 5px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
width:75px;
cursor:pointer;
}

#newsletter{
width:139px;
height:35px;
padding:10px 15px 10px 7px;
background-image:url(../img/newsletter_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

#newsletter a{
padding:0px 0px 1px 12px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

#newsletter td{
padding-right:2px;
vertical-align:top;
}

#newsletter form{
margin:4px 0px 0px 0px;
padding:0px;
}

#newsletter input{
width:100px;
margin-bottom:2px;
font-family:verdana;
font-size:10px;
border:1px solid #cccccc;
}

#webtipps{
width:139px;
height:134px;
margin-top:4px;
padding:10px 15px 10px 10px;
background-image:url(../img/webtipps_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

#webtipps p{
margin:0px;
padding:2px;
}

.webtipps{
margin-top:5px;
}

.webtipp{
margin-top:4px;
padding:2px 0px;
width:140px;
clear:both;
}

.webtipp .webtipp_icon{
width:16px;
height:16px;
float:left;
}

.webtipp a{
text-decoration:underline;
margin-left:5px;
height:16px;
position:relative;
vertical-align:top;
}

#suche{
width:139px;
height:124px;
margin-top:0px;
padding:10px 15px 10px 10px;
background-image:url(../img/suche_bg.gif);
background-repeat:no-repeat;
position:relative;
overflow:visible;
z-index:1000;
}

#suche input{
width:100px;
margin-top:43px;
font-family:verdana;
font-size:10px;
text-align:center;
background-color:#ffffff;
border:1px solid #000000;
}

#suche p{
margin:2px;
}



/* center bottom */

#center_bottom{
height:500px;
}

#center_bottom_container{
position:absolute;
/** durch Änderungen am Superbanner 19.05.2009
top:580px;
*/
top:615px;
width:631px;
height:355px;
margin-left:133px;
padding-left:10px;
background-image:url(../img/karo_4x2_browse.jpg);
background-repeat:no-repeat;
}

.bottom_content_add{
width:314px;
height:284px;
float:left;
margin:15px 0px 5px 12px;
background-image:url(../img/content_add_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.bottom_teaser_hi_margin{
width:130px;
height:133px;
float:left;
margin:15px 13px 5px 12px;
background-image:url(../img/middle_bottom_teaser_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.bottom_teaser_low_margin{
width:130px;
height:133px;
float:left;
margin:15px 0px 5px 12px;
background-image:url(../img/middle_bottom_teaser_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.bottom_teaser_small_hi_margin{
width:108px;
height:88px;
float:left;
margin:15px 13px 0px 12px;
background-image:url(../img/middle_bottom_teaser_small_bg.gif);
background-repeat:no-repeat;
overflow:hidden;
}

.bottom_teaserdescr_hi_margin{
width:130px;
height:133px;
float:left;
margin:16px 13px 5px 12px;
overflow:hidden;
}

.bottom_teaserdescr_wide_hi_margin{
width:300px;
height:70px;
float:left;
margin:20px 13px 0px 12px;
overflow:hidden;
}

.bottom_teaser_img{
margin:8px 8px 0px 9px;
width:114px;
}

.bottom_teaser_small_hi_margin .bottom_teaser_img{
margin:6px 8px 0px 6px;
}

#center_bottom .teaserdescr_title_zuhause,
#center_bottom .teaserdescr_title_spielen,
#center_bottom .teaserdescr_title_wissen,
#center_bottom .teaserdescr_title_freunde,
#center_bottom .teaserdescr_title_nachrichten,
#center_bottom .teaserdescr_title{
margin-bottom:5px;
font-size:11px;
font-weight:bold;
/*max-height:25px;*/
position:relative;
overflow:hidden;
}

#center_bottom .teaser_title_freunde{
width:113px;
margin:8px 8px 5px 8px;
font-size:10px;
font-weight:bold;
}

#center_bottom .teaser_text {
width:105px;
float:left;
margin-left:8px;
font-size:10px;
}

#center_bottom .teaser_text_zuhause,
#center_bottom .teaser_text_spielen,
#center_bottom .teaser_text_wissen,
#center_bottom .teaser_text_freunde,
#center_bottom .teaser_text_nachrichten,
#center_bottom .teaser_text{
width:95px;
height:25px;
float:left;
margin-top:4px;
margin-left:12px;
margin-right:5px;
font-size:10px;
font-weight:bold;
overflow:hidden;
}

#center_bottom .top_teaser_low_margin form,
#center_bottom .top_teaser_hi_margin form{
width:113px;
margin:0px 8px 1px 8px;
padding:2px 0px;
}

#center_bottom .teaser_arrow{
width:9px;
float:left;
margin-top:16px;
background-image:url(../img/pfeil.gif);
background-repeat:no-repeat;
}

#center_bottom_container_5x2{
position:absolute;
/** durch Änderungen am Superbanner 19.05.2009
top:580px;
*/
top:615px;
width:774px;
height:355px;
margin-left:0px;
background-image:url(../img/karo_5x2_browse.jpg);
background-repeat:no-repeat;
}

#center_bottom_container_5x2_mask{
width:750px;
height:325px;
margin:5px 10px 0px 10px;
position:relative;
overflow:hidden;

top: 30px;
}

#center_bottom_container_5x2 .bottom_teaser_hi_margin{
margin:15px 10px 3px 10px;
}

#center_bottom_container_mask{
width:603px;
height:325px;
margin:5px 10px 0px 10px;
position:relative;
overflow:hidden;

top: 30px;
}

#center_bottom_container .bottom_teaser_hi_margin{
margin:15px 7px 3px 15px;
}

#center_bottom_container_4x1{
position:absolute;
/** durch Änderungen am Superbanner 19.05.2009
top:705px;
*/
top:740px;
width:613px;
height:205px;
margin-left:138px;
padding-left:20px;
background-image:url(../img/karo_4x1_browse.jpg);
background-repeat:no-repeat;
}

#center_bottom_container_4x1_mask{
width:602px;
height:180px;
margin:15px 13px 15px 0px;
position:relative;
overflow:hidden;
}

#center_bottom_container_4x1 .bottom_teaser_hi_margin{
margin:10px 10px 5px 10px;
}


.teaser_browse{
clear:both;
/* top:307px; */

top: 10px;

width:100%;
position:absolute;
}

#center_bottom_container_4x1 .teaser_browse{
top:160px;
}

.teaser_browse_back{
float:left;
margin-left:230px;
}

.teaser_browse_next{
float:right;
margin-right:260px;
}

.teaser_browse_wide .teaser_browse_back{
margin-left:300px;
}

.teaser_browse_wide .teaser_browse_next{
margin-right:320px;
}

.teaser_browse_back,
.teaser_browse_next{
width:30px;
}



/* bottom */
#bottom{ z-index:2000;

}

#bottom img{
border:0px;
padding-bottom:25px;
}

/* quizzes */

.quiz_question{
float:left;
width:200px;
}

.quiz_answer_radio{
float:left;
clear:both;
width:20px;
}

.quiz_answer_label{
padding-bottom:10px;
float:left;
width:180px;
}

.quiz_image{
float:right;
width:200px;
}

.quiz_next{
padding-top:20px;
clear:both;
}

.voting_image{
float:right;
}

.siegertreppe{
margin-top:0px;
}

/* selector */

.selector{
clear:both;
}

.selector_list_container,
.selector_bucket_container{
width:150px;
font-family:verdana;
font-size:11px;
margin-right:10px;
margin-bottom:5px;
float:left;
}

.selector_list,
.selector_bucket{
border:1px solid #CCCCCC;
background-color:#FEDD33;
height:40px;
width:148px;
overflow:auto;
}

.selector_descr{
width:150px;
height:25px;
font-size:10px;
margin-bottom:2px;
}

.selector_list ul, .selector_list li,
.selector_bucket ul, .selector_bucket li{
margin:0px;
padding:0px;
color:#000000;
}

.selector_list li,
.selector_bucket li{
list-style-type:none;
cursor:pointer;
}

.selector_list li:hover,
.selector_bucket li:hover,
.selector_list li.iehover,
.selector_bucket li.iehover{
background-color:#EEEEEE;
}

/* Links */

.highlight_link{
font-weight:bold;
font-style:italic;
}

.highlight_link a{
text-decoration:underline;
}