/*CSS Styles



hellblau:DCDDE6
pink:CC3366
dunkelblau:6B71A8
grün:9CB79F
lila: 9D90B5


*/


body{

    font-family:Verdana,Arial,Helvetica,Sans Serif;
    font-size:11px;
    line-height:15px;
    margin:0px;
    margin-top:10px;
    background-color:#FFFFFF;
    text-align:center;
    padding-bottom:100px;

}


a{
   text-decoration:underline;
   color:#CC3366;
   font-weight:bold;

}

div{
   line-height:18px;

}


#all{

    width:100%;
    text-align:center;
    /*border:1px solid #880000;*/

}


#top{
   width:880px;
   height:120px;

   margin:0px auto;
    padding-left:15px;

}




#top_navi{
  width:640px;
  padding-top:100px;
  padding-left:20px;
  float:left;

}



#mail_button{

   width:210px;
   height:160px;
   float:left;
   padding-top:35px;
   text-align:right;

}



#service_navi{
   width:870px;
   height:12px;
   float:left;
   text-align:right;
   line-height:12px;

   margin-top:13px;


}





#most_content{

   background-image:url(/cms/fileadmin/youthll/images/sysimages/hintergrund_home.gif);
   background-repeat:no-repeat;
   background-position:center top;
   text-align:left;
   vertical-align:top;
   margin:0px auto;
   width:960px;
   height:800px;
   /*border:1px solid #000000;*/
   z-index:4;
}


#main{
    width:960px;
   height:120px;
   /*border:1px solid #880000;*/

   clear:both;
}

#main_spacer{

   width:50px;
   height:600px;
   float:left;

}


#main_left{

   width:435px;
   float:left;
}


#main_right{

   width:445px;
   float:left;
   /*border:1px solid #000000;*/
   border-right:25px solid #6B71A8;
   padding-bottom:70px;

}


/* Peerseite */

#left_vert_spacer{

  height:330px;
  width:400px;
  float:left;
  margin-top:20px;

}

#right_vert_spacer{
  height:40px;
  width:400px;
  float:left;
  display:block;

    margin-bottom:10px;
}

/*Einzelelemente*/

#mail_buttonimage a img{
     border:0px;

}

#mail_buttontext a{
     text-decoration:none;
     color:#CC3366;
      font-family:Helvetica,Sans Serif;
      font-size:12px;
     font-weight:bold;
     padding:0px 6px 0px 17px;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_p2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;


}

#mail_buttontext a:link{

     color:#CC3366;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_p2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;

}

#mail_buttontext a:hover{

     color:#000000;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_s2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;

}





#top_navi{
     color:#000000;
     font-weight:bold;
     font-size:13px;
     font-family:Arial,Helvetica,Sans Serif;
}


#top_navi div.top_navi_L1 a{
     font-family:Arial,Helvetica,Sans Serif;
     color:#CC3366;
     font-weight:bold;
     font-size:18px;
     text-decoration:none;
     padding:3px 3px 0px 3px;
}


#top_navi div.top_navi_L1 a:hover{

     color:#000000;

}





#top_navi_L2_1_c,#top_navi_L2_2_c,#top_navi_L2_3_c,#top_navi_L2_4_c{
   float:left;
   width:120px;

}


#top_navi_L2_1, #top_navi_L2_2, #top_navi_L2_3, #top_navi_L2_4{

   float:left;
   width:120px;
   visibility:hidden;
   line-height:14px;
}



#top_navi_L2_1_c{
    margin-left:17px;
}

#top_navi_L2_2_c{
    margin-left:27px;
}

#top_navi_L2_3_c{
    margin-left:21px;
}

#top_navi_L2_4_c{
    margin-left:69px;
}



#top_navi_L2_1,#top_navi_L2_2,#top_navi_L2_3,#top_navi_L2_4 {
margin-left:0px;


} 

#top_navi_L2_1 a, #top_navi_L2_2 a, #top_navi_L2_3 a, #top_navi_L2_4 a{
     font-family:Arial,Helvetica,Sans Serif;
     color:#000000;
     font-weight:bold;
     font-size:11px;
     text-decoration:none;
     padding:0px 3px 0px 3px;
}


#top_navi_L2_1 a:hover,#top_navi_L2_2 a:hover,#top_navi_L2_3 a:hover,#top_navi_L2_4 a:hover{

     color:#CC3366;

}


