body {  
     margin:0;
     padding:0;
     border:0;                        /* This removes the border around the viewport in old versions of IE */
     width:100%;     
     background:#E5EEF0;
     /*background-image: url(../template/images/bg.png); /*Hintergrund mit Übergang*/
     /*background-repeat:repeat-x;
     background-attachment:scroll;
     background-position:top;*/
     /*min-width:600px;                /* Minimum width of layout - remove line if not required */
                                        /* The min-width property does not work in old versions of Internet Explorer */
     font-size:80%;                     /*80%*/
     font-family:arial, sans-serif;
}
a {
     color:#134780;
     text-decoration:none;
}
a:hover {
     color:#002DB3;
     /*background:#369;*/
     text-decoration:underline;
}
h1, h2, h3 {
     margin:0.8em 0 0.2em;     /*margin:.8em 0 .2em 0;*/
     padding:0;
     font-family:arial, sans-serif; /*"Times New Roman"*/
}
h1{
     font-size:160%;
     letter-spacing:0.05em;
}
h2{
     font-size:130%
}
h3{
     font-size:100%
}
p {
     margin:0;  /*margin:.4em 0 .8em 0;*/
     padding:0;
}
img {
     /*margin:10px 0 5px;*/
     margin:0;
     border:none;
}
ul{                                     /*richte Listen am linken Rand aus*/
   margin-left:1em;
   margin-right:0em;   
   margin-top:1em;
   margin-bottom:1em;
   
   padding-left:0.5em;
   padding-right:0em;
   padding-top:0em;
   padding-bottom:0em;
}

/*Gesamte Seite im Container*/
#container {
         width:1000px;
         margin:0 auto
}

/* Header styles */
#header {
        clear:both;
        float:left;
        width:1000px;
        border:none;
}

#header p,
#header h1,
#header h2 {
        padding:.4em 15px 0 15px;
        margin:0;
}
.headerimage{
             float:left;
             position:relative;
             margin:0 0 0 0;
             height:245px;       /*height, wie Bildgröße*/             
}
.headerlogo {
             position:relative;
             /*height:245px;
             width:1000px;*/
}
.headerlogo a {
             display:block;
             position:absolute;
             left:15px;
             top:105px;
             height:105px;
             width:160px;
             background-image:url(../images/t_pixel.png);
}
.headersearch {
              position:relative;
}
.headersearch .searchfield{
              display:block;
              position:absolute;
              left:790px;	/* 850 800*/
              top:5px;
              height:20px;
              width:210px;	/* 150 200*/               
}


.searchboxtext {
              background-color:#FFFFFF;
}
.searchboxtextidle {
              background-image:url(https://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif);
              background-repeat:no-repeat;
              background-position:left;                            
              /*background:no-repeat scroll left center;*/
             
              /*background:no-repeat,scroll,left,center, #FFFFFF;*/
}

.searchboxtextactive{
              background-image:none;
}

.searchboxbutton, .searchboxbutton:active{
              background-image:url(../template/images/search_icon.gif);
              background-repeat:no-repeat;
              background-position:center;
              /*background:no-repeat scroll left center;*/
              height:20px;
              width:20px;
              border:none;
              cursor:pointer;              
}


/* column container */
.colmask {
        position:relative;        /* This fixes the IE7 overflow hidden bug */
        clear:both;
        float:left;
        width:1000px;                        /* width of whole page */
        overflow:hidden;                /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
        float:left;
        width:1000px;                        /* width of page */
        position:relative;
}
/* 3 and 2 Column settings */
.djhmainsite {
        background:#fff;                /* right column background colour #E2EAED*/
        background-image: url(../template/images/right_back.png); /*Hintergrund mit Übergang*/
        background-repeat:repeat-y;
        background-attachment:scroll;
        background-position:right top;
     /*background-size:89px 1px;*/
}
.djhmainsite .colmid {
        right:160px;                        /* width of the right column 25%*/
        background:#fff;                /* center column background colour */
        /*border-right:1px solid #99D1EB;*/
}
.djhmainsite .colleft {
        right:643px;                        /* width of the middle column 50%*/
        background:#D8E1EB;        /* left column background colour #E2EAED*/        
        background-image: url(../template/images/left_back.png); /*Hintergrund mit Übergang*/
        background-repeat:repeat-y;
        background-attachment:scroll;
        background-position:right top;
     /*background-size:197px 1px;*/
}

#scrollfixnavontop { 
        position:relative;
        top:auto;
        overflow:hidden;
        width:159px;     /*width of col2*/        
        padding:20px 0 0 0;
}
        
