html, body{
  min-height:100%;
}

body{
  background-color: #FFFFFF;
  background-image: url('img/bgr.png');
  color: #203747;
}

body, input, select, textarea{
  font-family:Arial,Helvetica,sans-serif;
  font-size: 13px;
}

input[type="text"]{
  padding:2px;
  margin:2px;
}

h1, h2, h3{
  font-family:Arial,Helvetica,sans-serif;
  color: #3472B7;
}

a{
  color: #3472B7;
  text-decoration: none;
}

a:hover{
  text-decoration:none;
}

hr{
  height:0px;
  border:0px;
  border-top: 1px solid #ccc;
}

div#wrapper{
  width: 990px;
  position:relative;
  margin: 20px auto;
  background-color: #fff;
  border: 1px solid #999;
  -moz-box-shadow: 0px 0px 5px #666;
  -webkit-box-shadow: 0px 0px 5px #666;
  box-shadow: 0px 0px 5px #666;
}

/* Hauptnavigation */

ul#nav{
  width:180px;
  border:1px solid #E0E0E0;
  padding:3px;
  /* background-image: url('img/bgr-nav.png');
  background-position: bottom left;
  background-repeat: repeat-x; */
}

ul#nav li{
  padding:1px;
}

ul#nav li a{
  padding:5px 10px;
  display: block;
  font-size: 12px;
  font-weight:bold;
  border:1px solid #E0E0E0;
  text-transform:uppercase;
}

ul#nav li a span.nav-btn{
  display:inline;
  float:left;
  width:3px;
  height:10px;
  background-color: #999;
  margin:2px 10px 0px 0px;
}
ul#nav li a:hover span.nav-btn, ul#nav li a.active span.nav-btn{
  background-color: #004B8F;
}

ul#nav li a:hover, ul#nav li a.active{
  background-color:#FFF;
}

/* Seitenkopf */

#header{
  width:100%;
  height:262px;
  position:relative;
  overflow:hidden;
  padding:5px 0;
  background-image: url('img/header.jpg');
  background-position:0px 52px;
}

#header-subline{
  background: url('img/bgr-subline.png') left top no-repeat;
  position:absolute;
  bottom:0; left:0;
  height:30px;
  width:100%;
}

div#logo-container{
  position:absolute;
  z-index:10;
  width: 213px;
  height: 131px;
  top:0px;
  left:0px;
  background-image: url('img/logo-container.png');
}

h1#logo a img{
  margin-top: 10px;
  margin-left: 25px;
}

ul#header-links{
  position:absolute;
  z-index:8;
  top:0px;
  left:200px;
  background-image: url('img/bgr-links.png');
  background-repeat: repeat-x;
  width:100%;
  height:38px;
  padding-top:14px;
  padding-left:15px;
  overflow:hidden;
}

ul#header-links li{
  display: inline-block;
  float:left;
  border-right:1px solid #fff;
}

ul#header-links li a{
  padding:9px 20px;
  display: block;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  border-right:1px solid #c4c4c4;
  color: #798FAC;
}

/* Fußzeile */

div#footer{
  width: 100%;
  text-align:right;
  background-color:#F6F6F6;
  border-top:3px solid #E0E0E0;
  border-bottom:5px solid #0B2546;
  margin-bottom:1px;
  padding:30px 0px 10px;
}
div#footer a{
  display:inline-block;
  padding:0px 8px;
  border-left: 1px solid #0B2546;
  color: #0B2546;
  font-family: Tahoma, Arial, sans-serif;
  font-size:9px;
  text-transform:uppercase;
}
div#footer a:first-child{
  border:0;
}

div#footer0{
  background-color:#ECEBEB;
  height: 25px;
  border-top:1px solid #CDCDCD;
  border-bottom:1px solid #CDCDCD;
}

/* Veranstaltungen */

div#eventbox{
  float:right;
  width:198px;
}
div#eventbox div#eventcontainer{
  padding:10px;
}
div#eventbox h2{
  font-size: 14px;
  font-weight:bold;
  margin-bottom:5px;
}
div#eventbox h3{
  font-size: 12px;
  font-weight:bold;
  margin-bottom:5px;
}
div#eventbox p{
  margin-bottom:5px;
}

/* Seiteninhalt */

div.box{
  border:1px solid #B2B0B3;
  background-color:#ECEBEB;
}

div.container{
  border:7px solid #FFFFFF;
}

div#body{
  padding:10px;
  min-height:300px;
  overflow:hidden;
  position:relative;
  background-color:#ECEBEB;
}

div#navbar{
  float:left;
}

div#contentbox{
  width:510px;
  margin-left:220px;
  overflow:hidden;
  background-color: #ECEBEB;
}

div#contentbox p{
  margin-bottom: 0.8em;
}

div#contentbox h1{
  font-size:18px;
  margin-bottom: 1em;
}

div#contentbox h2{
  font-size:16px;
  margin-bottom: 1em;
}

div#contentbox h3{
  font-size:14px;
  margin-bottom: 1em;
}

div#contentbox ul{
  list-style: disc outside;
  margin:15px;
}

div#content{
  padding:10px;
}

div#content.aktuelles img.author{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  border: 1px solid #ccc;
  -moz-box-shadow: 3px 3px 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px #ccc;
  box-shadow: 3px 3px 3px #ccc;
}

div#content.aktuelles div.head{
  overflow:hidden;
}
div#content.aktuelles div.head p{
  margin-bottom: 0.3em;
  line-height:100%;
}

div#content.aktuelles hr{
  margin:15px 0px 25px;
}

div#content.aktuelles div#new_comment table td{
  padding: 3px 15px 3px 0px;
  vertical-align:top;
}

div#content.aktuelles div#new_comment input[type="text"],
div#content.aktuelles div#new_comment textarea{
  padding:2px;
  border:1px solid #CCC;
  width: 280px;
}
div#content.aktuelles div#new_comment input[type="text"]:focus,
div#content.aktuelles div#new_comment textarea:focus{
  border-color: #3472B7;
}

div#content.aktuelles p.comment-date{
  float:right;
  padding:3px;
}
div#content.aktuelles h3.comment-title{
  padding:3px 5px;
  background-color: #ddd;
  margin:0px;
}
div#content.aktuelles p.comment-text{
  margin-bottom:15px;
  padding:5px;
  border: 1px solid #ddd;
  background-color: #fff;
  /* border-bottom:1px solid #ccc; */
}

/* Steckbriefe */

div.vcard{
  width:293px;
  height:117px;
  margin-bottom:15px;
  background-repeat:no-repeat;
  background-position:top left;
  position:relative;
}

div.vcard div.vcard-card{
  width:293px;
  height:117px;
  background-image: url('img/vcard.png');
}

div.vcard div.vcard-content{
  padding-left:150px;
  padding-top:32px;
  line-height:25px;
}

div.vcard div.vcard-content p{
  margin:0px !important;
}

div.vcard div.vcard-name{
  font-family: 'Reenie Beanie', Arial, sans-serif;
  font-size:20px;
  position:absolute;
  top:10px;
  left:150px;
}

div.vcard div.vcard-mail{
  position:absolute;
  right:15px;
  bottom:15px;
}