body {
  background-color: #efefef;
  font-size: 12px;
  font-family: Arial,sans-serif;
}

a {
 color: #224d7b;
 text-decoration: none;  
}

img {
  border: none;
}

.fce_50_50 {
  float: left;
  width: 100%;
  overflow: hidden;
}

#stoerer {
  position: absolute;
  top: 190px;
  right: 50px;
  background: #transparent;
  width: 100px;
  color: #224D7B;
  font-weight: bold;
  text-align: center;
}

#header {
  position: relative;
  height: 230px;
}

#headershadow {
  background: url('/fileadmin/library/images/headerimage-shadow.png') repeat-x;
  height: 10px;
}

#logo {
    left: 121px;
    position: absolute;
    top: 0;
}

#overlay {
  position: absolute;
  top: 216px;
  right: 10px;
}

#overlay img{
  padding: 0 10px;
}

/*

url('/fileadmin/library/images/background.jpg') no-repeat

*/


#margins {   
  background: #fff; 
  margin: 0 auto;   width: 1150px;   position: relative; overflow:hidden; }


#left {
  float: left;
  margin-left: 122px;
  margin-top: 19px;
  width: 170px;
}

#left h2 {
  font-size: 15px;
  letter-spacing: 1px;
  color: #224d7b;
  margin: 12px 0 0 0;
}

#content {
  margin: 5px 170px 10px 345px;
  color: #6a6769;
  
}

#content h1 {
  font-size: 16px;
  color: #6a6769;
  letter-spacing: 1.6px;
  background: url('/fileadmin/library/images/headline-back.png') repeat-x bottom left;
  height: 32px;
  padding: 0;
  margin-right: 0;
}

#topnavleft {
   background: url("/fileadmin/library/images/topnavi-links-back.png") no-repeat scroll 0 0 transparent;
  top: 50px;
  position: absolute;
  left: 0px;
  height: 29px;
  width: 100px;
}

#topnav {
    background: url("/fileadmin/library/images/topnavi-rechts-back.png") no-repeat scroll 0 0 transparent;
    color: #6A6769;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    left: 335px;
    position: absolute;
    top: 50px;
    width: 100%;
    padding: 0 0 0 15px;
}

#topnav ul {
  background: url("/fileadmin/library/images/navi-back.png") repeat-x transparent; 
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: block;
  height: 29px;
}


#topnav ul li {
  float: left;
  padding-right: 45px;
  height: 29px;
}

#topnav ul li a {
  color: #6A6769;
  text-decoration: none;
  display: block;
  padding-top: 6px;
  padding-left: 5px;
}

#topnav ul li a:hover {
  color: #224d7b;
}

#topnav ul.submenu {
  display: none;
  position: absolute;
  height: auto;
  border-top: 1px solid #6A6769;
  margin-top: 6px;
  left: auto;
  background: #efefef;

}

#topnav ul.submenu li{
  float: none; 
  padding: 0;
}  

#topnav ul.submenu li a{
  padding: 5px;
}  

#topnav ul.submenu li a:hover{
  background: #fff;
  padding: 5px;
}  


#topnav ul li a:hover {
  color: #224d7b;
  
}


#footer {
  background-color: #224d7b;
  width: 1150px;
  margin: 0;
  height: 29px;
  
}

#footer #search {
  background: none repeat scroll 0 0 #C9D1D5;
  float: left;
  height: 29px;
  margin-left: 122px;
  width: 190px;
  color: #536983;
  font-size: 12px;
  font-weight: bold;
  
}

#footer #search .tx-indexedsearch-searchbox-sword{
  width: 104px;
  margin: 0 5px 0 5px;
  height: 0.8em;
}

#footer #search .tx-indexedsearch-searchbox {
  margin-top: 4px;
  margin-left: 4px;
}

div.tx-indexedsearch-browsebox ul {
    display: inline-flex;
    list-style: outside none none;
}

div.tx-indexedsearch-browsebox ul li {
    padding-right: 15px;
}

#footer #footernav {
  float: right;
}

#footernav ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#footernav ul li {
  float: left;
  padding-left: 15px;
  padding-right: 20px;
  color: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  background: url('/fileadmin/library/images/strich.png') no-repeat center left;
  height: 29px;
  
}

#footernav ul li a {
  color: #fff;
  display: block;
  padding-top: 6px;
  text-decoration: none;
}



