/************/
/* Base:    */
/************/

html {
   height: 100%;
   margin-bottom: 0px;
   line-height: 1.5;
}

body {
   background: #f2f2f2;
   color: #504f4f;
   font-family: Arial, Tahoma, Verdana, sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 0;
   overflow-y: scroll;
   height: 100%;
}

img,table { border: none; }
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
}

h1 {
   font-size: 24px;
   color: #2f7e7e;
   margin: 7px 0;
}

h2 {
   font-size: 22px;
   color: #306f6f;
   margin: 7px 0;
}

h3 {
   font-size: 20px;
   color: #316060;
   margin: 6px 0;
}

h4 {
   font-size: 18px;
   color: #325151;
   margin: 6px 0;
}

h5 {
   font-size: 16px;
   color: #334242;
   margin: 5px 0;
}

h6 {
	font-size: 14px;
   color: #343434;
   margin: 5px 0;
}

ul {
   margin-bottom: 10px;
   margin-top: 5px;
   list-style: outside none none;
   padding-left: 15px;
}

a {
   outline: none;
   text-decoration: none;
   font-size: 1.1em;
}

a:link,
a:visited { color: #2f7e7e; }

a:hover,
a:active { color: #66BABA; }

p {
   margin-top: 0;
   margin-bottom: 5px;
   clear: both;
}

form {
   margin: 0;
   padding: 0;
}

.btn {
   padding: 1px 10px !important;
   color: #f3f5f8;
   background-color: #2f7e7e;
   border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec;
   border-style: solid;
   border-width: 2px;
}

.btn:hover,
.btn:active,
.btn:focus {
   padding: 1px 10px !important;
   color: #2f4f4f;
   background-color: #66BABA;
   border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae;
   border-style: solid;
   border-width: 2px;
}

#bgr {
   background: transparent url(../images/bgr.png) top center no-repeat;
   margin: 0;
   padding: 0;
}

div#wrapper {
   margin: 0 auto;
   padding: 0;
   width: 1024px;
}

img.external-url {
   padding: 0 3px;
   width: 12px;
   height: 12px;
   border: none;
}

/************/
/* Top:     */
/************/

#mybscnoscript {
   background-color: rgba(102, 0, 0, 0.7);
   color: white;
   font-size: 16px;
   text-align: center;
} 

#topblank {
   clear: both;
   background-position: 50% bottom;
   height: 20px;
   position: relative;
   text-align: left;
}

#tophead {
   width: 1024px;
   margin: 0 auto;
   clear: both;
   text-align: left;
   line-height: normal;
   background-position: 50% bottom;
   position: relative;
   height: 226px;
}

#topheadlogo {
   text-align: center;
   padding: 31px 0 0;
}

#top_menu {
   right: 50px;
   top: 25px;
   position: absolute;
}

#top_menu ul {
   margin: 0;
   padding: 0;
}

#top_menu ul li {
   padding: 0;
   margin: 0;
}

#top_menu ul li a {
   background:rgba(47, 126, 126, 0.4);
   border-radius: 5px;
   padding: 7px 15px;
   font-size: 14px;
   color: #dfdfdf;
   display: block;
}

#top_menu ul li a:focus,
#top_menu ul li a:hover {
   background:rgba(102, 186, 186, 0.4);
   border-radius: 5px;
   padding: 7px 15px;
   font-size: 14px;
   color: #dfdfdf;
   display: block;
   outline: none;
   text-decoration: none;
}

/************/
/* Menu:    */
/************/

#topcol {
   background: rgba(0, 0, 0, 0) url("../images/bg-mainmenu.png") no-repeat scroll center top;
   height: 40px;
   position: relative;
   z-index: 1;
   width: 1224px;
   left: -100px;
   padding: 19px 0 0;
   margin: -19px 0;
}

#topcol .moduletable_menu {
   margin: 0 auto;
   width: 1024px;
}

#topcol .moduletable_menu ul {
   margin: 0;
   padding: 0 0 0 12px;
}

