html,
body{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: 'arial';
	font-family: 'PT Sans', sans-serif;
	color:#666666;
	font-size:14px;
	line-height:1.5em;
	 
}

.box{
	float: left;
	width: 100%;
}



.mainbox { 
width: 1010px;
	margin: 0px auto 0px auto;
	min-height:900px;
	
	
	} 
 


.box1 {width:300px;
 
min-height:500px;
float:right;
margin-top: 2px;
 margin-right:60px;
}










.box4 {width:300px;
background:#fff;
height:600px;
float:right;
 
 
}



.box2 {width:570px;
 
height:100%;
float:left;
clear:left;
margin-bottom:90px;
margin-left:0px;
}



 .center{
	width: 1010px;
	margin: 0px auto 0px auto;
} 

#wrapper1{ 
	background-color: #fff;
	/*border-radius: 5px;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);
	-o-box-shadow:0 0 4px rgba(0,0,0,0.3);
	box-shadow:0 0 4px rgba(0,0,0,0.3);*/
	
	margin-left:40px;
	 
	width:940px;
	min-height:900px;
	 
}

p, ul, li, img{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

img{
	border: 0px;
}

.jplist{
	float: left;
	width: 100%;
}

.jplist .jplist-no-results{
	display: none;
}

.jplist .jplist-no-results p{
	text-align: center;
	padding: 10px 0px 10px 0px;
}

/* panel */
.jplist .panel{
	float: left;
	width: 100%;
	
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	
	/*background: url('../img/bg.png');	*/
	
	font-family: 'arial';
	color: #444;
	font-size: 12px;	
	line-height: 18px;
}


.panel1 {width:540px;
height:50px;
margin-top:10px;
 background: url(http://www.kinder-kalender.de/images/header_advert_border.gif) repeat;
 /*background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);*/
  
/*border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;*/
} 


.jplist .panel-top{
	border-radius: 5px 5px 0px 0px;
}

.jplist .panel-bottom{
	border-radius: 0px 0px 5px 5px;
}

/* filter */
.jplist .filter{
	float: left;
}

.jplist .filter input{
	display: block;
	float: left;
	
	width: 130px;
	height: 14px;
	margin: 0px 0px 0px 10px;
	
	border: 1px solid #aaaaaa;
	border-radius: 3px;
}

.jplist .search-title{
	float: left;
	margin-left: 10px;
}

.jplist .filter-btn{
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	color: #fff;
	background-color: #1E87AA;
	border-radius: 3px;
	padding: 1px 5px;
}

/* paging */
.jplist .pagingprev,
.jplist .pagingmid,
.jplist .pagingnext{
	float: left;
}
.jplist .pagcontainer {float:right;
 margin-right:10px;
}
.jplist .paging{
	float: left;
	margin: 0px 10px 0px 0px;	
}

.jplist .paging span{
	cursor: pointer;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
  color: #555;
  font-weight:bold;
font-family: 'Ubuntu', sans-serif;
  
  
  
  background-color: #fff;
 /* -moz-box-shadow: inset 0 1px 0 1px #fff;
  -webkit-box-shadow: inset 0 1px 0 1px #fff;
  box-shadow: inset 0 1px 0 1px #fff;*/
  border: 1px solid #c3c3c3;
  
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  
  
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  padding: 5px 8px 6px 8px;
	
		
}

.jplist .paging span.last{
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
  color: #555;
  
   color: #555;
  font-weight:bold;
font-family: 'Ubuntu', sans-serif;
  background:#FFF;
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  border: 1px solid #c3c3c3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  padding: 5px 8px 6px 8px;
	
		
}


.jplist .paging  span.current{
	 text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.28);
  background-color: #f15a29;
  background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #f15a29;
}


 





.jplist .paging  span:hover{
	 text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.28);
  background-color: #222;
  background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #222;
}

.jplist .paging-results{
	float: left;
	margin: 0px 15px 0px 15px;
	font-size:12px; 		
		font-family: 'Ubuntu', sans-serif;
		margin-top:7px;text-shadow: 1px 1px 0px #fff;
		 
	 
}





