body {
	font: normal 12px/16px Arial,Helvetica,Verdana,sans-serif;
	color: #000;
	background: #7CAE46 url(/images/bg.gif) repeat-x;
	padding: 10px 0 10px 0;
	text-align: center;
}

.cb {
clear: both;
margin: 0;
padding: 0;
height: 1px;
width: 1px;
overflow: hidden;
font-size: 0;
}

p {
padding: 0 10px 10px 0;
margin: 0;
}

hr {
margin: 0 10px 10px 0;
border-bottom: 0;
border-top: 1px solid #EDEBD5;
height: 1px;
}

table {
border: 0;
width: 98%;
margin-bottom: 10px;
}

th {
background-color: #9B9558;
color: #fff;
padding: 2px 5px 2px 5px;
font: bold 12px/16px Arial,Helvetica,Verdana,sans-serif;
}

td {
padding: 2px 5px 2px 5px;
color: #000;
background-color: #EDEBD5;
font: normal 12px/16px Arial,Helvetica,Verdana,sans-serif;
}

tr.select td {
color: #000;
background-color: #fff;
}

td a {
color: #000;
background: #EDEBD5 url(/images/pfeil_black.gif) 0 4px no-repeat;
}



.nospam,
.skip {
	font-size: 0;
	width: 1px;
	height: 1px;
	display: none;
}

form {
	margin: 0;
	padding: 0;
}

#global_search {
	color: #000;
	overflow: hidden;
	height: 42px;
	border-top: 1px solid #a3cf74;
	border-bottom: 1px solid #5a852b;
	background: #7cae46 url(/images/search_form.gif) 6px 6px no-repeat;
}

#global_search #searchbutton {
margin: 6px 0 0 14px;
}

#global_search #searchtext {
	background-color: #EDEBD5;
	width: 100px;
	border: 0;
	padding: 0;
	color: #635B05;
	vertical-align: top;
	margin: 13px 0 0 15px;
}




h1.headline {
	font: bold 14px Arial,Helvetica,Verdana,sans-serif;
	background: #EDEBD5 url(/images/bg_h1.gif) repeat-y;
	color: #9B9558;
	padding: 5px 5px 5px 15px;
	margin: 0;
	border-bottom: 1px solid #9B9558;
}

.padding h1 {
	font: bold 14px Arial,Helvetica,Verdana,sans-serif;
	color: #9B9558;
	padding: 0;
	margin: 0 0 10px 0;
	border: 0;
}

h2 {
  font: bold 12px Arial,Helvetica,Verdana,sans-serif;
	margin: 0;
	padding: 0 0 10px 0;
}

h3 {
font: bold 12px Arial,Helvetica,Verdana,sans-serif;

	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

iframe {
border: 0;
padding: 0;
margin: 0 0 15px 0;
width: 98%;
height: 1000px;
overflow: hidden;

}

/* Strucktur */

#border {
border: 7px solid #fff;
width:980px;
margin: 0 auto 0 auto;
text-align: left;
}

#header {
	width: 980px;
	height: 94px;
	color: #000;
	background: #7CAE46 url(/images/bg_header.png) no-repeat;
}

#middle{
	width: 980px;
	color: #000;
	background: #fff url(/images/bg_middle.gif) repeat-y;
}

#left {
	width: 196px;
	float: left;
}

#menu {
	width: 196px;
	overflow: hidden;
}

#content {
	width: 784px;
	float: right;
	overflow: hidden;
	background: #fff url(/images/bg_content.gif);
}


#footer {
	width: 980px;
	color: #000;
	background: #5D8A2D url(/images/bg_footer.png) no-repeat;
	text-align: left;
	margin: 0 auto 0 auto;
	height: 35px;
}

#footer #top {
padding: 5px 5px 0 0;
width: 200px;
float: right;
text-align: right;
}

#footer #right {
padding: 7px 0 0 15px;
width: 200px;
float: left;
}


/* Sets */


#large {
	width: 521px;
	float: left;
	padding: 0 0 0 18px;
}

#xxl {
	float: left;
	padding: 0 18px 0 18px;
	width: 765px;
}