#topcol .moduletable_menu ul li {
   float: left;
   height: 22px;
   text-align: center;
   margin: 0 2px;
}

#topcol .moduletable_menu ul li.active,
#topcol .moduletable_menu ul li:hover {
   background: rgba(0, 0, 0, 0) url("../images/bg-mainmenu-active.png") repeat-x scroll center;
}

#topcol .moduletable_menu ul li a {
   color: #f5f5f5;
   display: block;
   font-size: 14px;
   font-weight: bold;
   margin: 0 auto;
   text-decoration: none;
   min-width: 120px;
}

/************/
/* Content: */
/************/

#wrapper_2 {
   margin: 0 auto;
   position: relative;
   width: 1024px;
}

#holder {
   background: white url(../images/bg_center.png) top center repeat-x;
   border-left: 1px solid #cbcbcb;
   border-right: 1px solid #cbcbcb;
   border-bottom: 1px solid #cbcbcb;
}

#wrapper_2 .submenu {
   height: 30px;
   margin: 0 auto;
   padding: 19px 0 0 0;
   width: 1020px;
}

#wrapper_2 .submenu ul {
   margin: 0;
   padding: 0 0 0 10px;
}

#wrapper_2 .submenu ul li {
   background: rgba(0, 0, 0, 0) url("../images/menu2_bg.png") repeat-x scroll;
   background-position: 0 0;
   float: left;
   height: 21px;
   border: solid 1px;
   border-color: #373737;
   margin-right: 3px;
   width: 120px;
   text-align: center;
   background-size: 20px 42px;
}

#wrapper_2 .submenu ul li.active { background-position: 0 -21px; }

#wrapper_2 .submenu ul li:hover { background-position: 0 -21px; }

#wrapper_2 .submenu ul li .mainsubmenu,
#topcol .moduletable_menu ul li .mainsubmenu {
   background: url(../images/submenu_arrow.png) no-repeat left center;
}


#wrapper_2 .submenu ul li a {
   color: #f5f5f5;
   display: block;
   font-size: 14px;
   font-weight: bold;
   height: 22px;
   margin: 0 auto;
   text-decoration: none;
   line-height: 1.3em;
}

#content {
   margin: 0 auto;
   width: 1000px;
   overflow: hidden;
   background: url(../images/dot-horizontal.png) left top repeat-x;
}

#main_med {
   width: 740px;
   float: left;
   background: url(../images/dot-vertical.png) right top repeat-y;
   padding: 0 15px 10px 5px;
   margin: 15px 0;
   min-height: 375px;
}

#main_full {
   width: 988px;
   padding: 0 5px 10px 5px;
   min-height: 375px;
   margin: 15px 0;
	display: grid;
}

#main_med a,
#main_full a { font-size: 1em; }

.blog .page-header { display: inherit; }

.page-header { display: none; }

#main_full p,
#main_med p { color: #333; }

#main_full ul li,
#main_med ul li,
.list-group .list-group-item{
   background: url(../images/bullet_list.png) no-repeat left top 2px;
   padding: 3px 0px 3px 23px;
   list-style: none;
	display: list-item;
   margin: 0;
}

#content h2 { font-family: inherit; }

#content .uk-button-primary {
   background-color: #2f7e7e;
   border-radius: 5px;
   padding: 0 15px;
}

#content .uk-button-primary:focus,
#content .uk-button-primary:hover { background-color: #66BABA; }

/************/
/* Path:    */
/************/

.path {
   width: 750px;
   height: 20px;
}

.path ul { margin: 0; }

.path ul li {
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 1.5;
   float: left;
}

.path ul li a {
   text-decoration: none;
   color: #426666;
}

/************/
/*Anhaenge: */
/************/

#content .attachmentsContainer {
   float: right;
   width: 49%;
   clear: none;
}

#content .attachmentsContainer .attachmentsList caption { display: none; }

#content .attachmentsContainer .attachmentsList table {
   float: right;
   margin: 0 10px 0 0;
}