/* drop down 
.jplist .drop-down{
	float: left;
	width: 130px;
	height: 16px;
	
	margin: 0px 0px 0px 15px;	
	border: 1px solid #cccccc;
}

.jplist .drop-down .panel{
	float: left;
	width: 125px;
	height: 16px;
	line-height: 16px;
	
	overflow: hidden;
	background: #ffffff url('../img/down-arrow.jpg') no-repeat top right;
	
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

.jplist .drop-down ul{	

	position: relative;
	top: 0px;
	left: -1px;
	z-index: 1000;
	
	width: 129px;
	display: none;
	overflow: hidden;
	
	background-color: #ffffff;
	border: 1px solid #cccccc;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	list-style: none;
	border-radius: 0px 0px 3px 3px;
}

.jplist .drop-down ul li{
	padding: 0px 0px 0px 5px;
	cursor: pointer;
	width: 130px;
	float: left;
	background-color: #ffffff;
}

.jplist .drop-down ul li:hover{
	background-color: blue;
	color: #ffffff;
}

.jplist .hidden{
	display: none;
}*/


/* drop down */
.jplist .drop-down{
	float: left;
	width: 140px;
	height: 30px;
	
	margin: 0px 0px 0px 10px;	
	border: 0px solid #cccccc;
	border-left: 0px solid #d3d3d3;
	 
	 background:#FFF url("http://www.city-tourist.de/Sorter/images/select_dropdown_131.png") no-repeat top right;
	
	 border: 1px solid #cacece;
     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  border-radius: 3px;
}

.jplist .drop-down .panel{
	float: left;
	 
  width: 130px;
  height:30px;
  font-size: 12px;
	 line-height:30px;
	overflow: hidden;
	
 
	
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	
	 font-family: 'Ubuntu', sans-serif;
 /* background: url("http://www.comtoura.com/NTEMPLATE/TEST/images/select_dropdown_219.png") no-repeat top right;*/
  
	 color:#555;
	 
	font-weight:400;
	
}

.jplist .drop-down ul{	

	position: relative;
	top: 5px;
	left: -1px;
	z-index: 1000;
	
	width: 130px;
	display: none;
	overflow: hidden;
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
	
	border: 0px solid #d3d3d3;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:400;
	list-style: none;
	border-radius: 0px 0px 3px 3px;
	
	
}

.jplist .drop-down ul li{
	padding: 0px 0px 0px 5px;
	cursor: pointer;
	width: 130px;
	float: left;
	background: #f2f2f2;
			
	line-height:27px;
	font-family: 'Ubuntu', sans-serif;
	 color:#333;
	 font-size:12px;
	 font-weight:400;
	border-bottom: 0px solid #f8f8f8;
	border-top:0px solid #FFF;
}

.jplist .drop-down ul li:hover{
	background-color: #dedede;
font-family: 'Ubuntu', sans-serif;
	 color:#555;
	 font-size:12px;
	 font-weight:400;
	text-shadow: 1px 1px 1px #fff;
	line-height:27px;
}

.jplist .hidden{
	display: none;
}


ul.foot{
	margin: 0px 0px 0px 15px;
	line-height:17px;
	float: left;
	list-style: none;
	font-size:14px;
}



/* ul li */
ul.ul-li-list{
	margin: 0px 0px 0px 15px;
	padding: 15px 0px 0px 15px;
	float: left;
	list-style: square outside none;
}

ul.ul-li-list .list-box{
	float: right;
}

ul.ul-li-list li.list-item{
	float: left;
	width: 100%;
	margin: 0px 0px 15px 0px;
	clear: left;
}

ul.ul-li-list li.list-item .img{
	float: left;
	width: 140px;
	margin: 5px 0px 0px 0px;
}

ul.ul-li-list li.list-item .block{
	float: left;
	width: 540px;
}

/* table */
.demo-tbl{
	border-collapse: collapse;
	border: 1px solid #aaa;
}

.demo-tbl th{
	border: 1px solid #aaa;
}

