body{
margin:1em 0 2em 2.5em;
padding:0;
font:80%/1.2 verdana, helvetica, arial, sans-serif;
color:#000;
background-color:#fff;
}
#content{
margin:0;
padding:4em 6em 2em 6em; /* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
}
/* =============== Typografie: =============== */
a{
text-decoration: underline;
color: #396;
}
a:link{
}
a:visited{
}
a:active{
}
a:hover{
text-decoration: underline;
}
h1, h2, h3, .gg{
color: #008337;
}
h1{
font-size: 2.0;
font-weight: normal;
margin-top: 0;
margin-bottom: 0; /* both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment. */
}
h2{
font-size: 1.7em;
margin: 1.2em 0 1.2em 0;
}
h3{
font-size: 1.4em;
margin: 1.2em 0 1.2em 0;
}
h4{
font-size: 1.2em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}
h5{
font-size: 1em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}
h6{
font-size: 0.8em;
margin: 1.2em 0 1.2em 0;
font-weight: bold;
}
img{
border: 0;
}
ol, ul, li{
font-size:1em;
line-height:1.8em;
margin-top:0.2em;
margin-bottom:0.1em; 
}
p{
margin:1.2em 0 1.2em 0;
padding:0;
font-size:1em;
}
li > p{
margin-top:0.2em;
}
strong, b{
font-weight:bold;
}
#kontaktform p{
padding:4px;
background-color:#efefef;
width:680px;
border:1px dashed #cdcdcd;
line-height:23px;
}
#kontaktform p span{
display:inline-block;
width:150px;
}
#kontaktform p span.long{
display:inline-block;
width:280px;
}
#kontaktform p span.vlong{
display:inline-block;
width:580px;
}
#kontaktform input, textarea, select{
border:1px solid #cdcdcd;
}
#ktyp_p, #li_ktyp_p, #re_ktyp_p{
display:none;
margin-top:-20px;
border:0px 1px 1px 1px;
}
#kontaktform #adresse, #kontaktform #abo, #kontaktform #foerderabo, #kontaktform #bestellung, #kontaktform #li_pers, #kontaktform #re_pers, #h_li_pers, #h_re_pers{
display:none;
}
#h_re_pers{
color:#3333cc;
}
#h_li_pers{
color:#660000;
}
.button_send{
height:50px;
min-width:130px;
font-size:1.5em;
background-color:#bbb;
border:1px solid #999;
color:#222;
}
.button_reset{
height:50px;
min-width:130px;
font-size:1.5em;
background-color:#fff;
border:1px solid #ddd;
color:#777;
}
.error{
color:red;
}
.succ{
padding:3px;
background-color:#396;
color:#fff;
}
.top{
vertical-align:top;
}
option.grey{
background-color:#dedede;
}
input.readonly{
background-color:#dedede;
}
table{
width:80%;
border-collapse:collapse;
table-layout:auto;
}
table td{
padding:2px;
height:30px;
border:1px solid #cdcdcd;
text-align:left;
}
td.3{
width:3%;
}
td.5{
width:5%;
}
td.8{
width:8%;
}
td.10{
width:10%;
}
td.13{
width:13%;
}
td.25{
width:25%;
}
td.fett{
font-weight:bold;
}
td.grey{
background-color:#efefef;
}
td.dgrey{
background-color:#aaa;
}