* {
margin: 0; padding: 0;
}
body {
font: normal 62.5% "trebuchet ms", arial, verdana, sans-serif;
text-align: center;
background: #F3F9FF url(../images/bg_body.gif) repeat-x;
color: #2F2D38;
}
#top {
width: 960px;
margin: 0 auto;
text-align: left;
padding: 32px 0 28px 0;
font-size: 1.4em;
line-height: 1.5em;
}

#top ul li {
display: inline;
padding-right: 8px;
font-weight: bold;
}
#top ul li a{
color: #334E68;
text-decoration: none;
}
#top ul li a:hover{
text-decoration: underline;
}

#wrapper {
font-size: 13px;
line-height: 1.5;
width: 960px;
margin: 0 auto;
text-align: left;
border: 8px solid #fff;
background: #fff;

}
#header {
height: 166px;
background: url(../images/logo.jpg) no-repeat;

}
#header h1 {
font-family: impact;
text-indent: -5000px;
}
#left {
	width: 180px;
	min-height: 400px;
	float: left;
}
#content {
	width: 740px;
	float: right;
}
#page {
padding-top: 4px;
}
#main {
	width: 500px;
	float: left;
}
#main2 {
	width: 690px;
	float: left;
}
#main h1, #main2 h1 {
border-bottom: 1px solid gray;
}
#main h1, #main h2, #main h3, #main h4, #main2 h1, #main2 h2, #main2 h3, #main2 h4 {
margin-bottom: 0.8em;
}
#main h1, #main2 h1  {
font-size: 15px;
font-weight: bold;
}
#main h2, #main2 h2  {
font-size: 14px;
font-weight: bold;
}
#main h3, #main2 h3  {
font-size: 14px;
font-weight: bold;
}
#main h4, #main2 h4  {
font-size: 14px;
font-weight: bold;
}

#main ul, #main ol, #main p, #main2 ul, #main2 ol, #main2 p {
margin-bottom: 1.2em;
}
#main ul li, #main2 ul li {
list-style-type: circle;
margin-left: 20px;
}
#main ol li, #main2 ol li {
margin-left: 24px;
}
#main hr , #main2 hr {
background: #000;
color: #000;
border: 0px solid #000;
height:1px;
margin: 12px 0 20px 0;
}
ul#sprungmarken {
position: absolute;
top: -5000px;
left: -5000px;
}

p.buttonheading a {
float: right;
padding-left: 6px;
margin-bottom: 12px;
}
p.zumSeitenanfang a {
padding-left: 24px;
background: transparent url(../images/nachoben.gif) no-repeat bottom left;
text-align: center;
}
p.zumSeitenanfang {
padding-bottom: 20px;
}
#right {
	width: 190px;
	float: right;
	display: inline; /* wg. IE double margin */
}
#right div, #right div h3 {
	padding: 2px;
}
#right  h3 {
font-size: 14px;
font-weight: bold;
}

#right ul li {
list-style-type: circle;
margin-left: 20px;
padding: 4px 4px 4px 1px;
}
#right a {
	color: #000;
	text-decoration: none;
}
#right a:hover {
	
	text-decoration: underline;
}
#footer {
	clear: both;
	text-align: center;
	font-size: 0.9em;
	padding: 16px 0;
	background: #F3F9FF;
}
#footer a {
color: #000;
text-decoration: underline;
}
#footer  a:hover {
color: #000;
text-decoration: none;
}
a img  {
border: none;
}
img.imgrt {
float: right;
margin: 6px 0 8px 8px;
}
img.imglt {
float: left;
margin: 6px 16px 6px 4px;
}
.nkj_clearing {
clear: both;
}
.bild_rechts {
margin: 0 0 16px 16px;
}
.bild_links {
margin: 0 16px 16px 0;
}
/* ---------------------------------------------------------- */

#navigation {

font-size: 13px;
}
#navigation ul li {
list-style-type: none;

}
#navigation ul ul li {
text-indent: 24px;
}
#navigation ul li a {
margin-bottom: 3px;
width: 100%;
display: block;
padding: 2px 2px 2px 3px;
}

