/* LG Zehlendorf/Steglitz
   http://www.sr-zehlendorf.de
*/

/* Standard-Elemente */
html {
	height:101%;
	}
body {
	background:#ccccce url(../images/body-background.gif) repeat-x 0 0;
	color:#2a2a2a;
	margin:0;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	font-family:"Verdana", sans-serif;
	}
ul, ol, li {
	margin:0;
	padding:0;
	list-style:none;
	}
img {
	margin:0;
	padding:0;
	border:none;
	}
table,
th,
tr,
td,
form {
	margin:0;
	padding:0;
	}
	
/* Allgemeines */
/* mittige Ausrichtung */
#center {
	margin:0 auto 0 7%;
	padding:0;
	text-align:left;
	width:900px;
	background:#fff url(../images/center-background.gif) repeat-x bottom left;
	color:#2a2a2a;
	}

/* Anordnung */
.left {
	float:left;
	}
.right {
	float:right;
	}
.clear {
	clear:both;
	}
	
/* Ausblenden */
.hidden {
	display:none;
	}

/* Links */
a {
	margin:0;
	padding:0;
	color:#1d1d59;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a.link {
	padding-left:10px;
	background:url("../images/link.gif") no-repeat bottom left;
	}
a.link-back {
	padding-left:14px;
	background:url("../images/link-back.gif") no-repeat center left;
	}
a.link-home {
	padding-left:18px;
	background:url("../images/link-home.gif") no-repeat bottom left;
	}
a.link-archive {
	padding-left:18px;
	background:url("../images/link-archive.gif") no-repeat bottom left;
	}
a.link-extern {
	padding-left:18px;
	background:url("../images/link-extern.gif") no-repeat 4px 3px;
	}	
a.anchor {
	color:#fff;
	text-decoration:none;
	}
	
/* Kopf */
#head { 
	margin:0 0 5px 0; 
	padding:0;
	}
#head h1 {
	margin:0;
	padding:0;
	text-align:left;
	background:#1d1d59;
	}
#head h1 a img {
	border:none;
	width:600px;
	height:115px;
	margin:0;
	padding:0;
	}

/* Navigation */
#navigation {
	float:left;
	width:200px;
 	margin:0;
 	padding:0;
	}
#navigation ul {
	margin:0;
 	padding:0;
 	}
#navigation ul li {
	list-style:none;
 	}
#navigation ul li a { 
	display:block;
	/*background:#363636;*/
	background:#363636 url("../images/h2-topic-bg.gif") repeat-x 0 0;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 3px 0;
	padding:8px 6px 3px 12px;
	}
#navigation ul li a.current, 
#navigation ul li a:hover {
	/*background:#1d1d59;*/
	background:#1d1d59 url("../images/h2-content-bg.gif") repeat-x 0 0;
	}

#navigation a.imagelink {
	display:inherit;
	margin-top:6px;
	border:solid 1px #aaa;
	border-left:none;
	}
#navigation a:hover {
	border-color:#1d1d59;
	}
	
/* Inhalt */
#content,
#topic {
	margin:0;
	padding:0 0 8px 8px;
	}
#content {
	float:left;
	width:500px;
	min-height:20.0em;
	}
#topic {
	float:right;
	width:184px;
	}
	
#content h2,
#topic h2 {
	margin:0;
	padding:8px 12px 3px 12px;
	color:#fff;
	font-weight:normal;
	font-size:0.8em;
	text-transform:uppercase;
	}
#content h2 {
	background:#1d1d59 url("../images/h2-content-bg.gif") repeat-x 0 0;
	}
#topic h2 {
	background:#363636 url("../images/h2-topic-bg.gif") repeat-x 0 0;
	}
	
/* Inhaltsbereiche */
.blue,
.gray,
.none {
	clear:left;
	margin:4px 0;
	padding:0 0 8px 0;
	color:#2a2a2a;
	}
.blue {
	background-color:#dbdeec;
	}
.gray {
	background-color:#e5e5e5;
	}
	
/* Elemente */
.blue h3,
.gray h3,
.none h3,
.blue h4,
.blue h5 {
	margin:0;
	padding:10px 14px 2px 12px;
	line-height:1.3;
	}
.blue h3 {
	font-size:0.85em;
	}
