/* :::: Farben ::::
-> dunkel-blau = #3a4a85
-> normal-Orange = #A80015
-> hell-blau = #9fa6c2
-> Fließtext = #686868
-> bgr = #9ea4c4
*/

/* allgemeine Einstellungen */

* {
  margin: 0;
  padding: 0;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #9ea4c4 url(../images/framework/bgr_verlauf.jpg) 0 0 repeat-x;
}
body
{
	margin: 0;
	padding: 0;
  height: 100%;
	font: normal  12px/15px Verdana, Tahoma, Arial, Geneva;
  color: #686868;
}

.ir {
  font: 0px/0px sans-serif;
  text-indent: -1000px;
  text-decoration: none;
  overflow: hidden;
}

.clr {
	display: block;
	clear: both;
	height: 0px;
	background: #fff url(../images/framework/bgr_verlaengerung.jpg) 0 0 repeat-y;
}

.bold { font-weight: bold; }
/***********************************************
  Seiten-Aufbau
***********************************************/

/*div#content {
  position: absolute;
  left: 50%;
}*/

div#main-wrapper {
  width: 982px;
  height: 100%;
  background: #9ea4c4;
  margin: auto;
}
div#header {
  background: #fff url(../images/framework/bgr_top_home.jpg) 0 0 no-repeat;
  width: 982px;
  height: 368px;
  float: left;
}
div#navi {
  width: 982px;
  height: 20px;
  float: left;
  overflow: hidden;
  margin-bottom: 18px;
}

#navi ul li a{
  text-decoration: none;
  color: #3b3b3b;
  font: normal  16px/22px Verdana, Tahoma, Arial, Geneva;
}

#navi ul li a:hover { color: #a80015; }
#navi ul li a.active { 
  font: bold  16px/22px Verdana, Tahoma, Arial, Geneva;
  background-image: none!important;
}

#navi ul{ margin-left: 206px; }

#navi ul li{
  margin-right: 37px;
  display: inline;
}

div#subnavi {
  margin: 27px 21px 0 60px;
  width: 125px;
  height: 100%;
  float: left;
}

* html div#subnavi { margin: 27px 21px 0 28px; }

div#contentbereich {
	background: #fff url(../images/framework/bgr_verlaengerung.jpg) 0 0 repeat-y;
  width: 982px;
  float: left;
  padding-bottom: 5px;
}

div#footer {
	background: #fff url(../images/framework/bgr_footer.jpg) 0 0 no-repeat;
  width: 982px;
  height: 70px;
}

/* Contentbereich */
div#contentbereich h1 { 
  color: #A80015;
  font: normal  20px/22px Verdana, Tahoma, Arial, Geneva;
}

* html div#contentbereich h1 { margin-left: -5px; }
div#contentbereich p {
  background: #fff url(../images/framework/bgr_figur.jpg) 100px 50% no-repeat;
  margin-top: 10px;
  width: 420px;
  display: block;
  float: left;
}

div#contentbereich ul.contentliste{
  float: left;
  margin: 8px 0 0 14px;
  width: 420px;
  list-style: disc!important;
  overflow: visible;
}

/*
  width: 222px;
  float: right;
  margin: 13px 90px 0 0;
}*/

/*
div#contentbereich .img {
  width: 222px;
  position: relative;
  top: -197px;
  left: 670px;
  height: 170px;
}
*/

div#contentbereich .img {
  width: 222px;
  height: 170px;
  margin: 14px 90px 60px 0;
  float: right;
}

* html div#contentbereich .img {
  margin: 13px 45px 60px 0;
  width: 222px;
  float: right;
  position: static!important;
}

* + html div#contentbereich .img {
  margin: 13px 45px 0 0;
  width: 222px;
  float: right;
  position: static!important;
  margin: 13px 90px 0 0;
}

/* Subnavi */
div#subnavi ul { height: 200px; }
div#subnavi ul li{
  list-style-type: none;
  margin: 5px 0 5px 3px;  
  text-align: right;
  float: right;
  width: 120px;
  
}

div#subnavi p{ margin-top: -10px; }

.links {
  text-decoration: none;
  color: #686868;
  font: normal  12px/15px Verdana, Tahoma, Arial, Geneva;
  margin-left: 12px;
  background: url(../images/framework/bullet_off.gif)  100% 3px no-repeat;
  padding-right: 17px;
  display: block;
}
.links:hover, .links:active { color: #A80015; }
.active { 
  color: #A80015; 
  background: url(../images/framework/bullet_on.gif)  100% 3px no-repeat;
}
#footer ul{
  float: right;
  padding: 15px 90px 0 0;
}
#footer ul li{
  display: inline;
}
/* Footer Navi */
.foot-lnk {
  text-decoration: none;
  color: #6e6e6e;
  font: normal  10px/15px Verdana, Tahoma, Arial, Geneva;
}

