/* --- IMPORT VON RTE-STYLES  --------------------------------------- */
@import url(rte.css);

/*  --- SITE ------------------------------------------------------  */
BODY {
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-color: #4D8FDB;
  background-size: cover;
}

#site {
  position: relative;
}

.clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  position: absolute;
}

.clear {
  clear: both;
}

.box {
  float: left;
  clear: both;
  width: 100%;
}

.box-content {
  margin: 0px auto;
  width: 980px;
  position: relative;
}

/*  --- HEADER ----------------------------------------------------  */
#header {
  height: 140px;
  background-color: #fff;
}

#logo {
  width: 333px;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}

#navi1 { 
  float: left;
  width: 637px;
  padding: 90px 0 0 0;
}

#navi1, #navi1 * { 
  text-decoration: none;
  font-size: 18px;
  color: #185aa5;
}

#navi1 UL {
  margin: 0 0 0 -5px;
}

#navi1 UL LI {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#navi1 UL LI.act,
#navi1 UL LI:hover {
}

#navi1 UL LI A {
  padding: 0 5px;
}

#navi1 UL LI.act A,
#navi1 UL LI:hover a {
  color: #c81b21;
}

/*  --- LINES -----------------------------------------------------  */
#lines {
  height: 4px;
  border-top: 14px solid #185aa5;
  border-bottom: 4px solid #c81b21;
  background-color: #fff;
}

/*  --- TOPIMAGE --------------------------------------------------  */
#topimage {
  background-repeat: no-repeat;
  background-position: top center;
  height: 410px;
}

/*  --- SUBLINE ---------------------------------------------------  */
#subline {
  padding: 20px 0 0;
  background-color: #185aa5;
}

#subline div.box-content {
  height: 42px;
}

#subline div.box-content,
#subline div.box-content * {
  text-decoration: none;
  font-weight: 300;
  font-size: 15px;
  color: #fff;
}

#navi2 UL {
  margin: 0 0 0 -10px;
}

#navi2 UL LI {
  float: left;
  list-style-type: none;
  padding: 0 0 15px;
  margin: 0;
}

#navi2 UL LI.act,
#navi2 UL LI:hover {
  border-bottom: 5px solid #fff;
}

#navi2 UL LI A {
  padding: 0 10px;
}

#navi2 UL LI.act A,
#navi2 UL LI:hover a {
}

#news-ticker-wrapper {
  width:980px;
}

#news-ticker {
  overflow: hidden;
  width: 940px;
  padding-bottom: 15px;
  margin: 0 20px;
}
#news-ticker a {
  padding: 0 10px;
}

/*  --- MIDDLE ----------------------------------------------------  */
#middle {
  padding: 40px 0 0;
}

#middle-content {
  background-color: #fff;
  padding: 30px 25px;
  width: 930px;
}

#left {
  width : 580px;
  float: left;
  padding: 0 30px 0 0;
}

#right {
  width : 320px;
  float: left;
}

#right div.right-box {
  padding: 0 0 15px 0;
}

#right H2 {
  color: #185aa5;
  font-size: 26px; 
}

#right div.right-box {
  border: 1px solid #bebebe;
  padding: 20px;
  margin: 0 0 10px;
}

#right div.right-box a {
  text-decoration: none;
}

#right div.right-box h3 {
  font-size: 16px;
  padding-bottom: 10px;
}


#right div.right-box div.right-box-content {
  font-size: 16px;
}

#right div.right-box div.right-box-content p {
  padding-bottom: 0;
}


#right div.right-box-full {
  padding: 20px;
  background-color: #185aa5;
  margin-bottom: 55px;
}

#right div.right-box-full,
#right div.right-box-full * {
  font-size: 16px;
  color: #fff;
}

#content {
  float: left;
  width : 580px;
}

#content ul{
  padding-left:30px;
}

/*  --- FOOTER ----------------------------------------------------  */
#footer-content {
  background-color: #185aa5;
}


#footer-navi { 
  float: left;
  padding: 0;
  margin: 0 30px 0;
  padding: 65px 0 15px 0;
}

#footer-navi,
#footer-navi * { 
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}

#footer-navi UL {
  margin: 0 0 0 -10px;
}

#footer-navi UL LI {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#footer-navi UL LI.act,
#footer-navi UL LI:hover {
}

#footer-navi UL LI A {
  padding: 0 10px;
}

#footer-navi UL LI.act A,
#footer-navi UL LI:hover a {
}

/* --- COPYRIGHT ----------------------------------------------------  */
#copyright {
  float: left;
}

#copyright, #copyright A {
  font-size: 10px; 
}

#copyright A {
  text-decoration: none;
}

/* --- FORMULARE ----------------------------------------------------  */
#content * fieldset.csc-mailform {
  border: none;
}

#content * fieldset.csc-mailform .csc-mailform-field {
  margin-bottom: 5px;
}
  
#content * fieldset.csc-mailform .csc-mailform-field label {
  width: 100px;
  vertical-align: top;
  float: left;
  clear: both;
}

.csc-mailform .csc-form-element {
  margin-bottom: 10px;
}

.csc-mailform input, .csc-mailform textarea, .csc-mailform select{
  border: 1px solid #bebebe;
}

.csc-mailform .csc-form-element input[type="text"], .csc-mailform .csc-form-element textarea {
  padding: 3px 5px;
}

.csc-mailform .csc-form-element input[type="submit"]{
  cursor:pointer;
  background-color:#185AA5;
  color: #fff;
  padding: 5px 10px;
  border: none;
  transition:all 0.3s ease; 
}
.csc-mailform .csc-form-element input[type="submit"]:hover{
  background-color:#286AB5;
}
/*
#content * fieldset.csc-mailform .csc-mailform-field input,
#content * fieldset.csc-mailform .csc-mailform-field textarea,
#content * fieldset.csc-mailform .csc-mailform-field select {
  background-color: #F7F7F7; 
  border: 1px solid #CBCBCB; 
}
*/

#content * fieldset.csc-mailform .csc-mailform-submit {
  margin-left: 100px;
  margin-top: 10px;
  float: left;
} 
/*
#c33 p{
  font-size: 20px;
}
*/
.csc-mailform ol {
  list-style:none;
}

/* --- TIDE -------------------------------------------------------------  */
.tide-events {
}

.tide-events .tide-events-event {
  clear: both;
  float: left;
  padding: 3px 5px;
}

.tide-events .tide-events-event DIV {
  float: left;
}

.tide-events .tide-events-event-odd {
}

.tide-events .tide-events-event-even {
  background-color: #185aa5;
}

.tide-events .tide-events-event-even div {
  color: #fff;
}

.tide-events .tide-events-event .tide-events-event-desc {
  width: 50px;
}

.tide-events .tide-events-event .tide-events-event-date {
  width: 110px;
}

.tide-events .tide-events-event .tide-events-event-time {
  width: 80px;
}

.tide-events .tide-events-event .tide-events-event-image {
  width: 60px;
}

.tide-events .tide-events-event-odd-legende {
  padding: 15px 0 0 0;
  clear: both;
  float: left;
}

.tide-events .tide-events-event-odd-hint {
  padding: 15px 0 0 0;
  clear: both;
  float: left;
}

.tide-events .tide-events-form FORM {
  padding: 5px 0;  
}

.tide-events .tide-events-form OPTION {
  padding: 0 5px;  
}

.tide-indicator .tide-indicator-tide {
  float: right;
  padding: 0 35px 5px 0;
}

.tide-indicator .tide-indicator-switch {
  text-align: center;
  padding: 5px 0 0 0;
}