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

/* Standard-Elemente */
html {
	height:101%;
	}
body {
	/*background-color:#d0e2f5;*/
	background-color:#bbd8e0;
	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;
	}
hr {
	margin:2px 0;
	padding:0;
	border:none;
	border-bottom:solid 1px #666;
	}	
table,
tbody,
thead,
tfoot,
th,
tr,
td {
	margin:0;
	padding:0;
	}
/* Allgemeines */
/* mittige Ausrichtung */
#center {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:800px;
	background-color:#fff;
	color:#2a2a2a;
	}

/* Anordnung */
.left {
	float:left;
	}
.right {
	float:right;
	}
.clear {
	clear:both;
	}

.alignLeft {
	text-align:left;
	}
.alignCenter {
	text-align:center;
	}
.alignRight {
	text-align:right;
	}

/* Breiten */
.width100 {
	width:100px;
	}
.width120 {
	width:120px;
	}

/* Links */
a {
	margin:0;
	padding:0;
	color:#e2001a;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	}
a.intern {
	padding-left:16px;
	background:url("../images/link-intern.gif") left 3px no-repeat;
	}
a.extern {
	padding-left:16px;
	background:url("../images/link-extern.gif") left 3px no-repeat;
	}
a.top {
	padding-right:16px;
	background:url("../images/link-top.gif") right 2px no-repeat;
	}
a.mail {
	padding-left:16px;
	background:url("../images/link-mail.gif") left 2px no-repeat;
	}
a.download {
	padding-left:16px;
	background:url("../images/link-download.gif") left 2px no-repeat;
	}
a.link-back {
	padding-left:14px;
	background:url("../images/link-back.gif") no-repeat center left;
	}
a.anchor {
	color:#000;
	text-decoration:none;
	}
	
/* Kopf */
#head { 
	margin:0 0 5px 0; 
	padding:0;
	}
#head h1 {
	margin:0;
	padding:0;
	text-align:center;
	}
#head h1 a img {
	border:none;
	width:800px;
	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,
#navigation ul li span { 
	display:block;
	background-color:#1c4c5c;
	text-decoration:none;
	font-size:0.75em;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 3px 0;
	padding:6px 6px 6px 6px;
	border-left:solid 6px #e2001a;
	}
#navigation ul li span, 
#navigation ul li a:hover {
	background-color:#e2001a;
	color:#fff;
	}
#navigation ul li span {
	border-color:#e2001a;
	}
#navigation ul li a:hover {
	border-color:#fff;
	}
	
 /* Extra-Navigation (Bilder) */
#navigation ul.navigationExtra {
	margin-top:12px;
	}
#navigation ul.navigationExtra li {
	border:solid 1px #fff;
	border-left:none;
	padding:0;
	margin:0;
	}
#navigation ul.navigationExtra li a {	
	background-color:#fff;
	padding:0;
	border-left:none;
	}
#navigation ul.navigationExtra li a:hover {
	background-color:#fff;
	border-color:#f1f1f1;
	}
	
/* Inhalt */
#content {
	float:left;
	width:400px;
	min-height:20.0em;
	margin:0;
	padding:0 0 8px 8px;
	}
#topic {
	width:184px;
	float:right;
	margin:0;
	padding:0 0 8px 0;
	}
	
#content h2,
#topic h2 {
	margin:0;
	padding:6px 12px 0 12px;
	color:#000;
	background-color:#f5f5f5;
	font-weight:bold;
	font-size:0.8em;
	border-top:solid 2px #86aeba;
	text-transform:uppercase;
	}
	
#content img.header,
#topic img.header {
	border-top:solid 2px #86aeba;
	}
	
/* Inhaltsbereiche */
.blue,
.gray,
.none {
	clear:both;
	margin:0;
	padding:5px 0 12px 0;
	color:#2a2a2a;
	}
.white {
	background-color:#fff;
	}
.gray {
	background-color:#f5f5f5;
	}
	
/* Elemente */
.gray h3,
.white h3,
.none h3,
.gray h4 {
	margin:0;
	padding:4px 14px 0 12px;
	}
.gray h3 {
	font-size:0.8em;
	}
.none h3,
.gray h4 {
	font-size:0.7em;
	}
.gray h3 span {
	color:#555;
	}
	
.gray h5{
	margin:0 10px 4px 10px;
	padding:6px 4px 1px 2px;
	font-size:0.7em;
	border-bottom:dotted 1px #666;
	}
.gray h6 {
	margin:0;
	padding:4px 14px 1px 12px;
	}
	
.gray p,
.white p,
.none p {
	margin:0;
	padding:2px 14px 4px 12px;
	line-height:135%;
	font-size:0.7em;
	}
.gray img,
.white img,
.none img {
	margin:0;
	padding:0;
	float:left;
	}
	
/* Listen */
#topic .gray ul,
#topic .gray ol {
	margin:0;
	padding:0.1em 4px 0.2em 28px;
	}
#topic .gray ul li {
	list-style:square;
	font-size:0.7em;
	padding-bottom:0.3em;
	line-height:135%;
	}
	
#topic .gray ul.links {
	margin:0;
	padding:0 0 0 12px;
	}
#topic .gray ul.links li {
	list-style:none;
	}
#topic .gray ul.links li a {
	margin:0;
	padding:4px 14px 4px 16px;
	background:url("../images/link-extern.gif") left 7px no-repeat;
	}

#content ul,
#content ol {
	margin:0;
	padding:0.1em 14px 0.2em 35px;
	}
#content ul li {
	list-style:square;
	font-size:0.7em;
	padding-bottom:0.5em;
	line-height:135%;
	}
#content ol li {
	list-style:decimal;
	font-size:0.7em;
	padding-bottom:0.5em;
	line-height:135%;
	}

#content ol li ul,
#content ul li ol {
	padding:0.3em 10px 0.1em 20px;
	}
#content ol li ul li,
#content ul li ol li {
	font-size:1.0em;
	padding-bottom:0;
	}
#content ol li ul li {
	list-style-type:disc;
	}
	
/* Spezielle Klassen */
#content div.photo-left {
   clear:left;
   float:left;
	}
#content div.photo-left img {
   float:left;
   display:block;
   width:100px;
	}
#content div.photo-left-text {
   margin-left:100px;
	}

#content div.textphoto-left {
   clear:both;
   float:left;
   margin:0 12px 8px 12px;
	}
#content div.textphoto-left img {
   float:left;
   display:block;
   width:80px;
   margin-top:3px;
	}
#content div.textphoto-left-text {
   margin-left:85px;
	}


#content div.textphoto-right {
	height:1%;
	padding-right:12px;
	}
#content div.textphoto-right img {
	float:right;
	margin-left:4px;
	}
	
/* Listen */
#content .gray ul.no-list-style li {
 	list-style-position:outside;
 	list-style-type:none;
 	margin-top: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;
	}
.newsview h3 {
	font-size:0.85em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#0c0c0c;
	}
.newsview h4 {
	font-size:0.8em;
	color:#363636;
	}
.newsview p {
	font-size:0.75em;
	padding-bottom:0.8em;
	}

.newsview div.news-foto {
	float:left;
	margin:2px 12px 8px 12px;
	padding:0;
	font-size:0.7em;
	background-color:#d2d2d2;
	}
.newsview div.news-foto img {
	float:left;
	}
.newsview div.news-foto-text {
	float:left;
	padding:5px 8px 5px 12px;
	line-height:1.3;
	}
.newsview img.inner-text {
    margin:3px 12px 6px 0;
    padding:0;
    border:solid 1px #ccc;
	}	
	
#content .newsview ul {
	margin:0;
	padding:0.1em 14px 0.2em 35px;
	}
#content .newsview ul li {
	list-style:square;
	font-size:0.75em;
	padding-bottom:0.5em;
	line-height:135%;
	}
#content .newsview ol li {
	font-size:0.75em;
	}
#content .newsview table {
	border-collapse:collapse;
	width:92%;
	margin:0.1em 14px 0.8em 12px;
	border:solid 1px #999;
	font-size:0.7em;
	}
#content .newsview table caption {
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0.4em 0;
	}
#content .newsview td {
	margin:0;
	padding:0.3em 0.5em;
	border-bottom:solid 1px #999;
	}
#content .newsview th {
	margin:0;
	padding:0.5em 0.5em 0.4em 0.5em;
	background:#e1e1e1;
	/*border-bottom:solid 1px #999;*/
	}

#content .newsview blockquote{
	margin:0;
	padding:0.4em 0.7em 0.6em 2.0em;
	background:url("../images/news-blockquote.gif") 10px 0 no-repeat;
	font-family: Arial, san-serif;
	font-size:1.1em;
	}

