/* CSS - RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent
}
body {
 line-height: 1
}
ol, ul {
 list-style: none
}
blockquote, q {
 quotes: none
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none
}
/* remember to define focus styles! */
:focus {
 outline: 0
}

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none
}
del {
 text-decoration: line-through
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0
}

body {
 text-align: center;

 position: relative;
 font: normal 11px/18px Verdana, Arial, sans-serif;
 color: #333;
}

#green {
 background: url(../img/bgbody-green.jpg) repeat-x 0 0 #000;
}

#orange {
 background: url(../img/bgbody-orange.jpg) repeat-x 0 0 #000;
}

#blue {
 background: url(../img/bgbody-blue.jpg) repeat-x 0 0 #000;
}

#cyan {
 background: url(../img/bgbody-cyan.jpg) repeat-x 0 0 #000;
}


#pink {
 background: url(../img/bgbody-pink.jpg) repeat-x 0 0 #000;
}

#blaugrau {
 background: url(../img/bgbody-blaugrau.jpg) repeat-x 0 0 #000;
}

.wrapper {
 margin: 0 auto;
 width: 884px;
 text-align: left;
 padding: 8px 0 0 0;
}

#head {
 background: url(../img/bg_head.jpg) repeat-x 100% 0 #fff;
 border-bottom: 1px solid #fff;
 margin: 0 0 7px 0;
}

.reiter {
 margin: 1px 0 0 0;
 float: right;
 border: 1px solid #c3bbb5;
 border-top: 0 none;
 padding: 9px 16px;
 -moz-border-radius-bottomleft: 6px;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 0;
 background-color: #fff;
}

.reiter a {
 color: #336600;
}

.suche {
 margin: 1px 52px 0 8px;
}

#searchterm {
 font-size: 11px;
 border: 0 none;
 background-color: #eae2dc;
 vertical-align: middle;
 margin: 0 6px;
}

.submit {

}

#logo {
 text-indent: -9999px;
 background: transparent url(../img/bghead-bottom.jpg) 0 100% repeat-x;
}

#logo a {
 display: block;
 width: 200px;
 height: 110px;
 background: transparent url(../img/logo.png) no-repeat scroll 20px 25px;
 padding: 25px 0 20px 20px;
}

#nav {
   float: right;
   width: 655px;
   margin: 45px 0 0 0;
   padding: 0;
   list-style-type: none;
   position: relative;
}

#nav li {
   display: inline;
}

#nav li a {
 font-size: 12px;
 line-height: 21px;
 padding: 4px 5px;
 text-decoration: none;
 color: #000;
 text-transform: uppercase;
 font-weight: normal;
 border: 1px solid #fff;
}

#nav li a.aktiv, #nav li a:hover  {
 font-weight: bold;
 color: #ccff66;
 background: #d0d1d2;
 border: 1px solid #d0d1d2;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-topright: 6px;
}

#content {
 clear: both;
 background: #fff url(../img/bgcontent.jpg) repeat-x scroll 0 100%;
 overflow: hidden;
 padding: 44px 60px 44px 0;
 font-size: 11px;
 line-height: 16px;
 color: #333;
}

#green .nonav,
#orange .nonav,
#blue .nonav,
#cyan .nonav,
#pink .nonav,
#blaugrau .nonav  {
  padding: 44px 60px;
}

#content img {
 padding: 10px;
 border: 1px solid #c4bcb6;
 -moz-border-radius: 6px;
}

#content img.image_left {
 clear: left;
 float: left;
 margin: 0 20px 10px 0;
}

#content img.image_right {
 clear: right;
 float: right;
 margin: 0 0 10px 20px;
}

.text_center {
 text-align: center;
}

.text_right {
 text-align: right;
}

.text_underline {
 text-decoration: underline;
}

.text_linethrough {
 text-decoration: line-through;
}

.italic {
 font-style: italic;
}

#content p {
    padding: 2px 0;
    margin: 0 0 5px 0;
}

#content ul, #content ol {
 padding: 2px 0 2px 15px;
 margin: 0 0 5px 0;
 list-style-type: disc;
}

#content ol {
 list-style-type: decimal;
}

#left {
 border-right: 3px solid #C3BBB5;
 float: left;
 width: 185px;
}

#right {
 float: right;
 width: 580px;
}

#content h2, #content h3, #content h4 {
 color: #336600;
 font-weight: bold;
}

#content h2 {
 padding: 0 0 25px 0;
 font-size: 20px;
 line-height: 23px;
}

#content h3 {
 padding: 5px 0 14px 0;
 color: #333;
 font-size: 12px;
 text-transform: uppercase;
}

#content h4 {
 font-size: 11px;
 color: #333;
}

#blue #content h2,
#blue #content a:link,
#blue #content a:visited {
 color: #003366;
}

#orange #content h2,
#orange #content a:link,
#orange #content a:visited {
/* color: #ff7800;*/
  color: #cc3300;
}

