/* 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;
}
/*
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;
}