#top_navi_L2_1 a.current, #top_navi_L2_2 a.current, #top_navi_L2_3 a.current, #top_navi_L2_4 a.current {
      color:#CC3366;
}


#service_navi a{
     text-decoration:none;
     color:#CC3366;
      font-family:Helvetica,Sans Serif;
     font-weight:bold;
     font-size:12px;
     padding:0px 5px 0px 17px;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_p2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;
}

#service_navi a:hover{
     text-decoration:none;
     color:#000000;
     font-weight:bold;
     font-size:12px;
     padding:0px 5px 0px 17px;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_s2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;
}


#page_title{
   padding-top:20px;

}



h1.page_title{
        font-family:Arial,Helvetica,Sans Serif;
	color:#CC3366;
	font-size:18px;
	font-weight:900;
        line-height:25px;
        padding:0px;
        margin:0px;
        margin-top:15px;
        padding-left:25px;
        background-image:url(/cms/fileadmin/youthll/images/sysimages/titelstern2.gif);
        background-repeat:no-repeat;
        background-position:left middle;

}

#site_logo{

     padding-left:20px;
     padding-bottom:10px;
}


#site_logo h1{
    	color:#111111;
	font-size:20px;
	font-weight:bold;

        text-decoration:none;

}


#site_logo a h2{
    	color:#CC3366;
	font-size:13px;
	font-weight:bold;
        line-height:13px;
        text-decoration:none;

}

#site_logo a img{
     border:0px;
}


#peer_image{

    padding-left:20px;
}


#peer_image a img{
       border:0px;

}

#peer_notice_container{
    height:110px;
     text-align:left;

padding:0px;
}

#peer_name{
   color:#767677;
   text-align:right;
   /*font-variant:small-caps;*/
   font-size:11px;
	font-weight:bold;
        line-height:12px;
        padding-right:15px;
        padding-left:0px;

        height:20px;

}


#peer_notice{
   color:#767677;
   text-align:left;
   

   text-transform: uppercase;
   font-size:12px;

	font-weight:bolder;
        line-height:18px;

         padding-right:15px;
         padding-left:0px;
    margin-left:0px;

}


#help_navi{

   margin-top:0px;
   font-size:14px;
   padding-left:15px;

}

#help_navi a{
     text-decoration:none;
     color:#CC3366;
     font-weight:bold;
     padding:0px 6px 0px 20px;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_p2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;

}

#help_navi a:hover{

     color:#000000;
     background-image:url(/cms/fileadmin/youthll/images/sysimages/pfeil_rechts_s2.gif);
     background-repeat:no-repeat;
     background-position:left bottom;

}


div.content_title{
   padding:10px 15px 0px 25px;


}




div.content_title h2, div.content_title_left h2, div.content_title_right h2{
   color:#CC3366;
   font-size:12px;
   font-weight:bold;
   line-height:13px;
}


#left_content{
  width:380px;

  padding:0px 0px 0px 0px;
  border-left:15px solid #FFFFFF;
  text-align:left;

}

#right_content{
  width:420px;

  padding:0px 0px 0px 0px;
   border-left:25px solid #FFFFFF;
   text-align:left;
}


div.content_title_left{
   padding:10px 15px 0px 0px;
   width:300px;

}

div.content_text_left{

   float:left;
   padding:0px 15px 10px 0px;
   width:300px;
   font-size:11px;

}


div.content_title_right{
   padding:10px 15px 0px 0px;
   font-size:11px;
   width:440px;
}

div.content_text_right{
   padding:0px 15px 10px 0px;

   font-size:11px;
   width:440px;
}



/*normale Seiten*/
div.content_text{
   padding:0px 15px 10px 25px;

   font-size:11px;
}


a.GoTo{
   text-decoration:underline;
   color:#CC3366;
   font-weight:bold;

}




 /*unterschiedlich nach Rubrik, hier für Home*/


 #most_content{

   background-image:url(/cms/fileadmin/youthll/images/sysimages/hintergrund_home.gif);
   background-repeat:no-repeat;
   background-position:center top;
}

h1.page_title{

	color:#6B71A8;

        background-image:url(/cms/fileadmin/youthll/images/sysimages/titelstern_6B71A8.gif);
        background-repeat:no-repeat;
        background-position:left middle;

}


#main_right{


   border-right:25px solid #6B71A8;

   background-image:url(/cms/fileadmin/youthll/images/sysimages/seitenabschluss_home.gif);
   background-repeat:no-repeat;
   background-position:right bottom;
}

