body
{ 
 	margin:0px; 
 	padding:0px; 
 	font-family: Arial, Helvetica, Verdana, sans-serif; 
 	color:#000000; 
 	font-size:12.0px; 
 	text-align:center; 
 	
} 
#kalender2
{
width: 527px;
height: 84px;
background: url('../design/kalender_bg.jpg') no-repeat top left;
margin-bottom:20px;
}

#kalender2 img
{
border:0px;
}
#kalender2 a
{
text-decoration:none;
}

#kalender2 small a
{
text-decoration:underline;
}

tr, td
{ 
 	margin:0px; 
 	padding:0px; 
 	font-family: Arial, Helvetica, Verdana, sans-serif; 
 	color:#000000; 
 	font-size:12.0px; 
 	text-align:left;
 	
} 

h2,h1
{
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align:left;
 	font-size: 14.0px;
  margin-top:10px;
  margin-bottom:10px;
}

h4
{
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align:left;
 	font-size: 13.0px;
  margin-top:10px;
  margin-bottom:10px;
}

h3
{
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	text-align:left;
 	font-size:14.0px;
  margin-top:10px;
  margin-bottom:-5px;
}

small
{
	font-family: Arial, Helvetica, Verdana, sans-serif; 
 	font-size:10.0px;

}

#content 
{ 
 	width:950px; 
 	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 

#content2
{
  margin-bottom:15px;
}

#content2 a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url('design/icon_pdf.gif') no-repeat center right;
}

#content2 a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url('design/icon_mailto.gif') no-repeat center right;           
}

#content2 a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url('design/icon_external.gif') no-repeat center right;
}

#banner 
{
	position:relative; 
	height: 138px;
	width:100%;
	background: #ffffff url('design/banner.png') no-repeat top left;
}
	
#main-content
{
	position:absolute;
	margin-top:15px;
	width:530px;
	margin-left:210px;
	text-align:justify;

}	
#news p
{
margin-bottom:-10px;
}

#right
{
position:absolute;
width:180px;
margin-left:770px;
margin-top:15px;
text-align:center;
}

#right table
{
text-align:center;
}

#right td
{
font-size:12.0px;
padding:2px;
}

#links
{
padding:4px;
color: white;
text-align:right;

}

#links a
{

 color: #646464; 
 color: #6d2f32; 
   color:white;
 

}



input,textarea,select
{
border : 1px solid #c4171c;
padding : 1px;
}

.inn
{
border : 1px solid #c4171c;
padding : 1px;
background: #f2dfe0;
}

#menu
{
  position: absolute;
  width: 220px;
  margin-left: -40px;
  margin-top: 15px;
  padding:0px;
}  

#menu ul 
{
  margin-top:-5px;
	list-style: none;
	display: block;
	margin-bottom:-5px;
}


#ul-sub
{
  margin-top:8px !important;
  margin-bottom:8px !important;
  margin-left:40px !important;
  padding-left:40px !important;
}

#ul-sub li
{
  border-left:none;
  padding:3px;
  background-color: #ffffff;
  font-size:11.0px; 
  list-style-type:square;
  
}

#ul-sub li:hover
{
border:none;
background-color: #ffffff;

}

#footer
{
	text-align:right;   
}

#ticker
{
font-size:12.0px; 
width:100%;

}