#cyan #content h2,
#cyan #content a:link,
#cyan #content a:visited {
 color: #009999;
}

#pink #content h2,
#pink #content a:link,
#pink #content a:visited {
 color: #ff33cc;
}

#blaugrau #content h2,
#blaugrau #content a:link,
#blaugrau #content a:visited {
 color: #336666;
}

#left ul {
 text-align: right;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#left ul li {
 padding: 4px 30px 4px 0;
}

#content a:link,
#content a:visited {
 font-weight: bold;
 text-decoration: none;
 color: #336600;
}

#content a:hover {
 text-decoration: underline;
}

#content hr {
 margin: 30px 0 10px 0;
 color: #fff;
 background: #fff;
 border: 0 none;
 border-bottom: 1px dotted #333;
}

#footer {
 text-align: center;
 color: #ccff66;
 font: normal 10px/18px;
 background: url(../img/strip_bottom.jpg) repeat-x 0 0 #000;
 padding: 15px 0;
 min-height: 240px;
}

#footer a, #footer a:link, #footer a:visited {
 color: #ccff66;
 text-decoration: none;
 font-size: 10px;
 line-height: 14px;
 text-decoration: none;
}

#footer a:hover {
 text-decoration: underline;
}

#footer .wrapper {
 text-align: center;
 padding: 8px 0;
}

#footer ul {
 list-style-type: none;
 margin: 0 auto;
 text-align: left;
 
}

#footer ul li {
 float: left;
 width: 125px;
 position: relative;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
 font-weight: bold;
 text-transform: uppercase;
}

/* FARBEN */

/* Start*/
#nav li.nav-item-2 a:hover,
#nav li.nav-item-2 a.aktiv,
#footer ul li.sitemap2 a,
#footer ul li.sitemap2 a:link,
#footer ul li.sitemap2 a:visited {
 color: #009999;
}
/* Grundschule */
#nav li.nav-item-3 a:hover,
#nav li.nav-item-3 a.aktiv,
#footer ul li.sitemap3 a,
#footer ul li.sitemap3 a:link,
#footer ul li.sitemap3 a:visited {
/* color: #ff9900;*/
  color: #cc3300;
}
/* tjfbg */
#nav li.nav-item-4 a:hover,
#nav li.nav-item-4 a.aktiv,
#footer ul li.sitemap4 a,
#footer ul li.sitemap4 a:link,
#footer ul li.sitemap4 a:visited {
 color: #009036;
}
/* 03 S 01 */
#nav li.nav-item-5 a:hover,
#nav li.nav-item-5 a.aktiv,
#footer ul li.sitemap5 a,
#footer ul li.sitemap5 a:link,
#footer ul li.sitemap5 a:visited {
 color: #3366ff;
}

#nav li.nav-item-6 a:hover,
#nav li.nav-item-6 a.aktiv,
#nav li.nav-item-7 a:hover,
#nav li.nav-item-7 a.aktiv,
#nav li.nav-item-8 a:hover,
#nav li.nav-item-8 a.aktiv,
#footer ul li.sitemap6 a,
#footer ul li.sitemap6 a:link,
#footer ul li.sitemap6 a:visited,
#footer ul li.sitemap7 a,
#footer ul li.sitemap7 a:link,
#footer ul li.sitemap7 a:visited,
#footer ul li.sitemap8 a,
#footer ul li.sitemap8 a:link,
#footer ul li.sitemap8 a:visited {
 color: #336666;
}


#footer ul li a:hover {
 text-decoration: underline;
}

#footer ul li ul {
 position: absolute;
 top: 18px;
 left: 0;
 width: 125px;
}

#footer ul li ul li {
 float: none;
 margin: 0;
 display: block;
}

#footer ul li ul li a,
#footer ul li ul li a:link,
#footer ul li ul li a:visited {
 font-weight: normal;
 text-transform: none;
}

.stripe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 8px;
 background: url(../img/strip.jpg) repeat-x 0 0 transparent;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;  
}           
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em;  
}
/* Tabs */

.tabs {

}



#content .tabs ul {
margin:0;
padding: 0;
list-style:none;
float: right;
}
.tabs ul li {
padding:0 0 0 1px;
margin: 0 0 10px 0;
}
.tabs ul a {
padding:5px;
color: #fff;
background-color: #ccff66;
}

.tabs ul .current {
}
.tabs ul .current a {
 background: #ccff66;
}
#content .tabs h2,
.js .tabs .current-info,
.js .tabs .accessibletabsanchor{
   position: absolute;
   left: -999px;
}
.js .tabs .content{

}
.js .tabs{

}
.tabs{
  width: 369px;
  float: left;
  padding: 0;
}

.tabbody img {
 margin: 0;
 float: none;
}

.newsbild {
 float: left;
 margin: 0 10px 10px 0;
}

.clear {
 clear: both;
}

.tabs .newsbild {
 float: none;
 margin: 0 0 10px 0;
}

.news_right {
  margin-left: 415px;
}