#footershadow {
  background: url('/fileadmin/library/images/footer-shadow.png') repeat-x;
  height: 10px;
  margin-bottom: 20px;
}

div.fce_50_50_l { float: left; width: 50%; padding: 0; margin: 0; }
div.fce_50_50_r { float: right; width: 49.9%; padding: 0; margin: 0; }

div.teaser {
  width: 263px;
  margin-bottom: 27px;
}

div.teaser h2{
  color: #224d7b;
  letter-spacing: 0.9px;
  font-size: 15px;
  margin: 12px 0 8px;
  padding: 0;

}

div.teaser h2 a {
  color: #224d7b;
  text-decoration: none;
}

div.teaser_image {
  background: url('/fileadmin/library/images/teaser-background.png') repeat-y bottom right;
  padding: 0 10px 10px 0;
}

div.teaser_content {
  color: #6A6769;
  font-size: 11px;
  font-weight: bold;
}

div.teaser_content p {
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0;
    padding: 0;
}

div.textteaser_content p {
letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    color: #6A6769;
    font-size: 11px;
    font-weight: bold;
}

div.textteaser_content {
    color: #6A6769;
  font-size: 11px;
  font-weight: bold;
}

div.textteaser {
  margin-top: 25px;
  margin-bottom: 25px;
}

#left div.textteaser h2 {
  color: #224d7b;
  letter-spacing: 0.9px;
  font-size: 12px;
  margin: 12px 0 8px;
  padding: 0 0 10px 0;
  background: url('/fileadmin/library/images/headline-back.png') repeat-x bottom left;

}

div.bildteaser {
  width: 170px;
  margin-bottom: 27px;
}

div.bildteaser_bild {
  text-align: center;
}


div.bildteaser_content {
  color: #6A6769;
  font-size: 11px;
  font-weight: bold;  
}

#left div.bildteaser h2{
  color: #224d7b;
  color: #224d7b;
  letter-spacing: 0.9px;
  font-size: 12px;
  margin: 12px 0 4px 0;
  padding: 0 0 5px 0;
}

div.bildteaser h2 a {
  color: #224d7b;
  text-decoration: none;
}


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

#facebook {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

/* #############################
** ### Regatta #################
** #############################
*/

table.regatta_table {
  
}

td.tddblue {
  background-color: #000099;
  color: #fff;
  font-size: 1em;
}

td.tdlblue {
  background-color: #ddddff;
  color: #000;
  font-size: 0.9em;
}

td.tdlwhite {
  background-color: #fff;
  color: #000;
  font-size: 0.9em;
}

div.billing_address div.fieldlabel{
  float: left;
  width: 100px;
}

.errormsg {
  color: #FF0000;
  font-weight: bold;
}
.mandatory {
  color: #FF0000;
}
.meisterschaft {
  font-weight: bold;
}
.regattatitel {
  color: #004B7C;
  font-weight: bold;
}

.tr-odd {
  background-color: #dadada;
}

/* ################################
** ### Visitenkarte ###############
** ################################
*/

div.visitenkarte {
  margin: 0 10px 10px 0;
  width: 45%;
  float: left;
  background: #fff;
  border: 1px solid #cecece;
}

div.visitenkarte_innen {
  margin: 10px;
  padding: 0;
}


div.visitenkarte_bild {
  float: left;
}

div.visitenkarte_bild img {
  margin: 0;
  padding: 0 10px 10px 0;
}

div.visitenkarte_titel{
  font-weight: bold;
  color: #224D7B;
}


div.visitenkarte_text{
  margin: 10px 0 0 0;  
}


.tx-yag-gallery-galleryinfo, .tx-yag-album-albuminfo {
  margin-left: 160px;
}

.yag-item-thumb-innerframe img {
  width: auto;
}

.yag-item-thumb-outerframe {
    margin: 0px 10px 10px 0px;
}

.yag-item-thumb-outerframe {
  width: auto;
}


/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border:2px solid black; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
DIV.csc-textpic {
  margin-bottom: 30px;
}
/* DIV: This will place the images side by side */
/* DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;} */
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:0;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:both;}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
  display:inline; /* IE fix for double-margin bug */
  margin-right:10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
  display:inline; /* IE fix for double-margin bug */
  margin-left:10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
  display:inline; /* IE fix for double-margin bug */
  margin-left:0px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:5px; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0px !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  margin-right:10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
  margin-left:10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align: center; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */