@font-face
{
  font-family: 'Bitstream Vera Sans';
  src: url('fonts/bitstreamverasans_roman_german/Vera-webfont.eot');
  src: url('fonts/bitstreamverasans_roman_german/Vera-webfont86d7.eot?iefix') format('eot'),
    url('fonts/bitstreamverasans_roman_german/Vera-webfont.woff') format('woff'),
    url('fonts/bitstreamverasans_roman_german/Vera-webfont.ttf') format('truetype'),
    url('fonts/bitstreamverasans_roman_german/Vera-webfont.svg#webfont') format('svg');
  font-weight: normal;
}

@font-face
{
  font-family: 'Bitstream Vera Sans';
  src: url('fonts/bitstreamverasans_bold_german/Vera-Bold-webfont.eot');
  src: url('fonts/bitstreamverasans_bold_german/Vera-Bold-webfont86d7.eot?iefix') format('eot'),
    url('fonts/bitstreamverasans_bold_german/Vera-Bold-webfont.woff') format('woff'),
    url('fonts/bitstreamverasans_bold_german/Vera-Bold-webfont.ttf') format('truetype'),
    url('fonts/bitstreamverasans_bold_german/Vera-Bold-webfont.svg#webfont') format('svg');
  font-weight: bold;
}

body
{
  background: #d1deee;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.5em;
  color: #231f20;
  /* Hintergrundbild passt sich genau dem Viewport an */
  background: url('lwh.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*  background: url('lwh.jpg') no-repeat top center fixed; */
}

div#site
{
  margin-top: 10px;
  margin-bottom: 10px;
  border: 10px solid #fff;
  /*background: rgba(255,255,255,0.9);*/
  background: url('bg.png');
}

div#menu
{
  height: auto;
  background: #195cab;
  margin-bottom: 10px;
}

#menu .active
{
  background: #7fc241 !important;
}

#menu li.active li.active a
{
  color: #fff !important;
}

div#picture
{
  margin-bottom: 10px;
  z-index: 10;
}

div#logo
{
  height: 255px;
}

div#breadcrumb
{
  width: 665px;
  padding: 0 10px !important;
  font-size: 1em;
  margin-bottom: 10px;
}

div#breadcrumb a
{
  color: #195cab;
  text-decoration: none;
}

div#breadcrumb a:hover
{
  text-decoration: underline;
}

div#main
{
  width: 665px;
  padding: 10px 10px 0 10px;
  margin-top: 10px;
}

div#main a
{
  color: #195cab;
  text-decoration: none;
  padding: 0 1px;
}

div#main a:hover
{
  color: #231f20;
  background: #D1DEEE;
  padding: 0 1px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

h1
{
  font-family: 'Bitstream Vera Sans', sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #195cab;
  margin-bottom: 1em;
}

h2
{
  font-family: 'Bitstream Vera Sans', sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5em;
  color: #195cab;
  margin-bottom: 0.5em;
}

div#border
{
  width: 244px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 10px 0 20px;
}

div#border img
{
 margin: 0 0 1em 0; 
}

div#border tr img
{
 margin: 0 !important;
 padding: 0 5px 0 0 !important;
}

div#border a
{
  color: #fff;
  text-decoration: none;
}

div#border a:hover
{
  color: #fff;
  text-decoration: underline;
}

div#border a img
{
  margin: 0 1em 1em 0;
}

.content-element
{
  margin: 0 0 1.5em 0;
}

p
{
 margin: 0 0 0.5em 0;
}

div#border ul
{
  list-style-type: square;
  margin: 0 0 0 15px;
}

div#border li
{
  padding: 0 0 0 5px;
  margin: 0 0 5px 0;
}

div#main ul
{
  list-style-type: disc;
  margin: 0 0 0 2em;
}

div#main li
{
  padding: 0 0 0 0.2em;
  margin: 0 0 0.2em 0;
}

div#main ol
{
  list-style-type: decimal;
  margin: 0 0 0 2em;
}

/* Fotos */

div#main .csc-textpic-imagewrap ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div#main .csc-textpic-imagewrap li
{
  padding: 0;
  margin: 0 10px 0 0;
}

.csc-textpic-caption
{
  padding-top: 0.8em;
  font-size: 0.8em;
  line-height: 1.2em;
}


/* Tabelle freie Termine */

#search
{
  width: 659px;
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #195cab;
}

#main .contenttable th, #main .contenttable tr, #main .contenttable td
{
  padding:    5px;
  vertical-align:    top;
  border: 1px solid #ccc;
}

#main .contenttable tr:hover
{
  color:      #fff !important;
  background: #195cab !important;
}

#main .contenttable th
{
  color: #000;
  background:    #fff !important;
  text-align: left;
}

/* Veranstalterlogos im Border */

#border .csc-textpic ul, #border .csc-textpic ul li
{
 margin: 0;
 padding: 0; 
}


div#border h2
{
  color: #195cab;
}

h3
{
  color: #fff !important;
  font-size: 20px;
  margin-top: 12px;
}

h3 a
{
  color: #fff !important;
  font-size: 16px;
  margin-top: 12px;
  text-decoration: none;
}

h3 a:hover
{
  text-decoration: none;
}

div.lof-description h3 a
 {
  color: #fff !important;
  font-size: 20px;
  margin-top: 12px;
  text-decoration: none;
 }



/* Hinweise */

#c8166
{
  padding: 10px 10px 5px 10px;
  background: #ee2a70;
  color: #fff;
  font-size: 1.4em !important;
  line-height: 1.4em;
}

#c8166 h2
{
  font-size: 1em;
  font-weight: bold;
  color: #fff !important;
}

#c6468
{
  padding: 10px 10px 5px 10px;
  background: #ee2a70;
  color: #fff;
}

#c6468 h2
{
  font-size: 1.5em;
  font-weight: bold;
  color: #fff !important;
}

#c6468 a, #c8166 a
{
  text-decoration: none;
  color: #fff !important;
}

#c3622
{
  padding: 5px;
  background: #ee2a70;
}

#c3668
{
  padding: 5px;
  background: #ee2a70;
  font-size: 13px;
  line-height: 18px;
}

#c3668 h2
{
  font-size: 17px;
  font-weight: bold;
  color: #fff !important;
}

.important
{
  color: red !important;
}

.attention
{
  font-weight: bold;
  color: red;
}

#c8189, #c8190
{
  background: #fdb813;
  padding: 10px;
}

#c8191, #c8313
{
  padding: 10px 10px 5px 10px;
  background: #195cab;
  color: #fff;
}

#c8191 h2, #c8313 h2
{
    font-size: 1em;
    font-weight: bold;
    color: #fff !important;
}

#c8227
{
  padding: 10px 10px 5px 10px;
  background: #ee2a70;
  color: #fff;
}

#c8227 h2
{
  font-size: 1em;
  font-weight: bold;
  color: #fff !important;
}

/* Info-Mail */

#c8305
{
  padding: 10px 10px 5px 10px;
  color: #fff;
  background: #ee2a70!important;
}

#c8305 h2
{
  font-size: 1em;
  font-weight: bold;
  color: #fff !important;
}

#c8305 a
{
  text-decoration: underline !important;
}

#c7540 img
{
  margin: 0 0 -5px 0 !important;
}