.navigation {
        /*background:#0000FF;*/        
        line-height:1.4em;
        font-size:1.05em;
}
.navigation .mainmenu{
        /*background:#0080FF;*/
        /*margin-left:5px;
        padding-left:5px;*/ 
}
.navigation .submenu{            
        margin-left:1em;
        padding-left:0em;                /*1em*/
}
.mainmenu a{
        color:#134780;
}
.mainmenu a:hover{
        color:#002DB3;
        /*background:#00FF00;*/
        text-decoration:underline;
}
.activmenu{
        color:#002080;
        font-weight:bold;
}




.djhmainsite .col3 .kurselistemenu ul{
             color:#808080;             
}


.article{
         float:left;
         width:100%;
}

.buchungsbutton{
         float:right;
         padding:10px 0 0 0;
         height:25px;
}
.buchungsbutton .buttonleft{
         float:left;
         width:11px;
         height:25px;
         background-image:url(../template/images/buchen_btn_left.png);
         background-repeat:no-repeat;
}
.buchungsbutton .buttontext{
         float:left;
         height:25px;
         line-height:25px;
         background-image:url(../template/images/buchen_btn_middle.png);
         background-repeat:repeat-x;         
}
.buchungsbutton .buttonright{
         float:left;
         width:11px;
         height:25px;
         background-image:url(../template/images/buchen_btn_right.png);
         background-repeat:no-repeat;
}
.buchungsbutton a, .buchungsbutton a:hover, .buchungsbutton a:visited{
         color:#FE7B01;
         text-decoration:none;
         font-weight:bold;
}
.buchungsbutton a:hover{
         color:#653101;
}         

.articletitle{
         margin:20px 0 10px 0;
}
.articlecontent{
        clear:both;
        line-height:1.4em;
        font-size:1.05em;
}

.articlecontent img{        
        margin:4px 10px;        
}

/*Generelle Positionen*/
.socialplugin{
       clear:both;       
 }
.socialplugin img{
       float:left;
 }
 .socialplugin .content{
       float:left;
       margin-left:5px;
 }
  .socialplugin .content .text{
       float:left;
       font-size:1.05em;
 }
  .socialplugin .content .buttons{
       /*clear:both;*/
 }
 
 
.socialicons{
       clear:both;
       margin-top:0.5em;       
}
.socialicons img{       
       margin:0.2em;
}

/*Bild unter Menü*/
.mainmenuimage{
       clear:both;
       margin-top:0.5em;
} 
.mainmenuimage_sub{
       float:left;
       margin-top:0.5em;
       margin-right:0.5em;
} 
 
 

/* Kontaktformular */
.kontaktformular{

}
img.captcha{
         color:#336699;/*color muss das erste Element hier sein, damit es von php korrekt ausgelesen wird!*/
         margin:4px 4px 0px 0px;
         float:none;
}
.errortext{
        color:#CC0000;
}
.confirmtext{
        color:#008040;
}

/* Kursberechnungen */
.freieplaetze, .freieplaetze a {
        color:#009900; /*#1E6430;*/
}

.ausgebucht, .ausgebucht a{
       color:#BD0000; /*#80231E;*/       
}

