@charset "utf-8";
/* 
	Farben: e2001c rot
	        4f7c13 grün
	        background: #f4f5f5;
*/	

* {
	padding: 0px;
	margin: 0px;
}

body {
 	background: #dddcd5 url(/_img/layout/bgr_body.gif) repeat-y 50% 0;
 	font: normal 12px/18px Verdana;
	color: #444;
}

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

.clr {
	display: block;
	clear: both;
	height: 0px;
}



.prozent {
	font: 50px/70px Verdana;
	color: #333;
	margin-top: 0px;
	margin-bottom: 20px;
}

h2 {
	font: bold 16px/20px Verdana;
	color: #333;
	margin-top: 0px;
	display: block;
	margin-bottom: 20px;
}

h3 {
	font: bold 14px/16px Verdana;
	color: #666;
	margin-bottom: 16px;
	display: block;
}

h4 {
	font: bold 12px/17px Verdana;
	color: #666;
	display: block;
	margin-bottom: 12px;
}

p {
	font: normal 12px/18px Verdana;
	color: #444;
	margin-bottom: 17px;
}

div#main-wrapper {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

div#head {
  width: 960px;
  height: 280px;
}

/* Main-Menü */
div#main-menu{
  width: 960px;
  height: 44px;
  position: relative;
  top: -6px;
  float: left;
}

div#main-menu ul{ width: 960px; }

li.mainmenu-li { display: inline; list-style: none; float: left;}

li.mainmenu-li a{ 
  display: block;
  text-decoration: none;
  height: 37px;
  margin-top: 7px;
  background-position: 0 -78px!important;
 }

li.mainmenu-li a:hover {
  background-position: 0 -41px!important;
}

li.mainmenu-li a.active {
  height: 41px;
  margin-top: 3px!important;
  background-position: 0 0!important;
}

li.inactive { margin-right: 171px; float: right; }
li.active { float: right; }

/* ENDE */

/* Bereichsauswahl */
div#regio-menu {
  width: 172px;
  height: 242px;
  float: right;
}

* + html div#content-wrapper { margin-top:29px!important; padding-bottom: 25px;}

li.regio-li { list-style: none; margin-top: 10px; }

li.regio-li a{ 
  display: block;
  width: 150px; 
  height: 65px;
  text-decoration: none;
  margin-left: 10px;
  margin-top: 10px;
  border: 1px solid #b2b2b2;
}

li.regio-li a span {
  padding-top: 8px;
  padding-left: 7px;
  display: block;
  font: normal 9px/12px Verdana;
  color: #7c7c7c;
  width: 100%;
  height: 100%;
  letter-spacing: 1px;
}

a span:hover { font-weight: bold!important; color: #e2001a!important; letter-spacing: 1px;}
a span.active { color: #e2001a!important; font-weight: bold!important; }



 li.regio-li a.active {
  width: 150px;
  height: 65px;
  cursor: default!important;
}

li.regio-li a.active {
  width: 150px;
  height: 65px;
  cursor: default!important;
}

a#all-tri { background: url(/_img/layout/logo-all-tri.gif) no-repeat 0 0; }
a#all-hai { background: url(/_img/layout/logo-webshop.gif) no-repeat 0 0; }
a#altenried-mode { background: url(/_img/layout/logo-altenried-mode.gif) no-repeat 0 0; }



div#regionenen { 
  width: 172px;
  height: 242px;
  float: right;
  background: #fff;
}
/* ENDE Bereichsauswahl */

div#content-wrapper {
  width: 958px;
  height: auto;
  float: left;
  margin-top: 23px;
  margin-bottom: 0px;
  border: 1px solid #d9d7d7;
  background: url(/_img/layout/bg-content-wrapper.gif)  repeat-y 50% 0;
  
}

div#submenu {
  width: 180px;
  float: left;
  border-right: 1px solid #d9d7d7;
}

