﻿/* CSS-Datei (Standard) http://www.asbh-potsdam.de/css/index.css */
/* letzte Änderung am 14.07.2006 */

/* Basis-Styles */
body { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #F6F6C6; color: #000; text-align: left; }
* { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

a:link{ text-decoration: none; color: #007A56; margin-left: 5px; line-height: 1.3em; }
a:visited { text-decoration: underline; color: #000; margin-left: 5px; }
a:hover, a:active, a:focus { text-decoration: underline; }

table { border: 0.2em solid #007A56; border-collapse: collapse; caption-side: bottom; }
	table caption { font-weight: bolder; text-align: left; margin: 1em 0; }
	table tr:hover { background-color: #FFF;}
	table th { font-weight: bolder; text-align: center; }
	table th, td { padding: 1em; }
	table thead th { border: 0.2em solid #007A56; }
	table tfoot tr { border: 0.2em solid #007A56; font-style: italic; }
	table tbody tr td { border-right: 0.2em solid #007A56; text-align: center; }

img { border: none; }

abbr, acronym { cursor: help; }

iframe { width: 75%; height: 350px; margin: 1em auto; }

strong { font-weight: bolder; }

hr { margin: 1em 0; }

form { padding: 1em; width: 500px; font-size: 1.2em; }
	form fieldset{ margin: 1em 0; padding: 7px; border: 1px dashed #007A56; }
	form fieldset legend { font-weight: bolder; display: none;  }
	form fieldset input { margin: 0.5em 0.5em; padding: 0.5em; }
	form fieldset textarea { margin: 0.5em 0; padding: 0.5em; font-size: 1.2em; }
	form fieldset label { font-style: italic; }

/* Styles fürs Seitenlayout  */
#header { background: #007A56 url(../graphiken/banner.gif) right no-repeat; color: #FFF; height: 50px; width: 97%; clear: left; }
	#header dl#logo { float: left; width: 32px; margin-left: 10px; }
	#header dl#logo dd { display: none; }
	#header p { position: relative; top: 30px; left: 10px; font-weight: bolder; }

#main { float: left; background-color: #F6F6C6; color: #000; width: 97%; margin-top: 1em; margin-bottom: 1em; }

#content { float: right; width: 65%; font-size: 1em; }

#navigation { float: left; width: 25%; border: 0.2em solid #007A56; background-color: #F6F6C6; margin-left: 10px; }
	#navigation ul { margin: 1em 0.5em 1em 2em; list-style: circle; font-size: 1.4em; }
	#navigation ul li:hover { list-style: none;}
	#navigation ul li a:link, #navigation ul li a:visited { color: #007A56; text-decoration: none; font-weight: normal; }
	#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus { color: #000; text-decoration: underline; }
	#navigation h2 { font-weight: bolder; margin-left: 10px; font-size: 1.3em; color: #000; text-decoration: underline; }
	#navigation h2 a { font-weight: bolder; color: #000; text-decoration: underline; padding: 0; margin: 0; }


#footer { padding: 0.5em; height: 15px; background-color: #007A56; color: #FFF; text-align: right; font-size: 1.2em; clear: left; float: left; width: 97%; }
	#footer a:link, #footer a:visited { color: #FFF; text-decoration: none; }

/* CONTENT-Styles */
#content .fleft { float: left; margin-left: 2em; width: auto; }
#content .fright { float: right; margin-left: 1em; width: auto; }
#content .fnone { float: none;}

#content .cleft { clear: left; }
#content .cright { clear: right; }
#content .cboth { clear: both; }

#content .fett { font-weight: bolder; }
#content .blocksatz { text-align: justify; }
#content .zentriert p { text-align: center; }
#content .rechts { text-align: right; }

#content .wichtig { color: #FF0000; }

#content h1, h2, h3, h4, h5, h6 { color: #007A56; margin: 1em 0; font-weight: bolder; }
#content h1 { font-size: 1.8em; }
#content h2 { font-size: 1.6em; }
#content h3 { font-size: 1.4em; }
#content h4 { font-size: 1.2em; }
#content h5 { font-size: 1.1em; }
#content h6 { font-size: 1em; }
#content h1 span, #content h2 span, #content h3 span { font-weight: bolder; }

#content p { margin: 0.5em 0; font-size: 1.4em; text-align: left; }

#content p.oben { text-align: right; clear: both; }

#content ul { margin: 1em 0 0 3em; list-style: circle; font-size: 1.4em; font-weight: normal; }
	#content ul li { margin: 0.3em; }
		#content ul li ul { margin: 1em 1em; list-style: disc; font-size: 1em; }

#content ol { margin: 1em 0 0 3em; list-style: circle; font-size: 1.4em; font-weight: normal; list-style-type: decimal; }
	#content ol li { margin: 0.3em; }
			#content ul li ol { margin: 1em 1em; list-style-type: lower-alpha; font-size: 1.2em; }

#content ul#linkarten { list-style-type: none; margin: 0 auto; }
	#content ul#linkarten li { display: inline; margin: 0; line-height: 2em; }

#content ul.linkliste li { list-style-type: none; line-height: 2em; }
#content ul.recht li { list-style-type: none; line-height: 2em; }

#content #pinwand_formular { border: 0.25em dashed #007A56; padding: 1em; width: 50em; }
#content #gaestebuch_formular { border: 0.25em dashed #007A56; padding: 1em; width: 45em; }

#content ul#schulprojekt { text-align: right; }
	#content ul#schulprojekt li { list-style-type: none; display: inline; }
	#content ul#schulprojekt li a:visited { text-decoration: underline; }

#content dl#schulprojekt { border: 0.2em dashed #007A56; float: none; font-size: 1.2em; width: 400px; padding: 1em; }
	#content dl#schulprojekt dd { margin: 0.5em 2em; }

#content p.schulprojekt { text-align: right; }

#content hr { width: 100%; float: left; background-color: #007A56; color: #007A56; height: 0.25em; }

#content dl { font-size: 1.4em; margin-bottom: 1em; float: none; }
	#content dl dt { font-weight: bolder; }
	#content dl dd { margin-left: 2em; margin-bottom: 2em; }
		#content dl dd ul li { font-size: 0.7em; font-weight: normal; margin: 0; }

#content dl.bilder_mitte { float: none; clear: both; width: 304px; margin: 2em auto; color: #FFF; font-size: 1em; font-style: italic; text-align: justify; }
	#content dl.bilder_mitte dt img { border: 0.2em solid #007A56; }
	#content dl.bilder_mitte dd { background-color: #007A56; margin: -0.5em 0 0 0; padding: 0.5em; }
		#content dl.bilder_mitte dd a { color: #FFF; }

#content dl.bilder_links { float: left; width: 304px; color: #FFF; font-size: 1em; font-style: italic; text-align: justify; margin: 1em; }
	#content dl.bilder_links dt img { border: 0.2em solid #007A56; margin-top: 0.5em; }
	#content dl.bilder_links dd { background-color: #007A56; margin: -0.5em 0 0 0; padding: 0.5em; }
		#content dl.bilder_links dd a { color: #FFF; }

#content dl.bilder_rechts { float: right; width: 304px; color: #FFF; font-size: 1em; font-style: italic; margin: 2em; }
	#content dl.bilder_rechts dt img { border: 0.2em solid #007A56; margin-top: 0.5em; }
	#content dl.bilder_rechts dd { background-color: #007A56; margin: -0.5em 0 0 0; padding: 0.5em; }
		#content dl.bilder_rechts dd a { color: #FFF; }

#content dl.flyer_links { float: left; width: 199px; color: #FFF; font-size: 1em; font-style: italic; margin: 2em; }
	#content dl.flyer_links dt img { border: 0.2em solid #007A56; margin: -0.5em 0 0 0; }
	#content dl.flyer_links dd { background-color: #007A56; margin: -0.5em 0 0 0; padding: 0.5em; }
		#content dl.flyer_links dd a { color: #FFF; }

#content dl.flyer_rechts { float: right; width: 199px; color: #FFF; font-size: 1em; font-style: italic; margin: 2em; }
	#content dl.flyer_rechts dt img { border: 0.2em solid #007A56; margin-top: 0.5em; }
	#content dl.flyer_rechts dd { background-color: #007A56; margin: -0.5em 0 0 0; padding: 0.5em; }
		#content dl.flyer_rechts dd a { color: #FFF; }

#content dl.partner { float: left; width: 204px; color: #FFF; font-size: 1em; font-style: italic; margin: 1em; }
	#content dl.partner dt img { border: 0.2em solid #007A56; margin-top: 0.5em; }
	#content dl.partner dd { background-color: #007A56; margin: -0.2em 0 0 0; padding: 0.5em; }
		#content dl.partner dd a { color: #FFF; }
		
#content dl.portrait { float: left; width: 155px; vertical-align: baseline; color: #FFF; font-size: 1em; font-style: italic; margin: 0.2em; }
	#content dl.portrait dt img { border: 0.2em solid #007A56; margin-top: 0.5em; }
	#content dl.portrait dd { background-color: #007A56; margin: -0.2em 0 0 0; padding: 0.5em; }
		#content dl.portrait dd a { color: #FFF; }

/* LINK-Styles */
#content a.extern:link,#content a.extern:visited { background: transparent url("../graphiken/icon-extern.gif") no-repeat left; padding-left: 18px; }
#content a.extern:hover, #content a.extern:active, #content a.extern:focus { text-decoration: underline; }

#content a.email:link, #content a.email:visited { background: transparent url("../graphiken/icon-email.gif") no-repeat left; padding-left: 17px; }
#content a.email:hover, #content a.email:active, #content a.email:focus { text-decoration: underline; }

#content a.pdf:link, #content a.pdf:visited { background: transparent url(../graphiken/icon-pdf.gif) no-repeat left; padding-left: 15px; }
#content a.pdf:hover, #content a.pdf:active, #content a.pdf:focus { text-decoration: underline; }

#content a.intern:link, #content a.intern:visited { background: transparent url(../graphiken/icon-intern.gif) no-repeat left; padding-left: 15px; }
#content a.intern:hover, #content a.intern:active, #content a.intern:focus {text-decoration: underline; }

#content a.bilder:link, #content a.bilder:visited { background: transparent url(../graphiken/icon-bilder.gif) no-repeat left; padding-left: 19px; }
#content a.bilder:hover, #content a.bilder:active, #content a.bilder:focus { text-decoration: underline; }

#content a.zip:link, #content a.zip:visited { background: transparent url(../graphiken/icon-zip.gif) no-repeat left; padding-left: 19px; }
#content a.zip:hover, #content a.zip:active, #content a.zip:focus { text-decoration: underline; }

#content p.oben a:link, #content p.oben a:visited { background: transparent url(../graphiken/icon-oben.gif) no-repeat left; padding-left: 15px; }
#content p.oben a:hover, #content p.oben a:active, #content p.oben a:focus { text-decoration: underline; }

/* Styles für die Suchmaschine */
.highlight { background: #FFFF40; }
.results {  }
.category { color: #999; }
.description { color: #008000; }
.context { font-size: 0.9em; }
.infoline { font-size: 0.5em; text-align: left; font-style: italic; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }

.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button {  }
input.zoom_searchbox {  }

/* Quicklinks - Kontakt, Impressum usw. */
ul#quicklinks { text-align: right; margin-right: 100px; }
ul#quicklinks li { display: inline; font-size: 1.4em; }