#small {
	float: right;
	width: 225px;
	overflow: hidden;
	margin-top: 18px;
}

.box {
	color: #000;
	margin: 18px 0 0 0;
	background-color: #d3ce9a;
	border-bottom: 1px solid #B9B483;
}

#small .box {
	margin: 0 0 18px 0;
}

.padding {
	border-top: 1px solid #EDEBD5;
	padding: 10px 0 0 10px;
	display: block;
}

#large .padding,
#xxl .padding {
	border-top: 1px solid #fff;
	background: url(/images/bg_box_big.png) repeat-x;
}

#large .padding {
	width: 511px;
}

#xxl .padding {
	width: 755px;
}

#small .padding {
	width: 215px;
}

#large .halfsize {
	float: left;
	width: 251px;
	margin-right: 18px;
}

#large .halfsize .padding {
	width: 241px;
}

#large .nomargin {
	margin-right: 0;
}


#xxl .halfsize {
	float: left;
	width: 372px;
	margin-right: 18px;
}

#xxl .halfsize .padding {
	width: 362px;
}

#xxl .nomargin {
	margin-right: 0;
}

.text {
	padding: 0 10px 10px 0;
}

.inner_box {
background-color: #fbfaef; 
border: 1px solid #9b9558; 
padding: 10px; 
margin: 0 10px 10px 0;
}

.toggle {
display: none;
}

/* Pager */

.pager { padding-bottom: 10px;}
* html .pager { padding-bottom: 0;}
.pager ul {padding-left: 0; margin-left: 0;}
.pager ul li {list-style: none; float: left;}
.pager ul li a {display: block;  padding: 0 5px 0 5px; margin: 0 5px 0 0; border: 1px solid #9B9558; color: #000; background-color: #EDEBD5; text-decoration: none;}
.pager ul li a:hover {background-color: #fff; color: #000}
.pager ul li a.active {background-color: #9B9558; color: #fff}



/* Menu */

#menu ul {padding: 0 0 0 8px; margin: 0}
#menu ul li {list-style: none; }
#menu ul li a {padding: 7px 5px 7px 15px; color: #fff; font-weight: bold; text-decoration: none; background: #7cae46 url(/images/bg_menue.png) no-repeat; display: block; width: 168px; border-bottom: 1px solid #5a852b;}

* html #menu ul li a {
width: 188px;
w\idth: 168px;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus {background: url(/images/bg_menue_hover.png) no-repeat; color: #fff}
#menu ul li.selected a {background: url(/images/bg_menue_select.png) no-repeat; color: #fff}


#menu ul li.selected ul {padding: 0; margin: 0}
#menu ul li.selected ul li {list-style: none; }
#menu ul li.selected ul li a {padding: 5px 5px 5px 30px; color: #fff; font-weight: normal; text-decoration: none; background: #7cae46 url(/images/bg_menue_2.png) no-repeat; display: block; width: 153px; border-bottom: 1px solid #5a852b;}

* html #menu ul li.selected ul li a {
width: 188px;
w\idth: 153px;
}

#menu ul li.selected ul li a:hover,
#menu ul li.selected ul li a:active,
#menu ul li.selected ul li a:focus,
#menu ul li.selected ul li.selected a {padding: 5px 5px 5px 30px; background: #7cae46 url(/images/bg_menue_2_hover.png) no-repeat; color: #fff}


#menu ul li.selected ul li.selected ul {padding: 0; margin: 0}
#menu ul li.selected ul li.selected ul li {list-style: none; }
#menu ul li.selected ul li.selected ul li a {padding: 5px 5px 5px 55px; color: #fff; font-weight: normal; text-decoration: none; background: #7cae46 url(/images/bg_menue_3.png) no-repeat;  display: block; width: 128px; border-bottom: 1px solid #5a852b;}

* html #menu ul li.selected ul li.selected ul li a {
width: 188px;
w\idth: 128px;
}

#menu ul li.selected ul li.selected ul li a:hover,
#menu ul li.selected ul li.selected ul li a:active,
#menu ul li.selected ul li.selected ul li a:focus,
#menu ul li.selected ul li.selected ul li.selected a {padding: 5px 5px 5px 55px; background: #7cae46 url(/images/bg_menue_3_hover.png) no-repeat; color: #fff}


#menu ul li.selected ul li.selected ul li.selected ul {padding: 0; margin: 0}
#menu ul li.selected ul li.selected ul li.selected ul li {list-style: none; }
#menu ul li.selected ul li.selected ul li.selected ul li a {padding: 5px 5px 5px 70px; color: #fff; font-weight: normal; text-decoration: none; background: #7cae46 url(/images/..png) no-repeat;  display: block; width: 112px; border-bottom: 1px solid #5a852b;}

* html #menu ul li.selected ul li.selected ul li.selected ul li a  {
width: 188px;
w\idth: 112px;
}

#menu ul li.selected ul li.selected ul li.selected ul li a:hover,
#menu ul li.selected ul li.selected ul li.selected ul li a:active,
#menu ul li.selected ul li.selected ul li.selected ul li a:focus,
#menu ul li.selected ul li.selected ul li.selected ul li.selected a {padding: 5px 5px 5px 70px; background: #7cae46 url(/images/...png) no-repeat; color: #fff}

/* Bilder */

.pic_left {
	float: left;
	margin: 0 20px 10px 0;
}

#small .pic_left {
	margin: 0 8px 8px 0;
}