div#submenu li {
  list-style: none;
  background: url(/_img/layout/bgr-liste.gif) no-repeat;
  padding-left: 20px;
  padding-top: 10px;
  /*height: 14px;   */
}

div#submenu li a{
  text-decoration: none;
  font: normal 12px/20px Verdana;
	margin-top: 0!important;
	padding-left: 0!important;
	color: #666;
}

div#submenu li a.last {
  font: normal 12px/15px Verdana;
	margin-bottom: 12px !important;
  }



div#submenu a{
  text-decoration: none;
  font: bold 12px/16px Verdana;
	padding-left: 20px;
	height: 15px;
	display: block;
	margin-top: 16px;
	color: #666;
}

div#submenu a.active{
  color: #e2001c;
  text-decoration: none;
}

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

div#submenu li.first-child a{
  font: bold 12px/16px Verdana;
	padding-left: 0!important;
	margin-top: 0!important;
}

div#submenu li.first-child a.nachsub {
  font: bold 12px/45px Verdana;
}



div#submenu li.first-child {
  background-image: none!important;
  margin-bottom: 8px!important;
  margin-left: -24px!important;
  padding-top: 0!important;
}


div#submenu ul {
  margin-top: 15px;
  padding: 0 20px 0 20px;
  width: 140px;
  background: #fff;
 }


div#submenu ul.submenu {
  border-top: 1px solid #d9d7d7;
  border-bottom: 1px solid #d9d7d7;
  margin-top: 15px;
  padding: 15px 20px 9px 20px;
  width: 141px;
  background: #fff;
}


div#submenu ul.submenu-pad {
  border-top: 1px solid #d9d7d7;
  border-bottom: 1px solid #d9d7d7;
  margin-top: 15px;
  padding: 15px 20px 15px 20px;
  width: 141px;
  background: #fff;
}



div#content {
  width: 475px;
  float: left;
  padding: 8px 35px 35px 35px;
}

div#content div#navipfad  {
  font: normal 10px/14px Verdana;
	color: #888;
	margin-bottom: 20px;
}

div#content div.absatz  {
  border-bottom: 1px solid #d9d7d7;
  margin-bottom: 20px;
 }

div#content div.news  {
  border-bottom: 1px solid #d9d7d7;
  padding: 20px 0 20px 0;

 }
 
 div#content div.news ul.link,
  div#content div.news ul.link li  {
  margin-bottom: 0px;
 }
 
 
 div#content div.news span.presse {
  font: normal 11px/16px Verdana;
  margin-bottom: 12px;
 }



div.img-float img {
float:left;
margin: 6px 15px 0px 0;
}

div.img-float-right img {
float:right;
margin: 0px 0px 15px 6px;
}




div.teaserbox {
  height: auto;
  float: left;
  margin-bottom: 25px;
  margin-top: 25px;
  border: 1px solid #d9d7d7;
  padding: 10px;
  }

div.teaserbox p {
  width: 180px;
  margin: 10px 0 0 0;
  font: normal 11px/15px Verdana;
	color: #888;
}

div.teaserbox h3 {
	margin-bottom: 10px;

}

div.teaserbox-logos {
height: auto;
float: left;
margin-top:0;
margin-bottom: 25px;

  /*border: 1px solid #d9d7d7;*/
}

div.teaserbox-logos-m {
margin-bottom: 25px;
margin-left: 22px; 
}


div.top-40px {
 margin-top: 40px !important;
}
.margin-22px {
margin-left: 50px;}

a.teaser-lnk {
  text-decoration: none;
  color: #e2001c;
  width: 40px;
  display: block;
}

a.content-lnk {
  text-decoration: underline;
  color: #000;
  font: bold 12px/16px Verdana;
	color: #000;
}

div#footer {
  border-bottom: 1px solid #d9d7d7;
  width: 960px;
  float: left;
  padding-bottom: 0px;
}