/*

#peer_name{
   color:#6B71A8;

}


#peer_notice{
   color:#6B71A8;

}
*/


div.content_title h2{
   color:#6B71A8;
}




div.tx-veguestbook-pi1{
  border-left:25px solid #FFFFFF;





}

div.tx-guestbook-form{
    background-color:#DCDDE6;
    height:250px;
    margin-top:20px;
  margin-bottom:40px;
  padding:15px 0px 0px 15px;
  width:385px;
}

div.guestbook_list{


  margin-top:20px;
  margin-bottom:40px;
  padding:15px 0px 0px 0px;
  width:385px;
}


div.tx-guestbook-form form{
    background-color:#DCDDE6;

}

div.tx-veguestbook-pi1 div.label{
   width:110px;
   float:left;

}

div.tx-veguestbook-pi1 div.content{
   width:270px;
   float:left;
   border-bottom:10px solid #DCDDE6;
   text-align:left;
   background-color:#DCDDE6;
}

span.tx-guestbook-form-obligationfield{
    color:#CC3366;
    font-size:15px;
    background-color:#DCDDE6;
}



div.tx-veguestbook-pi1  input,div.tx-veguestbook-pi1 textarea{

   width:250px;
   border-top:1px solid #666666;
   border-left:1px solid #666666;
}



div.tx-veguestbook-pi1  input.submit{

   width:100px;

   background-color:#DCDDE6;
   color:#CC3366;
   font-weight:bold;
   height:30px;

    border-top:1px solid #666666;
   border-left:1px solid #666666;
}

div.tx-veguestbook-pi1 textarea{

   height:100px;
}





div.guestbook_item{
   margin-top:20px;
   line-height:18px;

}


div.tx-veguestbook-pi1 div.date {
   color: 6B71A8 ;


}



div.guestbook_item div.entry {
   font-weight:normal;


}

div.guestbook_item div.comment {
   padding-left:25px;
   color: 6B71A8 ;
   font-weight:bold;


}



div.guestbook_item div.name{
   color:#CC3366;
    font-weight:bold;
}



div.guestbook_list div.guestbook_morelinks_top,
div.guestbook_list div.guestbook_morelinks_bottom{
   margin-top:15px;

}










div.tx-imuyouthll-pi1{
  border-left:25px solid #FFFFFF;

}


div.tx_imuyouthll_pi1_contactform{
     background-color:#DCDDE6;
     width:385px;
     padding-top:10px;
     padding-left:10px;
     height:350px;
}



div.tx_imuyouthll_pi1_form {
    background-color:#DCDDE6;

    margin-top:20px;
  margin-bottom:40px;
  padding:15px 0px 0px 15px;
  width:385px;
  height:900px;


}



div.tx_imuyouthll_pi1_form form{

    background-color:#DCDDE6;

}


div.tx-imuyouthll-pi1 div.text{

    padding-right:15px;

}


div.tx-imuyouthll-pi1 div.label{
   width:120px;
   float:left;


}

div.tx-imuyouthll-pi1 div.label_long{
   width:100%;
   float:left;


}

div.tx-imuyouthll-pi1 div.content{
   width:250px;
   float:left;
   border-bottom:10px solid #DCDDE6;
   text-align:left;
   background-color:#DCDDE6;

}


div.content input.text , div.content textarea{

   width:250px;
   border-top:1px solid #666666;
   border-left:1px solid #666666;
}


div.content textarea{

   height:100px;
}

div.content input.text_short1{

   width:60px;
   border-top:1px solid #666666;
   border-left:1px solid #666666;
}

div.content input.text_short2{

   width:180px;

   border-top:1px solid #666666;
   border-left:1px solid #666666;
   margin-left:5px;
}







div.content  input.submit{

   width:120px;

   background-color:#DCDDE6;
   color:#CC3366;
   font-weight:bold;
   height:30px;

    border-top:1px solid #666666;
   border-left:1px solid #666666;
}


span.mustfield{
    color:#CC3366;
    font-size:15px;
    background-color:#DCDDE6;
}



div.form_spacer{
    height:20px;
    width:100%;

    float:left;
}



#main_left div.tx-imuyouthll-pi1{
    padding-left:10px;
    border:0px;
    margin:0px;
}



div.box_peer_artikel div.csc-textpic{
    
    border-left:25px solid #FFFFFF;
    
    margin-top:15px;
    padding-bottom:15px;
 
}