.gray h3,
.none h3,
.blue h4 {
	font-size:0.75em;
	}
.blue h3 span {
	font-size:0.85em;
	color:#555;
	line-height:160%;
	}
	
.blue p,
.gray p,
.none p {
	margin:0;
	padding:2px 14px 4px 12px;
	line-height:135%;
	font-size:0.75em;
	}
#topic p {
	font-size:0.7em;
	}
	
.blue img,
.gray img,
.none img {
	margin:0;
	padding:0;
	float:left;
	}
.blue ul,
.gray ul,
.none ul {
	margin:0;
	padding:0.2em 14px 0.2em 35px;
	}
.blue ol,
.gray ol,
.none ol {
	margin:0;
	padding:0.2em 14px 0.1em 40px;
	}
	
.blue ul li ul,
.gray ul li ul,
.none ul li ul,
.blue ol li ol,
.gray ol li ol,
.none ol li ol {
	padding:0.3em 0 0 22px;
	}
	
.blue ul li,
.gray ul li,
.none ul li,
.blue ol li,
.gray ol li,
.none ol li {
	font-size:0.75em;
	line-height:135%;
	}

.blue ul li,
.gray ul li,
.none ul li {
	list-style:square;
	}
	
.blue ol li,
.gray ol li,
.none ol li {
	list-style:decimal;
	}
	
.blue ul li ul li,
.gray ul li ul li,
.none ul li ul li,
.blue ol li ol li,
.gray ol li ol li,
.none ol li ol li {
	font-size:1.0em;
	}
	
/* Zusaetzliche Elemente */
span.marker {
	color:#555;
	font-weight:bold;
	padding-right:0.2em;
	}

/* Nachrichten */
.newsMinHeight {
	/* Bildhoehe (120) minus Rand (8) */
	min-height:112px;
	}
.news img.smallNewsImage,
.news a img.smallNewsImage,
.newsview img.smallNewsImage,
.newsview a img.smallNewsImage {
	padding:0 12px 3px 0;
	}
.news h3 {
	padding-top:10px;
	}
.newsview h3 {
	font-size:1.1em;
	padding-top:0.8em;
	padding-bottom:0.4em;
	color:#0c0c0c;
	}
.newsview h4 {
	font-size:0.8em;
	color:#363636;
	}
.newsview h5 {
	font-style:italic;
	font-weight:normal;
	}
.newsview p {
	font-size:0.75em;
	padding-bottom:0.8em;
	}
.newsview p img {
	margin:0.3em 1.0em 0.5em 0;
	}
.newsview ul li,
.newsview ol li {
	padding-bottom:0.5em;
	font-size:0.8em;
	}
.newsview strong {
	color:#343434;
	}
p.teaser {
	font-weight:bold;
	color:#464646;
	}
.newsview a.link {
	font-size:0.95em;
	}
.newsview blockquote {
	margin:0;
	padding:2px 24px 0.8em 22px;
	font-family:Times, serif;
	}

.highlightBox {
	margin:0 12px 8px 12px;
	padding:8px 4px;
	background-color:#f1f1f7;
	color:#222;
	border:solid 1px #bfbfce;
	}
	
.fotos {
	margin:0;
	padding:2px 13px 3px 12px;
	}
	
.fotos img {
	padding-bottom:5px;
	}

.backlinks {
	padding-top:8px;
	}

/* Archiv */
p.archiv {
	line-height:185%;
	}
a.archivLink {
	padding:1px 2px 2px 2px;
	font-weight:bold;
	border:solid 1px #aaa;
	background-color:#d5d5d5;
	color:#2a2a2a;
	font-weight:normal;
	text-decoration:none;
	}
a.archivLink:hover,
a.currentMonth {
	text-decoration:none;
	background-color:#fff;
	color:#2a2a2a;
	}
span.archivLink {
	margin:0;
	padding:1px 2px 2px 2px;
	border:solid 1px #aaa;
	color:#999;
	}

/* Suche */
.search p {
	padding-bottom:10px;
	}
.search a {
	font-size:1.1em;
	font-weight:bold;
	}

/* Leitung */
.leitung {
	min-height:152px;
	}
.leitung img {
	padding-right:20px;
	}

/* Lehrarbeit */
p.document {
	padding-left:30px;
	padding-top:6px;
	}
	