.pic_right {
	float: right;
	margin: 0 10px 10px 20px;
}

#small .pic_right {
	float: right;
	margin: 0 8px 8px 8px;
}

.pic_middle {
 	padding: 2px;
 	border: 1px solid #9B9558;
 	display: block;
}

.pic_border {
  padding: 2px;
 	border: 1px solid #9B9558;
 	}

#small .pic_middle {
	margin-bottom: 10px;
}

.pic_desc {
  color: #fff;
  background: #9B9558 url(/images/bg_desc.png) 0 100% repeat-x;
  padding: 5px;
  margin: 0 10px 10px 0;
  border-bottom: 1px solid #6a6537;
}

.pic_center {
text-align: center;
}

.pics {
float: left;
margin: 0 7px 7px 0;
}

.pic {
padding: 7px 2px 7px 2px; 
border: 1px solid #9B9558;
background-color: #EDEBD5;
}

.pic:hover {
border: 1px solid #fff;
}

.picpad {
display: block; 
height: 15px; 
margin: 10px 0 10px -10px; 
background-color: #fff;
}

.pic_error {
padding: 2px;
border: 1px solid #ff0000;
background-color: yellow;
}

/* Persons */

.person {
width: 220px;
float: left;
padding: 5px 5px 15px 5px;
margin: 0 10px 0 0;
background: #FBFAEF url(/images/bg_person.gif) 0 100% no-repeat;
}

#small .person {
width: 194px;
float: left;
padding: 5px 5px 15px 5px;
margin: 0;
background: #FBFAEF url(/images/bg_person.gif) 0 100% no-repeat;
}

* html #small .person  {
width: 205px;
w\idth: 194px;
}

.person img {
float: left;
padding: 2px;
border: 1px solid #9B9558;
}

#small .person img {
float: left;
padding: 2px;
border: 1px solid #9B9558;
width: 60px;
height: 80px;
}

.person .desc {
font: normal 11px/14px Arial,Helvetica,Verdana,sans-serif;
margin: 0 0 0 95px;
letter-spacing:   0;
}


.person .desc a {
color: #000;
}

.person .desc .email {
margin-top: 5px;
}

.person .desc .function {
margin-bottom: 5px;
}

#small .person .desc {
margin: 0;
padding-left: 7px;
width: 120px;
overflow: hidden;
}

.person .desc.noimg {
margin: 0 !important;
width: 100% !important;
}


.person h3 {
margin: 0;
padding: 0 0 5px 0;
}


.person_work {
top: 50%;
left: 50%;
margin: -150px 0 0 -200px;
position: absolute;
width: 400px;
height: 300px;
background-color: #fbfaef;
border: 1px solid #9b9558;
}

