/* STANDARDS */
body {background: #fff url(/files/Frauen_zur_See/layout/hintergrund_wellen.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; color: #333333; font: normal 16px/22px source_sans, sans-serif;}
body#bg2{background: #fff url(/files/Frauen_zur_See/layout/hintergrund_wellen_bootsdavit_im_morgengrauen.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
body#bg3{background: #fff url(/files/Frauen_zur_See/layout/hintergrund_kuemo-DIDE-auf-der-nordsee.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
a {text-decoration: none; border: none; color: #e49b02;}
a:visit {text-decoration: none; border: none; color: #e49b02;}
a:hover {text-decoration: none; border: none; color: #d20e26;}
strong {font-weight: bold;}
p {margin-bottom: 12px;}
.caps {text-transform: uppercase;}
.invisible {display: none;}

/* HEADLINES */
h1, h2, h3, h4, h5, h6 {font-family: source_sans, sans-serif; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 60%; color: #9c1006; line-height: 0;}
h1 {font: normal 36px/48px source_sans, sans-serif !important; color: #d20e26 !important; padding: 0; margin: 0;}
.panel h1 {padding: 0 0 10px 0; margin: 0 0 10px 0; }
.panel h1.textright {text-align: right;}
@media (max-width: 1023px) {.panel h1 {text-align: left !important; padding: 0 0 10px 0; margin: 0 0 15px 0; background: transparent;}}
h2  {font: bold 24px/36px source_sans, sans-serif !important; color: #333 !important; padding: 0; margin: 0;}
h3  {font: normal 24px/36px source_sans, sans-serif !important; color: #333 !important; padding: 0; margin: 0;}
.white {color: #fff !important;}

/* HEADER */

.header {height: 70px; background: rgba(14, 74, 141, 0.75);}
.header .header-logo {float: left; margin: 6px 0 0 0;}
@media (max-width: 640px) {.header .header-logo {width: 100%; text-align: center;}}
.header .header-nav {float: right; margin: 20px 0 0 0;}
.header .header-nav a {height: 30px; display: inline-block; font: normal 18px/30px source_sans, sans-serif !important; text-transform: uppercase; color: #0e4a8d !important; background: #fff; padding: 0 10px 0 10px; margin-left: 15px; box-shadow: 0 0 6px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);}
.header .header-nav a:hover {color: #d20e26 !important;}

/* NAV */
#top-bar-menu {height: 100px; padding: 0; background: transparent url(/files/Frauen_zur_See/layout/topnavigation_bg.png) top center repeat-x;}
#top-bar-menu .menu-items {background: transparent;}
#top-bar-menu .top-bar-left {padding: 0;}
#top-bar-menu .top-bar-left ul li {padding: 0; color: #e49b02;}
#top-bar-menu .top-bar-left ul li a {color: #e49b02; font: normal 24px/100px source_sans-light, sans-serif !important; text-transform: uppercase; padding: 0 15px 0 0;}
#top-bar-menu .top-bar-left ul li a:hover {color: #d20e26;}
#top-bar-menu .top-bar-left ul li a::after {margin: 0px; display: none;}
#top-bar-menu .top-bar-left ul li a.trail {color: #d20e26;}
#top-bar-menu .top-bar-left ul li a.active {color: #d20e26;}
#top-bar-menu .top-bar-left ul li.title-top a {color: #d20e26; font: normal 33px/100px source_sans, sans-serif !important; text-transform: uppercase; padding: 0 15px 0 15px;}

#top-bar-menu .top-bar-left ul li .submenu {left: 0; top: 80px; margin-left: -15px; background: transparent; min-width: 100%; border: 0px none;}
#top-bar-menu .top-bar-left ul li .submenu li {margin: 0; padding: 0 20px; background: #000 !important; border-left: 2px solid #e49b02;  border-right: 2px solid #e49b02;}
#top-bar-menu .top-bar-left ul li .submenu li.first, #top-bar-menu .top-bar-left ul li .submenu li.first.activelink {margin: 20px 0 0 0; padding-top: 10px;  border-top: 2px solid #e49b02;}
#top-bar-menu .top-bar-left ul li .submenu li.first:before {border-bottom: 20px solid #e49b02; border-left: 20px solid transparent; border-right: 20px solid transparent; content: ""; display: inline-block; left: 20px; margin: 0; position: absolute; top: 0;}
#top-bar-menu .top-bar-left ul li .submenu li.first:after{border-bottom: 20px solid #000; border-left: 18px solid transparent; border-right: 18px solid transparent; content: ""; display: inline-block; left: 22px; margin: 0; position: absolute; top: 2px;}
#top-bar-menu .top-bar-left ul li .submenu li.last {padding-bottom: 10px; border-bottom: 2px solid #e49b02;}
#top-bar-menu .top-bar-left ul li .submenu li a {color: #e49b02 !important; width: auto; min-width: 7.5em; max-width: 15em; font: normal 18px/24px source_sans, sans-serif !important; white-space: normal; padding: 0.5em 0.188em !important; background: transparent !important; text-transform: none !important; letter-spacing: 0 !important; border-top: 1px solid #e49b02;}
#top-bar-menu .top-bar-left ul li .submenu li a:hover {color: #d20e26 !important; }
#top-bar-menu .top-bar-left ul li .submenu li.first a {border-top: 0px none;}
#top-bar-menu .top-bar-left ul li .submenu li a.active {color: #d20e26 !important;}
#top-bar-menu .top-bar-left ul li .submenu li a.trail {color: #d20e26 !important;}

@media (max-width: 1024px) {
	#top-bar-menu .top-bar-left ul li a {font: normal 16px/100px source_sans-light, sans-serif !important; padding: 0 15px 0 0;}
	#top-bar-menu .top-bar-left ul li.title-top a {font: normal 30px/100px source_sans, sans-serif !important; padding: 0 15px 0 15px;}
	#top-bar-menu .top-bar-left ul li .submenu li a {font: normal 16px/20px source_sans, sans-serif !important;}
}
@media (max-width: 768px) {
	#top-bar-menu .top-bar-left ul li a {font: normal 14px/100px source_sans-light, sans-serif !important; padding: 0 5px 0 0;}
	#top-bar-menu .top-bar-left ul li.title-top a {font: normal 24px/100px source_sans, sans-serif !important; padding: 0 5px 0 15px;}
	#top-bar-menu .top-bar-left ul li .submenu li a {font: normal 14px/20px source_sans, sans-serif !important;}
}

/* NAV MOBILE */
.title-bar .title-bar-left {padding: 3px 0 0 0; font: normal 24px/36px source_sans, sans-serif !important; text-transform: uppercase; color: #d20e26 !important;}
.title-bar .title-bar-left a {color: #d20e26 !important;}
.title-bar .title-bar-right {padding: 9px 0 0 0; color: #fff !important; letter-spacing: 0.143em; font-size: 14px;}
@media (max-width: 640px) {
	#top-bar-menu {padding: 0; background: #000; height: auto;}
	#top-bar-menu .top-bar-left {letter-spacing: 0.143em;padding: 0; font: bold 14px/18px source_sans, sans-serif !important; text-transform: none;}
	#top-bar-menu .top-bar-left ul li {padding: 5px; color: #fff; border-top: 1px solid #fff;}
	#top-bar-menu .top-bar-left ul li a {color: #fff; height: auto; font: normal 18px/24px source_sans, sans-serif !important;}
	#top-bar-menu .top-bar-left ul li a:hover {color: #d20e26;}
	#top-bar-menu .top-bar-left ul li a::after {margin: 0px; display: block;}
	
	#top-bar-menu .top-bar-left ul li .submenu {margin: 0;}
	#top-bar-menu .top-bar-left ul li .submenu li {margin: 0; margin-left: 0px; padding: 0;  border: 0px none !important; border-right: 0px none;}
	#top-bar-menu .top-bar-left ul li .submenu li.first, #top-bar-menu .top-bar-left ul li .submenu li.first.activelink {margin: 0; padding-top: 0px;}
	#top-bar-menu .top-bar-left ul li .submenu li.first:before {display: none;}
	#top-bar-menu .top-bar-left ul li .submenu li.first:after {display: none;}
	#top-bar-menu .top-bar-left ul li .submenu li.last {padding-bottom: 10px;}
	#top-bar-menu .top-bar-left ul li .submenu li a {font: bold 14px/18px source_sans-light, sans-serif !important; color: #fff !important; width: 100%; padding: 3px 0 3px 0 !important; background: transparent !important; text-transform: none !important; border-top: 0px none;}
	#top-bar-menu .top-bar-left ul li .submenu li a:hover {color: #d20e26 !important; }
	#top-bar-menu .top-bar-left ul li .submenu li.first a {border-top: 0px none;}


}

/* CONTENT */
.panel {border: 0px none;}
.absatz {margin: 30px 0 0 0;}
.absatz.first {margin: 30px 0 0 0;}
.whitebg {background: rgba(255,255,255,0.9); padding: 15px;}
.orangebg {background: rgba(228,155,2,0.9); padding: 15px; text-align: center; color: #fff; margin: 10px 0;}
.redbg {background: rgba(210,14,38,0.9);}
.bluebg {background: rgba(14,74,141,0.9);}
.blackbg {background: rgba(0,0,0,0.9);}
.infografik {width: auto; height: 150px; background: transparent center center no-repeat; margin: 20px 0;}

.date {font-weight: bold; color: #0e4a8d !important;}
@media (max-width: 640px) {
	.date {font-weight: bold; color: #0e4a8d !important; padding: 20px 0 0 0;}
}
.news {font-weight: bold; color: #d20e26 !important; font-size: 18px; line-height: 22px;}
p.more a {background: #e49b02; display: block; color: #fff; padding: 5px 10px; }
p.more a span {float: right;}
p.more a:hover {background: #d20e26;}

p.back a {background: #e49b02; display: block; color: #fff; padding: 5px 10px; }
p.back a span {float: right;}
p.back a:hover {background: #d20e26;}

.mod_search .header {background: transparent; margin: 20px 0 20px 0 !important; height: auto; border-bottom: 1px dashed #999; border-top: 1px dashed #999; }


/* Termine */
.kalenderblatt {width: 45px; height: 56px; padding: 0; background: #e49b02; background: linear-gradient(top, #e49b02 0%,#caa200 100%); background: -moz-linear-gradient(top, #e49b02 0%, #caa200 100%); background: -webkit-linear-gradient(top, #e49b02 0%,#caa200 100%); border: 1px solid #cbcccb; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.kalenderblatt p {padding: 0; margin: 0; font-size: 24px; line-height: 34px; font-weight: bold; text-align: center; color: #d20e26;}
.kalenderblatt p span {background: #d20e26; background: linear-gradient(top, #d20e26 0%, #710c04 100%); background: -moz-linear-gradient(top, #d20e26 0%, #710c04 100%); background: -webkit-linear-gradient(top, #d20e26 0%, #1e688d 100%);font-size: 14px; line-height: 20px; font-weight: bold; color: #fff; text-transform: uppercase; display: block; border-top: 0px none; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; padding: 0;}
@-moz-document url-prefix() {.kalenderblatt {padding: 0;}.kalenderblatt p span {padding: 0;}}

/* Ziele */
.zieleorange h1 {text-align: center; background: rgba(228,155,2,0.9); padding: 15px; margin: 0 0 10px 0; font: bold 24px/36px source_sans, sans-serif !important; color: #fff !important; display: block;}
.zieleorange h2 {color: #fff !important;}

/* Formulare */
input[type=submit].submit {-webkit-appearance: none; cursor: pointer;}
input.submit {cursor: pointer; margin: 10px 0; padding: 10px 18px 10px 20px; color: #fff; display: inline-block; text-transform: uppercase; letter-spacing: 2px; border-radius: 6px 6px 6px 6px; width: auto; background: #d20e26; font: bold 15px/18px source_sans, sans-serif; border: 0px none;}
input.submit:hover {margin: 10px 0; padding: 10px 18px 10px 20px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; border-radius: 6px 6px 6px 6px; width: auto; background: #e49b02; font: bold 15px/18px source_sans, sans-serif; border: 0px none;}


/* footer */
footer {background: rgba(14,74,141,0.9); border-bottom: 20px #000 solid; padding: 30px 0 0 0; margin: 30px 0 0 0;}
footer a {font: normal 18px/24px source_sans, sans-serif !important; text-transform: uppercase; color: #e49b02 !important;}
footer a:hover {color: #d20e26 !important;}
footer p {font: normal 24px/36px source_sans, sans-serif !important; text-transform: uppercase; color: #d20e26 !important; text-align: center; padding: 0 0 20px 0;}
footer p span {font: normal 30px/36px source_sans, sans-serif !important; text-transform: uppercase; color: #d20e26 !important; text-align: center;}
@media (max-width: 641px) {
	footer {text-align: center;}
}