body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  -webkit-text-size-adjust: 100%;
  overflow: hidden;
  color: #808080;
  line-height: normal;
}

/* Allgemeine Styles */

img
{
  border: none;
}

a
{
  text-decoration: none;
  outline: none;
  color: #004b8e;
}

h1
{
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
  text-transform: uppercase;
}

h2
{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 23px;
}

h3
{
  font-size: 13px;
  margin: 0; 
  padding: 0;
  font-weight: bold;
}

p + h3.sprites:first-child
{
  margin-top: 30px;
}

h3.sprites + p
{
  line-height: 20px;
}

p
{
  margin: 0;
  padding: 10px 0 0 0;
}

h3.plus
{
  margin-top: 5px;  
  cursor: pointer;
}

h3.plus.first
{
  margin-top: 30px;
}

h3.plus + *
{
  display: none;
}

h3.plus + h3.plus
{
  display: block;
}

h3.plus.minus + *
{
  display: block;
  padding: 0 0 5px 0px;
}


/* /Allgemeine Styles */

/* Header Bereich */

div.layoutheader
{
  width: 100%;
  height: 120px;
  background: #fff;
  position: relative;
}

div.layoutheader a.logo
{
  display: block;
  position: absolute;
  width: 253px;
  height: 70px;
  top: 25px;
  left: 30px;
}

div.layoutheader a.toggleNavi
{
  width: 20px;
  height: 15px;
  background: url(icon_navi.png) no-repeat;
  display: none;
}

div.layoutheader ul.navi
{
  position: relative;
  list-style-type: none;
  float: left;
//  left: 50%;
  margin: 43px 0px 0 300px;
  padding: 0;
  width: calc(100% - 300px);
}

div.layoutheader ul.navi li
{
  float: left;
  position: relative;
//  right: 50%;
  margin-left: 30px;
}

div.layoutheader ul.navi li ul
{
  display: none;
}

div.layoutheader ul.navi li:first-child
{
  margin-left: 0;
}

div.layoutheader ul.navi li a
{
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
}

div.layoutheader ul.navi li:hover a,
div.layoutheader ul.navi li.sel a
{
  background: #004b8e;
  color: #fff;  
}

div.layoutheader div.right 
{
  position: absolute;
  right: 30px;
  top: 0;
}

div.layoutheader div.right ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;  
}

div.layoutheader div.right ul li
{
  float: left;
  margin-left: 25px;
}

div.layoutheader div.right ul li:first-child
{
  margin-left: 0;
}

div.layoutheader div.right ul li a
{
  display: block;
  line-height: 35px;
  font-size: 12px;
}

/* /layoutheader Bereich */

/* Keyvisual */

div.keyvisual
{
  width: auto;
  margin-right: 700px;
  position: relative;
  background: url(loading.gif) no-repeat center;
  overflow: hidden;
  z-index: 9;
  left: 0;
  top: 0;
}

div.keyvisual img
{
  display: block;
  position: absolute;
  left: 0;
  top: 0;  
}

div.keyvisual a.arrowleftbig,
div.keyvisual a.arrowrightbig
{
  display: none;
  position: absolute;
  z-index: 12;
  bottom: 15px;
  left: 15px;    
}

div.keyvisual a.arrowrightbig
{
  left: auto;    
  right: 15px;
}

div.keyvisual div.bluebox
{
  position: absolute;
  width: 350px;
  height: 252px;
  background: url(bluebg.png);
  right: 0;
  top: 252px;
  display: none;
  color: #fff;
  text-align: center;
  padding: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
}

div.keyvisual div.bluebox span.headline
{
  color: #fff;
  font-size: 12px;
}

/* /Keyvisual */

/* Subnavi */

ul.subnavi
{
  list-style-type: none;
  margin: 0;
  padding-top: 30px;
}

