body, p, table, td, th, ul, strong { 
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  background-color:#696;
  color:#ffc;  
}

body {
  padding:1.4em 1.4em 0.3em 1.4em;
  background-image:url(/party/2002-karlsruhe/schnee.gif);
}

h1 {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  text-align:center;
  background-color:#696;  
  color:#fc6;
  font-size:22px;
}

@media all{
h1 {
  font-size:140%;                   /* CSS vor NN4 verstecken */
}
}

h2 {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  text-align:center;
  background-color:#696;  
  color:#fc6; 
  font-size:16px;
}

@media all{
h2 {
  margin:0.2em 2em 1.8em 2em;        /* CSS vor NN4 verstecken */
  font-size:100%;
}
}

h3 {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  text-align:center;
  background-color:#696;  
  color:#ffc; 
  font-size:16px;
}

@media all{
h3 {
  margin:0.2em 2em 1.8em 2em;        /* CSS vor NN4 verstecken */
  font-size:100%;
}
}

strong {
  font-weight:bold;
}

em {
  font-size:14px;
  font-style:italic;
}

@media all{
em {
  font-size:90%;      /* CSS vor NN4 verstecken */
}
}


@media all{
p, table {
  margin:0.2em 2em 1.8em 2em;        /* CSS vor NN4 verstecken */
  padding:0.2em 0.2em 0.2em 0.2em;
}
}

p.center {
  text-align:center;
}

body.detail p {
  text-align: center;
}

body.overview p {
  text-align: center;
}

p.image {
  background-image:url(/party/2002-karlsruhe/schnee.gif);
}

@media all{
body.overview p {
  margin:0.2em 0em 0.2em 0em;        /* CSS vor NN4 verstecken */
  padding:0.2em 0.2em 0em 0.2em;
}
}

@media all{
body.detail p.description {
  margin:1.2em 2em 0.2em 2em;        /* CSS vor NN4 verstecken */
  padding:0.2em 0.2em 0.2em 0.2em;
}
}

@media all{
body.detail p.navigation {
  margin:0.2em 2em 1.2em 2em;        /* CSS vor NN4 verstecken */
  padding:0.2em 0.2em 0.2em 0.2em;
}
}

@media all{
table.center {
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
}
}

@media all{
td.liste {
  margin:10px;
  padding:10px;
}
}

td.right {
  text-align:right;
}

td.center {
  text-align:center;
}

@media all{
td.info  {   
  padding:2.2em 0em 1em 0em;       /* CSS vor NN4 verstecken */
}
}

td.female {
  background-color:#696;
  color:#fc6;
}

table.overview {
  border: 1px solid #ffc;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
        background-image:url(/party/2002-karlsruhe/schnee.gif);
}

table.overview td {
  border: 1px solid #ffc;
  text-align: center;
  vertical-align: baseline;
        background-image:url(/party/2002-karlsruhe/schnee.gif);
}

div {
  font-family:trebuchet ms, helvetica, arial, sans-serif;
  background-color:#696;
  color:#fc6;
  text-align:center;
}

@media all{
div.decoration {
  position:relative; 
  left:40%; 
  width:140px;
}
}

div.navigation {
  margin: 0px 0px 0px 0px;
}

@media all{
div.navigation {
  margin:0.2em 0em 0.4em 0em;        /* CSS vor NN4 verstecken */
}
}

div.footer {
  font-size:14px;
  margin:1em 0em 0em 0em;
}

@media all{
div.footer {
  font-size:90%;                   /* CSS vor NN4 verstecken */
}
}

@media all{
ul {
  margin:0em 2em 1em 2em;            /* CSS vor NN4 verstecken */
  padding:0em 0.5em 1em 2.5em;
}
}

table.overview img { 
border:none; 
}

img.decoration {
  display:block;
}

input, option, select, textarea  {
  font-family:monospace;
}

a:link {
  background-color:#696;
  color:#ffc;
  text-decoration:underline;
}

a:visited {
  background-color:#696;
  color:#fc6;
  text-decoration:underline;
}

a:hover {
  background-color:#696;
  color:#fc6;
  text-decoration:underline;
}

a:active {
  background-color:#696;
  color:#fc6;
  text-decoration:underline;
}