a:link {font-weight:normal; color:#000; text-decoration:underline;  }
a:visited {font-weight:normal; color:#000; text-decoration:underline;  }
a:focus {font-weight:normal; color:#000; text-decoration:underline;  }
a:hover {font-weight:normal; color:#8b2115; text-decoration:underline;  }
a:active {font-weight:normal; color:#000; text-decoration:underline;  }
	
.dotted
{
margin:0px !important;
margin-bottom:-15px;
padding:0px !important;
height:1px !important;
width:100%;
background: url('design/hr.jpg') 0 0 repeat-x;
}



 li.li-jugendzentrum span a 
{
	background: url('design/menu/jugendzentrum.jpg') 0 0 no-repeat;

}

 li.li-home span a 
{
	background: url('design/menu/home.jpg') 0 0 no-repeat;
}

 li.li-news span a 
{
	background: url('design/menu/news.jpg') 0 0 no-repeat;
}

 li.li-veranstaltungen span a 
{
	background: url('design/menu/veranstaltungen.jpg') 0 0 no-repeat;

}

 li.li-veranstaltungszentrum span a 
{
	background: url('design/menu/veranstaltungszentrum.jpg') 0 0 no-repeat;

}

 li.li-ueber span a 
{
	background: url('design/menu/kuba.jpg') 0 0 no-repeat;


}
 li.li-medien span a 
{
	background: url('design/menu/medien.jpg') 0 0 no-repeat;

}
 li.li-kulturzentrum span a 
{
	background: url('design/menu/kulturzentrum.jpg') 0 0 no-repeat;

}
#menu li span a strong { display: none; }

/* Normaler Status */

#menu li span a, #menu li span a:link {
	height: 33px;
	background-position: center;
	display: block;
}

/* Hover Status */

#menu li span a:hover{
	height: 33px;
	background-position: bottom;
	display: block;
	}




body.newspage #menu ul li.li-news span a,
body.veranstaltungen #menu ul li.li-veranstaltungen span a,
body.jugendzentrum #menu ul li.li-jugendzentrum span a,
body.ueberkuba #menu ul li.li-ueber span a,
body.veranstaltungszentrum #menu ul li.li-veranstaltungszentrum span a,
body.kultur #menu ul li.li-kulturzentrum span a,
body.home #menu ul li.li-home span a
{
background-position: top;
}









#kalender
{


}

#today
{
 	color:#c4171c; 
 	font-weight: bold;
 	 
}


.datestable
{
margin-top:5px;
margin-bottom:5px;
}


.datestd
{
border:1px solid  #723a3d;
}

#li-page li
{
margin-top:10px;
}

.rounded_STYLE
{

    border: 1px solid #723a3d;   /* if needed */
    -webkit-border-radius: 5px;    /* for Safari */
    -moz-border-radius: 5px;       /* for Firefox */
}

.pixlie-container-bilderliste{
  padding: 20px 0 0px 35px;
  
}

.pixlie-bilderliste{
  list-style-type: none;
  padding: 0 0 10px 0;
  margin: 0;
}

/* Rahmen um jedes Bild */
.pixlie-bilderliste li{
  float: left;
  display: inline;
  margin: 0px 0 30px 0px;
  padding:0;
  width: 160px;
  height: 120px;
}

.pixlie-bilderliste li a{
  text-decoration: none;
}

.pixlie-bilderliste li p{
  padding: 0;
  margin: 0;
}

.pixlie-bilderliste li img{
  border: 1px solid #DCDCDC;
  padding: 5px;
  background: transparent;
}

.pixlie-bilderliste li a:hover img{
  border: 1px solid #717171;
}

.pixlie-seiteninfo{
  clear: left;
  padding-top: 10px;

  font-size: 0.8em;
  padding: 0;
  margin: 3px 0px 0px 15px;
}
.pixlie-pfad{
  font-size: 0.8em;
}

.pixlie-seitenzahlen{
  padding-top: 20px;
  text-align:center;
}
#pixlie-bildhalter{
  background: url('pixlieloader.gif') 50% 50% no-repeat;
}

#pixlie-vorschaubild {
  background: transparent;
}

.pixlie-vorschaubild-rahmen{
  border:1px solid #E7E7E7;
  padding:5px;
  margin:20px 0px 0px 0px;
}

a:hover .pixlie-vorschaubild-rahmen{
  border:1px solid #800000;
}

.black_overlay{
	display: block;

	position: absolute;
	top: 0%;

	left: 0%;

	width: 100%;

	height: 2000px;

	background-color: black;

	z-index:1001;
	-moz-opacity: 0.8;

	opacity:.80;
	filter: alpha(opacity=80);     


}
 
.white_content {
	display: block;
  top: 10%;
	left:35%;
	position: absolute;
	width: 400px; 
	height: 667px;     
	padding:0px;
	border: 0px solid #646464; 
	background-color: white;    
	z-index:1002;
	overflow: hidden;

}