div#footer li, div#footer p{
  font: normal 12px/16px Verdana;
	color: #999;
	list-style: none;
	padding-left: 8px;
	text-decoration: none;
}

div#footer li a, div#footer p a{
  font: normal 12px/16px Verdana;
	color: #999;
	text-decoration: none;
}

div#footer ul, div#footer p {
  margin-top: 30px;
  float: left;
}

div#footer p.kontakt {
  margin-left: 116px;
  margin-bottom: 15px;
}

a:hover { text-decoration: underline; }

li { list-style: none; }

span.sponsoren,
span.sponsoren a {
font-size: 9px;
color: #999;
margin-bottom: 0;
text-decoration: none;
}

span.sponsoren a:hover {
color: #e2001c;
text-decoration: underline;
}


div#partner {
margin-bottom: 50px;
margin: -26px auto;
    
}


div#partner li{ display: inline!important; }

div#partner li a{
  text-decoration: none;
  /*width: 272px;*/
  height: 85px;
  margin-top: 30px;
  margin-left: 30px;
  display: block;
  float: left;
}
div#partner li a.first { margin-left: 0!important; }



div#partner li a span {
  padding-top: 37px;
  display: block;
  font: normal 11px/16px Verdana;
	color: #666;
	text-align: center;
}

table { margin-left: -42px; }
tr { margin-bottom: 5px; }
td {
  font: normal 12px/20px Verdana;
	color: #444;
	padding: 0 0 7px 42px;
	vertical-align: top;

}

div.center {
  text-align: center;
}

span.text-11 {
  font: normal 11px Verdana;
}


div#content ul {
margin-bottom: 17px;
}

div#content a {
text-decoration: none;
color: #e2001c;
}

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

div#content ul li {
background: url(/_img/layout/ico-arrow-content-black.gif) no-repeat 0 6px;
padding-left:10px;
margin-bottom: 6px;
}




div#content ul.link li {
background: url(/_img/layout/ico-arrow.gif) no-repeat 0 6px;
}

a.back {
background: url(/_img/layout/ico-arrow-back.gif) no-repeat 0 5px;
padding-left: 12px;
}


a:hover,
div#footer a:hover,
div#partner li a:hover span,
div#submenu a:hover { color: #e2001c; text-decoration: underline;}

div#submenu li a.active  { color: #e2001c; text-decoration: none;}

a.teaser-lnk { background: url(/_img/layout/ico-arrow.gif) no-repeat 100% 58%; }


div#aenderungen  {
  font: normal 10px/14px Verdana;
	color: #888;
	margin-top: 50px;
	padding: 10px;
	border: 1px solid #d9d7d7;
}