div.document {
	padding-left:16px;
	padding-top:6px;
	padding-bottom:4px;
	font-size:0.7em;
	}

div.document a {
	display:block;
	padding-left:32px;
	line-height:1.2;
	}
div.document a strong {
	font-size:1.1em;
	}
div.document a.pdf {
	background:url("../images/download-pdf.gif") no-repeat 0 1px;
	}
div.document a.word {
	background:url("../images/download-word.gif") no-repeat 0 1px;
	}
div.document a.zip {
	background:url("../images/download-zip.gif") no-repeat 0 1px;
	}	

/* Termine */
table.termine,
table.mitglieder {
	width:500px;
	font-size:0.75em;
	margin:4px 0;
	}
table.termine th,
table.mitglieder th {
	padding:6px 8px 4px 8px;
	background-color:#454545;
	color:#fff;
	vertical-align:bottom;
	font-size:0.9em;
	}
table.termine th.datum {
	width:104px;
	}
table.termine th.art {
	width:50px;
	}
table.termine td,
table.mitglieder td {
	padding:6px 8px;
	background-color:#e5e5e5;
	color:#2a2a2a;
	vertical-align:top;
	}	
table.termine td.headline,
table.mitglieder td.headline {
	padding-top:12px;
	padding-bottom:4px;
	background-color:#c6c6d5;
	color:#111;
	font-weight:bold;
	}
table.mitglieder td,
table.mitglieder td.headline {
	padding:3px 8px;
	}
table.termine p {
	margin:0;
	padding:0 0 4px 0;
	line-height:1.3;
	}

/* Mailform */
.contact p.result {
	margin:12px 12px 3px 12px;
	padding:6px 12px;
	border:solid 1px #2a2a2a;
	color:#fff;
	background-color:#114d11;
	}
.contact p.sucess {
	color:#fff;
	background-color:#6B8E23;
	}
.contact p.error {
	color:#fff;
	background-color:#933;
	}

.contact form {
	margin:0;
	padding:12px 5px 3px 5px;
	font-size:0.75em;
	}
	
.contact form fieldset {
	border:none;
	}
.contact form label,
.contact form input,
.contact form textarea {
	float:left;
	display:block;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:1.0em;
	font-family:"Verdana", sans-serif;
	}
.contact form label {
	width:6.8em;
	}
.contact form textarea {
	width:340px;
	}
.contact form input {
	width:220px;
	margin-right:5px;
	padding:0.2em 0.3em;
	}
.contact form input.button {
	width:8.0em;
	cursor:pointer;
	font-weight:normal;
	font-size:1.0em;
	font-family:"Verdana", sans-serif;
	}
.contact form textarea {
	padding:0.3em;
	}

/* Login */
form.login {
	margin:0;
	padding:12px 5px 3px 12px;
	font-size:0.7em;
	}

form.login label,
form.login input {
	float:left;
	display:block;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:1.0em;
	font-family:"Verdana", sans-serif;
	}
form.login label {
	width:70px;
	}

.contact form label.hidden {
	color:#dbdeec;
	}
	
form.login input {
	padding:0.2em 0.3em;
	}
	
form.login input.button {
	margin:0 0 0 70px;
	padding:0.2em 0.3em;
	width:8.0em;
	cursor:pointer;
	font-weight:normal;
	font-size:1.0em;
	font-family:"Verdana", sans-serif;
	}

/* Fusszeile */
#foot {
	margin:12px 0 0 0;
	padding:0;
	background-color:#e1e1e1;
	color:#2a2a2a;
	border-top:solid 1px #aaa;
	border-bottom:solid 3px #1d1d59;
	height:25px;
	}
#foot ul {
	margin:0;
 	padding:0;
 	}
#foot ul li {
	float:left;
	list-style:none;
 	}
#foot ul li a { 
	display:block;
	font-size:0.6em;
	background-color:#e1e1e1;
	color:#2a2a2a;
	text-transform:uppercase;
	margin:0;
	padding:8px 3px 2px 12px;
	}
#foot p {
	margin:0;
	padding:8px 12px 2px 12px;
	font-size:0.6em;
	background-color:#e1e1e1;
	color:#2a2a2a;
	}
#foot p a {
	font-weight:bold;
	background-color:#e1e1e1;
	color:#2a2a2a;
	}