html, body { background: rgb(255,253,240); color: rgb(82,82,82);}
html, body, a, h2, h3, h4, div, p, ul, li, input, table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
html { height:100%;}
body { min-height:101%;}
img { border: none; text-decoration: none; }
table, td, div { border:0;}
p { margin: 0px 0px 12px 0px;}
body {
min-width: 1004px;
margin: 25px 0px 0px 0px;
padding: 0px;
text-align: center;
}
div.dokument {
width: 1004px;
margin: 0 auto 0;
text-align: left;
background: none;
}
#kopf {
width: 1004px;
height: 130px;
margin:0; padding:0;
background:url(../images/hg-kopf.gif) top no-repeat;
}
#kopf img { margin: 0px 0px 0px 0px; padding:0;}
#kopf a { text-decoration: none; border: none; background:none; padding:0;}
/*-- Walter und Charlotte Hamel Stiftung, Hannover ----------------------------------------------- content*/
table.content { width: 1004; height: 350px; vertical-align: top; margin: 0px; padding: 0px; text-align:left; background: url(../images/hg-content.gif) repeat-y top left;}
td.c-nav { width: 200px; height: auto; vertical-align: top; margin:0; padding: 30px 0px 20px 0px;}
#content-nav { text-align:left;}
td.c-mi { width: 520px; height: auto; vertical-align: top; margin:0; padding: 28px 0px 20px 0px; background: url(../images/hg-content-mi.gif) no-repeat top right;}
#content-mi { text-align:left; line-height:16px;}
td.c-re { width: 180px; height: auto; vertical-align: top; margin:0; padding: 300px 0px 20px 0px; background: url(../images/hg-content-re.jpg) no-repeat top right;}
#content-re { text-align:left; line-height:16px;}
td.a-1 { width: 18px; height: auto; vertical-align: top;margin:0; padding:0;}
img.a-1 { width: 18px; height: 400px;}
td.a-2 { width: 45px; height: auto; vertical-align: top;margin:0; padding:0;}
img.a-2 { width: 45px; height: 400px;}
td.a-3 { width: 41px; height: auto; vertical-align: top;margin:0; padding:0; background: url(../images/hg-a3-bottom.gif) no-repeat bottom right;}
img.a-3 { width: 41px; height: 400px;}
div.a-3 { width: 41px; height: auto; vertical-align: top;margin:0; padding:0; background: url(../images/hg-a3.gif) no-repeat top right;}
img.menue { margin: 10px 0px 0px 0px;}
div.hg-nav { width: 200px; margin:0; padding:0; display:table; background:url(../images/bg-menue.gif);}
/*-- Walter und Charlotte Hamel Stiftung, Hannover -------------------------------------- menue 1*/
#nav { width:200px; margin:0px; padding:0px; text-align:left; position:relative;}
/* nav list */
#nav ul { width:200px; margin:0px 0px 0px 0px; padding:0px; background:none; list-style:none;}
#nav ul li { width:200px; margin:0px 0px 6px 0px; padding:0px; background:none; display: inline; line-height: 13px; }
#nav ul li a {
margin: 0px 0px 8px 0px;
padding: 0px 0px 4px 42px;
color:rgb(51,51,51);
font-weight:normal;
text-decoration:none;
display: block;
border: none;
background: none;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul li a:hover {
color:rgb(153,0,0);
font-weight:bold;
text-decoration:none;
display: block;
border: none;
background: none;
}
/* u */
#nav ul.u { width:200px; margin:0px 0px 0px 0px; padding:0px 0px 16px 0px; background:none; list-style:none;}
#nav ul.u li { width:200px; margin:0px; padding:0px 0px 0px 0px; background:none; display: inline;}
#nav ul.u li a {
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 42px;
color:rgb(51,51,51);
font-weight:normal;
text-decoration:none;
display: block;
border: none;
background: url(../images/hg-menue-u.gif) bottom left no-repeat;
}
html>body #nav a:link, #nav a:visited {
height:auto;
}
#nav ul.u li a:hover {
color:rgb(153,0,0);
font-weight:normal;
text-decoration:none;
border: none;
display: block;
background: url(../images/hg-menue-u.gif) bottom left no-repeat;
}
/* you are here */
body#home li#homea a,
body#projekte li#projektea a,
body#projekte-geplante-aktivitaeten li#projektea a,
body#projekte-bisherige-aktivitaeten li#projektea a,
body#foerderprojekte-preistraeger li#foerderprojekte-preistraegera a,
body#foerderprojekte-preistraeger-2007 li#foerderprojekte-preistraegera a,
body#foerderprojekte-preistraeger-2008 li#foerderprojekte-preistraegera a,
body#foerderprojekte-preistraeger-2009 li#foerderprojekte-preistraegera a,
body#foerderprojekte-preistraeger-preistraeger-2010 li#foerderprojekte-preistraegera a,
body#konzerte li#konzertea a,
body#konzerte-finalkonzert-2009 li#konzertea a,
body#konzerte-finalkonzert-2010 li#konzertea a,
body#konzerte-finalkonzert-2011 li#konzertea a,
body#sonderkonzerte li#sonderkonzertea a,
body#sonderkonzerte-musikkindergarten li#sonderkonzertea a,
body#gedenkkonzert-2011 li#sonderkonzertea a,
body#sonderkonzerte-2010 li#sonderkonzertea a,
body#zielestiftung li#zielestiftunga a,
body#gremien li#gremiena a,
body#historie li#historiea a,
body#charlotte li#charlottea a,
body#kontakt li#kontakta a,
body#impressum li#impressuma a,
body#datenschutz li#impressuma a
{
color:rgb(51,51,51);
font-weight:bold;
background: url(../images/hg-menue-marked.gif) bottom left no-repeat;
}
body#foerderprojekte-preistraeger-2007 li#foerderprojekte-preistraeger-2007a a,
body#foerderprojekte-preistraeger-2008 li#foerderprojekte-preistraeger-2008a a,
body#foerderprojekte-preistraeger-2009 li#foerderprojekte-preistraeger-2009a a,
body#foerderprojekte-preistraeger-preistraeger-2010 li#foerderprojekte-preistraeger-preistraeger-2010a a,
body#sonderkonzerte-musikkindergarten li#sonderkonzerte-musikkindergartena a,
body#gedenkkonzert-2011 li#gedenkkonzert-2011a a,
body#sonderkonzerte-2010 li#sonderkonzerte-2010a a,
body#konzerte-finalkonzert-2009 li#konzerte-finalkonzert-2009a a,
body#konzerte-finalkonzert-2010 li#konzerte-finalkonzert-2010a a,
body#konzerte-finalkonzert-2011 li#konzerte-finalkonzert-2011a a,
body#projekte-geplante-aktivitaeten li#projekte-geplante-aktivitaetena a,
body#projekte-bisherige-aktivitaeten li#projekte-bisherige-aktivitaetena a,
body#datenschutz li#datenschutza a
{
color:rgb(153,0,0);
text-decoration:underline;
font-weight:bold;
background: url(../images/hg-menue-u-marked.gif) bottom left no-repeat;
}
/*-- Walter und Charlotte Hamel Stiftung, Hannover -------------------------------------- */
h1 {
clear:both;
height:16px;
margin: 0px 0px 15px 0px;
padding: 5px 5px 0px 0px;
color: rgb(153,0,0);
font-size: 13px;
font-weight: bolder;
text-align:left;
background: none;
border-bottom: none;
}
h2 {
margin: 0px 0px 25px 0px;
padding: 0px 5px 0px 0px;
color: rgb(51,51,51);
font-size: 11px;
font-weight: bold;
}
h2.h2 {
color: rgb(153,0,0);
}
h3 {
margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
color: rgb(82,82,82);
font-size: 11px;
font-weight: bold;
}
h4 {
margin: 3px 0px 12px 0px;
padding: 0px 0px 0px 0px;
color: rgb(112,112,112);
font-size: 9px;
font-style: normal;
text-decoration: none;
font-weight:500;
}
h4.center
{ text-align:center;}
h5 {
clear:both;
position:relative;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: rgb(92,92,92);
font-size: 11px;
font-weight: bold;
border-bottom: 1px dashed rgb(160,160,160);
}
h6 {
clear:both;
position:relative;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
color: rgb(92,92,92);
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid rgb(160,160,160);
}
/*-- -------------------------------------------------------------------------------------- */
a:link { color: rgb(51,51,51); text-decoration:underline;}
a:visited { color: rgb(51,51,51); text-decoration:underline;}
a:hover { color: rgb(153,0,0); text-decoration:underline;}
a:focus { border: none; outline: none;}
a:active { color: rgb(51,51,51); text-decoration:underline;}
/*-- Walter und Charlotte Hamel Stiftung, Hannover --------------------------------------txt link*/
a.txt { color: rgb(51,51,51); font-weight: bold; text-decoration:underline;}
a.txt:hover { color: rgb(153,0,0); font-weight: bold; text-decoration:underline;}
/*-- Walter und Charlotte Hamel Stiftung, Hannover -------------------------------txt hervorhebung*/
.txt { color: rgb(153,0,0); font-weight:bold;}
.xs {
color: rgb(112,112,112);
font-size: 9px;
font-style: normal;
text-decoration: none;
font-weight:500;
}
.xxs {
color:rgb(176, 172, 138);
font-size: 9px;
font-style: normal;
text-decoration: none;
font-weight:500;
text-align:right;
}
body#projekte h3 span.txt {padding-left: 10px;}
/*-- hoch */
#hoch { position:relative; width: 520px; height: 15px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; text-align: right; float:left; clear:both;}
#hoch a { color: rgb(160,160,160); font-size:9px; text-decoration:underline; }
#hoch a:hover { color: rgb(153,0,0);}
/*-- info */
#info { width: 100%; height: 15px; margin:0; padding:0; text-align: right; float:left; clear:both;}
#info a { color: rgb(51,51,51); font-size:10px; text-decoration:underline; }
#info a:hover { color: rgb(153,0,0);}
/*-- Walter und Charlotte Hamel Stiftung, Hannover ---------------------------------#content mi + re ---- inhalt */
ul.decimal { list-style-type: decimal; line-height:15px;}
#content-mi ol.dezi { width:445px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 40px; list-style-type: decimal; background:none;}
#content-mi li.dezi { list-style-type: decimal; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px; display: list-item; background:none;}
#fl ol.dezi, #fr ol.dezi { width:215px; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 30px; list-style-type: decimal; background:none; }
#fl li.dezi,#fr li.dezi { list-style-type: decimal; line-height:16px; margin:5px 0px 0px 0px; padding:0px 0px 0px 5px; display: list-item; background:none;}
#content-mi ul { list-style:none; display: block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#content-mi ul li { background: url(../images/listenpunkt.gif) top left no-repeat; margin: 0px 0px 6px 20px; padding: 0px 0px 0px 12px; display: block;}
div.re ul { list-style:none; width:100%; display: block; margin:0px 0px 0px 10px; padding:0; }
div.re ul li { background: url(../images/listenpunkt.gif) top left no-repeat; line-height:18px; margin: 0px 0px 10px 0px; padding:0px 0px 0px 15px; display: block;}
/*-- abstaende */
.a-leer { height:1px; width:520px;clear:both; margin:0; padding:0;}
.a5 { height:5px; width:100px;clear:both;}
.a10 { height:10px; width:100px;clear:both;}
.a20 { height:20px; width:100px;clear:both;}
.a30 { height:30px; width:100px;clear:both;}
.a40 { height:40px; width:100px;clear:both;}
.a50 { height:50px; width:100px;clear:both;}
.a60 { height:60px; width:100px;clear:both;}
.a70 { height:70px; width:100px;clear:both;}
.a80 { height:80px; width:100px;clear:both;}
.a90 { height:90px; width:100px;clear:both;}
.a100 { height:100px; width:100px;clear:both;}
.a120 { height:120px; width:100px;clear:both;}
.ce {text-align:center;}
.li { text-align:left;}
.re { text-align:right;}
/*-- floats */
div.bi-fl { position:relative; float:left; clear:left; width:250px; margin:0px 10px 8px 0px; padding:0; text-align:center;}
div.bi-fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 10px 10px; padding:0; text-align:center;}
div#bi-fl { position:relative; float:left; clear:left; width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div#bi-fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 0px; padding:0; text-align:center;}
div.fl { position:relative; float:left; clear:left; width:250px; margin:0px 10px 0px 0px; padding:0; display:block;}
div.fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 10px; padding:0; display:block;}
div#fl { position:relative; float:left; clear:left; width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
div#fr { position:relative; float:right; clear:right; width:250px; margin:0px 0px 0px 0px; padding:0; display:block;}
.fl { float:left; margin:0px 10px 0px 0px; padding:0;}
.fr { float:right; margin:0px 0px 0px 10px; padding:0;}
/*-- kontakt */
div.li-200 { position:relative; float:left; clear:left; width: 200px; margin: 20px 0px 20px 0px; text-align: right;}
div.re-300 { position:relative; float:right; clear:right; width: 300px; margin: 20px 0px 20px 0px; text-align: left;}
/*-- kleine bilder
_________________________ piperweb.de */
div.kl-bilder { width: 520px; margin: 0px 0px 0px 0px;}
div.kl-bilder-li { position:relative; width: 173px; margin: 0px 0px 0px 0px; text-align: left; display:block; float:left;}
div.kl-bilder-mi { position:relative; width: 173px; margin: 0px 0px 0px 0px; text-align: center; display:block; float:left;}
div.kl-bilder-re { position:relative; width: 173px; margin: 0px 0px 0px 0px; text-align: right; display:block; float:left;}
/*-- sitemap
_________________________ piperweb.de */
div#sitemap-u ul { width:500px; display: block; margin:0px 0px 0px 10px; padding:0; }
div#sitemap-u li { list-style:none; line-height:20px; font-size: 12px; font-weight: bold; margin:0px 0px 0px 0px; padding:0; border-bottom: none; display: block; background:none;}
div#sitemap-u1 ul { width:450px; display: block; margin:7px 0px 0px 60px; padding:0; }
div#sitemap-u1 li { list-style:none; line-height:20px; font-weight: bold; display: block; margin:0; padding:0px 0px 0px 20px; background: url(../images/listenpunkt-sitemap.gif) top left no-repeat; }
div#sitemap-u2 ul { width:400px; display: block; margin:0px 0px 0px 110px; padding:0; }
div#sitemap-u2 li { list-style:none; line-height:20px; font-weight: normal; display: block; margin:0; padding:0px 0px 0px 20px; background: url(../images/listenpunkt-sitemap.gif) top left no-repeat; }
div#sitemap-u3 ul { width:350px; display: block; margin:0px 0px 7px 160px; padding:0; }
div#sitemap-u3 li { list-style:none; line-height:20px; font-weight: normal; display: block; margin:0; padding:0px 0px 0px 20px; background: url(../images/listenpunkt-sitemap.gif) top left no-repeat; }
/*-- impressum, webdesign
_________________________ piperweb.de */
body#impressum a.webdesign { color: rgb(112,112,112); font-size: 9px; font-style: normal; text-decoration: none; font-weight:500; border: none; background:none; cursor: auto;}
body#impressum a.webdesign:hover { color: rgb(112,112,112); font-size: 9px; font-style: normal; text-decoration: none; font-weight:500; border: none; background:none; cursor: auto;}
body#webdesign a { color: rgb(82,82,82); text-decoration: none; background:none; border: none;}
body#webdesign a:hover { color: rgb(82,82,82); text-decoration: none; background:none; border: none;}
/*-- Walter und Charlotte Hamel Stiftung, Hannover -------------------------------------- abschluss */
#abschluss { position:relative; float:left; width: 1004px; height: 41px; font-size: 10px; line-height:15px; background:url(../images/hg-abschluss.gif) no-repeat top left; color:rgb(82,82,82); margin: 0; padding:0;}
#abschluss a { font-weight:normal; font-size: 10px; color:rgb(82,82,82); text-decoration:underline;}
#abschluss div.logo { width: 220px; height:auto; margin: 6px 202px 0px 0px; position:relative; float:left; text-align:center;}
#abschluss div.eins { width: 70px; height:auto; margin: 6px 10px 0px 0px; position:relative; float:left; font-weight:bold; text-align:right;}
#abschluss div.zwei { width: 150px; height:auto; margin: 6px 30px 0px 0px; position:relative; float:left;}
/*-- abschluss
_________________________ piperweb.de */
#piperweb { width: 1004px; height: 80px; margin: 0; padding:0; background: none;}
#piperweb span { width: auto; margin: 20px 0px 0px 0px; text-align: right; position:relative; float:right; font-size: 9px; word-spacing: 0.3em; font-family: "Trebuchet MS"; }
#piperweb span a { width: auto; color: rgb(176,172,138); font-size: 9px; word-spacing: 0.3em; font-family: "Trebuchet MS"; text-decoration: none; border:none; background:none; }
#piperweb span a:hover { color: rgb(176,172,138); text-decoration: none; border:none; background:none;}
#piperweb span a.piperweb { padding: 10px 20px 10px 10px; }
#piperweb span a.sitemap { padding: 10px 10px 10px 10px; }
#piperweb span.bull { padding: 2px 3px 0px 3px; color: rgb(176,172,138); font-size: 7px;}
#piperweb span.related { color: rgb(176,172,138); padding: 0px 20px 10px 0px; }
#piperweb span.related a { color: rgb(176,172,138);}
#piperweb span.related a:hover { color: rgb(176,172,138); text-decoration: none; border:none; background:none;}