/* style.css, schladming.at,  gerald petter, oktober 2009 */

/* 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, 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 { 
  position:absolute;
  top:50%;
  left:50%;
  font-size:100.1%;
  background-color:rgb(204,204,204);
  font-family:verdana,sans-serif;
}

div#side {  
  margin:-250px 0 0 -365px; /* 5 bilder: margin:-250px 0 0 -457px;, 4 bilder: margin:-250px 0 0 -365px;*/
  height:500px;
  background-color:rgb(255,255,255);
}

/* Branding ------------------------------------------------------------------ */
div#branding {
  height:118px;
  position:relative;
}

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

div#branding img.branding_left {  
  position:absolute;
  top:0px;
  left:0px;
}

div#branding img.branding_right {  
  position:absolute;
  top:0px;
  left:596px; /* 5 bilder: 913-134=779, bei 4 bildern: 730-134=596, wegen fehler in ie7 geht right nicht */
}

/* Mainnav ------------------------------------------------------------------ */
div#mainnav { 
  width:732px; /* 5 bilder: 915px, 4 bilder: 732px */
  margin-right:-2px;
}

div#mainnav > ul > li {  
  display:block;
  width:177px;
  height:20px;
  float:left;
  background-color:rgb(152,24,27);
  margin-right:2px;
  padding:5px 0 0 4px;
  line-height:0.9em;
  position:relative; 
}

div#mainnav > ul > li:hover {  
  background-color:rgb(115,32,42);
}

div#mainnav ul > li a { 
  color:rgb(255,255,255);
  text-transform:uppercase;
  text-decoration:none;
  font-size:0.8em;
}

div#mainnav li ul {
  position:absolute;
  top:24px;
  left:0px;
  display:none;
  width:181px;
  height:60px;
  background:url(../images/submenu.png) no-repeat;
  z-index:4;
  padding:4px 15px;
  text-align:left;  
  color:rgb(152,24,27);
  font-size:0.9em; 
  font-weight:bold;
}

div#mainnav li:hover ul {
  display:block;
}

div#mainnav li li {
  padding-top:3px;
}

div#mainnav li ul  a {
  color:rgb(152,24,27);
  font-size:0.9em; 
  font-weight:normal;
  text-decoration:none;
}

div#mainnav li li a:hover{
  color:rgb(99,6,17);
}

/* Content ------------------------------------------------------------------ */
div#content {
  width:732px; /* 5 bilder: 915px, 4 bilder: 732px */
  margin-left:-2px;
}

div#content p {
  padding-top:2px;
}

p.img {
  float:left;
  margin-left:2px;
}