#content .attachmentsContainer .attachmentsList .at_icon img { display: none; }

#content .attachmentsContainer .attachmentsList table td { padding: 1px 0 2px 0; }

#content .attachmentsContainer .attachmentsList table td a {
   text-decoration: none;
   font-size: 1.1em;
   outline: none;
}

#content .attachmentsContainer .attachmentsList table td a:link,
#content .attachmentsContainer .attachmentsList table td a:visited { color: #2f7e7e; }

#content .attachmentsContainer .attachmentsList table td a:hover,
#content .attachmentsContainer .attachmentsList table td a:active { color: #66BABA; }

#content .attachmentsContainer .attachmentsList table td .at_icon {
   background: url(../images/pdfButton.png) no-repeat;
   background-position-x: left 5px;
   background-position-y: center;
   background-size: 16px 16px;
   padding: 5px 14px 5px 13px;
   list-style: none;
   margin: 0;
}

#content .attachmentsContainer .attachmentsList table td .at_url {
   background: none;
   background-color: transparent;
   padding: 4px 4px 5px 2px;

}

#content .attachmentsContainer .modal-dialog.jviewport-width80 { width: 100%; }

/************/
/* Alterts: */
/************/

#content #system-message .alert a.close {
   float: left;
   margin: 0 3px;
   font-size: 18px;
   line-height: 1;
}
#content #system-message .alert h4 {
   color: red;
   margin: 0;
}

/************/
/* Icons:   */
/************/

#content .icons {
   margin: 0 10px 0.5em 0;
   background: transparent;
	height: 30px;
	width: 49%;
	float: right;
}

#content .icons .btn-group button { display: none; }

#content .icons .btn-group {
   float: right;
   margin: 0 0 0 10px;
   background: transparent;
   border: 1px solid #C0C0C0;
   clear: both;
   font-size: 90%;
   font-weight: bold;
   line-height: 160%;
}

#content .icons .btn-group ul {
   float: right;
	margin: 0;
	padding: 0;
}

#content .icons .btn-group ul li {
   list-style: none;
   margin: 0;
   padding: 3px 0 3px 0;
   background: none;
}

#content .icons .btn-group ul .print-icon a {
   background: url(../images/printButton.png) no-repeat;
   background-position-x: left 5px;
   background-position-y: center;
   background-size: 16px 16px;
   padding: 4px 6px 5px 28px;
}

#content .icons .btn-group ul .email-icon a {
   background: url(../images/emailButton.png) no-repeat;
   background-position-x: left 5px;
   background-position-y: center;
   background-size: 16px 16px;
   padding: 4px 6px 5px 28px;
}

#content .icons .btn-group ul .pdf-icon a {
   background: url(../images/pdfButton.png) no-repeat;
   background-position-x: left 5px;
   background-position-y: center;
   background-size: 16px 16px;
   padding: 4px 6px 5px 28px;
}

/************/
/* Login:   */
/************/

.login .password-group button.btn.input-password-toggle { border: 0px; border-radius: 5px;
   overflow: hidden; padding: 0 !important; height:17.5px; width:40px; background-color: unset; }
.login .form-control-feedback { display: none; }
.login .password-group button.btn.input-password-toggle .icon-fw {
   width: 100%; height: 100%; display: list-item; }
.login .password-group button.btn.input-password-toggle .icon-eye {
   background: rgba(47, 126, 126, 0.6) url(../images/eyes.png) top; background-size: 100%; }
.login .password-group button.btn.input-password-toggle .icon-eye-slash {
   background: rgba(47, 126, 126, 0.6) url(../images/eyes.png) bottom; background-size: 100%; }
.login .password-group button.input-password-toggle span.visually-hidden { display: none; }

/************/
/* Archiv:  */
/************/

.blog .items-more ol li {
   outline: none;
   text-decoration: none;
   font-size: 16px;
   color: #2f7e7e;
   font-weight: bold;
   list-style: none;
   padding: 10px 0;
}

