/* style.css ennstaler-steirerklang.at, petter-web, mai 2008 */

/* Normalisierung -------------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
  margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { 
  font-size:100%; }

ol, ul { 
  list-style:none; }

address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; font-weight:normal; }

table {  
  border-collapse:collapse; border-spacing:0; }

fieldset, img {  
  border:0; }

caption, th {  
  text-align:left; }

q:before, q:after {  
  content:''; }

/* ------------------------------------------------------------------------------------------------------------ */
body { 
  font-size:100.1%;
  background-color:rgb(1,52,88);
  font-family:verdana,sans-serif;
}

div#side {  
  margin:10px auto 10px;
  width:960px;
  background-image:url(../images/hintergrund/side_bg.jpg);
  background-repeat:repeat-y;
  position:relative;
}

/* Branding ------------------------------------------------------------------ */
div#branding {
  width:960px;
  height:256px;
  background-image:url(../images/hintergrund/header_bg.jpg);
  background-repeat:no-repeat;
}

div#branding h1 {  
  text-indent:-9999px;
}

/* Mainnav ------------------------------------------------------------------ */
div#mainnav { 
  width:182px;
  margin:4px 19px 20px 22px;
  padding:10px 0 0px 0px;
  float:right;
  background-image:url(../images/hintergrund/border_top.png);
  background-repeat:no-repeat;
  font-size:0.82em;
}

div#mainnav2 { 
  background-image:url(../images/hintergrund/border_bottom.png);
  background-repeat:no-repeat;
  background-position:bottom;
  padding-bottom:12px;
}

div#mainnav ul {  
  background-image:url(../images/hintergrund/border_center.png);
  background-repeat:repeat-y;
  padding:0 0 0 14px;
  margin:0;
}

div#mainnav ul.sublevel {  
  background-image:none;
  padding:0 0 4px 8px;
  margin:0;
  height:1%; /*fehler ie */
}

div#mainnav a {  
  text-decoration:none;
  color:rgb(20,20,20);
  padding-left:26px;
}

div#mainnav a:hover {  
  color:rgb(219,165,16);
}

div#mainnav li {  
  padding:3px 0 0px 0px;
  margin:1px 0;
}

div#mainnav li.current {  
  background-image:url(../images/hintergrund/list_style_nav.png);
  background-repeat:no-repeat;
  background-position:6px 0px;
}

div#mainnav ul.sublevel li.current {  
  background-image:none;
}

div#mainnav li.current  > a {  
  color:rgb(152,45,3);
  font-weight:bold;
}

div#mainnav ul.sublevel a {  
  font-size:0.8em;
  white-space:nowrap;
}

/* Content ------------------------------------------------------------------ */
div#content, div#content_mitglied {
  margin:0px 0 0px 20px;
  padding:0 0px 0px 19px;
  width:690px;
  min-height:300px;
  font-size:0.75em;
  line-height:1.3em;
  font-size:0.75em;
}

div.video object {
  margin:10px 0 30px 100px;
  display:block;
}

div#content strong, div#content_mitglied strong {  
  font-weight:bold;
  color:rgb(152,45,3);
}

div#content p, div#content_mitglied  p {  
  padding:5px 0;
}

div#content h2, div#content_mitglied  h2 {  
  color:rgb(152,45,3);
  padding:5px 0 10px;
  font-size:1.32em;
  font-weight:bold;
}

div#content h3, div#content_mitglied  h3 {  
  color:rgb(40,40,40);
  padding:10px 0 5px;
}

/* Startseite */
p.startimg {  
  float:right;
}

p.start {  
  position:absolute;
  left:40px;
}

p#start1 {  
  top:256px;
  width:400px;
}

p#start2 {  
  top:320px;
  width:300px;
}

p#start3 {  
  top:400px;
  width:300px;
}

p#start4 {  
  top:446px;
  width:300px;
}

p#start5 {  
  top:480px;
  width:280px;
  text-align:right;
  font-weight:bold;
  font-style:italic;
}

/* Bilder */
div.slideshow {
  text-align:center;
  padding:10px 0 20px 40px;
}

a.fancy {
  text-decoration:none;
}

a.fancy img {
  padding:4px 10px;
}

/* Über uns */
div#content ul.ueberuns {
  margin:20px 0 20px 10px;
}

div#content ul.ueberuns li {
  float:left;
  padding:0 20px 16px;
  width:300px;
}

div#content ul.ueberuns a.text {
  position:relative;
  top:100px;
  left:40px;
  color:rgb(0,0,0);
  text-decoration:none;
  font-weight:bold;
}

div#content ul.ueberuns a.text:hover {
  text-decoration:underline;
  color:rgb(1,52,88);
}

div#content ul.ueberuns img {
  float:left;
}

/* Über uns - Einzelne Mitglieder */
div.img_left {
  width:260px;
  float:left;
  margin:0 46px 0 10px;
}

div.img_left img {
  padding-bottom:10px;
}

div#content_mitglied  h2 {  
  font-size:1.9em;
  font-weight:bold;
}

div#content_mitglied  h3 {  
  padding:10px 0 2px 340px;
}

div#content_mitglied  ul {  
  padding:5px 0 5px 380px;
  list-style:disc;
}

div#content_mitglied  li {  
  padding:1px 0 2px 4px;
}

/* Sponsoren */
p.sponsoren {  
  text-align:center;
}

p.sponsoren a {  
  padding-right:30px;
}

/* Impressum */
p.impressum {  
  margin-left:50px;
}

/* Address ------------------------------------------------------------------ */
div#address, div#additional {
  position:absolute;
  bottom:30px;
  right:19px;
  width:182px;
  font-size:0.69em;
  color:rgb(20,20,20);
  background-image:url(../images/hintergrund/border_top.png);
  background-repeat:no-repeat;
  padding-top:10px;
}

div#address2, div#aktuelles { 
  background-image:url(../images/hintergrund/border_bottom.png);
  background-repeat:no-repeat;
  background-position:bottom;
  padding-bottom:13px;
}

div#address h3, div#aktuelles h3 {  
  background-image:url(../images/hintergrund/border_center.png);
  background-repeat:no-repeat;
  color:rgb(153,45,3);
  padding-left:16px;
  padding-bottom:4px;
}

div#aktuelles strong {
  color:rgb(153,45,3);
}

div#address p, div#additional p {  
  padding:8px 0 0 16px;
  background-image:url(../images/hintergrund/border_center.png);
  background-repeat:no-repeat;
}

div#address a {  
  color:rgb(20,20,20);
  text-decoration:none;
}

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

/* Additional ------------------------------------------------------------------ */
div#additional {
  top:416px;
  height:100px;
}

/* Ankündigung ------------------------------------------------------------------ */
div#ankuendigung {
  position:absolute;
  right:19px;
  width:182px;
  top:396px;
  height:160px;
}

/* Last ------------------------------------------------------------------ */
div#last {
  background-image:url(../images/hintergrund/last_bg.jpg);
  background-repeat:no-repeat;
  width:960px;
  height:31px;
  position:relative;
  clear:both;
}