#navigation li a:link {
background: #B5DBFF;
color: #000;
text-decoration: none;
}
#navigation li a:visited {
background: #B5DBFF;
color: #000;
text-decoration: none;
}
#navigation li a:focus {
background: #B5DBFF;
color: #000;
text-decoration: none;
}
#navigation li a:hover {
background: #6DA9E1;
color: #fff;
text-decoration: none;
}
#navigation li a:active {
background: #B5DBFF;
color: #000;
text-decoration: none;
}
#current  a {
background: #6DA9E1 !important;
color: #000;
text-decoration: none;
}
/* --------------------------links-------------------------------- */
.moduletable_berlin_de {
margin-bottom: 16px;
font: normal 12px arial;
}
#navigation .moduletable_berlin_de ul {
background: #436ACF url(../images/berlin_de.gif) no-repeat top center;
padding: 60px 3px 0 5px;

}
#navigation .moduletable_berlin_de ul li  {
padding: 3px;

}
#navigation .moduletable_berlin_de ul li a {
background: #436ACF url(../images/berlin_listenpunkt.gif) no-repeat left center;
color: #fff;
text-indent: 16px;
padding: 0px !important;
}
.moduletable_menu1 {
margin-bottom: 20px;
/*background: #fff url(../images/jugendamtneukoelln.gif) no-repeat top center;
padding-top: 80px;*/
}
.moduletable_menu2, .moduletable_menu3, .moduletable_menu4, .moduletable_menu5, .moduletable_menu6 {
margin-bottom: 16px;
}
/* --------------------------oben-------------------------------- */
div .moduletable_topmenu {
float: left;
margin-left: 500px;
}
div .moduletable_suche {
float: right;
margin-left: 24px;

}
/* -----------------------rechts----------------------------------- */
.moduletable_aktuelles, .moduletable_interaktiv, .moduletable_login {
margin: 12px 0 12px 0;

}
.moduletable_kinderschutz {
background: #BCA8D0;
border: 1px solid gray;
margin: 0 0 12px 0;
}
.moduletable_kinderschutz h3 {
background: #fff;
border-bottom: 1px solid gray;
}
.moduletable_kinderschutz a {
color: #000;
text-decoration: none;
}
.moduletable_kinderschutz a:hover {
color: #000;
text-decoration: underline;
}
.moduletable_aktuelles {
background: #A8D031;
border: 1px solid gray;

}
.moduletable_aktuelles h3 {
background: #fff;
border-bottom: 1px solid gray;
}
.moduletable_aktuelles a {
text-decoration: underline !important;
}
.moduletable_interaktiv {
background: #F57AA0;
border: 1px solid gray;

}
.moduletable_interaktiv h3 {
background: #fff;
border-bottom: 1px solid gray;
}
.moduletable_canada {
background: #c60002;
border: 1px solid gray;

}
.moduletable_canada h3 {
background: #fff;
color: #000;
border-bottom: 1px solid gray;
}
.moduletable_canada a {
color: #fff !important;
}
.moduletable_login {
background: #009CE7;
border: 1px solid gray;

}
.moduletable_login h3 {
background: #fff;
border-bottom: 1px solid gray;
}
.moduletable_login fieldset {
border: none;
}
/* ---------------------------------------------------------- */


#main a:link, #main2 a:link {
text-decoration: underline;
color: #000;
}
#main a:visited, #main2 a:visited{
text-decoration: underline;
color: #000;
}
#main a:hover, #main2 a:hover {
text-decoration: none;
color: #000;
}
#main a:focus, #main2 a:focus {
text-decoration: underline;
color: #000;
}
#main a:active, #main2 a:active {
text-decoration: underline;
color: #000;
}

blockquote {
font: italic 1.2em georgia, serif;
float: right;
line-height: 1.4;
margin: 16px;
text-align: center;

}

blockquote p {
margin: 0;
}

blockquote span {
font-size: 1.1em;
font-weight: bold;
line-height: 1;
padding: 0 .2em;
}
cite{
display: block;
text-transform: uppercase;
text-align: right;
}
/*---------------------------------*/

/* Koop Schule Jugend */
ul.lokalnav {
background: #C2E2FF;
padding: 12px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
ul.lokalnav li {
margin-bottom: 6px;
}
span.unsichtbar {
	visibility:hidden;
	height:0px;width:0px;
	margin:0px;
	padding:0px;
}
#kinderclubs dl {
 width: 44%;
 float: left;
 display: block;
 border: 1px solid gainsboro;
 padding-bottom: 16px;
 margin: 12px 12px 12px 0;
 }
#kinderclubs dt {
 background: #B5DBFF;
 font-weight: bold;
 padding: 8px;
 border-bottom: 1px solid #319AEF;
 }

#kinderclubs dd {
 padding: 8px;
 margin: 0 16px;
 border-bottom: 1px dashed #000;
 }



#kinderclubs address {
 font-style: normal;
 }

#kinderclubs span {
font-weight: bold;
}

#kinderkonferenz img {
margin: 5px 0px 8px 20px;
}



#ehrenamt .imglink	{
		border: none;
		padding: 0;
		float: left;
		margin: 4px 10px 0 10px;
		}

#ehrenamt .imglt	{
		float: left;
		padding: 2px;
		margin: 4px 10px 0 0;
		background: gainsboro;
		border: 1px solid gray;
		}



