/* Eric Meyer v1.0 - 2008-02-12 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;font-weight: normal;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* CSS Ludger Müller, artbeit.de, für Stiftung Kleines Bürgerhaus 2009 */

body{
  background: #ffffff url(/layoutbilder/balken_bg.png) repeat-x;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
}
/* Container */

#rahmen{
  width: 960px;
  background: #ffffff url(/layoutbilder/bg_wrapper.png) no-repeat;
  margin: 0 auto;
  min-height: 600px;
}
#kopf{
  padding: 20px 0 0 10px;
  height: 116px;
  margin: 0 0 40px 0;
}
#vnavspalte{
  width: 190px;
  margin: 0 ;
  float: left; 
}
#bilderspalte{
   float: right; 
  width: 280px;
}
#fuss{
  clear: both;
  text-align: center;
  padding: 40px 0;

}
/* Formate 
1) Navigation mit  phark 
* zuerst peakaboo hack
*/

#vnavspalte ul  a{
  display: block; 
  text-decoration: none;
  font-size: 12px;
  line-height: 180%;
  margin: 0 0 10px 0;
  height: 25px;
  text-indent: -999em; 
  width: 163px;
  margin-left: 10px;    
}

#vnavspalte ul a:link, #vnavspalte ul a:visited {
  color: #737373;
  
}
#vnavspalte ul a:focus, #vnavspalte ul a:hover, #vnavspalte ul a:active {
color: #da002e;

}
#vnavspalte a.current{
  font-weight: bold;
  color: #da002e;
  
}

/* einzelne Navpunkte ersetzen
1: Stiftung */
#vnavspalte ul a#stiftung:link, #vnavspalte ul a#stiftung:visited {
  color: #737373;
  background: transparent url(/layoutbilder/stiftung.png) no-repeat 0 0;
}
#vnavspalte ul a#stiftung:focus, #vnavspalte ul a#stiftung:hover, #vnavspalte ul a#stiftung:active {   
background: transparent url(/layoutbilder/stiftung.png) no-repeat 0 -25px;
}

#vnavspalte ul a#stiftung.current,#vnavspalte ul a#stiftung.current:visited{
background: transparent url(/layoutbilder/stiftung.png) no-repeat 0 -25px;
  }
/* scheinbar unscheinbar */
#vnavspalte ul a#scheinbar:link, #vnavspalte ul a#scheinbar:visited {
  color: #737373;
  background: transparent url(/layoutbilder/scheinbar.png) no-repeat 0 0;
}
#vnavspalte ul a#scheinbar:focus, #vnavspalte ul a#scheinbar:hover, #vnavspalte ul a#scheinbar:active {   
background: transparent url(/layoutbilder/scheinbar.png) no-repeat 0 -25px;
}

#vnavspalte ul a#scheinbar.current,#vnavspalte ul a#scheinbar.current:visited{
background: transparent url(/layoutbilder/scheinbar.png) no-repeat 0 -25px;
  }
/* Kleines Bürgerhaus */  
#vnavspalte ul a#buergerhaus:link, #vnavspalte ul a#buergerhaus:visited {
  color: #737373;
  background: transparent url(/layoutbilder/buergerhaus.png) no-repeat 0 0;
}
#vnavspalte ul a#buergerhaus:focus, #vnavspalte ul a#buergerhaus:hover, #vnavspalte ul a#buergerhaus:active {   
background: transparent url(/layoutbilder/buergerhaus.png) no-repeat 0 -25px;
}
#vnavspalte ul a#buergerhaus.current,#vnavspalte ul a#buergerhaus.current:visited{
background: transparent url(/layoutbilder/buergerhaus.png) no-repeat 0 -25px;
  }
/* Publikationen */
  #vnavspalte ul a#publikationen:link, #vnavspalte ul a#publikationen:visited {
  color: #737373;
  background: transparent url(/layoutbilder/publikation.png) no-repeat 0 0;
}
#vnavspalte ul a#publikationen:focus, #vnavspalte ul a#publikationen:hover, #vnavspalte ul a#publikationen:active {   
background: transparent url(/layoutbilder/publikation.png) no-repeat 0 -25px;
}
#vnavspalte ul a#publikationen.current,#vnavspalte ul a#publikationen.current:visited{
background: transparent url(/layoutbilder/publikation.png) no-repeat 0 -25px;
  }
  
  /* Zustiftungen */