.limitplaetze , .limitplaetze a{
       color:#FE7B01; /*#A95101;*/ 
}

/*Highlightbox*/
.boxhighlight{
       background-color:#EEF3F5;
       border:1px solid;
       border-color:#DEDEEE;
       margin:10px;
       padding:10px;
       float:left;
}
.boxhighlight ul{
       margin:0 0 0 0.6em;
       padding:0 0 0 0.5em;
}
/* Table styles */
.tabelle{
         display:block;
         float:left;
         /*border:1px solid;*/
         width:100%;     /*bei Border 1px, muss mind. 0.3% abgezogen werden*/
}
.tabelle br{
        clear:both;        
}
.tabelle h2{
        font-size:120%;
        font-family:arial, sans-serif;        
}

.dreispaltig1 , .dreispaltig2 , .dreispaltig3{
        float:left;
        /*width: 29.33%;    /*tabell (99.7 / 2) - 2*padding */
        padding-right: 2%;
        padding-left: 2%;
        margin: 0 0 0 0;
}
.dreispaltig1{      /*3 Spalten (incl. padding) ergeben 100%, also eine Zeile*/
        width: 20%;
}
.dreispaltig2{
        width: 41%;
}
.dreispaltig3{
        width: 27%;
}

.dreispaltig2 a{
         color:black;
}

.fuenfspaltig1 , .fuenfspaltig2 , .fuenfspaltig3, .fuenfspaltig4, .fuenfspaltig5{
        float:left;
        /*width: 29.33%;    /*tabell (99.7 / 2) - 2*padding */
        padding-right: 1%;
        padding-left: 1%;
        margin: 0 0 0 0;
}
.fuenfspaltig1{      /*5 Spalten (incl. padding) ergeben 100%, also eine Zeile*/
        width: 16%;
}
.fuenfspaltig2{
        width: 36%;
}
.fuenfspaltig3{
        width: 7%;
}
.fuenfspaltig4{
        width: 12%;
}
.fuenfspaltig5{
        width: 18%;
}

.tabellehead{
        width:100.5%;
}

/*hover-Effekt*/
.tabellecontent :hover .dreispaltig1 , .tabellecontent :hover .dreispaltig2 , .tabellecontent :hover .dreispaltig3{
          background:#9CD2E7;
}
.zeile1{/*.zeile1 .dreispaltig{*/
         background:#DAEEF6;
}
.zeile2{
         background:#C6E5F1;
}
.zeile1 , .zeile2{
        float:left;
        width:100.5%;       /*100.5 damit das hover über die komplette Breite geht und der IE keinen Umbruch der Zeile macht*/
        /*border:1px solid #000;*/
        display:block;
}

/*Gallerie-Elemente*/
.gallery1{
        float:left;       
}
.gallery1 .galleryitem{
        float:left;        
        margin:4px 10px;
        text-align:center;
}
.gallery1 .galleryitem .galleryimagetext{
        clear:both;
}

/*Gallerie-Elemente*/
.gallery2{
        float:left;       
}
.gallery2 .galleryitem{
        float:left;        
        margin:4px 10px;
        text-align:center;
        height:160px;
        width:160px;
        display:table;
}
.gallery2 .galleryitem a{
        display:table-cell;
        vertical-align:middle;
}

.nofloat{
        clear:both; 
}
.floatright{
        float:right;
}
.floatleft{
        float:left;
}
.segelnewsfeed{
        clear:both;
}


/* Footer styles */
#footer {
        clear:both;
        float:left;
        width:100%;
        border-top:1px solid #000;
        text-align:center;
}
#footer p {
        padding:10px;
        margin:0;
}

/* Definitionen für FAQ */
dt {
	font-weight:bold;
	padding-bottom:0.5em;
	margin:0px
}
dd { 
	display:block; 
	padding-bottom:1em;
	margin:0px
}
.closed {  }
.open { font-weight:bold;  }