/************/
/* Gallery: */
/************/

#phocagallery .pg-category-items-box .pg-item-box,
#phocagallery .pg-categories-items-box .pg-item-box,
#phocagallery .pg-category-items-box .pg-category-box,
#phocagallery .pg-categories-items-box .pg-category-box { width: unset; }

#phocagallery .pg-category-items-box .pg-item-box .pg-svg-box .ph-si-category-medium,
#phocagallery .pg-categories-items-box .pg-item-box .pg-svg-box .ph-si-category-medium,
#phocagallery .pg-category-items-box .pg-category-box .pg-svg-box .ph-si-category-medium,
#phocagallery .pg-categories-items-box .pg-category-box .pg-svg-box .ph-si-category-medium,
#phocagallery .pg-category-items-box .pg-item-box .pg-svg-box .ph-si-category,
#phocagallery .pg-categories-items-box .pg-item-box .pg-svg-box .ph-si-category,
#phocagallery .pg-category-items-box .pg-category-box .pg-svg-box .ph-si-category,
#phocagallery .pg-categories-items-box .pg-category-box .pg-svg-box .ph-si-category,
#phocagallery .pg-category-items-box .pg-item-box .pg-svg-box .ph-si-back-medium,
#phocagallery .pg-categories-items-box .pg-item-box .pg-svg-box .ph-si-back-medium,
#phocagallery .pg-category-items-box .pg-category-box .pg-svg-box .ph-si-back-medium,
#phocagallery .pg-categories-items-box .pg-category-box .pg-svg-box .ph-si-back-medium {
   color: rgba(47, 126, 126, 0.5);
   padding: 0;
   margin: 0;
}

#phocagallery #pgCategoryModal { display: none; }

/* #phocagallery form .pagination #limit,
#phocagallery form .pagination #imgordering */
#phocagallery form .pagination { display: none; }

.pswp__caption .pswp__caption__center { text-align: center; }

.pswp .pswp__ui .pswp__button--arrow--left:hover,
.pswp .pswp__ui .pswp__button--arrow--right:hover { background: rgba(47, 126, 126, 0.4); }

.pswp .pswp__ui .pswp__button--arrow--left:hover {
   border-bottom-right-radius: 25px;
   border-top-right-radius: 25px;
}

.pswp .pswp__ui .pswp__button--arrow--right:hover {
   border-bottom-left-radius: 25px;
   border-top-left-radius: 25px;
}
.pswp .pswp__ui .pswp__button--arrow--left,
.pswp .pswp__ui .pswp__button--arrow--right {
   top: 10%;
   margin-top: 0;
   width: 25%;
   height: 80%;
}

.pswp .pswp__ui .pswp__button--arrow--left:before,
.pswp .pswp__ui .pswp__button--arrow--right:before { top: unset; }

/*
.plupload a.plupload_button { color: #f3f5f8; }
*/

#main_full .efup-default code label,
#main_med .efup-default code label {
   padding-left: 15px;
}

/************/
/* Form:    */
/************/

#main_med form.formcontact,
#main_full form.formcontact {
   margin: 20px;
   font-size: 14px;
   color: rgb(51, 51, 51);
}

#main_med form.formcontact div.required label.asterix-ancor:after,
#main_full form.formcontact div.required label.asterix-ancor:after {
   color: #2f7e7e;
   font-weight: bold;
}

#main_full form.formcontact fieldset,
#main_med form.formcontact fieldset { border: none; }

#main_full form.formcontact fieldset .field1,
#main_med form.formcontact fieldset .field1 {
   width: 300px;
   display: flow;
   float: left;
   padding-right: 15px;
}

#main_full form.formcontact fieldset .field2,
#main_med form.formcontact fieldset .field2 {
   width: 300px;
   display: flow-root;
   padding-left: 15px;
}
#main_full form.formcontact fieldset .field1,
#main_full form.formcontact fieldset .field2 {
   width: 400px
}

