@charset "utf-8";
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%}
body {height: 100%; background: #404040; text-align: center; font: 1.2em Calibri,Verdana sans-serif; position: relative; min-width: 900px; padding-bottom: 30px;}
.stadt{
	font-family: arial,helvetica,sans-serif;font-size: medium;
}
.schule{
	font-family: arial,helvetica,sans-serif;font-size: small;
}

.gruen{
width:100%;
height: 20px;
padding: 10px;
display:block;
text-align:center;
border: 1px #70ff65 solid;
background: #c2ffbd;
}

.32{
margin-left:10px;
}

a:link, a:visited {color: #c86700;} a:hover {text-decoration: none;}

img {border: 0px solid #909090;}

.noscreen {display: none;} .cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}

p {line-height: 1.8; color: #303030; margin-bottom: 14px;}

abbr {cursor: help; border-bottom-style: dotted; border-bottom-width: 1px;}


.hidden {position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}



#wrapper {width: 860px; margin: 0 auto; margin-top: 20px; border: 5px #fff solid; text-align: left; background-color: #FFF;}

#header {height: 98px; margin: 0 auto; background: #bac4ff url('../img/header1.png'); height: 100px;;}

h1 {color: #404040; padding-left: 30px; padding-top: 20px;}
h1 span {color: #4c780b;}
h1 a:link, h1 a:visited {color: #404040; text-decoration: none;}
h1 a:hover {background: 0;}

#header p {letter-spacing: 1px; color: #303030; padding: 0 0 0 37px;}


.menu {background: #254A5C url('../img/menu-bg.gif') repeat-x 0 0; width: 838px; height: 35px; margin: 0 auto; padding-left: 20px; border: 1px #254A5C solid;}

.menu li {float: left; background: #254A5C url('../img/menu-bg.gif') repeat-x 0 0; display: inline; list-style-type: none; text-align: center; line-height: 33px;}
.menu li a {text-decoration: none; color: #fff; float: left; display: block; padding: 0 25px; line-height: 33px;}

.menu li a:hover {text-decoration: underline; background: #254A5C ; display:block;} /* 254A5C */
.menu li a.active {background-color: #88d9ff; color: #101010;}

#clearfix:after {display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: ' ';}
#clearfix {min-height: 1px;}
#clearfix {display: inline-block;}


#content {background-color: #FFF;} #content-in {width: 100%;}
#col-l {width: 66%; float: left;} #col-l-in {margin: 1.3em 1em 0 1.8em;} #col-r {width: 32%; float: right;} #col-r-in {margin: 1.2em 1.9em 0 1em;}

h2 {color: #c86700; letter-spacing: 1px; margin-bottom: 7px;}

ul.contact-info {list-style-position: inside; list-style-type: square; margin: 3px 0 23px 0; color: #2d586c;}
ul.contact-info li {margin: 0 0 7px 0;} ul.contact-info li span {color: #404040;}

h3 {color: #404040; border-bottom: 1px dotted gray; margin: 0 0 9px 0;}

dl.news {margin: 0 0 23px 0;}
dl.news dt {font-style: italic; margin: 0 0 3px 0; background-color: #EEE; padding: 2px 0 2px 5px;}
dl.news dd {margin: 0 0 14px 0; line-height: 1.5;}

dl.links {}
dl.links dt {margin: 0 0 2px 0;}
dl.links dd {color: #404040; margin: 0 0 8px 3px;}

.listek {background-color: #D9F3FF; border: 1px solid #8cc6ea; margin-bottom: 23px;}
.listek-in {margin: 0.6em 1.4em;}

address {line-height: 2.1;}
address span {color: #404040;}

.contact-col-l {float: left; width: 50%;}
.contact-col-r {float: right; width: 49%;}
.contact-col-l, .contact-col-r {margin: 4px 0 16px 0;}

#footer {background-color: #404040; border-top: 3px solid #858585; width: 860px; height: 26px}
#footer p {color: #FEFEFE; line-height: 28px; font-size: 0.9em; margin: 0;}
#footer p.left {float: left; width: 400px; margin-left: 20px; display: inline;}
#footer p.right {float: right; width: 400px; margin-right: 20px; display: inline; text-align: right;}

#footer p a, #footer p a:visited {color: #FFF;}

p.link {margin: 0 0 30px 0;}
p.link a, p.link a:visited {color: #606060; font-size: 0.95em;}
p.link a:hover {text-decoration: none; color: #252525;}

.note {width: 75%; margin-bottom: 23px; background-color: #FDFCAC; border: 1px solid #E1D22A; color: #303030;}
.note p {margin: 6px 12px; line-height: 1.5;}

.namemail-input, .message-area, .just-input {border: 1px solid #707070; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; padding: 3px;}
.namemail-input:focus, .message-area:focus, .just-input:focus {border: 1px solid #707070;}
.just-input {width: 340px;} input#ochrana {background-color: #d9f3ff;}
.spam-protection {width: auto;}
.message-area {width: 400px; height: 160px;}

table#contact-form, fieldset {margin: 14px 0 40px 0;}

table#contact-form {border-collapse: collapse; border-spacing: 0;}
#contact-form th {text-align: center; font-weight: bold;}
#contact-form th, #contact-form td {padding: 4px 5px;}

#contact-form td label {color: #181818; margin-right: 12px;}
#contact-form td span {font-size: 0.9em; color: #303030; margin-left: 8px;}
#contact-form td samp {color: black; font-size: 1.2em;}

#contact-form td span.req {color: #404040; margin-left: 3px;} #contact-form td span.req2 {margin-left: -1px; line-height: 1.9;}

.message-up {vertical-align: top !important;}
.button-right {text-align: right !important; line-height: 5;}

.gallery {padding: 10px 0 0 0; margin: 5px 0 30px 0; width: 97%;}
.gallery .photo {float: left; display: inline; position: relative; width: 222px; margin: 0 24px 5px 0;}

.gallery .photo img {border: 1px solid #C0CCD4; margin: 0;}
.gallery .photo a:hover img {border: 1px solid #8c9ca7;}

.gallery .photo p {margin: 0; color: #252525; line-height: 1.6;}
.gallery .photo p a, .gallery .photo p a:visited {color: #295B7E; line-height: 1.5; font-size: 1.1em;}

.gallery .photo p.name a, .gallery .photo p.name a:visited {display: block; margin: 0 0 2px 0; color: #295B7E; padding: 0; font-style: normal; color: #2F546C;}

.gall {padding: 15px 0 0 18px; background-color: #D9F3FF !important; border: 1px solid #8CC6EA;}
.gall .photo {width: 154px !important; margin: 0 18px 17px 0 !important; background-color: #D9F3FF !important;}

p.next {text-align: center; margin: -5px 0 20px 0;}
p.next a, p.next a:visited {color: #303030;}

.spiegel{background: url('../img/spiegel.png'); width:869px; height: 72px; margin: 0 auto; margin-top: 0px;}
*{
	font: Calibri,Verdana sans-serif;
}

.newsa{
	background: #D9F3FF;
	padding: 5px;
	width: 510px;
	height: 15px;
	margin-left: 10px;
	border: 1px #8cc6ea solid;
	margin-bottom: 10px;
	float: left;
}

.newsdate{
	float: right;
}

links{
	float: left;
}

rechts{
	float: right;
}