#vnavspalte ul a#zustiftungen:link, #vnavspalte ul a#zustiftungen:visited {
  color: #737373;
  background: transparent url(/layoutbilder/zustiftungen.png) no-repeat 0 0;
}
#vnavspalte ul a#zustiftungen:focus, #vnavspalte ul a#zustiftungen:hover, #vnavspalte ul a#zustiftungen:active {   
background: transparent url(/layoutbilder/zustiftungen.png) no-repeat 0 -25px;
}

#vnavspalte ul a#zustiftungen.current,#vnavspalte ul a#zustiftungen.current:visited{
background: transparent url(/layoutbilder/zustiftungen.png) no-repeat 0 -25px;
  }
  
/* Links */  
#vnavspalte ul a#links:link, #vnavspalte ul a#links:visited {
  color: #737373;
  background: transparent url(/layoutbilder/links.png) no-repeat 0 0;
}
#vnavspalte ul a#links:focus, #vnavspalte ul a#links:hover, #vnavspalte ul a#links:active {   
background: transparent url(/layoutbilder/links.png) no-repeat 0 -25px;
}
#vnavspalte ul a#links.current,#vnavspalte ul a#links.current:visited{
background: transparent url(/layoutbilder/links.png) no-repeat 0 -25px;
  }

/*
2) Inhaltsbereich 
*/
#bilderspalte div{
  margin: 4px 0 10px 0;

}
#bilderspalte div.bildleiste{
  margin: 4px 0 10px 0;
  text-align: center;
  
}
#bilderspalte p{
  font-style: italic;
  font-size:11px;
  line-height: 140%;

}
h1 { 
font-size: 16px;
font-weight: bold;
color: #da002e;
background-color: transparent;
margin: 0 0 10px 0;
 }
h2 { font-size: 12px;
font-weight: bold;
color: #da002e;
background-color: transparent;
margin: 10px 0 10px 0;
}
h3, h4, h5 { font-size: 12px;
font-weight: normal;
color: #da002e;
background-color: transparent;
margin: 0 0 10px 0;
} 

#inhalt p{
  font-size: 12px;
  line-height: 160%;
  margin: 0 0 1em 0;
  
}
#inhalt ul{
    font-size: 12px;
  line-height: 160%;
  list-style-type: disc;
  list-style-position: outside;
  margin:0 0 0 40px;
}
#inhalt img.center{
  display: block;
  margin: 1em auto;
}
/* 
4) Fuß
 */
 
#fuss p{
  font-size: 9px;
  line-height: 160%;
  font-weight: bold;
}
#fuss em{
  font-weight: bold;
}
#fuss a{
  font-weight: bold;
  color: #000000;
  border-left: 1px solid #000000;
  padding-left: 5px;
  margin-left: 4px;
}
#fuss a:link, #fuss a:visited{
  text-decoration: underline;
  
}
#fuss a:hover, #fuss a:active,#fuss a.current{
  text-decoration: none;
  }
/* 
5)  Klassen
 */
 
 .fett{
   font-weight: bold;
   
 }
 .kursiv{
   font-style: italic;
 }
.bildlinks{
   float: left;
   margin-right: 1em;
 }
 .bildrechts{
   float: right;
   margin-left: 1em;
 }
.schatten{
  box-shadow:8px 8px 8px 8px #666;
}
.bildlinksSchatten{
  float: left;
   margin-right: 1em;
  box-shadow:3px 4px 4px 4px #aaa;
}
/* 
6) Elemente
 */
 a:link{
   color: #000000;
   background-color: transparent;
   text-decoration: underline;
 }
 a:visited{
   color: #4e4e4e;
   background-color: transparent;
   text-decoration: underline;
 }
 a:focus, a:hover, a:active {
 text-decoration:none;
 color: #000000;
 background-color: transparent;
 }
label{
   display: block;
   
 }