.demo-tbl .tbl-item td{
	border: 1px solid #aaa;
	/*vertical-align: top;*/
}

.demo-tbl .tbl-item td.img{	
	font-size: 0px;
}

.demo-tbl .tbl-item td.img img{
	display: block;
	margin: 10px;
	border: 1px solid #000;
}

.demo-tbl .tbl-item td.block{	
	padding: 5px 10px 10px 10px;
}

/* list */
.list{
	float:left;
	padding: 15px 0px 0px 0px;
	 
}






.list .list-item{
	float: left;
	width: 540px;
	 margin-top:15px;
	 padding-bottom:10px;
	border-bottom:1px solid #F2F2F2;
	 
}

.list .list-item .img{
	width: 205px;
	float: left;
	font-size: 0px;
	height:128px;
}

.list .list-item .block{
	float: left;
	width: 210px;
	 
}


.boxh2{
   font-weight:400;
	font-size: 22px;
	line-height: 24px;
	color:#909090;
	margin-top:15px;

} 

.boxh2d{
   font-weight:400;
	font-size: 24px;
	line-height: 26px;
	color: #90AAF4;
	margin-top:15px;

} 


.boxh3{
   font-weight:400;
	font-size: 14px;
	line-height: 16px;
	color:#414141;
	margin-top:10px;
	margin-bottom:25px;
	 

}
.boxh4{
   font-weight:700;
	font-size: 16px;
	line-height: 18px;
	color:#db5454;
	margin-top:10px;
	margin-bottom:25px;
	text-transform: uppercase;
	 
}

.boxh3d{
   font-weight:400;
	font-size: 14px;
	line-height: 16px;
	color:#414141;
	margin-top:10px;
	margin-bottom:25px;
	width:510px;

}


.list .list-item .title{
	font-family: 'Ubuntu', sans-serif;
   font-weight:700;
	font-size: 22px;
	line-height: 24px;
	 
	/*color: #fec822;*/
	color: #90AAF4;
	margin-top:5px;
	margin-bottom:9px;
	 
} 
 


.block .title{
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: 800;
	/*color: #fec822;*/
	color: #90AAF4;
	margin-top:5px;
	margin-bottom:9px;
}

.block .date-time{
	color: #7F4F24;
	padding: 0px 20px 0px 0px;
	font-size:10px;
}

.block .desc{
line-height: 15px;
	font-family: 'Arial Sans', sans-serif;
	font-size: 13px;
	width:300px;
	float:left;
	padding: 0px 10px 0px 0px;
	margin-top:16px;
	color:#414141;
	 
}


.price{
	line-height: 28px;
	/*padding: 5px 0px 0px 0px;*/
	padding-top:55px;
	padding-left:10px;
	/*margin-top:-56px;*/
    position:absolute;
	margin-left:310px;
	margin-top:-15px;
	color: #f15a29;
	font-size:34px;
	font-weight:bold;
	font-family: 'Arial', sans-serif;
	float:right;
	width:110px;
	height:75px;
	 
	 	
}



.pricesmall {
	color: #f15a29;
	font-size:10px;
	font-weight:bold;
	font-family: 'Arial', sans-serif;
	margin-left:320px;
	margin-top:21px;
	position:absolute;
	z-index:500;
}


 .currency {
	color: #f15a29;
	font-size:14px;
	font-weight:bold;
	font-family: 'Arial', sans-serif;
	margin-left:373px;
	margin-top:76px;
	position:absolute;
	z-index:500;
}

 .price sup {
	color: #f15a29;
	font-size:17px;
	font-weight:bold;
	font-family: 'Arial', sans-serif;
	margin-left:-5px;
}

.balken {background:#F2F2F2;/*background:url("../images/balkenbg.png") 
left center no-repeat; */ height:22px; width:325px;float:left; 
/*text-shadow: 1px 1px 0px #fff;*/ padding-left:10px;}