.foot-lnk:hover, .foot-lnk:active { color: #A80015; }

/* Tabellen */
#oeffnungszeiten {
  margin-top: 20px;
  float: left;
}

/* Textlinks */
.textlink {
  color: #A80015;
  text-decoration: underline;
}

/* Lightbox-Thumbnails */
.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #9fa6c2;
	border: 1px solid #A80015;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
	.light-thumb, .light-thumb:link{
  text-decoration: none;
  color: #9fa6c2 !important;
  border: 0;
}
a {
  color: #A80015;
  text-decoration: none;
}
a.pdf {
  background: url(../images/framework/ico-pdf.gif) no-repeat 0 0;
  display:block;
  height: 26px;
  width: 400px;
  float: left;
  padding:6px 0 0 35px;
}
a:hover, a.pdf:hover { text-decoration: underline; }

a.pdf-div { margin: 0 0 10px 205px; }

* html a.pdf-div { margin-left: 102px!important; }




table {
  width: 420px;
  float: left;
  margin: 20px 0 25px 0;
  border-collapse:collapse;
}

th, td {
  padding: 7px 6px;
  border: 1px solid #ccc;
  color: #555;
  vertical-align: top;
}

th { color: #A80015; }

td.date { width: 30px; }
td.round { width: 80px; }
td.lnk-lst { width: 130px; }
td.event { width: 250px; }

span {
  display: block;
  width: 390px;
  margin-bottom: 8px;
  padding-left: 8px;
  color: #555;
}


div#mdl-sponsors {
  background: url(../images/framework/img-sponsors-bg-main.gif) repeat-y 0 18px;
  padding-left: 8px;
  width: 600px;
  margin: 80px 0 0 205px;
  height: 200px;
}

div#mdl-top-bg {
  background: url(../images/framework/img-sponsors-bg-top.gif) no-repeat 0 0;
  height: 50px;
  margin-left: -8px;
  width: 100%;
}

div#mdl-sponsors ul {
  display: block;
  margin-top: -33px !important;
  position: absolute;
  padding: 0 !important;
  width: 550px;
  padding-left: 15px;
  overflow: visible;
}

div#spons-abdecker {
  bottom: 16px;
  clear: both;
  height: 1px;
  left: 11px;
  position: absolute;
  width: 493px;
}

div#mdl-sponsors div#mdl-bottom-bg {
  background: url(../images/framework/img-sponsors-bg-bottom.gif) no-repeat 0 -2px;
  clear: both;
  height: 9px;
  margin-left: -8px;
  margin-top: 150px;
  position: absolute;
  width: 515px;
}

div#mdl-sponsors li {
  display: block;
  float: left;
  height: 65px;
  overflow: hidden;
  width: 127px;
}

a#sparkasse { background: url(../images/framework/sponsors/sparkasse.gif) no-repeat 0 -65px; }
a#aktiv-vital { background: url(../images/framework/sponsors/aktiv-vital.gif) no-repeat 0 -65px; }
a#zahnradfabrik { background: url(../images/framework/sponsors/zahnradfabrik.gif) no-repeat 0 -65px; }
a#axa { background: url(../images/framework/sponsors/axa.gif) no-repeat 0 -65px; }
a#autec { background: url(../images/framework/sponsors/autec.gif) no-repeat 0 -65px; }
a#aok { background: url(../images/framework/sponsors/aok.gif) no-repeat 0 -65px; }
a#korkstudio { background: url(../images/framework/sponsors/korkstudio.gif) no-repeat 0 -65px; }
a#beckmann { background: url(../images/framework/sponsors/beckmann.gif) no-repeat 0 -65px; }
a#wessels { background: url(../images/framework/sponsors/wessels.gif) no-repeat 0 -65px; }
a#schroeder { background: url(../images/framework/sponsors/schroeder.gif) no-repeat 0 -65px; }


div#mdl-sponsors li a { 
  height: 65px; 
  width: 127px; 
  display: block; 
  margin-left: -2px;
}

* html div#mdl-sponsors li a { margin-left: -17px; }


div#mdl-sponsors li a:hover { background-position: 0 0!important; }

p.no-pic { background-image: none!important; }
p.ie6 { display: none!important; }
* html p.ie6 { display: inline!important; color: #f00!important; }

ul.lst-gallery li a img { border: 1px solid #A80015; }

div.gradient-contentbox ul{
  display: block;
  float: right;
  padding-right: 119px;
  width: 445px;
}

div.gallery { 
  width: 600px; 
  float: left;
  margin-top: 15px;
  }

ul.lst-gallery li {
  margin: 3px 3px;
	width: 75px;
	float: left;
	list-style: none;
}
table.intext { margin: 20px 206px 25px; }
* html table.intext { margin: 20px 101px 25px; }

table.anmeldung {
  width: 400px !important;
  margin-left: 100px;
}

* html table.anmeldung {
  width: 340px !important;
  margin-left: 10px;
}