.person_work_headline {
	background-color: #9b9558;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-weight: bold;
}

.name {
	float: left;
}

.close {
	float: right;
}
.person_work_text {
	padding: 10px;
	width: 380px;
	height: 250px;
	overflow: auto;
}

	

/* Links */

a {	
	color: #000;
	font-weight: bold;
}

a:hover,
a:focus {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}

p a {

}

p.downloads a,
p.more a {
	color: #9b9558;
	padding: 1px 5px 2px 21px;
	text-decoration: none;
	background: #edebd5 url(/images/more_arrow.gif) no-repeat;
	font-weight: bold;
	display: inline-block;
}

p.downloads a:hover,
p.more a:hover {
	color: #000;
	background: #fff url(/images/more_arrow_hover.gif) no-repeat;
}

h2 a {
color: #000;
}

.downloads {
padding-bottom: 10px;
}

.url {
padding-bottom: 10px;
}

/* Formulare */

.formular .texterror {
color: red;
}

.formular .error {
border: 1px solid red;
background-color: #fff;
}

.formular fieldset {
border: 0;
margin: 0;
padding: 2px 2px 0 2px;
display: block;
margin: 0 10px 10px 0;
}

#large .formular fieldset, 
#xxl .formular fieldset {
width: 370px;
}


.formular label {
padding: 3px 5px 1px 3px;
background-color: #ebe7bf;
color: #000;
display: block;
}

.formular .row_input {
margin: 0;
padding: 3px;
background-color: #ebe7bf;
color: #000;
margin: 0 0 5px 0;
}

.formular input,
.formular textarea {
border: 1px solid #9B9558;
background-color: #FBFAEF;
}
.formular input {
	height: 18px;
	padding: 3px 0 0 0;
	text-indent: 5px;
}

.formular input:hover ,
.formular textarea:hover {
border: 1px solid #000;
background-color: #fff;
}

.formular input.submit {
height: 23px;
padding: 2px;
}

.formular input.radio {
border: 0;
background-color: transparent;
}

.formular .small {
width: 52px;
}

.formular .medium {
width: 300px;
}

.formular .large {
width: 194px;
}

.formular .big {
width: 360px;
}

.formular textarea {
height: 200px;
}

/* Tabs */

#tab {
border: 1px solid #9B9558;
padding: 2px;
margin: 0 10px 10px 0;
background-color: #F6F5E9;
}

#tab table {
width:100%;
}

#tab a {
color: #9B9558;
}

a#tab1 {
border-top: 1px solid #9B9558;
border-right: 1px solid #9B9558;
border-left: 1px solid #9B9558;
color: #9B9558;
background-color: #F6F5E9;
text-decoration: none;
padding: 3px;
}

* html a.tab1 { padding: 5px 4px 1px 4px;}

a#tab2 {
border-top: 1px solid #9B9558;
border-right: 1px solid #9B9558;
color: #9B9558;
background-color: #fff;
text-decoration: none;
padding: 1px;
}

* html a.tab2 { padding: 2px 4px 0px 4px; }


/* on Page */

.onPage {
padding:  0 0 10px 0;
display: block;
}

.onPageTop {
margin:  10px 0 0 0;
padding:  0;
}

.onPage a {
background-color: #55AFD1;
color: #fff;
border: 1px solid #666;
padding: 2px 5px 2px 5px;
margin-right: 5px;
text-decoration: none;
}

.center_content {
text-align: center;
}

.goalseperator {
font-size: 18px;
font-weight: bod;
}

.goal {
font-size: 18px;
font-weight: bod;
padding: 1px 5px 1px 5px;
background: #fff url(/images/bg_goal.gif) repeat-x;
border: 1px solid #9b9558;
margin: 5px 0 5px 0;
}

.extcss #edBegegnungsliste {

}

.extcss #edReiternavigation {
display: none !important;
}

.extcss table {
width: 100% !important;
}

.extcss table tbody tr td a {
background-color: transparent;
background-image: none;
color: #000 !important;
}

.extcss table tbody tr td {
background-color: #edebd5 !important;
border-top: 2px solid #d3ce9a !important;
border-right: 2px solid #d3ce9a !important;
color: #000 !important;
}

.extcss table thead tr th {
background-color: #9b9558 !important;
color: #fff !important;
border-right: 2px solid #d3ce9a !important;
}

.extcss #fussballdeAPI {
background-color: #d3ce9a;
border: none !important;
}

.extcss #edRenderInfo {
display: none;
}

.extcss iframe,
.extcss .fbdeAPItoplogo {
position: absolute;
top: -1000px;
left: -1000px;
}

.extcss #edBegegnungsliste {
margin-top: -60px !important;
}

#fussballdeAPI,
.egmSnippetControl,
.egmTab {
	display: none !important;
}

.fupa_widget td a,
.content_news td a {
color: #000 !important;
background-image: none !important;
}

.clearfix:after {
    content: ".";
    display: block;
    line-height: 0;
    font-size: 1px;
    height: 0;
    clear: both;
    visibility:hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


.ages .ages-row {
	background-color: #edebd5;
	width: 205px;
	margin-bottom: 5px;
	border: 1px solid #fff;
}

.ages .ages-row.aktive {
	background-color: #fff;
	font-weight: bold;
}

.ages .ages-row span {
	display: block;
	padding: 5px;
}

.ages .ages-row .ages-label {
	float: left;
	width: 85px;
}

.ages .ages-row .ages-value {
	float: left;
	width: 120px;
}

#large .ages .ages-row {
	width: 500px;
}

#large .ages .ages-row .ages-label {
	width: 100px;
}

#large .ages .ages-row .ages-value {
	width:  400px;
}

#large .halfsize .ages .ages-row {
	width: 225px;
}

#large .halfsize .ages .ages-row .ages-label {
	width: 85px;
}

#large .halfsize .ages .ages-row .ages-value {
	width:  140px;
}

.slicknav_menu {
	display: none;
}

#cookieNote {
    position:fixed;
    overflow:hidden;
    padding:10px 15px 50px;
    display: none;
    z-index: 99999;
    right:20px;
    bottom:20px;
    width:300px;
    background:#fff;
    color:#000;
    box-sizing: border-box;
}

@media screen and (max-width: 480px) {
    #cookieNote {
        width:100%;
        right: 0;
        bottom: 0;
        border-top: 1px solid #ccc;
    }
}

#cookieNote #cookieNoteClose,
#cookieNote #cookieNoteClose:visited {
    position:absolute;
    bottom:10px;
    left:15px;
    right:15px;
    cursor:pointer;
    text-align:center;
    transition:font-size 200ms;
    color:#FFF;
    background-color:#4d7329;
    border: 0;
    border-radius:5px;
    padding: 10px 16px;
}

#cookieNote #cookieNoteClose:hover,
#cookieNote #cookieNoteClose:active {

}

#cookieNote a,
#cookieNote a:visited {
    text-decoration:none;
    color:#4d7329;
    transition:200ms color;
    display: block;
    line-height: 1.5;
    margin-bottom: 20px;
}

#cookieNote a:hover,
#cookieNote a:active {
    color:#555;
}

@-webkit-keyframes fadeInRight {
    0% {
       opacity:0;
       -webkit-transform:translateX(20px);
       transform:translateX(20px)
    }
    100% {
       opacity:1;
       -webkit-transform:translateX(0);
       transform:translateX(0)
    }
   }
   @keyframes fadeInRight {
    0% {
       opacity:0;
       -webkit-transform:translateX(20px);
       -ms-transform:translateX(20px);
       transform:translateX(20px)
    }
    100% {
       opacity:1;
       -webkit-transform:translateX(0);
       -ms-transform:translateX(0);
       transform:translateX(0)
    }
}

#cookieNote {
    -webkit-animation-duration:0.6s;
    animation-duration:0.6s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:0.8s;
    -moz-animation-duration:0.8s;
    -o-animation-duration:0.8s;
    animation-duration:0.8s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}

@media screen and (min-width: 500px) {
    #cookieNote {
       box-shadow:0px 5px 10px rgba(0,0,0,0.2)
    }
}