p.teaser {
	font-weight:bold;
	color:#464646;
	}
.newsview a.link {
	font-size:0.95em;
	}
.newsview a.back {
	font-size:0.9em;
	}

/* spezielle Element im Newstext */
.highlightBox {
	margin:0 12px 8px 12px;
	padding:8px 4px;
	background-color:#f1f1f7;
	color:#222;
	border:solid 1px #bfbfce;
	}

.backlinks {
	padding-top:8px;
	}

/* Archiv */
p.archiv {
	}
p.archiv a {
	margin-right:4px;
	}
p.archiv span,
span.currentCategorie {
	margin-right:4px;
	padding-left:16px;
	background:url("../images/span-intern.gif") left 3px no-repeat;
	}
span.currentCategorie {
	font-weight:bold;
	}
	
/* Willkommen auf der Startseite */
.welcome {
	min-height:159px;
	padding-top:8px;
	padding-bottom:18px;
	}
.welcome img {
	padding-right:12px;
	padding-left:12px;
	}
.welcome h3 {
	font-size:0.7em;
	}

.welcome-fullsize {
    /*height:270px;*/
	margin-bottom:6px;
	}
	
/* Vorstand */
.vorstand {
	min-height:92px;
	}
.vorstand img {
	padding-left:12px;
	padding-right:12px;
	}
.vorstand h3 {
	font-size:0.7em;
	}
	
/* Termine */
table.termine {
	width:400px;
	font-size:0.7em;
	margin:4px 0;
	}
table.termine th {
	padding:12px 8px 3px 8px;
	background-color:#454545;
	color:#fff;
	vertical-align:bottom;
	}
table.termine th.datum {
	width:90px;
	}
table.termine th.art {
	width:50px;
	}
table.termine td {
	padding:6px 8px;
	background-color:#e5e5e5;
	color:#2a2a2a;
	vertical-align:top;
	}
table.termine td.headline {
	padding-top:12px;
	padding-bottom:4px;
	background-color:#cecece;
	color:#111;
	font-weight:bold;
	}

table.termine p {
	margin:0;
	padding:0 0 4px 0;
	}

/* Fotogalerie */
.gray .previewBox {
	margin:0;
	padding:6px 14px 4px 12px;
	}
.gray img.preview {
	margin:4px 2px;
	padding:0;
	border:solid 1px #c6c6c6;
	}
.gray img.fullWidth {
	float:left;
	margin:16px 0 4px 12px;
	padding:0;
	border:solid 1px #c6c6c6;
	}
.gray p.legend {
	color:#555;
	padding-left:18px;
	}

/* 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.7em;
	}
	
.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.2em;
	}
.contact form label.hidden {
	color:#f0f0f0;
	}
.contact form textarea {
	width:280px;
	}
.contact form input {
	width:200px;
	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;
	}

/* Fusszeile */
#foot {
	margin:12px 0 0 0;
	padding:0;
	background-color:#ddebf0;
	color:#2a2a2a;
	border-top:solid 1px #86aeba;
	border-bottom:solid 8px #1c4c5c;
	height:28px;
	}
#foot ul {
	margin:0;
 	padding:0;
 	}
#foot ul li {
	float:left;
	list-style:none;
 	}
#foot ul li a { 
	display:block;
	background:url("../images/link-intern.gif") left 10px no-repeat;
	font-size:0.7em;
	background-color:#ddebf0;
	color:#e2001a;
	margin:0 3px 3px 12px;
	padding:8px 3px 2px 16px;
	}
#foot p {
	margin:0;
	padding:8px 12px 2px 12px;
	font-size:0.7em;
	background-color:#ddebf0;
	color:#2a2a2a;
	}
#foot p a {
	background-color:#ddebf0;
	color:#e2001a;
	}
	
/* Interner Bereich */
#interactive1,
#interactive2 {
	display:block;
	margin-left:24px;
	}
#interactive3,
#interactive4,
#interactive5,
#interactive6,
#interactive7,
#interactive8 {
	display:none;
	margin-left:24px;
	}
#interactiveLink1,
#interactiveLink2,
#interactiveLink3,
#interactiveLink4,
#interactiveLink5,
#interactiveLink6,
#interactiveLink7,
#interactiveLink8 {
	float:left;
	margin:1px 6px 0 0;
	}