/* general.css, braunhofer.at, gerald petter, märz 2010 */

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

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

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 { 
  background-color:rgb(255,251,115);
  font-family: 'trebuchet ms',verdana,sans-serif;
  font-size:100.1%;
  background-image:url(../images/all/body_bg.jpg);
  background-repeat:repeat-x;
  background-position:left top; 
  padding-bottom:0px;
  text-align:center;
  color:rgb(43,43,43);
}

div#side {
  margin:0px auto 0px;
  text-align:left;
  padding:0 0 0px 0;
  width:964px;
  position:relative;
  min-height:300px;
}

strong {
  color:rgb(154,0,11);
  font-weight:bold;
}

/* Branding ------------------------------------------------------------------ */
div#branding {
  height:400px;
}

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

div#branding img#header {
  position:absolute;
  top:14px;
  left:0px; 
}

div#branding img#sommercard {
  position:absolute;
  top:100px;
  right:20px;  
}

div#branding img#logo {
  position:absolute;
  top:228px;
  left:-66px;  
}

/* Hauptmenü ------------------------------------------------------------------ */
div#mainnav {
  position:absolute;
  top:335px;
  left:270px;
  z-index:2;
}

ul.menumain > li {
  display:inline;
  font-size:23px;
  padding:0 8px;
  margin:0px 0px 0px 0px;
  position:relative;
}

ul.menumain li a {  
  color:rgb(154,0,11);
  font-weight:normal;
  text-decoration:none;
}

ul.menumain li a.winter {  
  color:rgb(0,0,68);
  font-weight:normal;
  text-decoration:none;
}

ul.menumain li a:hover {  
  color:rgb(130,130,130);
}

ul.menumain li a.active {  
  color:rgb(154,0,11);
}

ul.menumain ul {
  position:absolute;
  top:24px;
  left:-2px;
  background-color:rgb(255,253,151);
  padding:4px 8px;
  text-align:center;
  min-width:90px;
  list-style:none; 
  display:none;
  z-index:2;
}

ul.menumain ul li {
  font-size:0.8em;
  padding:2px 4px;
  border-bottom:1px solid rgb(154,0,11);
}

ul.menumain ul li:first-child {
  border-top:1px solid rgb(154,0,11);
}

ul.menumain li:hover ul {
  display:block;
}

/* Adresse ------------------------------------------------------------------ */
div#address {
  position:absolute;
  top:380px;
  left:270px;
  background-color:rgb(255,253,151);
  padding:3px 4px 4px;
  font-size:14px;
}

div#address span {
  padding:0 0.5em;
}

/* aktuelles ------------------------------------------------------------------ */
div#news {
  background-image:url(../images/all/news_bg.jpg);
  background-repeat:no-repeat;
  background-position:left top; 
  width:252px;
  margin:20px 0px 0 -6px;
  float:left;
}

div#pictures {
  width:252px;
  margin:20px 0px 0 -6px;
  float:left;
}

div#news h1 {
  padding:20px 24px 6px;
  color:rgb(154,0,11);
  font-size:1.6em;
}

div#news h2 {
  padding:4px 24px 2px;
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
  color:rgb(154,0,11);
}

div#news p {
  padding:2px 35px 2px;
}

div#news p.preis {
  text-align:right;
  font-size:1.1em;
  padding-top:0;
  padding-bottom:0;
  position:relative;
  top:-5px;
}

div#news p.datum {
  text-align:center;
}

div#news hr {
  border-top:dotted 1px rgb(154,0,11);
  border-bottom:transparent;
  width:190px;
}

* + html div#news hr {
  border-top:dotted 1px rgb(154,0,11);
  border-bottom:transparent;
  width:190px;
  color:rgb(255,253,152);
  margin-left:30px;
}
div#news p#news_bottom {
  height:36px;
  width:252px;
  background-image:url(../images/all/news_bg_bottom.jpg);
  background-repeat:no-repeat;
  background-position:left top; 
  padding:0;
}

/* Inhalt ------------------------------------------------------------------ */
div#content {
  font-size:1em;
  margin-left:276px;
  padding:28px 10px 20px 0;
  min-height:500px;
}

div#content_large {
  font-size:1em;
  padding:28px 10px 20px 0px;
  min-height:500px;
  margin-bottom:30px;
}

div#content h1, div#content_large h1 {
  text-indent:-9999px;
  width:670px;
  height:61px;
  z-index:2;
  background-repeat:no-repeat;
  padding-top:0;
}

div#content p, div#content_large p {
  padding:4px 0;
}

div#content p {
  padding-left:18px;
}

div#content h2, div#content_large h2{
  font-size:1.4em;
  padding:16px 0 6px 4px;
  font-weight:bold;
  color:rgb(154,0,11);
}

p.img img{
  border:1px solid rgb(63,189,141);
  padding:2px;
  background-color:rgb(255,255,255);
  float:left;
  margin-right:30px;
  margin-bottom:6px;
}

div#content iframe {
  margin:6px 0;
}

div#content ul.normal, div#content_large ul.normal {
  padding:4px 50px 4px;
}

div#content ul.normal li, div#content_large ul.normal li {
  position:relative;
  padding:3px 0 3px 4px;
}

div#content ul.normal li:before, div#content_large ul.normal li:before {
  content:"-";
  position:absolute;
  top:2px;
  left:-10px;
  color:rgb(154,0,11);
  font-weight:bold;
}

div#content table {
  margin:4px 0px 20px 80px;
}

div#content table tbody {
  border-bottom:1px solid rgb(154,0,11);
}

div#content table th {
  border-bottom:1px solid rgb(154,0,11);
  text-align:center;
}

div#content table td {
  padding:4px 30px;
}

div#content table td.preis {
  text-align:center;
  font-weight:bold;
  color:rgb(154,0,11);
}

div#content table td.preis span {
  font-weight:normal;
  font-size:0.8em;
}

/* Startseite */
div.start {
  position:relative;
  margin:0 0 28px 0;
}

div#content div.start h1 {
  position:absolute;
  top:145px;
  left:128px;
  text-indent:0;
  width:520px;
  height:61px;
  z-index:2;
  background-repeat:no-repeat;
}

div#content div.start h1 span {
  text-indent:-9999px;
  display:block;
}

div.start p.img {
  width:300px;
  height:200px;
}

div.start p.text {
  position:absolute;
  top:110px;
  left:314px;
  z-index:2;
  font-size:24px;
  color:rgb(43,43,43);
}

/* Freizeit */
div#content_large ul.freizeit {
  min-height:160px;
}

div#content_large ul.freizeit li {
  clear:both;
}

ul.freizeit h1 {
  text-indent:-9999px;
  width:520px;
  height:61px;
  background-repeat:no-repeat;
  background-position:left top; 
  margin-left:270px;
}

ul.freizeit p {
  padding:3px 0;
}

/* Impressum */
div#content div.impressum1 h2, div#content div.impressum2 h2 {
  font-size:1.4em;
  padding:12px 0 6px 4px;
}

div#content div.impressum1 h3, div#content div.impressum2 h3 {
  padding:8px 0 2px 20px;
  font-size:1.0em;
  font-weight:bold;
  font-style:normal;
  color:rgb(154,0,11);
}

div#content div.impressum1 p {
  padding-left:50px;
}

div.impressum2 {
  margin-top:10px;
}

div#content div.impressum2 p {
  font-size:0.9em;
  padding:5px 10px 5px 40px;
}