.alter {background:url("../images/alterbg.png") left center no-repeat; position:absolute; 

margin-left:237px; margin-top:-35px; 
/*margin-left:257px; margin-top:48px; */


width:97px; height:90px;
padding-left:8px;
color: #222;
	font-size:10px;
	font-weight:bold;
	font-family: 'Merriweather Sans', sans-serif;
line-height:90px;
}

 


 


a.linked {  text-decoration: none;
  color: #FFF;
  text-align: center;
  line-height:25px;
  /*text-shadow: 0 1px 0 rgba(0,0,0,0.28);*/
   
  background-image: -moz-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: -o-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  background-image: linear-gradient(bottom,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0) 100%);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E03C30;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-size:12px;
	font-weight:bold;
	font-family: 'Ubuntu', sans-serif;
		float:right;
		height:25px;
		
	 width:80px;
	 position:absolute;
	 margin-top:100px;
	 margin-left:-85px;	 }

a.linked:link    { color:#fff; background-color:#E03C30; }
a.linked:visited { color:#fff; background-color:#E03C30; }
a.linked:hover   { color:#fff; background-color:#222; border: 1px solid #222; }
a.linked:active  { color:#fff; background-color:#222;border: 1px solid #222; }








.plz{
	 
	 float:left;
	 font-family: 'Arial', sans-serif;
     font-size:11px;

background: url("http://www.kinder-kalender.de/Sorter/images/view_on_map_icon.png") left center no-repeat;
		padding: 0 0 0 15px;
		 
		margin: 0 10px 0 0;
		-webkit-transition:color 0.3s ease-in;
		-moz-transition:color 0.3s ease-in;
		-o-transition:color 0.3s ease-in;
		transition:color 0.3s ease-in;

}



.date{
	 margin: 0 10px 0 0;
	 float:left;
	 font-family: 'Merriweather Sans', sans-serif;
	  font-size:11px;
}


.ort{
	 margin: 0 10px 0 0;
	 float:left;
	 font-family: DroidSans, Arial, Verdana, sans-serif;
 font-size:11px;
}


.theme {margin: 0 10px 0 0;
	line-height: 16px;
	padding: 5px 0px 0px 0px;
	color: #414141;
	 font-size:11px;
	 float:left;
	 clear:left;
	font-family: 'Arial', sans-serif;
	 margin-top: 105px;
	  position:absolute;
	  font-weight:800;
	 
	  
}


/*Kategorie*/
.theme .l-cat {
  float: left;
  background: url(http://www.kinder-kalender.de/Sorter/images/icons/cat.png) left center no-repeat;
  padding: 0 17px 0 20px;
}



/*duration*/
.theme .l-dauer {
  float: left;
  background: url(http://www.kinder-kalender.de/Sorter/images/icons/duration.png) left center no-repeat;
  padding: 0 0 0 18px;
}


 
/*indoor*/
.theme .l-areai {
  float: left;
  background: url(http://www.kinder-kalender.de/Sorter/images/icons/areai.png) left center no-repeat;
  padding: 0 17px 0 18px;
}

/*outdoor*/
.theme .l-areao {
  float: left;
  background: url(http://www.kinder-kalender.de/Sorter/images/icons/areao.png) left center no-repeat;
  padding: 0 17px 0 18px;
}




.theme span{
	display: block;
}

.theme .group1,
.theme .group2,
.theme .group3{
	font-size: 10px;
	line-height: 18px;
}

/* buttons */
.reset-box{
	float: left;
}

.reset-btn{
	border: 1px solid #444;
	border-radius: 3px;
	background: #9FC2CE;
	
	font-family: 'arial';
	font-size: 12px;
	
	color: #222;
	text-shadow: 1px 1px 1px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
	
	cursor: pointer;
}








  .site-wrapper {
	width: 1250px;
	margin-left:auto;
	margin-right:auto;
	 min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */ 
  height:100%; /* Mindesthöhe für den IE */ 
  overflow: hidden !important; /* FF Scroll-leiste */ 
    margin-top:30px;
	margin-bottom:30px;
    }



	.main-wrapper {
	width: 1030px;
	margin: 0 auto;
	background:#B7C2F5;
	
	padding-bottom:20px;
	border-radius:0  0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	float:left;
	 
}


.main-wrapper-head {
   width: 1030px;
   height:64px;
   background: url("http://www.kinder-kalender.de/images/calenderhead.png");
   clear:left;
/*background:#FFF url("../images/calenderhead.png");*/
  

}

.main-wrapper-navbar {
   width: 1030px;
   height:54px;
   background:#EA2D2D;
   margin-bottom:20px;
   clear:left;

}

/* A container should group all your columns. */
.container {
	width: 940px;
	margin: 0 auto;
	padding:30px 20px 30px 30px;
	background-color:#FFF;
	/*background-image:url('../images/pattern/2w.png');*/
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	min-height:500px;
	
}


#adbox728 {margin-top:1px;
margin-bottom:13px;
text-align:right;
margin-right:220px;
}


#textboxX {width:300px;
height:250px;
 
clear:left;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-right:14px;
}



.adbox {
    background-color:#;
	margin-left: 1050px;
	width: 200px;
	height:600px;
	margin-top:25px;
	text-align:center;
}

.adboxfont {
      font-size:9px;
      color: #909090;
      margin-bottom:4px;
      
}

#footboxpanel {
  padding-top:5px;
  width:1000px;
  float:left;
  padding-left:10px;
  padding-right:10px;
  text-align:left;
  margin-left:10px;
  color:#d9d9d9;
  line-height:12px;
  font-size:10px;
  }

a.footbox:active { font-size: 10px; color:#d9d9d9; font-weight: normal; line-height:12px;  }
a.footbox:link { font-size: 10px; color:#d9d9d9; font-weight: normal; line-height:12px;  }
a.footbox:visited {font-size: 10px; color:#d9d9d9; font-weight: normal;  line-height:12px;  }
a.footbox:hover { font-size: 10px; color: #909090; font-weight: normal; line-height:12px; } 




.footlist { font-size: 15px; color: #db5454; font-weight: normal; line-height:19px; } 
a.footlist:active { font-size: 15px; color:#444; font-weight: normal; line-height:19px;  }
a.footlist:link { font-size: 15px; color:#444; font-weight: normal; line-height:19px;  }
a.footlist:visited {font-size: 15px; color:#444; font-weight: normal;  line-height:19px;  }
a.footlist:hover { font-size: 15px; color: #db5454; font-weight: normal; line-height:19px; } 


#footxs {font-size: 15px; color:#444; font-weight: normal; line-height:19px;}










/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2,   div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-12b, div.span-12br, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left; margin-right: 20px; margin-top:40px;}
.columns .span-1, .columns .span-2,   .columns .span-3, .columns .span-4, .columns .span-5, .columns .span-6, .columns .span-7, .columns .span-8, .columns .span-9, .columns .span-10, .columns .span-11, .columns .span-12, .columns .span-13, .columns .span-14, .columns .span-15, .columns .span-16, .columns .span-17, .columns .span-18, .columns .span-19, .columns .span-20, .columns .span-21, .columns .span-22, .columns .span-23, .columns .span-24 { height:30px; background:#ededed; text-align:center; margin-top:10px !important; padding-top:10px;}
p.span-1, p.span-2, p.span-2x ,p.span-3, p.span-12br, p.span-12b, p.span-4, p.span-5, p.span-6, p.span-7, p.span-8, p.span-9, p.span-10, p.span-11, p.span-12, p.span-13, p.span-14, p.span-15, p.span-16, p.span-17, p.span-18, p.span-19, p.span-20, p.span-21, p.span-22, p.span-23, p.span-24 {float:left; margin-right: 20px; margin-top:40px;}


.span-24x { height:15px; background:#ededed; text-align:center; margin-top:10px !important; padding-top:10px;}
p.span-24x {float:left; margin-right: 20px; margin-top:10px;}
p.span-1, p.span-2, p.span-2x ,p.span-3,   p.span-4, p.span-5, p.span-6, p.span-7, p.span-8, p.span-9, p.span-10, p.span-11, p.span-12, p.span-13, p.span-14, p.span-15, p.span-16, p.span-17, p.span-18, p.span-19, p.span-20, p.span-21, p.span-22, p.span-23, p.span-24 {float:left; margin-right: 20px; margin-top:40px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

div.span-15x  {float:left; margin-left: 60px; margin-bottom:20px;}
div.span-2x, div.span-13x {float:left; margin-right: 20px;}
 p.span-2x,  p.span-13x {float:left; margin-right: 20px; margin-top:15px;}
.columns .span-2x, .columns .span-13x { height:10px; background:#ededed; text-align:center; margin-top:10px !important; padding-top:10px;}

div.span-6x {float:left;}
div.span-6xr {float:right;}

p.span-6x {float:left;   margin-top:15px;}
 
div.span-6x28 {float:left;  }
div.span-6xr28 {float:right; }


div.span-12b {float:left; }
div.span-12br {float:right; }



p.span-6x28 {float:left;   margin-top:15px;}

/* Use these classes to set the width of a column. */
.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-2x {width:40px;}
.span-3  { width: 100px;}
.span-4  { width: 140px;}
.span-5  { width: 180px;}
.span-6  { width: 220px;}
.span-6x {width:230px;}
.span-6xr {width:230px;}
.span-6x28 {width:280px;}
.span-6xr28 {width:280px;}
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-12 { width: 460px;}
.span-12b {width:470px;}
 
.span-13 { width: 500px;}
.span-13x { width: 500px;}
.span-14 { width: 540px;}
.span-15 { width: 580px;}
.span-15x { width: 580px;}
.span-16 { width: 620px;}

.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-23 { width: 900px;}
.span-24, div.span-24 { width: 940px; }
.span-24x div.span-24x { width: 940px; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:9px;
  margin-right:10px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:13px;
  margin-right:10px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative; margin-top:10px !important; margin-bottom:0px}


.topmarginX {margin-top:10px;}
.notopmargin { margin-top:0px !important;}
.nobottommargin { margin-bottom:0px !important;}
.last { margin-right:0px !important;}
.left {float:left}
.right {float:right}

/*
#crumbs {
	height:2.3em;
	border:1px solid #dedede;list-style: none;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;list-style: none;
	}		
#crumbs li a {
	background:url(http://www.kinder-kalender.de/images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;list-style: none;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}	*/	
	
	

/*****Navigation Basic Layout*****/
ul#filter { float: left; list-style: none; margin-left: 0; width: 100%; }
ul#filter li {
	float: left;
	font-size:10px;
	line-height: 12px;
	margin-right:15px;
	padding: 2px 8px;
	background:#ffffff;
	border: 1px solid #ededed;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul#filter li:first-child { margin-left:10px; }
ul#filter a { text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { }
ul#filter li.current a { color: #ffffff; }
.filter-title h3 { margin-top:6px;}
ul#filter li.current { background:#000000; border: 1px solid #000000;}

/* Navigation  */
ul#filter-sidebar { width:260px; }
ul#filter-sidebar li {
	font-size:12px !important; 
	border-bottom: 1px  dashed #f4f4f4;
	font-size:10px;
	line-height: 12px;
	line-height:30px;
	padding-left:20px;
	background:url("../images/read-more-arrow-dark.png") no-repeat 0px 10px;
}
ul#filter-sidebar li:hover, ul#filter-sidebar li.current { background:url("http://www.kinder-kalender.de/images/read-more-arrow-hover-dark.png") no-repeat 0px 10px; background-color:#f9f9f9; cursor:pointer; }
ul#filter-sidebar a { color: #777777; text-decoration: none; }
ul#filter-sidebar li.current a, ul#filter-sidebar a:hover { text-decoration: none; color:#333333;  }
ul#filter-sidebar li.current a { color: #333333;}



/*-------------------------------------------------------------------------------------------------*/
	/*SUPERFISH MENU */
/*-------------------------------------------------------------------------------------------------*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
 	z-index:9499;
	
}
.sf-menu {
	 line-height: 1.0; 
   
}
.sf-menu ul {
	position: absolute;
	top: -999em; 
	width: 10em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width: 158px;
	
	 
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	 
}
.sf-menu li {
	float: left;
	position: relative;
	/*border-left:1px solid #FFF;*/
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 4.5em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: right;
	margin-bottom: 1em;
	font-size:12px;
}
.sf-menu a {
	padding: 1em 1em;
	text-decoration:none;
	
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #FFF;
	font-size:18px;
	font-weight:bold;
}
.sf-menu li {
	background: #EA2D2D;
	top:0px;
	
	/*-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
	box-shadow:1px 1px 1px #aaa;*/
}
.sf-menu li li {
	background:#555;
	font-size:14px;
	border-bottom:1px solid #f2f2f2;
	/*line-height:0.3;*/
	 line-height:9px;
}
.sf-menu li li li {
	background: #909090;
	left:18px;
	border-bottom:1px solid #FFF;
 	top:0px;
 	line-height:11px;
 	/*line-height:0.46;*/
 	font-size:14px;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .active a{
	background: #B7C2F5; /*gleiche Farbe wie maincontainer!!!*/
	outline: 0;
	color:#555;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 30px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 15px;
	top: 40px; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 12px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}	

/*Start Search Form*/
	#search-form input{height:40px; line-height:30px; padding:0 10px 0 10px; font-size:16px; font-weight:bold; border:2px solid #e9e9e9; width:276px; color:#909090; background: url(http://www.kinder-kalender.de/images/searcharrow.gif); background-repeat: no-repeat; background-position: center right ;}
	.side-bar4col #search-form input{height:30px; line-height:30px; padding:0 10px; font-size:11px; border:1px solid #e9e9e9; width:170px; color:#777777; background-color:#ffffff;}
	.side-bar4col-right #search-form input{height:30px; line-height:30px; padding:0 10px; font-size:11px; border:1px solid #e9e9e9; width:170px; color:#777777; background-color:#ffffff;}
	/*End Searhc Form*/

.separator-double {
	clear:both;
	margin-top:40px;
	height:10px;
	background:#ffffff;
	background-image:url('http://www.kinder-kalender.de/images/pattern/1.png');
}


.footer h6{ text-transform:uppercase; margin-left:-10px; margin-bottom:8px; font-size:18px; margin-top:-3px;}
 .footer p { padding-right:10px; width:210px; margin-bottom:5px !important;} 
 
.footer .item a{ padding:3px;}

 
 
 


a:link {text-decoration: none;}

#colfooter {
 width:100%; /*245*/
 height:30px;
  
 float:left;
 clear:left;
 
  /*245*/
} 

#colfooterx {
 width:100%; /*245*/
 height:18px;
  
 float:left;
 clear:left;
 
  /*245*/
} 
 
a.col:active { line-height:17px; font-size:14px; color: #58595B; font-weight: 500;   }
a.col:link {line-height:17px;  font-size:14px;  color: #58595b; font-weight: 500;    }
a.col:visited {line-height:17px;font-size:14px; color: #5B5859; font-weight: 500;    }
a.col:hover {line-height:17px; font-size:14px; color: #F15A29; font-weight: 500; }
 



#col_1_3_1 {
min-height:155px;
 
width:182px;
float:left;
margin-bottom:25px;
}

#col_1_3_2 {
 
min-height:155px;
width:182px;
margin-left:15px;
float:left;
margin-bottom:25px;
}
.footer {}

#col_1_3_3 {
min-height:155px;
width:182px;
 
margin-left:15px;
float:right;
margin-bottom:25px;
}


 
.icon1 {float:left; margin-right:10px;}

 
/*-------------------------------------------------------------------------------------------------*/
	/*SOCIAL MEDIA ICONS */
/*-------------------------------------------------------------------------------------------------*/

.tweet-icon {
	height:26px;
	width:26px;
	background-image:url('http://www.kinder-kalender.de/images/social/t.png');
	background-position: -0px -0px;
	float:left;
	margin-top:8px;
	margin-right:10px;
}
	.tweet-icon:hover {
		height:26px;
		width:26px;
		background-image:url('http://www.kinder-kalender.de/images/social/t.png');
		background-position: -0px -26px;
	}

.facebook-icon {
	height:26px;
	width:26px;
	background-image:url('http://www.kinder-kalender.de/images/social/f.png');
	background-position: -0px -0px;
	float:left;
	margin-top:8px;
	margin-right:10px;
}
	.facebook-icon:hover {
		height:26px;
		width:26px;
		background-image:url('http://www.kinder-kalender.de/images/social/f.png');
		background-position: -0px -26px;
	}

.google-icon {
	height:26px;
	width:26px;
	background-image:url('http://www.kinder-kalender.de/images/social/g.png');
	background-position: -0px -0px;
	float:left;
	margin-top:8px;
	margin-right:10px;
}
	.google-icon:hover {
		height:26px;
		width:26px;
		background-image:url('http://www.kinder-kalender.de/images/social/g.png');
		background-position: -0px -26px;
	}

.vimeo-icon {
	height:26px;
	width:26px;
	background-image:url('http://www.kinder-kalender.de/images/social/v.png');
	background-position: -0px -0px;
	float:left;
	margin-top:8px;
	margin-right:10px;
}
	.vimeo-icon:hover {
		height:26px;
		width:26px;
		background-image:url('http://www.kinder-kalender.de/images/social/v.png');
		background-position: -0px -26px;
	}
	
.dribbble-icon {
	height:26px;
	width:26px;
	background-image:url('http://www.kinder-kalender.de/images/social/d.png');
	background-position: -0px -0px;
	float:left;
	margin-top:8px;
	margin-right:10px;
}
	.dribbble-icon:hover {
		height:26px;
		width:26px;
		background-image:url('http://www.kinder-kalender.de/images/social/d.png');
		background-position: -0px -26px;
	}
 
 
.justi {text-align: justify; line-height:14px;} 
.xs {font-size:9px; color:#909090; margin-top:-10px; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
.em { font-style: italic; color:#777777; margin-top:3px; }
.strong { font-weight: bold; color: #333; }
.small-italic {font-size:90%; font-style:italic;}
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } 


.slogan { text-align:left;}
.slogan h2 { margin-bottom:0px; text-transform:uppercase;}
.slogan h4 { margin-bottom:0px; text-transform:none;}

 .headlinebigc {font-size:42px; font-weight:700; font-family: 'PT Sans', sans-serif; color:#db5454;}
 .headlinebig {font-size:42px; font-weight:700; font-family: 'PT Sans', sans-serif; color:#222;float:left;}
.colorred {color:#db5454;}
.colorgrey {color:#909090;}


.headlinetopXL {font-size:32px;color:#777; margin-bottom:18px;}
.headlinetop {font-size:18px;color:#7498E8; margin-bottom:8px;}
.headlinetopL {font-size:16px;color:#909090; margin-bottom:3px;}
.headlinetopLL {font-size:34px;color:#db5454; margin-bottom:0px; font-weight:700;}
.separator {
	clear:both;
	margin-top:40px;
	height:1px;
	background:#ededed;
}
 
 
 .trennerblankoct {height:1px;
clear:both;
margin-top:14px;
margin-bottom:14px;
}



.tabs{
	float:left;
	background: url(http://www.kinder-kalender.de/images/header_advert_border.gif) repeat;

	padding:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:15px;
	width:280px;
	
}

.tab_wrap{
	/*background:#fff;
	border:1px solid #d2d2d2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
	float:left;
	padding:10px;
	
	 
}


.tabheader {
/*background:#EA2D2D;

background: url(http://www.kinder-kalender.de/images/header_advert_border.gif) repeat;*/
background:#444;
 
height:30px;
clear:left;
padding-left:15px;
color:#fff;
font-size:16px;
 
line-height:30px;
font-weight:bold;

/*text-transform: uppercase;*/
}