/* (default) CSS for doelsach.at */

@import url(/styles/fixes.css);                       /* various fixes */
@import url(/styles/layout.css);                      /* basic layout */


html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

body {
  padding: 0 376px 0 376px;                           /* the critical side padding that sets the natural min-width! */
  color: #333;
  text-align: center;                                 /* centers the #sizer element in IE5.x/win */
  background: #FFDFC3 url(/images/layout/body-bg.gif) repeat-x;
  margin: 3px 0 0 0;
}

body, td, input, textarea {
  font-family: verdana, tahoma, georgia, sans-serif;
  font-size: 11px;
}

label {
  float: left;
  margin-right: 5px;
  padding-top: 3px;

  width: 85px;
  text-align: right;
}

.filesize {
  font-size: 9px;
  color: #666;
}

.error, .success {
  padding: 12px 7px;
  font-size: 11px;
}

.error {
  background: #F8E7E7;
  color: #990000;
}

.txterror {
  color: #990000;
  font-weight: bold;
}

.success {
  background: #D9F0DC;
  color: #1CA62F;
}

.mr {
  margin-left: 91px;
}

input, textarea {
  background: #fff;
  border: 1px solid #333;
  padding: 1px;
}

textarea {
  overflow: auto;
}

table {
  border-collapse: collapse;
}

th {
  background: #FFBA75;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #4882ED;
  text-decoration: none;
}

.fl {
  float: left;
  margin: 0 5px 5px 0;
}

hr {
  color: #FFDFC3;
  background-color: #FFDFC3;
  height: 1px;
  border: 0;
}

.searchResult {
  margin: 20px 0 0 15px;
}

.searchResult li {
  margin: 0 0 20px 0;
}

ul[class=searchResult] li {
  margin: 0 0 10px 0;
}

.odd {
  background: #fff;
}

.even {
  background: #FFF3ED;
}

.orange_border {
  border: 2px solid #FF9434;
}

.uppercase {
  text-transform: uppercase;
  font-weight: normal;
}

.logo {
  margin: 26px 0 10px 9px;
}

#content {
  text-align: left;
  overflow: visible;
  width: 100%;
  background-color: #fff;
}

#content p {
  margin: 10px 0;
}


.textpadder {
  position: relative;
  padding: 8px 8px 30px 8px;
}

.textpadder .back,
.textpadder .back:hover {
  position: absolute;
  right: 9px;

  color: #4882ED;
  font-size: 9px;
  letter-spacing: 1px;
  text-decoration: none;
}

.textpadder .next,
.textpadder .next:hover {
  position: absolute;
  left: 9px;

  color: #4882ED;
  font-size: 9px;
  letter-spacing: 1px;
  text-decoration: none;
}

.textpadder .top {
  top: 10px;
}

.textpadder .bottom {
  bottom: 10px;
}

.contentbox {
  border: 1px solid #FFDFC3;
  padding: 1px;
}

.contentbox a {
  color: #333;
  text-decoration: underline;
}

.contentbox a:hover {
  color: #4882ED;
  text-decoration: underline;
}



h2 {
  background: url(/images/layout/h2-bg.gif) top left no-repeat;
  font-size: 9px;
  font-weight: bold;
  padding: 2px 0 2px 10px;
  margin: 0;
}

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


/*************** Main Menu **********************************/

#mainmenu {
  width: 752px;
  height: 42px;
  background: #fff;
  border: 1px solid #FF9434;
  border-width: 1px 0 0 1px;
}

#mainmenu ul, #mainmenu ul li {
  margin: 0;
  padding: 0;
}

#mainmenu ul {
  list-style-type: none;
}

#mainmenu ul li {
  float: left;
  font-size: 10px;
  text-align: center;
}

#mainmenu ul li a {
  display: block;
  padding: 4px 0;
  width: 187px;
  border: 1px solid #FF9434;
  border-width: 0 1px 1px 0;

  background: #fff;
  color: #4882ED;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
}

#mainmenu ul li a.mactive {
  background: #FF9434;
  color: #4882ED;
}

#mainmenu ul li a:hover {
  background: #FF9434;
  color: #000;
}

#breadcrumb {
  position: relative;
  background: #FFCC99;
  color: #333;
  padding: 6px 0;
  font-size: 9px;

  height: 25px; /* nur IE 5.x */
  voice-family: "\"}\"";
  height: auto; /* alle anderen User-Agents */
  voice-family: "\"}\"";
}

#breadcrumb p {
  margin: 0 0 0 190px;
  text-align: left;
}

#breadcrumb em {
  display: block;
  position: absolute;
  top: 5px;
  font-style: normal;

  left: 590px; /* nur IE 5.x */
  voice-family: "\"}\"";
  left: 220px; /* alle anderen User-Agents */
  voice-family: "\"}\"";
}

#breadcrumb > em {
  left: 600px;
}



/*************** Header and Footer elements *****************/

.header {
  width: 752px;
  height: 113px;
}