#ehrenamt .imgrt	{
		float: right;
		padding: 2px;
		margin: 10px 10px 0 10px;
		background: gainsboro;
		border: 1px solid gray;
		}



#ehrenamt .imgbult	{
		float: left;
		width: 204px;
		text-align: center;
		margin: 10px 20px 10px 2px;
		background: #fff;
		border: 1px solid #C0C0C0;
		padding: 2px;
		}



#ehrenamt .imgburt	{
		float: right;
		width: 204px;
		text-align: center;
		margin: 10px 20px 10px 20px;
		background: #fff;
		border: 1px solid #C0C0C0;
		padding: 2px;
		}
#ehrenamt .imgburt img	{
		margin: 10px 20px 10px 2px;
		}
#ehrenamt cite	{
		font-weight: bold;
		margin-left: 8px;
		}

#ehrenamt blockquote	{
			margin-left: 30px;
			}
.modifydate {
font-size: 86%;
}

/* aus beez */
/* ########################### contacts ########################### */
div.contact {
margin:10px 0;

}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;

padding:0 0 0 10px;
}

.contact form {
background: #F3F9FF;
color:#000;
padding:20px;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 2px #C2E2FF;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button {
background:url(../images/pfeil.gif) #000 no-repeat;
border:0;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:0 0 0 30px;
cursor:pointer;
}

label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
border:solid 2px #C2E2FF;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 2px red;
}

.contact label.invalid {
color:red;
}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_xls.gif) no-repeat center right;
}
a[href$='.ppt'] { 
	padding: 5px 20px 5px 4px;
	background: transparent url(../images/icon_ppt.png) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}

table		{
		margin: 24px 0;
		padding: 4px;
		border-collapse: collapse;
		border: 1px solid #666;
		}
table	td	{
		border: 1px solid #666;
		}

#nks_thickbox ul {
list-style-type: none !important;
margin: 32px 0;
}
#nks_thickbox ul li {
display: inline !important;
margin: 2px;
}
#nks_thickbox li a img {
padding: 2px;
border: 1px solid #C2E2FF;
background: #F3F9FF;
}
#nks_thickbox li a:hover img {
border: 1px solid #C2E2FF;
background: #C2E2FF;
}

.nks_thickbox ul {
list-style-type: none !important;
margin: 32px 0;
}
.nks_thickbox ul li {
display: inline !important;
margin: 2px;
}
.nks_thickbox li a img {
padding: 2px;
border: 1px solid #C2E2FF;
background: #F3F9FF;
}
.nks_thickbox li a:hover img {
border: 1px solid #C2E2FF;
background: #C2E2FF;
}/* fussball-tabelle karol */table.fussball {border-collapse: collapse;border: 2px solid #333;background: #C2E2FF;margin: 16px 0 20px;text-align: center;}table.fussball th {background: #666;color: #fff;font-weight: bold;text-transform: uppercase;}table.fussball th, table.fussball td {padding: 8px;}table.fussball tr {border: 2px solid #333;}table.fussball td {border: 2px solid #333;}


/* für startseite in blogform */
h1.componentheading_start_blogform {
display: none;
}
div.leading_start_blogform  {
margin-bottom: 8px;
}

div.leading_start_blogform p {
font-size: 12px;
margin-bottom: 8px;
}

span.leading_separator { /* trenner für den obersten eintrag */
border-bottom: 0px solid #000;
width: 500px;
display: block;
margin-bottom: 16px;
}


span.article_separator { /* trenner für jeden artikel-eintrag */
border-bottom: 0px solid #000;
width: 500px;
display: block;
height: 0;

line-height: 0;
margin-bottom: 1px;
}
div.blog_more { /* weitere Beiträge - Liste */
background: #C2E2FF;
}
p.counter { /* Seite 1 von x */
border-bottom: 1px solid #000;
}
ul.pagination {
background: #FEFF99;
list-style-type: none;
}
ul.pagination li {
display: inline;
}

a.readon_start_blogform {
background: #FFCC33;
}
div.article_column {
background: #C2E2FF;
background: #D0E7FB;
padding: 8px;
font-size: 13px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 12px;
}
.article_row_start_blogform {
margin: 0;
}

div.tooltip {
display: none;
}
/* div.blog_kibue span.article_separator {
height: 24px;
} */
.my-yoo-effects img {
margin: 0 4px 4px 0;
}
/* fuer modul 6 cybermobbing teilnehmerbeitraege ####### */
#teilnehmerbeitraege li:not(:target) h3 + div {
  display: none; visibility: hidden;
}
#teilnehmerbeitraege div {
background: #C2E2FF;
}