.text-rot {color: #e2001c;}

table.formular {
background: #efefef;
padding: 10px 10px 10px 0px;
margin: 0px !important;
border: solid 1px #ccc;
width: 650px;
padding-left: 0px;
}

table.formular td.label {

border-bottom: 1px solid #ddd;
padding: 7px 0 0 20px;
}


table.formular td.label-head {
padding: 7px 0 10px 20px !important;
}

table.formular td.input {
padding: 7px 0 0 0;
}



table.formular-presse {
background: #efefef;
padding: 10px 10px 10px 0px;
margin: 0px !important;
border: solid 1px #ccc;
width: 520px;
padding-left: 0px;
}

table.formular-presse td.label {
width: 200px;
border-bottom: 1px solid #ddd;
padding: 7px 0 0 20px;
}


table.formular-presse td.label-head {
width: 200px;
padding: 7px 0 10px 20px !important;
}

table.formular-presse td.input {
width: 300px;
padding: 7px 0 0 0;
}


table.formular-presse input.form-input-text {
font: normal 13px Verdana;
height: 18px;
background-color :#fff;
color: #000;
border: 1px solid #333;
width: 260px;
}


table.formular-toggle {
background: #efefef;
padding: 0px 10px 10px 0px;
margin: 0px !important;
border: solid 1px #ccc;
width: 520px;
padding-left: 0px;
}

table.formular-toggle td.label {
width: 200px;
border-bottom: 1px solid #ddd;
padding: 7px 0 0 20px !important;
}


table.formular-toggle td.label-head {
width: 200px;
padding: 0 0 10px 20px !important;
}

table.formular-toggle td.input {
width: 300px;
padding: 7px 0 0 0 !important;
}


.form-input-text {
font: normal 13px Verdana;
height: 18px;
background-color :#fff;
color: #000;
border: 1px solid #333;

}

.form-input-text-rot {
font: normal 13px Verdana;
height: 18px;
background-color :#fff;
color: #000;
border: 1px solid #e2001c;

}

.rot {color:#e2001c;}
.rot-form {border: 1px solid #e2001c !important;  }

ul.druck {
margin: 20px 0 0 20px;
} 


.plz {
width: 70px;
}

.ort {
width: 180px;
}
.sonstiges {
width: 240px;
}


.form-textarea {
font: normal 13px Verdana;
background-color :#fff;
color: #000;
border: 1px solid #333;
}

.form-submit {
font: normal 13px Verdana;
height: 22px;
width: 150px;
background-color: #ccc;
color: #000;
border: 1px solid #333;
 }


 .form-select {
width: 260px;
font: normal 13px Verdana;
height: 22px;
background-color :#fff;
color: #000;
border: 1px solid #333;
}



.form-select-tag {
width: 60px;
font: normal 13px Verdana;
height: 22px;
background-color :#fff;
color: #000;
border: 1px solid #333;
}

.form-select-monat {
width: 120px;
font: normal 13px Verdana;
height: 22px;
background-color :#fff;
color: #000;
border: 1px solid #333;
}

.form-select-jahr {
width: 80px;
font: normal 13px Verdana;
height: 22px;
background-color :#fff;
color: #000;
border: 1px solid #333;
}
 
table.zeitlimit {
margin: 6px 0 18px 0px;
width: 475px;
border: 1px solid #aaa;
border-collapse:collapse;
}

table.zeitlimit td {
  font: normal 12px/20px Verdana;
	color: #444;
	vertical-align: top;
	border:1px solid #aaa;
  padding: 5px;
  vertical-align:top;
  }

table.zeitlimit td.uhrzeit {
  text-align: right;
  vertical-align:top;
  width: 115px;
  }
 
table.startliste {
  margin: 6px 0 18px 0px;
  width: 600px;
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse:collapse;
}

table.startliste th {
  padding: 7px;
}


table.startliste td {
  font: normal 10px/14px Verdana;
	color: #444;
	vertical-align: top;
	border:1px solid #aaa;
  padding: 2px 5px 2px 5px;
  vertical-align:top;
}
  
  
table.meldungen {
  margin: 7px;
  width: 99%;
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse:collapse;
}

table.meldungen th {
  padding: 7px;
}


table.meldungen tr.bestaetigt {
background-color: #99CC99;
}

table.meldungen tr.bestaetigtolymp {
background-color: #99CCFF;
}


table.meldungen tr.absage {
background-color: #eee;
color: #aaa;
}
table.meldungen td.absage {
color: #aaa;
}
table.meldungen td.absage a {
color: #aaa !important;
}


table.meldungen td {
  font: normal 11px/16px Verdana;
	color: #444;
	vertical-align: top;
	border:1px solid #aaa;
  padding: 2px 5px 2px 5px;
  vertical-align:top;
}
  
  
.fehler {color: red;}
  
  
  div#main-wrapper-popup {
	width: 600px;
	height: auto;
	margin: 0 auto;
	}
	
	div#content-wrapper-popup {
  width: 550px;
  height: auto;
  float: left;
  margin: 5px;
  }
  
  div#content-wrapper-popup h3 {
	font: bold 14px/20px Verdana;
	
}

div#content-wrapper-popup h4 {
	font: bold 12px/16px Verdana;

}