@charset "utf-8";

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #E8FFE1;
    line-height: 120%;
    font-size: 12pt;
    color: #000;
}

a:hover
{
    color: green;
    text-decoration: none;
}

a
{
    text-decoration: none;
}

.wrap
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #0F3;
    padding-left: 0px;
    padding-right: 0px;
    background-repeat: repeat-y;
}

.header
{
    background-color: #FFF;
    width: 980px;
    padding-top: 0px;
}

.logo
{
    float: left;
    margin-top: 8px;
}

.titel h3
{
    line-height: 12px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    color: #060;
}

.titel h1
{
    color: #060;
    margin-top: 12px;
    text-align: center;
}

h1
, h2
{
    line-height: 120%;
    text-align: center;
}

.titel
{
    margin-top: 24px;
    padding-top: 18px;
    text-align: center;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.zwischen
{
    background-color: #090;
    clear: left;
    width: 980px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-top: 0px;
}

.zwischen h2
{
    color: #FFF;
    padding-top: 3px;
    margin-top: 0px;
    font-style: italic;
    margin-bottom: 3px;
    text-align: center;
}

#Rand
{
    background-color: #0C0;
    overflow: hidden;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
}

.nav
{
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: -10px;
}

.nav li
{
    float: left;
    height: 52px;
    display: inline;
    padding-top: 0px;
    margin-bottom: 6px;
    padding-left: 4px;
    margin-right: 12px;
}

.counter
{
    text-align: center;
    font-style: italic;
    font-size: 12px;
    color: #060;
}

.nav .aktiveseite {
			float: left;
	background-color: #9FFF88;
	padding-top: 12px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #FFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAFCC9;
	border-right-color: #090;
	border-bottom-color: #060;
	border-left-color: #CAFCC9;
	border-top-width: 2px;
	height: 30px;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12pt;
}

.nav .aktiveseite_einzeiler {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #9FFF88;
	padding-top: 3px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #FFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAFCC9;
	border-right-color: #090;
	border-bottom-color: #060;
	border-left-color: #CAFCC9;
	border-top-width: 2px;
	height: 30px;
}

.einzeiler {
	float: left;
	padding-right: 12px;
	background-color: #9FFF88;
	padding-top: 12px;
	padding-bottom: 3px;
	text-align: center;
	background-color: #9FFF88;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAFCC9;
	border-right-color: #090;
	border-bottom-color: #060;
	border-left-color: #CAFCC9;
	border-top-width: 2px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 12px;
}

.zweizeiler {
	float: left;
	padding-right: 12px;
	background-color: #9FFF88;
	padding-top: 5px;
	padding-bottom: 10px;
	;
	text-align: center;
	background-color: #9FFF88;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAFCC9;
	border-right-color: #090;
	border-bottom-color: #060;
	border-left-color: #CAFCC9;
	border-top-width: 2px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 12px;
	line-height: 110%;
}

.aktiv_zweizeiler {
	float: left;
	padding-right: 12px;
	background-color: #9FFF88;
	padding-top: 5px;
	padding-bottom: 10px;
	;
	text-align: center;
	background-color: #FFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAFCC9;
	border-right-color: #090;
	border-bottom-color: #060;
	border-left-color: #CAFCC9;
	border-top-width: 2px;
	height: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 12px;
	line-height: 110%;
}

a.tiefer_link
{
    line-height: 38px;
}

.wrap .content
{
    clear: left;
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
    padding-top: 0px;
    background-repeat: repeat;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #0F3;
}

.content .li
{
    loat: left;
    width: 340px;
    height: 543px;
    padding-top: 17px;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 8px;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #0F3;
}

.content .mi
{
    float: left;
    width: 333px;
    text-align: left;
    padding-right: 6px;
    padding-top: 6px;
    padding-left: 10px;
    margin-bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 554px;
    margin-top: 0;
    margin-right: 0px;
    margin-left: 0;
    background-color: #0F3;
}

#re_BU
{
    float: left;
}

.content .re
{
    float: right;
    text-align: left;
    padding-top: 11px;
    overflow-y: auto;
    margin-bottom: 0px;
    height: 520px;
    margin-top: 0px;
    padding-left: 16px;
    width: 245px;
    padding-right: 3px;
    overflow: hidden;
}

.content .re_lang
{
    background-color: #0F3;
    float: right;
    width: 264px;
    text-align: right;
    padding-right: 8px;
    padding-top: 6px;
    overflow: auto;
    margin-bottom: 0px;
    height: 735px;
    margin-top: 0px;
    padding-left: 4px;
}

.wrap .content .re_lang .Textabschnitt h1
{
    color: #F00;
    font-size: 36px;
}

.wrap .content .re_lang h2
{
    line-height: normal;
}

.sidebar2
{
    margin-top: 0px;
}

.bu
{
    font-size: 12px;
    line-height: normal;
    text-align: left;
    padding-left: 6px;
    margin-top: 1px;
    padding-right: 3px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}

.footer
{
    background-color: #8FFB8C;
    clear: both;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
}

.aktuell_f_text
{
    float: right;
}

.logo a img
{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.Abstand
{
    margin-top: 0px;
    margin-bottom: 3px;
}

.wrap .freiz_neu_content .text_unten
{
    float: right;
    width: 400px;
    background-color: #F00;
}

.wrap .freiz_neu_content .freiz_neu_mi img
{
    float: left;
}

.wrap .text_unten
{
    width: 600px;
    margin-left: 210px;
}

.image_unten img
{
    float: left;
    width: 120px;
}

.freiz_content_mi
{
    float: left;
    width: 415px;
    margin-right: 0px;
    background-color: #0F3;
    height: 460px;
    padding-left: 8px;
    padding-right: 10px;
}

.wrap .freiz_neu_content .freiz_content_mi h1
{
    line-height: normal;
}

.freiz_content_mi_schmal
{
    float: left;
    width: 280px;
    margin-right: 10px;
    padding-left: 8px;
    height: 460px;
}

.wrap .freiz_neu_content .freiz_content_mi_schmal h1
{
    line-height: 100px;
}

.freiz_content_re_br
{
    background-color: #D1FFC6;
    float: right;
    width: 400px;
    margin-right: 20px;
}

freiz_content_re_br
{
    background-color: #D1FFC6;
    float: right;
    margin-right: 10px;
}

.freiz_content_unten
{
    width: 500px;
    float: left;
    margin-top: -60px;
    text-align: left;
    margin-left: 0px;
    padding-left: 8px;
}

.wrap .freiz_neu_content .freiz_content_unten .freiz_unten_text
{
    float: right;
    margin-top: 0px;
    width: 500px;
    margin-right: 110px;
}

.wrap .freiz_neu_content .freiz_content_unten .freiz_bild_unten img
{
    float: left;
    margin-top: -35px;
}

.wrap .freiz_neu_content .freiz_content_mi_schmal h1
{
    line-height: normal;
}

.wrap .freiz_neu_content .freiz_neu_nav_li .nav_freiz_extra .aktiv2
{
    background-color: #00C600;
}

.wrap .freiz_neu_content .freiz_content_mi p strong
{
    color: #060;
}

.freiz_neu_content
{
    width: 980px;
    margin-top: 0px;
    padding-bottom: 0px;
    height: 415px;
}

#content_ballett
{
    background-color: #F00;
}

.nav_freiz
{
    display: block;
    list-style-type: none;
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 2px;
    padding-bottom: 0px;
}

.button
{
    display: block;
    text-align: left;
}

.wrap .freiz_neu_content .nav_freiz_extra
{
	display: block;
	list-style-type: none;
	margin-top: 4px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 8px;
	clear: left;
	padding-top: 2px;
	padding-bottom: 0px;
	background-color: #0C0;
	height: 179px;
}

.nav_freiz li
{
    width: 150px;
    padding-left: 12px;
    background-color: #A0FCA0;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #00CE00;
    border-bottom-color: #00C600;
    border-left-color: #F0FFF0;
    margin-top: 2px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.wrap .freiz_neu_content .nav_freiz_extra li
{
    width: 150px;
    height: 22px;
    padding-left: 12px;
    background-color: #EDFEED;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #008C00;
    border-bottom-color: #008C00;
    border-left-color: #F0FFF0;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 4px;
}

.wrap .freiz_neu_content .freiz_neu_nav_li .nav_freiz .aktiv
{
    width: 150px;
    height: auto;
    padding-left: 12px;
    background-color: #0C0;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #FFF;
    border-right-color: #008C00;
    border-bottom-color: #008C00;
    border-left-color: #F0FFF0;
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.wrap .freiz_neu_content .nav_freiz li_extra
{
    width: 150px;
    height: 26px;
    padding-left: 12px;
    background-color: #A0FCA0;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #00CE00;
    border-bottom-color: #00C600;
    border-left-color: #F0FFF0;
    margin-top: 4px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.freiz_neu_nav_li
{
	float: left;
	padding-bottom: 0px;
	width: 210px;
	background-color: #0C0;
	height: 430px;
}

.wrap .content .mi h1
{
    line-height: 110%;
}

.wrap .content .mi #apDiv18 #apDiv26 h2
{
    line-height: 24px;
}

.aktuelles_li
{
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-left: 8px;
    padding-left: 10px;
}

.aktuelles_footer
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    background-color: #093;
    margin-top: -8px;
    text-align: left;
    margin-left: 0px;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 14px;
    padding-right: 10px;
    font-size: 15px;
    overflow: hidden;
    height: 90px;
}

.wrap .footer .aktuelles_footer p a
{
    color: #009;
}

.aktuell_f_li
{
    float: left;
    margin-left: 10px;
    margin-right: 8px;
}

.wrap .footer .aktuelles_footer h2
{
    font-size: 15pt;
    vertical-align: top;
    line-height: 15px;
}

.wrap .footer .aktuelles_footer p
{
    font-size: 14px;
}

.start_links
{
    width: 650px;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}

.wrap .content_weih
{
    width: 980px;
    clear: left;
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
    padding: 0;
    padding-top: 10px;
    background-color: #00CC00;
}

.weihnacht12
{
    background-color: #636ACB;
    width: 680px;
    float: left;
    margin: 0px;
    padding-left: 20px;
    padding-top: 20px;
    height: 580px;
}

.wrap .content_weih .weihnacht12_re
{
    background-color: #0C0;
    float: left;
    width: 260px;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 600px;
}

#kajak-text
{
    width: 200px;
    height: 40px;
    background-color: #0C0;
}

.kajak-text-box
{
    height: 80px;
    width: 270px;
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.kajak-bild
{
    float: left;
    margin-top: 8px;
}

.wrap .content .mi blockquote #apDiv1
{
    background-color: #8FFB8C;
    visibility: hidden;
    padding-left: 8px;
    padding-right: 8px;
    border: medium solid #090;
}

.bild_re_gruen
{
    background-color: #0C0;
    width: 432px;
    float: right;
    height: 430px;
    padding-left: 38px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 10px;
    line-height: 24px;
}

.bild_re_gruen_sm
{
	background-color: #0c0;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 320px;
	float: left;
	padding-left: 17px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 460px;
}

#font2
{
    font-family: "Comic Sans MS", cursive;
    font-size: 22px;
    font-weight: bold;
    color: #060;
    line-height: 36px;
    padding-right: 5px;
}

#ostern
{
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.wrap .freiz_neu_content .freiz_content_mi ul li
{
    line-height: 18px;
}

.wrap .content .re table tr td
{
    text-align: left;
    font-size: 11pt;
    border: 1px solid #090;
}

.wrap .content .re table tr td strong
{
    font-size: 12pt;
}

.wrap .content .re table
{
    margin-top: 3px;
    height: 248px;
    width: 268px;
    overflow: hidden;
}

.wrap .content .mi #apDiv18 #apDiv26 h2
{
    line-height: 10px;
    font-size: 22px;
    font-variant: normal;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

#ballett_content
{
    height: 420px;
}

#freiz_nav_ballett
{
    height: 400px;
}

#test1
{
    background-color: #FC0;
}

#freizeit_nav_funkt
{
    height: 400px;
}

.wrap #freizeit_content_funkt
{
    height: 420px;
}

#freiz_content_schwimm
{
    height: 420px;
}

#freiz_nav_schwimm
{
    height: 420px;
}

#freiz_nav_step
{
    height: 420px;
}

#freiz_content_step
{
    height: 420px;
}

.wrap .freiz_neu_content .freiz_content_re
{
    background-color: #00CC00;
    float: left;
}

.wrap .freiz_neu_content .freiz_fussball_re
{
    background-color: #D2FFC6;
    height: 430px;
}

.wrap .freiz_neu_content .freiz_abt_re
{
    height: 460px;
    background-color: #D2FFC6;
}

.titel2
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FF0;
    text-align: center;
    background-color: #F93;
    height: 30px;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
}

#mit_bild
{
    text-align: center;
}

#start-div
{
    padding-top: 3px;
    padding-right: 12px;
    padding-bottom: 3px;
    padding-left: 8px;
    background-color: #00FF32;
}

#start-li-br
{
    float: left;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 12px;
    width: 673px;
}

.start_3er
{
    float: left;
    padding-left: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 515px;
    text-align: left;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #F9FEDE;
    background-position: left top;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#buttonaufstart
{
    width: 240px;
    margin-top: 15px;
}

.ankuendigung_start
{
    background-color: #00cc00;
    visibility: true;
    text-align: center;
    width: 80%;
    height: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 8px;
    margin-bottom: 2px;
}

.mitglieder_content
{
    padding-left: 30px;
    padding-right: 16px;
    padding-top: 12px;
}

.wrap .content .li p a img
{
    margin-top: 10px;
}

.weih_15
{
    background-color: #060;
    width: 980px;
    overflow: hidden;
    height: 460px;
}

.mi_links
{
    background-color: #f39100;
    padding-left: 10px;
    padding-right: -10px;
    width: 648px;
    margin-right: -10px;
    padding-top: 6px;
    height: 50px;
    margin-bottom: 0px;
}

.start_mi_re
{
	float: left;
	width: 280px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.bi_li img
{
    float: left;
    margin-right: 16px;
    padding-top: 18px;
}

.start_mi_li
{
    background-color: #FFF;
    margin-left: 0px;
    padding-left: 12px;
    padding-top: 0px;
    margin-top: 6px;
    float: left;
}

.wrap .content .start_li_wrap
{
    background-color: #FFF;
    width: 658px;
    float: left;
    margin-left: -8px;
    padding-top: 0;
    margin-bottom: 0px;
}

.start_mi_mi
{
    float: left;
    background-color: #FFF;
    margin-top: 6px;
    width: 260px;
    margin-right: 0px;
    padding-left: 10px;
}

.wrap .content .start_mi_re table tr td p strong
{
	font-size: 12pt;
	line-height: 16px;
}

.wrap .content .start_mi_re table tr td strong
{
	line-height: 18px;
}

.transparencyInternational
{
    float: right;
    margin: 6px;
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
}

.logokasten
{
    width: 665px;
    float: left;
    height: 230px;
    margin-top: 8px;
}

.wrap .content .li p #logo_JSA
{
    position: absolute;
    left: 8px;
    margin-top: 2px;
    width: 351px;
    height: 89px;
}

.weih_wrap_2016
{
    background-color: #118025;
    margin-top: 0;
    padding: 10px 11px;
}

.kastenli_mi
{
    width: 680px;
    float: left;
}

.re_oben
{
    width: 250px;
    float: left;
    margin-left: 15px;
    margin-top: 30px;
    background-color: #F00;
}

.wrap .content .re_oben1
{
    float: left;
    width: 250px;
    margin-top: 50px;
    margin-left: 15px;
}

.schulsoz_mi_re_breit
{
    width: 600px;
    float: left;
    margin-left: 15px;
}

.news
{
    background-color: #666666;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    background-image: url(media/tag_offene_Tuer_2017_2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    padding-bottom: 5px;
    color: #F90;
    font-weight: bold;
    font-size: 18px;
}

.text_ws
{
    color: #F90;
}

.wrap .content .news p a
{
    color: #FC0;
    text-decoration: underline;
    line-height: 30px;
}

.ifr
{
    width: 800px;
    height: 600px;
    margin-left: 7%;
    margin-right: 5%;
    background-color: #27cd1c;
    overflow: hidden !important;
}