@import "fonts.css";

* { padding: 0; margin: 0; }

html {
  overflow-x:hidden;
  overflow-y:scroll;
}

/* 
iframe
{
 overflow:hidden;
  }
*/

img {
  border:none;
}

.comment {
  background-color:#EF8C11;
  border:2px solid grey;
  padding:5px;
  display:block;
}

body {
  font-family:verdana, arial,helvetica;
  font-size: 11px;
    padding-top:0px;
  margin-top:0px;
  line-height:1.5em;
   /*background-image:url('/kinderundjugend/pics/bg_kj.png');
background-repeat:repeat-x;
  background-color:#f0f1f1;
    */
    background-image:url(/kinderundjugend/pics/bg_main.jpg);
  
  
}

#zusatz
{
position:relative;
float:left;
}

#zusatz h1
{
  font-family: 'Indie Flower', cursive;
  font-size:30px;
  color: #EE800A;
  margin-top: -32px;
  margin-bottom: 0px;
  padding: auto;
  text-shadow: none;
  text-align: center;
}


#zusatz a {
color:#EE800A;
}

#wrapper_innen #inner #zusatz
{
 //position: absolute;
 //right: 42px;
 //top: 525px;
 width: 220px;

}

#zusatz .menu_top
{
padding-top: 30px;
}

#zusatz .menu_middle
{
padding: 0px 20px 0px 20px;
}

#zusatz #pin
{
position:absolute;
 left:104px;
  top:-7px;
}

h1 {
  font-size:16px;
  margin-bottom:1.0em;
  text-shadow: 1px 1px  1px #4f4e4e;
}


h2 {
  font-size:18px;
  padding-bottom:0.3em;
  padding-top:0.8em;
  color:#EF7C00;
}


h3 {
  font-size:15px;
  color:black;
}

a
{
  text-decoration:none;
  color:#7e8488;
}

#content_main a {
  text-decoration:none;
  color:#EF7C00;
}

a.mehr
{
padding-left:15px;
  background-repeat:no-repeat;
//  background-image:url(/kinderundjugend/pics/16-arrow-right_16x16.png);
}


p {
  padding: 0px;
}

#wrapper {
  margin: 0 auto;
  width: 1020px;
  max-width:100%;
	position: relative;

	
	padding-left:0px;
  margin-bottom:20px;
  background-color:#ECEDEE;
   border:1px solid #828080;
  
  -webkit-box-shadow:  3px 2px 8px #676464;
  -moz-box-shadow:   3px 2px 8px #676464;
  box-shadow:  3px 2px 8px #676464;

border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  }

.clear
{
  clear:both;
  height:0px;
}


#header
{
  background-color:#EF7C00;
  background-image:url('/kinderundjugend/pics/bg_head.png');
height:140px;
}

#header.x
{
height:180px;
background-image:none;
border-bottom:1px solid black;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,e3e2e2+100 */
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(227,226,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(227,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(227,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e3e2e2',GradientType=0 ); /* IE6-9 */



}

#logo
{
width:120px;
  float:left;
  padding-left:5px;
}
#logo20  {
	float:left;
	width:222px;
	height:auto;
margin-top: 50px;
    margin-left: 20px;
		max-width: calc(100% - 20px);
}
#logoKJ
{
position:absolute;
top:-32px;
right:57px
}
#logoKJ img
{
width:250px;
height:auto;
}


#claim
{
float: left;
    left: 150px;
    position: relative;
    top: 40px;
    width: 630px;
		z-index:21;
}



#kopfgrafik
{


}


#aktuell

{
width:490px;
  
  
   border:1px solid #828080;
     -webkit-box-shadow: 2px 2px 2px #A5A5A5;
  -moz-box-shadow:  2px 2px 2px #A5A5A5;
  box-shadow:  2px 2px 2px #A5A5A5;

border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
   background-color:#F0F1F1;
}

#aktuell_head
{
 background-color: #EF7C00;
    background-image: url("/kinderundjugend/pics/bg_navi.png");
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
  height: 32px;
padding: 15px 0 0 18px;

    text-shadow: 1px 1px 1px #4F4E4E;
}

#aktuell_text
{
padding:10px;
}


#slideshow {
  position:relative;
  width:100%;
  
}

#slideshow DIV {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
  width:100%;

 
}

#slideshow DIV.active {
  z-index:10;
  opacity:1.0;
}

#slideshow DIV.last-active {
  z-index:9;
}

#slideshow DIV IMG {
  //width:739px;
  
  display: block;
  border: 0;
  margin-bottom: 10px;
}
/*slideshow*/













#wrapper_innen
{
  //background-color:#c3c1c1;
 
  position:relative;
z-index:20;
   
}


#inner
{




  min-height:200px;
}


#content_li {
  float:left;
  width:225px;
font-size:12px;
  line-height: 1.7em;

  padding-bottom:40px;
   position:relative;
}


#content_container
{
float:left;
	width:795px;
	max-width:100%;
	padding-top:22px;
}


#content_main {
  float:left;
  width:530px;
  //margin-left:10px;
  line-height: 1.7em;
  padding-top:20px;
  }

