@charset "utf-8";
/* CSS Document */

/* Startseite */
.event_bericht {}
.event_bericht figcaption {	background-color:rgba(255,255,255,0.8);	position:absolute;	z-index:20;	left:0;	bottom:0;	color:#000;	padding-top: 6px;	padding-right: 10px;	padding-bottom: 6px;	padding-left: 10px;}

/* tt_content */

DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap { display:inline;  max-width:100%;    margin: 0;}
div.csc-textpic-center .csc-textpic-center-inner, div.csc-textpic-center .csc-textpic-center-outer {    float: none;    position: relative;    right:0;
}
.csc-textpic-imagerow { margin-bottom:2rem;}
.contenttable { width:100%;}

figcaption.csc-textpic-caption {    font-size: 14px;    width: 100%;}
.csc-textpic-text { margin-top:10px;}

/* simple grid */
.sg-100 {}

/* ws_flexslider */
.flexslider {    background: none repeat scroll 0 0 #fff;    border: none; box-shadow: none;margin: 0;}
.flex-direction-nav a.flex-next { background-image: url(../images/slidernav_re.png); background-repeat: no-repeat; background-size:100% auto; text-indent: -9000px; text-align:left; width:60px; height:60px;}
.flex-direction-nav a.flex-next:before {   content: "";}
.flex-direction-nav a.flex-prev{ background-image: url(../images/slidernav_li.png); background-repeat: no-repeat; background-size:100% auto;text-indent: -9000px; width:60px; height:60px;}
.flex-direction-nav a.flex-prev:before {   content: "";}

.tx-ws-flexslider .caption-text {    background:  none repeat scroll 0 0;    position: absolute;    bottom: 0;	top:auto;	left:43px !important;    width: 80%;}
.caption-title { display:none;}
.caption-body, .caption-body p { color:#fff;font-size: 20px;	font-weight:bold;}

/* Plug-in regatten*/

.regatta_front { width:100%; height:auto;display:table;}
.regatta_front p {margin:0;}
.regatta_front .row_1 {display:table-row; background-color:#f5f5f5; }
.regatta_front .cell_1, .regatta_front .cell_2, .regatta_front .cell_3 { float:left;  height:auto; padding:4px;  border-top:solid 2px #fff; display: table-cell;}
.regatta_front .cell_1 { width:7%; padding-right:1%;}
.regatta_front .cell_2 {width:25%;  padding-right:2%;}
.regatta_front .cell_3 {width:65%; }

#container_yellow {    background-color: #efd400;    float: left;    height: auto;	min-height: 86px;    margin: 0;    padding: 15px;    width: 100%;}

.sechs_regatten { width:100%; max-width:800px; margin-left:auto; margin-right:auto; position:relative;}
.drei_regatten { width:50%; position:relative; float:left; display:table;}
.drei_regatten .row_1 {display:table-row; width:100%; }
.drei_regatten .cell_1, .drei_regatten .cell_2, .drei_regatten .cell_3 { float:left;  height:auto; padding:1px;  display: table-cell;}
.drei_regatten .cell_1 { width:10%; padding-right:1%;}
.drei_regatten .cell_2 {width:30%;  padding-right:2%;}
.drei_regatten .cell_3 {width:57%; }
.drei_regatten p { padding:0; margin:0; font-size:12px;}
.drei_regatten a { color:#333;}

.regatta_list { width:100%; height:auto;display:table;}
.regatta_list p {margin:0;}
.regatta_list .row_1 {display:table-row; margin-bottom:20px;}
.regatta_list .cell_1, .regatta_list .cell_2, .regatta_list .cell_3, .regatta_list .cell_4 { float:left;  height:auto; padding:4px;  border-bottom:solid 1px #f1f1f1; display: table-cell;}
.regatta_list .cell_1 { width:7%; padding-right:1%; color:#005a9a;}
.regatta_list .cell_2 {width:28%;  padding-right:2%;}
.regatta_list .cell_3 {width:54%; padding-right:1%; }
.regatta_list .cell_4 {width:7%; }
.regatta_list .cell_5 {  padding-left:8%; width:100%; border-bottom:solid 1px #005a9a; margin-bottom: 30px; padding-top: 10px; padding-bottom: 30px; }

.csc-default .tx-rgsmoothgallery-pi1, .csc-default .jdGallery .slideElement {background-color: #FFF !important;}
.csc-default .myGallery {border:none;}
#regatten_monat td { padding: 6px; }
.linie1 { border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #009FE4; border-bottom-color: #009FE4; }
.linie_unten { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #009FE4;}
.lk { background-color: #009FE4; color: #FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #009FE4; border-bottom-color: #009FE4; font-size: 12px; font-weight: bold; }
#regattensuche label { float: left; width: 100px; margin-right: 10px; font-size: 13px; }
#regattensuche input { width: 150px; font-size: 12px; height: 18px; padding: 1px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#regattensuche  select { width: 155px; font-size: 13px; height: 22px; padding-top: 1px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#regattensuche .button { font-size: 13px; height: 26px; width: 100px; margin-left: 110px; }

#galerie2 { margin-bottom: 10px; }
#galerie2 .tx-rgsmoothgallery-pi1  { background-color: #FFF; }
#galerie2 .myGallery { background-color: #FFF; height: 400px; width: 600px; border:1px solid #CCC }
#galerie2 .carousel { color: #000; background-color: #FFF; }
#galerie2 .carouselBtn { color: #000; background-color: #FFF; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; }
#galerie2 .slideElement { background-color: #FFF; }
#galerie2 .label { position: absolute; top: 95px; }
.tx-clregatta-pi1 input {width: 150px; height: 20px; margin-bottom: 10px; padding:2px; border: 1px solid #009fe4; font-size: 12px; color: #000;}
.tx-clregatta-pi1 select {width: 156px; height: 26px; margin-bottom: 10px; padding:2px; border: 1px solid #009fe4; font-size: 12px; color: #000;}
.tx-clregatta-pi1 input.button {width: 156px; height: 26px; background-color:#009fe4; color:#FFF; margin-bottom: 10px; padding:2px; border: 1px solid #009fe4; font-size: 13px; }

.single_back { display: table;
    margin-bottom: 30px;}

/* tt_news */
.news-latest-container {  padding: 0px;}
.news-latest-container h2 { margin-bottom:10px;}
.news-latest-item {float: left;    height: auto;    margin: 0;      max-width: 312px;    padding: 0;    position: relative;    width: 32%; margin-right:2%;}
.news-latest-item:last-of-type {margin-right:0;}
.news-latest-date {	margin-bottom: 6px; font-size:13px; font-weight:bold; display: inline-block;}

.news-list-container {
    padding: 0;
}
.news-list-item {border-bottom:#009fe4 solid 1px; margin-bottom:10px;}
.showResultsWrap { font-size: 14px; margin-bottom: 6px; color: #005A9A; display:none }
.browseLinksWrap { font-size: 14px; margin-top:20px; }
.browseLinksWrap  a {padding: 0 4px;}
.news-single-backlink { font-size: 13px; padding-right: 0px; padding-left: 0px; }
.news-single-additional-info { border-top-width: 1px; border-top-style: solid; border-top-color: #005a9a; padding: 0px; }
.news-single-additional-info dt { font-size: 14px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-weight: bold; }
.news-single-additional-info dd { font-size: 13px; margin: 0px; padding: 0px; }

/* tt_address */
.vcard { margin-bottom:20px;font-size:14px;}
.vcard img { padding: 0px; float: left; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; width:100% }
.vcard .adr, .vcard .adr span, .vcard .tel {font-size:14px;}
.vcard .adr {margin-bottom:10px;}
.segelnummer_container { width:48%; margin-right:2%; float:left; padding-bottom:2px; padding-top:2px; border-bottom:solid 1px #005a9a; margin-bottom:6px;}
.segelnummer_container .segelnummer_weg { color: #005a9a; float: left; width: 80px; letter-spacing: 1px; font-weight:bold; font-size:14px; }
.segelnummer_container .name_weg { float: left; width: auto;  }
.segelnummer_container p {margin:0;}

.segelnummer_frei .segelnummer { color: #FFF; background-color: #CCC; width: 80px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #CCC; border-bottom-color: #CCC; height: 22px; margin-bottom: 4px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-size: 12px; font-weight: bold; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 10px; letter-spacing: 1px; float: left; }
.segelnummer_frei .name { width: 160px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #CCC; border-bottom-color: #CCC; display: block; height: 22px; margin-left: 0px; margin-top: 0px; margin-bottom: 4px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 6px; border-left-color: #CCC; float: left; }

/* formular */
.csc-mailform { margin-left:0px; padding-top: 15px; padding-bottom: 15px; border: none; width: 350px; background-color: none; font-size: 14px; color: #000; text-align:left; line-height: 20px; }
.csc-mailform input { width: 100%; height: 20px; margin-bottom: 15px; padding:2px; border: 1px solid #009fe4; font-size: 12px; color: #000; }
.csc-mailform textarea { width:100%; height: 150px; margin-bottom: 15px; font-size: 12px; padding: 2px; border: 1px solid #009fe4; }
.csc-mailform .button1 { width: 50%x; height: 26px; background-color:#009fe4; color:#FFF; margin: 0px; padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.csc-mailform-check {width: 12px; height: 12px; background-color:#FFFFFF;  }

/*powermail */
.powermail_fieldwrap { margin-bottom: 10px; display: block; font-size:12px; }
.powermail_fieldset { border: 1px dotted #009fe4; margin-bottom: 10px; margin-top:10px; padding:10px; }
.powermail_legend { font-size: 14px; font-weight: bold; }
.powermail_form label { font-size: 14px; width: 30%; max-width: 200px; display: block; margin-right: 10px; float: left; }
.powermail_input, .powermail_date, .powermail_select {width: 70%; max-width: 250px; height: 26px; margin-bottom: 0px; padding:2px; border: 1px solid #009fe4; font-size: 12px; color: #000; }

.powermail_date {width: 250px; height: 20px; margin-bottom: 10px; padding:2px; border: 1px solid #009fe4; font-size: 12px; color: #000;}
select.powermail_input  { width: 254px; height: 26px; margin-bottom: 10px; }
.powermail_fieldwrap_text { font-size: 13px; margin-bottom: 10px; }
.powermail_fieldset fieldset { border:none; font-size: 13px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.powermail_fieldset fieldset legend { display: none; }
.powermail_submit {width: 80px; height: 26px; background-color:#009fe4; color:#FFF; margin: 0px; padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px;border: 1px solid #009fe4;}
.powermail_confirmation dt { font-size: 13px; font-weight: bold; padding: 0px; float: left; display: block; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; }
.powermail_confirmation dd { font-size: 13px; padding: 0px; margin: 0px; }
.powermail_confirmation dl { display: block; height: 20px; padding: 0px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; border-bottom: 1px dotted #CCCCCC;}
.powermail_confirmation_form { width: 80px; height: 26px; background-color:#009fe4; color:#FFF; padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 1px solid #009fe4; float: left; margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 0px; }
.powermail_confirmation_submit {width: 80px; height: 26px; background-color:#009fe4; color:#FFF; padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 1px solid #009fe4;}

.layout3 { float:left; width:100%;  font-size: 14px;}
.layout3 label{ width: 70%; max-width: 100%; display: block; margin-right: 10px; float: left; }
.layout3

@media only screen and (max-width: 1080px) {
.segelnummer_frei .name { width:auto; }
}

@media only screen and (max-width: 860px) {
	.regatta_list .cell_1 { width:20%; padding-right:2%; color:#005a9a;}
	.regatta_list .cell_2 {width:78%;  padding-right:0%;}
	.regatta_list .cell_3 {width:78%; padding-right:2%; }
	.regatta_list .cell_4 {width:20%; text-align: right;}
	.tx-ws-flexslider .caption-text {    left: 0px !important;    position: absolute;    top: auto;    width: 80%;}
}
@media only screen and (max-width: 800px) {
.news-latest-item { max-width: 100%; padding: 0; position: relative; width: 100%; margin-top: 0; margin-right: 0%; margin-bottom: 20px; margin-left: 0; }

.sg-100 { margin-bottom: 20px;}
.sg-100:last-of-type { margin-bottom: 0;}
}

@media only screen and (max-width: 760px) {
	.regatten-toggle { display:block; font-size:16px; text-decoration:underline; color:#005A9A; margin:0; }
	.regattacontainer {max-width: 100%; float:left; margin-bottom: 15px;}
	.drei_regatten .cell_1 { width:10%; padding-right:1%;}
	.drei_regatten .cell_2 {width:35%;  padding-right:2%;}
	.drei_regatten .cell_3 {width:52%; }
	.news-latest-item:last-of-type {margin-bottom:0;}
		.segelnummer_frei .segelnummer { width: 20%; }
	.segelnummer_frei .name { width: 80% }
}
@media only screen and (max-width: 640px) {
	.drei_regatten .cell_2 {width:40%;  padding-right:2%;}
	.drei_regatten .cell_3 {width:47%; }

}
@media only screen and (max-width: 550px) {
	.tx-ws-flexslider .caption-text {    left: 0 !important;}
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    margin-bottom: 30px;}
	div.csc-textpic:last-of-type, div.csc-textpic div.csc-textpic-imagerow:last-of-type, ul.csc-uploads li:last-of-type {
    margin-bottom: 0;}
	.caption-body, .caption-body p {    color: #fff;    font-size: 16px;    font-weight: bold; line-height:1.0}	
	.flex-direction-nav a.flex-next {
    background-image: url("../images/slidernav_re.png");    height: 40px;    width: 40px;}
.flex-direction-nav a.flex-prev {    background-image: url("../images/slidernav_li.png");    height: 40px;    width: 40px;}
.tx-ws-flexslider .caption-text {
    padding-bottom: 8px;
	padding-left:20px;
}
.csc-mailform {    width: 100%;}
.segelnummer_container .segelnummer_weg { width: 100%;  }
	.drei_regatten { width:100%; }
	.drei_regatten .cell_1 { margin-bottom:4px;}
	.drei_regatten .cell_2 {width:35%;  margin-bottom:4px;}
	.drei_regatten .cell_3 {width:52%; margin-bottom:4px; }
	.regatta_list .cell_3 img {display:none; }

}
@media only screen and (max-width: 460px) {

	.regatta_front .cell_1, .regatta_front .cell_2, .regatta_front .cell_3 { float:left;  height:auto; padding:4px;  border-top:none; display: inline;}
 	.regatta_front .cell_1 { width:20%; padding-right:5%;}
	.regatta_front .cell_2 {width:75%;  padding-right:0;}
	.regatta_front .cell_3 {width:100%; border-bottom:solid 8px #fff; }
	.caption-body, .caption-body p {    color: #fff;    font-size: 15px;    font-weight: bold; line-height:1.0}
		.flex-direction-nav a.flex-next { display:none;}
.flex-direction-nav a.flex-prev {    display:none;}
.powermail_input, .powermail_date, .powermail_select {    margin-bottom: 0;    max-width: 100%;    width: 100%;}

}
@media only screen and (max-width: 360px) {
.segelnummer_container { width:100%; margin-right:0; }
	.caption-body, .caption-body p {    color: #fff;    font-size: 14px;    font-weight: bold; line-height:1.0}
}