.footer {
  width: 100%;
  clear: both;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 9px;
}

.footer em {
  display: block;
  width: 100%;
  padding: 4px 0;
  margin: 0;

  font-style: normal;
  background: url(/images/layout/footer-bg.jpg) top center no-repeat;
}

.footer p {
  padding: 3px 0;
  margin: 0;
  background: #FFCC99;
}



/*************** Columns ************************************/

.container-left ul,
.container-right ul {
  background: url(/images/layout/side-menu-bg.gif) no-repeat;
}

.container-left ul li,
.container-right ul li {
  background: url(/images/layout/side-menu-bg.gif) bottom left no-repeat;
  padding: 8px 8px 8px 20px;
}

.container-left ul li a,
.container-right ul li a {
  display: block;

  padding: 0 0 0 20px;
  text-decoration: none;
}

.container-left ul li a {
  background: url(/images/layout/arrow-right-bright.gif) no-repeat;
}

.container-left ul li a:hover,
.container-left ul li a.active,
.container-right ul li a:hover {
  color: #4882ED;
  text-decoration: none;
}

.container-left ul li a:hover,
.container-left ul li a.active {
  background: url(/images/layout/arrow-right.gif) no-repeat;
  text-decoration: none;
}

.container-left ul li a.active {
  font-weight: bold;
}

.container-left h4,
.container-right h4 {
  background: url(/images/layout/arrow-right.gif) 20px 8px no-repeat;
  padding: 8px 8px 8px 40px;
  margin: 0;

  color: #4882ED;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
}

.container-left .h4-margin,
.container-right .h4-margin {
  margin: 20px 0 0 0;
}

.container-left .contact {
  margin: 0 0 0 40px;
}

.verein-right h4 {
  background: none;
  padding: 8px 8px 0 9px;
}

.verein-right p {
  background: none;
  padding: 0 0 0 9px;
  margin: 10px 0;
}

td em {
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  color: #4882ED;
  letter-spacing: 1px;
}


/* Sonstige */

/*
a[href$='.pdf'] {
	padding: 5px 0px 5px 30px;
	background: transparent url('/images/layout/icon_pdf.gif') no-repeat center left;
	}
*/	
.pdf-link {
	padding: 5px 0px 5px 30px; 
	background: transparent url('/images/layout/icon_pdf.gif') no-repeat center left;
	}

/* News */

.news h3 {
  color: #4882ED;
  margin: 0 0 10px 0;
}

.news .textpadder {
  padding: 8px 8px 10px 8px;
}

.news .textpadder .contentbox {
  height: 108px;
}

body > .news .textpadder .contentbox {
  height: auto;
  min-height: 108px;
}

.news .textpadder .back {
  color: #333;
  font-style: normal;
  letter-spacing: normal;
}

.news .fl {
  display: block;
  margin: 0;
  width: 156px;
  height: 105px;
  float: left;
}

.news h3 a {
  color: #4882ED;
}



/* Geschichte trifft Zukunft
--------------------------------------------------- */

.geschichte-trifft-zukunft {
}

.geschichte-trifft-zukunft .contentbox {
	background-color: #F2F0E3;
	border: 0px;
	padding: 3px;
}


.geschichte-trifft-zukunft h3 {
  color: #A0002E;
  margin: 0 0 10px 0;
}

.geschichte-trifft-zukunft .textpadder {
  padding: 8px 8px 20px 8px;
}

.geschichte-trifft-zukunft .textpadder .contentbox {
  height: 120px;
}

body > .geschichte-trifft-zukunft .textpadder .contentbox {
  height: auto;
  min-height: 120px;
}

.geschichte-trifft-zukunft .textpadder .back {
  color: #333;
  font-style: normal;
  letter-spacing: normal;
}

.geschichte-trifft-zukunft .fl {
  display: block;
  margin: 0;
  width: 156px;
  height: 105px;
  float: left;
}

.geschichte-trifft-zukunft h3 a {
  color: #A0002E;
}

.geschichte-trifft-zukunft h2 {
 /* background: url(/images/layout/h2-bg.gif) top left no-repeat; */
  background:none;
  margin-left:0px;
  padding-left:0px;
  color:#E1D5BD;
}

/* Tooltip Formatierungen */

div#tipDiv {
 font-family: verdana;
 font-size: 11px;
 position: absolute;
 visibility: hidden;
 z-index: 10000;
 left: 20px; 
 top: 20px;
 width: 220px;

 background: #F7F3F7;
 border: 1px solid #FF9434;
 margin: 6px 0 0 6px;
}

div#tipDiv .pm_titel {
 background: #FF9434;
 padding: 2px;

 text-align: center;
 color: #02276D;
 font-size: 11px;
 font-weight: bold;
}

div#tipDiv .pm_content {
 padding: 4px;
 color: #02276D;
 font-size: 10px;
}

div#tipDiv .pm_footer {
 background: #FF9434;
 padding: 2px;

 text-align: center;
 color: #fff;
 font-size: 10px;
 font-weight: bold;
}