#main_full form.formcontact fieldset .field4,
#main_med form.formcontact fieldset .field4 {
   margin-bottom: 20px;
}

#main_full form.formcontact fieldset .field3,
#main_med form.formcontact fieldset .field3,
#main_full form.formcontact fieldset .field4,
#main_med form.formcontact fieldset .field4 {
   margin-top: 20px !important;
}

#main_full form.formcontact fieldset .field1 .form-group input,
#main_med form.formcontact fieldset .field1 .form-group input,
#main_full form.formcontact fieldset .field2 .form-group input,
#main_med form.formcontact fieldset .field2 .form-group input {
   height: 40px;
   vertical-align: middle;
   display: inline-block;
/*
   width: 100%;
   max-width: 100%;
   padding: 0 10px;
*/
   width: 298px;
   max-width: 298px;
   padding: 0;
   border: 1px solid #e5e5e5;
   background: #fff;
   color: #666;
}
#main_full form.formcontact fieldset .field1 .form-group input,
#main_full form.formcontact fieldset .field2 .form-group input {
   width: 398px;
   max-width: 398px;
}


#main_full form.formcontact fieldset .field3 select,
#main_med form.formcontact fieldset .field3 select {
   vertical-align: top;
   width: 300px;
   max-width: 300px;
   border: 1px solid #e5e5e5;
   padding: 4px 10px;
   background: #fff;
   color: #666;
   transition: .2s ease-in-out;
   transition-property: color, background-color, border;
}
#main_full form.formcontact fieldset .field3 select {
   width: 400px;
   max-width: 400px;
}

#main_full form.formcontact fieldset .field4 textarea,
#main_med form.formcontact fieldset .field4 textarea {
   vertical-align: top;
   height: 120px;
/*
   width: 72%;
   max-width: 72%;
*/
   width: 608px;
   max-width: 608px;
   border: 1px solid #e5e5e5;
   padding: 4px 10px;
   background: #fff;
   color: #666;
   transition: .2s ease-in-out;
   transition-property: color, background-color, border;
}
#main_full form.formcontact fieldset .field4 textarea {
   width: 808px;
   max-width: 808px;
}

#main_full form.formcontact fieldset .field1 .form-group input:focus,
#main_med form.formcontact fieldset .field1 .form-group input:focus,
#main_full form.formcontact fieldset .field2 .form-group input:focus,
#main_med form.formcontact fieldset .field2 .form-group input:focus,
#main_full form.formcontact fieldset .field4 textarea:focus,
#main_med form.formcontact fieldset .field4 textarea:focus {
  outline-color: #2f7e7e;
  border-color: #2f7e7e;
}

#main_full form.formcontact fieldset input.btn,
#main_med form.formcontact fieldset input.btn {
   border-radius: 5px;
   border: 1px solid transparent;
   cursor: pointer;
   padding: 0 15px !important;
   line-height: 38px;
   margin: 20px;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   transition: .1s ease-in-out;
   transition-property: color, background-color, border-color;
}

/************/
/* Right:   */
/************/

#right { width: 220px; float: right; padding: 10px 10px 0 10px; }
#right .module { margin: 15px 0; }

#right .mod-randomimage { display: flex;  margin: 20px 0; }
#right .mod-randomimage a { margin: 0 auto; }

#right .mod-randomimage a::after {
   content: 'zur Gallerie';
   font-size: 18px;
   color: #325151;
   font-weight: bold;
   text-align: center;
   display: block;
   margin-top: 10px;
}

/* Login Rechts
#right #form-login-username input, #right #form-login-password input { width: 125px; float: right; }
#right #form-login-username .input-prepend, #right #form-login-password .input-prepend { height: 30px; }
#right #form-login-remember { float: right; height: 30px; }
#right #form-login-submit { float: left; height: 30px; }
#right #login-form ul { list-style: outside none none; clear: both; padding: 10px 0; margin: 0; }
#right #form-login-password { height: 30px; padding-bottom: 15px; }
*/