ul.subnavi.half
{
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

ul.subnavi.half + ul.subnavi.half
{
  padding-right: 0;
}

ul.subnavi li
{
  margin: 0;
  padding: 20px 0 0 0;
}

ul.subnavi li:first-child
{
  padding-top: 0;
}

ul.subnavi li a
{
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

ul.subnavi li a:hover,
ul.subnavi li a.sel
{
  color: #7fa6c7;
}

div.boxbg ul.subnavi + img
{
  display: block;
  width: 50%;
  margin: 0;
}

div.contact
{
  color: #fff;
  border-left: 1px solid #064f93;
  padding: 30px;
  float: right;
  width: 50%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div.contact span.headline
{
  color: #fff;
  font-size: 15px;
    font-weight: bold;
}

div.contact p
{
  padding-top: 15px;
}

div.contact a
{
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

div.contact table
{
  margin-top: 15px;
}

div.contact table tr td:first-child
{
  padding-right: 10px;
}

div.lightblue
{
  background: #7fa5c9;
  color: #fff;
  padding: 0;
  float: right;
  width: 50%;
  height: 100%;
}

div.lightblue ul.subnavi
{
  width: 100%;
}

div.lightblue ul.subnavi li a:hover,
div.lightblue ul.subnavi li a.sel
{
  color: #004B8E;
}

/* /Subnavi */

/* Inhaltsbereich */

div.scrollable
{
  position: relative;
  overflow: hidden;
}

div.box
{
  width: 700px;
  float: right;
  position: relative;
  overflow: auto;
  margin-bottom: 5px; // 80!
}

div.main-content
{
  margin-bottom: 80px;
}

div.half
{
  width: 350px;
  float: right;
  background: #fff;
}

div.boxbg
{
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 30px;
}

div.blue
{
  background: #004b8e;
  padding: 0;
}

div.lightgrey
{
  background: #f3f3f3;
}

div.lightgrey h2
{
  color: #808080;
}

div.darkgrey
{
  background: #d9d9d9;
}

div.darkgrey h2
{
  color: #808080;
}

div.gradient
{
  background: #fff url(gradient_box.jpg) repeat-x;
}

div.box>img
{
  display: block;
}

div.slideItem
{
  position: absolute;
  width: 100%;
  height: 182px;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 60px;
  top: 55px;
}

div.slideItem.member
{
  top: 34px;
  height: 203px;
}

div.slideItem h2
{
  color: #000;
}

div.slideItem div.imageround
{
  width: 100px;
  height: 100px;
  position: relative;
  float: left;
  margin-top: 17px;
}

div.member div.imageround
{
  margin: 0 auto 10px auto;
  float: none;
}

div.slideItem div.imageround img
{
  height: 100%;
  width: 100%;
}

div.slideItem div.text
{
  margin-left: 115px;
}

div.member h2
{
  text-align: center;
  margin-bottom: 10px;
}

div.slideItem div.text span.date
{
  display: block;
  font-weight: bold;
}

div.slideItem .button.btl
{
  bottom: 0;
  left: 0;
}

div.slideItem .button.btr
{
  bottom: 0;
  right: 0;
}

div.box a.arrowleft,
div.box a.arrowright
{
  position: absolute;
  bottom: 15px;
  right: 80px;
}

div.box a.arrowright
{
  right: 30px;
}

div.half a.arrowleft,
div.half a.arrowright
{
  top: 70px;
  bottom: auto;
  right: auto;
  left: 30px;
}

div.half a.arrowright
{
  left: auto;
  right: 30px;
}

div.w125
{
  width: 125px;
  margin-left: -17px;
  height: 100%;
}

div.w125 img
{
  margin-top: 25px;
}

div.m125
{
  margin-left: 123px;
}

ul.tabs
{
  list-style-type: none;
  margin: -15px 0 0 -30px;
  padding: 0;
  width: 700px;
  background: #d9d9d9;
  height: 41px;
}

ul.tabs li
{
  float: left;
}

ul.tabs li a
{
  text-transform: uppercase;
  font-size: 15px;
  color: #000;
  font-weight: bold;
  display: block;
  height: 41px;
  line-height: 41px;
  padding: 0 30px 0 28px;
  border-left: 2px solid #f3f3f3;  
}
ul.tabs li:first-child a
{
  padding-left: 30px;
  border-left: none;
}


ul.tabs li a:hover,
ul.tabs li a.sel
{
  color: #004B8E;
  background: #F3F3F3;
}

div.tab
{
  display: none;
}

div.tab.active
{
  display: block;
}

div.imagetext,
div.textimage
{
  margin-top: 10px;
}

h3.plus + div.imagetext,
h3.plus + div.textimage
{
  margin-top: 5px;
}

div.imagetext p,
div.textimage p
{
  padding-top: 0;
}

div.textimage div.image
{
  float: right;
  padding-left: 15px;  
}

div.imagetext div.image
{
  float: left;
  padding-right: 15px;  
}

h3.plus + div.textimage div.image
{
  margin-top: -20px;
}

/* /Inhaltsbereich */

/* Footer */

div.footer
{
  width: 100%;
  height: 70px;
  background: #fff;
  position: fixed; 
  bottom: 0;
  left: 0;
  z-index: 11;
  padding: 15px 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul.metanavi
{
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.metanavi li
{
  text-transform: uppercase;
  padding: 0px 0 0 20px;
  margin: 0;
  float: left;
}

ul.metanavi li:first-child
{
  padding-left: 0;  
}
  
ul.metanavi li a
{
  font-size: 12px;
  font-weight: bold;
  color: #808080;
}

ul.metanavi li.like
{
  padding-top: 0px;
}

ul.logos
{
  position: absolute;
  right: 30px;
  top: 15px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.logos li
{
  float: left;
  margin-left: 30px;
}

/* /Footer */

/* Sprites */

.sprites
{
  display: inline-block;
  background: url(sprites.png) no-repeat top left;
}

.arrowleft{ background-position: 0 0; width: 30px; height: 30px; } 
.arrowleftbig{ background-position: 0 -80px; width: 55px; height: 55px; } 
.arrowright{ background-position: 0 -185px; width: 30px; height: 30px; } 
.arrowrightbig{ background-position: 0 -265px; width: 55px; height: 55px; } 
.briefcase{ background-position: 0 -370px; padding-left: 30px; /* width: 18px; height: 17px; */ } 
div.lightgrey .foreground{ background-position: 0 -437px; width: 100px; height: 100px; position: absolute; top: 0; left: 0; } 
.foreground{ background-position: 0 -702px; width: 100px; height: 100px; position: absolute; top: 0; left: 0; } 
.facebook{ background-position: 0 -967px; width: 15px; height: 15px; } 
.key{ background-position: 0 -1019px;  padding-left: 21px;/* width: 16px; height: 7px; */ } 
.key_smartphone{ background-position: 0 -1089px; width: 35px; height: 35px; } 
.plus{ background-position: 0 -1244px; padding-left: 0px; width: 20px; height: 20px; line-height: 20px; /* width: 20px; height: 20px; */ } 
.minus{ background-position: 0 -1174px; padding-left: 0px; height: 20px; line-height: 20px; /* width: 20px; height: 20px; */ } 
.press{ background-position: 0 -1304px; padding-left: 22px; /* width: 17px; height: 12px; */} 
.press_smartphone{ background-position: 0 -1376px; width: 35px; height: 35px; } 
.search{ background-position: 0 -1461px; width: 35px; height: 35px; } 
.twitter{ background-position: 0 -1546px; width: 18px; height: 15px; } 
.wjlogo{ background-position: 0 -1611px; width: 75px; height: 75px; } 

/* /Sprites */

/* Allgemeine Klassen */

.button
{
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  background: #004b8e;
  min-height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-transform: uppercase;
}

.dialog .button
{
  line-height: 1;
}

.buttonicon a img
{
   display:none;
}

.button.btl
{
  position: absolute;
  bottom: 15px;
  left: 30px;
}

.button.btr
{
  position: absolute;
  bottom: 15px;
  right: 30px;
}

.left
{
  display: block;
  float: left;
}

.rightXX
{
  display: block;
  float: right;
}

.headline
{
  display: block;  
  color: #004b8e;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

div.clearer{
  width: 100%; 
  clear: both; 
  height: 0; 
  line-height: 0px; 
  font-size: 0px;
  margin: 0; 
  padding: 0; 
  background: transparent;
}

div.boxbg>img
{
  display: inline-block;
  margin-top: 10px;
}

/* /Allgemeine Klassen */

/*

Navi: 20px bold
Meta: 12px
Meta unten: 12px bold
Aktuelle Meldungen: 12px bold
Flie??text: 13px 
Subnavi: 15px bold
h1: 25px bold
h2: 20px bold
headline: 20px bold
buttons: 15px bold
Reiter: 15px bold

*/

/* ??nderungen Layoutanpassung 18.05.2015 */

/* Schrift */

body
{
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  overflow: auto;
}

div.main-content p
{
  margin: 10px 0 0 0;
  padding: 0;
}

div.main-content p,
div.main-content ul
{
  line-height: 1.5;
}

div.layoutheader div.right div.login-info,
div.naechstertermin
{
  line-height: 1.3;
}
#info
{
  line-height: 1;
}


/* Allgemeine Klassen */

div.wrapper
{
  width: 1280px;
  margin: 0 auto;
  background: #fff;
}

div.band
{
  position: absolute;
  width: 100%;
  z-index: -99;
  height: 300px;
}

div.main-content
{
  width: 1030px;
}

div.table-wrapper
{
  padding-bottom: 20px;
}

div.form-wrapper
{
//  overflow-x: auto;
}

span.kreis-name
{
  position: absolute;
  font-family: 'Arial', sans-serif;
  top: 18px;
  left: 74px;
  color: #808080;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

/* WJD Template */

div.layoutheader a.logo img
{
  height: 72px;
}

div.layoutheader div.right
{
  min-width: 300px;
  z-index: 99;
}

body.dialog
{
  margin: 20px;
  overflow: auto;
}

div.box
{
  float: left;
  height: auto;
}

div.boxbg
{
  padding: 15px 30px;
  padding-left: 0;
}

div.button
{
  display: inline-block;
  float: left;
}

div.buttonitem
{
  float: left;
  padding: 2px 5px 6px 0px;
  margin: 0 10px 0 0;
}

div.keyvisual
{
  margin: 0;
  max-height: 100%;
  z-index: 0;
}

div.keyvisual img
{
  position: absolute;
  max-height: 100%;
  max-width: 100%;
    margin: auto;
}

div.subnavi
{
  width: 250px;
}

ul.subnavi li a
{
  color: #004b8e;
}

ul.logos img
{
  height: 40px;
}

/* Login & Logout */

div.layoutheader div.login,
div.layoutheader div.login-info
{
  display: block;
  text-align: right;
}

div.layoutheader div.login-info,
div.layoutheader div.login-info a
{
  color: #808080;
}

div.layoutheader div.login-info a
{
  text-decoration: underline;
}

div.layoutheader div.login
{
  line-height: 35px;
}

div.layoutheader div.login a
{
  margin-left: 25px;
}

div.layoutheader div.login #formlogin
{
  display: none;
  line-height: 0;
  margin-bottom: 10px;
}

div.layoutheader div.login #formlogin input[type="text"],
div.layoutheader div.login #formlogin input[type="password"],
div.layoutheader div.login #formlogin input[type="submit"]
{
  margin-left: 10px;
}

div.layoutheader div.login #formlogin input[type="text"],
div.layoutheader div.login #formlogin input[type="password"]
{
  height: 30px;
    padding: 0 5px;
    border: none;
    color: #000;
    background: #d9d9d9;
}

div.layoutheader div.login #formlogin input[type="submit"]
{
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #004b8e;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  text-transform: uppercase;
}

div.layoutheader div.login a img
{
  display: none;
}

/* Ausklappbare Hauptnavigation */

div.layoutheader ul.navi
{
  z-index: 9;
}

div.layoutheader ul.navi li ul
{
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  overflow: hidden;
  max-height: 0;
}

div.layoutheader ul.navi li ul li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  left: 0;
}

div.layoutheader ul.navi li:hover ul
{
  max-height: 1000px;
  transition: max-height .5s ease-in;
}

div.layoutheader ul.navi li:hover ul li a:hover
{
  color: #004b8e;
  background: #fff;
}

div.layoutheader ul.navi li a.sub
{
  width: 200px;
}

/* Sekundärnavigation */

ul.subnavi li.menulevel0selected a,
ul.subnavi li.menulevel1selected a,
ul.subnavi li.menulevel2selected a
{
  color: #7fa6c7;
}

ul.subnavi li.menulevel2 a,
ul.subnavi li.menulevel2selected a
{
  text-transform: none;
  font-weight: normal;
}

ul.subnavi li.menulevel2,
ul.subnavi li.menulevel2selected
{
  padding-left: 20px;
}

/* VereineOnline Template */

div.dropdownmenu
{
  position: absolute;
  line-height: 12px;
  z-index: 100;
}

div.dropdownmenu a
{
  display: block;
  padding: 4px !important;
  background-color: #f0f0f0;
  color: #404040;
  min-width: 130px;
}

div.dropdownmenu a:hover
{
  background-color: #004b8e;
  color: #ffffff;
}

div.button a
{
  color: #fff;
}

div.button img
{
  display: none;
}

div.contentbody div.buttondropdown
{
  margin-right: 0;
}

div.contentheader
{
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 15px 0;
  text-transform: uppercase;
}

div.contentbody
{
  padding-bottom: 10px;
}

div.messageheader
{
  text-transform: uppercase;
  color: #004b8e;
  background: #d9d9d9;
  padding: 5px;
}

div.messageheader.messageprio1
{
  font-weight: bold;
}

div.messagebody b
{
  display: inline-block;
  margin-top: 10px;
}

div.message
{
  padding-bottom: 3px;
  margin-bottom: 20px;
}

div.contentbody table.listtable thead tr:first-child td
{  
  padding: 10px 5px;
  background: #004b8e;
}

div.contentbody table.listtable
{
  border-spacing: 0;
  width: 100%;
}

div.contentbody td.tabunselected a,
div.contentbody table.listtable thead tr:first-child td,
div.contentbody table.listtable thead tr:first-child td a
{
  color: #fff;
}

div.contentbody table.listtable thead tr:first-child td,
div.contentbody table.listtable thead tr:first-child td a
{
  font-weight: bold;
}

div.contentbody #form1 td a
{
  text-transform: none;
}

div.contentbody #form1 input,
div.contentbody #form1 select,
div.contentbody #form2 input,
div.contentbody #form2 select
{
  margin: 0px;
  margin-left: 0;
}

div.contentbody #form1 input[type='text'],
div.contentbody #form2 input[type='text']
{
  //min-width: 250px;
}

div.listheader,
div.contentbody table.listtable td.listheader
{
  padding: 5px;
  color: #fff;
  background: #004b8e;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
}

td.listheader a
{
  color: #fff;
}

div.contentbody table.listtable td.listitem
{
  padding: 5px;
}

div.contentbody table.listtable td.listitem.even
{
  background-color: #f3f3f3;
}

div.contentbody table.listtable td.listitem.odd
{
  background-color: #d9d9d9;
}

div.contentbody td.starttabelletermine a
{
  color:#808080;
}

div.contentbody textarea.input,
div.contentbody input[name="subject"]
{
  margin-top: 10px;
}

div.contentbody #betreff
{
/*  width: 400px; */
}

div.naechstertermin
{
  margin: 10px 0;
  padding: 5px;
  background: #d9d9d9;
}

div.contentbody table.starttabelle td.starttabelletermine div.naechstertermin b
{
  color: #004b8e;
}

div.layoutheader div.right font
{
  position: absolute;
  top: 10px;
    right: 80px;
  width: 250px;
}

/* Kalenderansicht */

.calendartable
{
  width: 100%;
}

.calendarheader
{
  padding: 10px 0;
}

.calendarweekday,
.calendartoday,
.calendarweekendday
{
    background-color: #eaeaea;
    padding: 5px;
}

@media only screen and (max-width: 640px)
{
   .calendartable table, .calendartable tr, .calendartable td
   { 
  display: block; 
   }
   .calendartable td.calendarheader, .calendartable td.calendarempty
   { 
  display: none; 
   }
   table.calendartable, .calendartable tr
   { 
  border: 0;
   }
   td.calendarday
   { 
  margin-bottom: 5px;
   }
}


/* Responsive Styles */

@media (max-width: 1440px)
{
  div.layoutheader ul.navi li
  {
    margin: 0;
  }
}

@media (max-width: 1360px)
{
  div.layoutheader div.right font
  {
    right: 400px;
  }
}

@media (max-width: 1200px)
{
  div.layoutheader ul.navi
  {
    position: relative;
    float: right;
    left: auto;
    margin-right: 30px;
  }

  div.layoutheader ul.navi li
  {
    right: auto;
    margin-left: 30px;
  }

  div.layoutheader ul.navi li a
  {
    padding: 0 10px;
  }

  div.layoutheader ul.navi li ul
  {
    left: auto;
    right: 0;
  }

  div.layoutheader ul.navi li a.sub
  {
  text-align: right;
  }
}

@media (max-width: 1024px)
{  
  div.layoutheader ul.navi li
  {
    margin-left: 0;
  }
}

@media (max-width: 900px)
{
  div.layoutheader ul.navi
  {
    display: none;
    position: absolute;
    margin: 0;
    top: 45px;
    right: 0;
    background: #f3f3f3;
    z-index: 999;
  }

  div.layoutheader ul.navi li
  {
    clear: both;
  }

  div.layoutheader ul.navi li:hover a,
  div.layoutheader ul.navi li.sel a
  {
    color: #004b8e;
    background: #f3f3f3;
  }

  div.layoutheader a.toggleNavi
  {
    display: block;
    float: right;
    margin: 15px 15px 0 0;
  }

  div.layoutheader div.right
  {
    right: 15px;
    top: 45px;
  }

  div.layoutheader div.right div.login a
  {
    margin-left: 10px;
  }

  div.layoutheader div.right div.login #formlogin
  {
    display: none;
    position: absolute;
    right: 0;
    top: 60px;
    padding: 10px;
    background-color: #fff;
    z-index: 999;
  }

  div.layoutheader div.right div.login #formlogin input[type="text"]:first-child
  {
    margin-left: 0;
  }

  div.layoutheader div.right div.login-info
  {
    display: none;
    position: absolute;
    padding: 10px;
    top: 100px;
    right: 0;
    line-height: 20px;
    z-index: 900;
    background-color: #fff;
  }

  div.layoutheader div.right div.login #formlogin,
  div.layoutheader div.right div.login-info
  {
    width: 320px;
  }

  div.layoutheader div.right font
  {
    position: absolute;
    top: 60px;
    right: 0;
    width: 250px;
    padding: 10px;
    background-color: #fff;
    z-index: 999;
  }

  ul.logos
  {
  display: none;
  }

  .key,
  .press
  {
    width: 35px;
    height: 35px;
    text-indent: 9999px;
    margin-top: 15px;
    padding: 0;
    overflow: hidden;
  }

  .key
  {
    background-position: 0 -1089px;
  }

  .press
  {
    background-position: 0 -1376px;
  }
}

@media (max-width: 640px)
{
  div.wrapper,
  div.keyvisual,
  div.subnavi,
  div.main-content
  {
    width: 100%;
    overflow: auto;
  }

  div.boxbg
  {
    padding: 0 30px;
  }

  div.layoutheader a.logo
  {
    position: relative;
    top: auto;
    left: auto;
    margin: 15px 0 0 15px;
    float: left;
  }

  div.subnavi ul.subnavi li:first-child a
  {
    display: block;
    background: #fff url(arrow.png) no-repeat 170px;
  }

  div.subnavi ul.subnavi li:first-child a:hover
  {
    color: #004b8e;
  }

  div.subnavi ul.subnavi li:not(:first-child)
  {
    display: none;
  }

  div.footer
  {
    position: relative;
    padding: 0 30px 15px 30px;
    height: auto;
  }

  div.footer ul.metanavi li.like
  {
    padding-bottom: 20px;
  }

  div.fb_iframe_widget span iframe
  {
    width: 580px !important;
  }
}

@media (max-width: 450px)
{
  div.fb_iframe_widget span iframe
  {
    width: 300px !important;
  }
}


.lightboxbackground { display:none; position:absolute; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.50; filter:alpha(opacity=50); }
.lightbox { display:none; position:absolute; top:48%; left:25%; width:50%; height:50; padding:1px; border:1px solid black; background-color:white; z-index:1002; overflow:auto; text-align:center; vertical-align:middle; }

.calendartoday
{
   background-color: #80FF80;
}

/*************** Admin ***************/

.adminpdf
{
   background-color: white;
   padding: 2px;
}

.adminpdfauswahl
{
   background-color: #c0c0c0;
   padding: 2px;
}

.fieldgroup
{
  width:100%;
  padding: 3px;
}

.fieldlabel
{
  margin: 0px 0px 0px 0px;
  text-align: right;
  float: left;
  padding: 3px;
  vertical-align: top;
}

.fieldlabellong
{
  text-align: left;
  width: 99%;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.fieldcontrol
{
  float: left;
  padding: 3px;
  width: calc(95% - 190px);
}
.fieldcontrol45
{
  float: left;
  padding: 3px;
  width: calc(95% - 490px)
}
.fieldcontrol55
{
  float: left;
  padding: 3px;
  width: calc(95% - 390px);
}
.fieldcontrol65
{
  float: left;
  padding: 3px;
  width: calc(95% - 290px)
}
.fieldcontrol10
{
  float: left;
  padding: 3px;
  width: 100px;
}
.fieldcontrolfull
{
  float: left;
  padding: 3px;
  width: 100%;
}

@media (max-width: 600px)
{
  .fieldlabel
  {
    text-align: left;
    width:90%;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
  }
  .fieldcontrol
  {
    width:90%;
    margin: 0px 0px 10px 0px;
  }
}

.begleitertable .fieldlabel
{
  text-align: left;
  width: 50px;
}

.registertable
{
   width: 100%;
   border:0;
}

.fieldreguired
{
   background-color: #FF8080;
}

.listsection
{
   background-color: #808080;
   color: white;
   font-weight: bold;
   padding: 3px;
   margin-top: 10px;
}

div.contentbody td.tabspace
{
   border-bottom: 2px solid #004b8e;
}

div.contentbody td.tab
{  
  padding: 10px 5px;
  background-color: white;
}

div.contentbody td.tab a
{
  color: #004b8e;
  background: #fff;
}

div.contentbody td.tabunselected
{  
  padding: 10px 5px;
  border-top: 2px solid #004b8e;
  border-left: 2px solid #004b8e;
  border-right: 2px solid #004b8e;
}

div.contentbody td.tabselected
{  
  border-top: 2px solid #004b8e;
  border-left: 2px solid #004b8e;
  border-right: 2px solid #004b8e;
}

div.contentbody td.tabselected a
{  
  color: #004b8e;
  font-size: 12pt;
}

div.contentbody td.tabunselected a
{  
  color: #004b8e;
  font-size: 12pt;
}


.required
{
   padding-left:3px;
   color: red;
}

.itemid
{
   color: #888;
   font-size: 8pt;
}



.calendartable
{
   width: 100%;
   table-layout: fixed;
   overflow: hidden;
   border: 1px solid #404040;
   border-collapse: collapse;
}

.calendarheader
{
   overflow: hidden;
   font-size: 8pt;
   text-align: center;
   font-weight: bold;
   color: #202020;
   background-color: #D0D0D0;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   padding: 3px;
}

.calendarday
{
   overflow: hidden;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   padding: 3px;
}

.calendartoday
{
   background-color: #80FF80;
}

.calendarweekday
{
   background-color: #F8F8F8;
}

.calendarweekendday
{
   background-color: #E0E0E0;
}

.calendarinvalidday
{
   background-color: #E0E0E0;
}

.inputpicker
{
   height: 22px !important;
}

.inputpicker INPUT
{
   width: 100%;
   border: 0;
}

.inputpicker div
{
  float: left;
  padding: 2px 3px 2px 3px;
}

.optionsubnavi
{
   padding: 5px;
   margin: 5px 5px 5px 0px;
   border: 1px solid black;
   float: left;
   background: #e0e0e0;
   lineheight: 200px;
   cursor: pointer;
}

.line
{
   height: 8px;
}

.registerline
{
   height: 14px;
}

.optionsubnaviselected
{
   background-color: #004b8e;
}




a
{
  text-decoration: none;
  font-family: 'Lato', sans-serif !important;
  color: #004b8e;
}

.tab A
{
   font-size: 12pt;
}

.banner img
{
   max-width:100%;
   display:block;
   margin-left:auto;
   margin-right:auto;
}

.buttonitem .button
{
  min-height: 30px !important;
  max-height: 30px !important;
  border: 0;
}

.listitem
{
  font-family: 'Lato', sans-serif;
}

.table td, .table100 td
{
  font-family: 'Lato', sans-serif;
  font-size: 12pt !important;
}

.calendaritem
{
   padding-bottom: 10px;
}

.calendaritem, .calendaritem A
{
  font-size: 12pt;
  font-weight: normal;
}

.calendaritem A
{
  margin-bottom: 5px;
  color: #004b8e;
}

.calendarinfo
{
   margin-top:3px;
}

.dialog .button
{
   min-height: 20px !important;
   max-height: 30px !important;
   border: #808080 1px solid;
   background-color: #004b8e !important;
   vertical-align: middle;
   padding: 7px 15px 5px 15px;
   display: table-cell;
   float: left;
   cursor: pointer;
}

.dialog .button.buttondropdown.ddicon
{
   border: 0;
   background-color: white !important;
}

INPUT[type="checkbox"], INPUT[type="radio"]
{
   margin-right: 5px !important;
}

H3
{
  font-size: 15pt;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button span.sprites.plus
{
  margin-top: 4px;
  margin-left: 5px;
}

.buttonitem input.form-control, 
.buttonitem input.datepicker,
.buttonitem select.form-control
{
  height: 30px !important;
  max-height: 30px !important;
}

#suche { margin-top: 2px !important; margin-right: 2px !important; }