#content_re
{
float:left;
	width:250px;
}



#submenu
{

width:700px;
  padding-left:300px;
  height:80px;

}




#menu1, #menu2, #menu3
{
position:relative;
  left:-50px;
  padding-top:16px;
width:250px;
}


#pin1
{
position:absolute;
  left:80px;
  top:9px;
}


#pin2
{
position:absolute;
  left:100px;
  top:9px;
}

#pin3
{
position:absolute;
  left:120px;
  top:9px;
}

.link_pfeil, a.link_pfeil {
  background-image: url('/intern/pics/pfeil_orange_link.png');
  background-repeat: no-repeat;
  padding-left: 10px;
  //display:table-cell;
}

.link_pdf, a.link_pdf {
  background-image: url('/bilder/icon-pdf.gif');
  background-repeat: no-repeat;
  padding-left: 15px;
}

#menu1 ul li,#menu2 ul li, #menu3 ul li
{
  min-height:30px;
  line-height:1.0em;
list-style-type:none;
    padding-left:30px;
  padding-top:1px;
}




.tape1
    {
  
      position:absolute;
      top:0px;
      left:148px;
 
      
    }
      .tape2
    {
      position:relative;
      top:-20px;
      left:140px;
      
    }
.menu_top
{
  background-image:url(/kinderundjugend/pics/menu_papier/top.png);
     background-repeat: no-repeat;
    height: 37px;
    padding-bottom: 0;
    padding-left: 55px;
    padding-right: 0;
    padding-top: 26px;
    
}

.menu_middle
{
  background-image:url(/kinderundjugend/pics/menu_papier/middle.png);
  background-repeat:repeat-y;
  padding-top:5px;
 position:relative;
}

.menu_bottom
{
  background-image:url(/kinderundjugend/pics/menu_papier/bottom.png);
  background-repeat:no-repeat;
  height:71px;
  }


.menu_middle a:hover
{
color:black;
}




.submenu_container
{
width:185px;
position:absolute;
  left:100px;
  margin-top:-20px;
z-index:1000
  
}


.submenu_top
{
  background-image:url(/kinderundjugend/pics/bg_submenu_top.png);
width:100%;
height:28px;
}

.submenu_mid
{
  background-image:url(/kinderundjugend/pics/bg_submenu_mid.png);
  background-repeat:repeat-y;
  background-position:16px 0px;
width:100%;
}

.submenu_bot
{
  background-image:url(/kinderundjugend/pics/bg_submenu_bot.png);
  background-repeat:no-repeat;
  height:66px;
    background-position: 16px 0px;
width:100%;

}




#menu ul li ul li a
{
  background-image:none;
  background-repeat:no-repeat;
  padding-left:17px;
  padding-top:4px;
   height:30px;
  width:160px;
  display:block;
  font-weight:bold;
  color:#7c7c7c;
  font-size:11px;
}


#menu ul li ul li a.aktiv
{
background-image:none;
  color:black;
}


#menu ul li ul li a:hover
{
  background-image:none;
    font-size:12px;

}





#submenu ul li
{
  height:26px;
list-style-type:none;
  float:left;
  background-image:url(/kinderundjugend/pics/bg_submenu.png);
  background-repeat:no-repeat;
  padding-left:20px;
  padding-top:1px;
  width:152px;
}

#submenu ul li a
{
font-weight:bold;
  color:#7c7c7c;
  font-size:11px;
}

#submenu ul li a:hover
{
color:black;
}





#icon_mobilmenu
{
	display:none;
position:absolute;
	top:37px;
	left:20px;
}

#icon_home
{
	display:none;
position:absolute;
	top:37px;
	right:20px;
}


#menu_mobil
{
display:none;
	position:absolute;
	left:-355px;
	 background-color:white;
	border:1px solid grey;
	 -webkit-box-shadow: 2px 4px 6px #575757;
  -moz-box-shadow:  2px 4px 6px #575757;
  box-shadow: 2px 4px 6px #575757;
	padding:10px;
	z-index:25;

}

#close
{
position:absolute;
	right:10px;
}
#menu_mobil ul
{
list-style-type:none;
padding: 10px 0 20px 20px;
}

#menu_mobil ul li a
{
font-size:15px;
	color:#474747;
		line-height:1.5em;
}










.teaser_img
{
width:125px;
  float:left;
}

.teaser_txt
{
width:475px;
max-width:100%;
  float:left;
}

.linie
{
border-bottom:1px solid #7c7c7c;
  height:20px;
  width:600px;
	max-width:100%;
}

#kalender
{

  float:left;
  width:305px;
  height:295px;
  z-index:10000;
  overflow-y: hidden;
  overflow-x: hidden;

}


 

.tooltip2 {
  position: absolute;
	
    display: none;
  background-color: white;
  border:1px solid black;
width:115px;
padding-left,padding-right:5px;
  margin-left:0px;
  margin-top:-50px;
  z-index:1003;
}

#zumbvb
{
padding-left:25px;
padding-top:25px;
}