/* 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: underline; 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: square; font-size: 1.4em; font-weight: normal; }
	#content ul li { margin: 0.3em; }
		#content ul li ul { margin: 1em 1em; list-style: square; 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; }

.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; }

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider-wrapper {
    width:998px;
    height:500px;
    margin-left: -100px;
}

#slider {
	position:relative;
    width:618px;
    height:246px;
    margin-left:190px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}