/* Mini Kalendar
#right #extcal_minical .extcal_navbar { border-bottom: 1px solid #2f7e7e; }
#right #extcal_minical .extcal_navbar .extcal_month_label { font-size: 12px; color: #2f7e7e; }
#right #extcal_minical .extcal_navbar .extcal_month_label a { padding: 3px 12px; }
#right #extcal_minical td.extcal_weekdays { height: 20px; font-weight: bold; }
#right #extcal_minical table.extcal_weekdays td .extcal_daylink { /*color: #2f7e7e;* / }
#right #extcal_minical table.extcal_weekdays td .extcal_busylink { /*color: #2c66e0;* / color: #2f7e7e; }
#right #extcal_minical table.extcal_weekdays .extcal_todaycell {
   background: -moz-linear-gradient(top, #ed9017 0%, #ffffff 15%, #ffffff 85%, #ed9017 100%);
   background: -webkit-linear-gradient(top, #ed9017 0%,#ffffff 15%,#ffffff 85%,#ed9017 100%);
   background: linear-gradient(to bottom, #ed9017 0%,#ffffff 15%,#ffffff 85%,#ed9017 100%);
   background-image: linear-gradient(rgb(237, 144, 23) 0%, rgb(255, 255, 255) 15%, rgb(255, 255, 255) 85%, rgb(237, 144, 23) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9017', endColorstr='#ed9017',GradientType=0 ); }
#right #extcal_minical table { margin: 0 auto; }
#right #extcal_minical .extcal_daylink, #right #extcal_minical .extcal_sundaylink, #right #extcal_minical .extcal_busylink {
   font-size: 12px; }
*/

/* JoomImg
#right .joomimg_row .jg-icon-new { display: none; }
#right .joomimg_row .joomimg99_txt { width: 175px; margin: 0 auto; }
#right .joomimg_row ul li { visibility: hidden; font-size: 0; }
#right .joomimg_row ul li a { visibility: visible; font-size: 12px; font-weight: bold; }
*/

/************/
/* Footer:  */
/************/

#footer {
   padding: 20px 0;
   background: url(../images/footer_bg.png) top center no-repeat;
   text-align: center;
}

#footer a {
   text-decoration: none;
}

#footer p {
   text-align: center;
   padding: 7px 21px 0 21px;
}

#footer ul li {
   display: inline-table;
   margin: 2px 10px 0;
   vertical-align: middle;
}

#footer ul li a {
   text-decoration: none;
   color: #2f4f4f;
   list-style-type: none;
   outline: none;
   font-weight: bold;
}

#footer ul li.active > a,
#footer ul li:hover > a {
   color: #2f7e7e;
   font-weight: bold;
}

/************/
/* Cookie:  */
/************/
#redim-cookiehint {
   background-color: #990000;
   text-align: center;
}
#redim-cookiehint .cookiecontent,
#redim-cookiehint .cookiebuttons {
   margin: 20px 0;
}
#redim-cookiehint .cookiecontent {
   font-weight: bold;
}

/*
#cookiehint-overlay {
   background: #000;
   opacity: .45;
   position: fixed;
   right: 0;
   bottom: 0;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 5;
}
*/






/*
table.tbl_vereinsrekorde > tbody > tr.vr_line {
table.tbl_vereinsrekorde > tbody > tr:nth-child(4n-3) {
table.tbl_vereinsrekorde > tbody > tr.vr_line:nth-child(even) {
table.tbl_vereinsrekorde > tbody > tr.vr_line:nth-child(odd) {
table.tbl_vereinsrekorde > tbody > tr.vr_line:nth-of-type(odd) {
table.tbl_vereinsrekorde > tbody > tr:nth-child(odd of .vr_line) {
table.tbl_vereinsrekorde tbody tr.vr_line {
*/
table.tbl_vereinsrekorde tbody tr.vr_line:nth-child(odd of .vr_line) {
  background: #eeeeee;
}
table.tbl_vereinsrekorde tbody tr.vr_line_full {
  background: #eeeeee;
}