body {
margin:0; 
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:80%;
color:#000000; 
background-color:#e6e6e6;
}

p {
margin:0; 
padding:0.4em 0.2em 0.6em 0.2em;
}

/*
a:link, a:visited {
color:#80C62E; 
text-decoration:underline;
}

a:hover {
color:#32668E; 
text-decoration:none;
}

a:active {
color:#82D339; 
text-decoration:underline;
}
*/
div.wholepage {
   position: absolute;
   left: 50%; 
   top: 0;
   width: 800px; 
   height: auto;
   margin-left: -400px;
   margin-top: 20px;
/*margin:0 8% 0 8%; */
padding:0; 
background-color:#FFFFFF;
border-left:1px solid #003366;
border-right:1px solid #003366;
}

div {
margin:0; 
padding:0;
}

h1 {
color:#945425; 
font-size:150%; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;
}

h2 {
color:#945425; 
font-size:130%; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;
}


/* +++ Start Of Header Section +++ */

#header {
margin:0; 
padding:0;
}

.superheader {
background-color:#003366; 
text-align:right; 
color:#ffffff; 
padding:2px 2em 2px 2px;
}

.mainheader {
margin:0; 
padding:3px 1em 3px 1em; 
height:130px;
background-image:url(../images/zsl-logo-html-w.jpg); 
background-repeat:no-repeat; 
background-position:center center;
}

.mainheader h1 {
color:#57D309;
font-size:250%;
font-weight:bold; 
margin:0; 
padding:0;}

.mainheader p {
text-indent:4em; 
color:#5D99C7; 
margin:0; 
padding:0.2em; 

font-weight:bold;
}

.subheader {
background-color:#003366; 
margin:0; 
padding:0.5em; 
height: 10px;
color:#ffffff;
font-size:80%;
}

.subheader1 {
width:320px;
float:left;
text-align:left;
}

.subheader2 {
width: 320px;
float:right;
text-align:right;
}

.subheader2 a:link, .subheader2 a:visited {
color:#FFFFFF;
text-decoration:none; 
}

/* +++ Start Of Side Menu Section +++ */

#sidecontainer {
margin:0; 
padding:0; 
float:left; 
width:20%; 
text-align:center;
}

#sidecontainer h2 {
display:block; 
margin:0.5em 0 0 0; 
padding:0.2em; 
color:#ffffff; 
background-color:#003366; 
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:120%;}

.nav {
margin:0 0 1.5em 0; 
padding:0; 
list-style-type:none; 
background-color:#FFFFFF;
}

.nav li {
margin:0; 
padding:0; 
display:block; 
border-bottom:1px solid #003366;
}

.nav a:link, .nav a:visited {
display:block; 
margin:0; 
text-decoration:none; 
color:#000000; 
padding:0.5em;
border-left:solid 10px #ffffff;
}

.nav a:hover {
display:block; 
margin:0; 
text-decoration:none; 
color:#000000; 
margin:0; 
padding:0.5em; 
background-color:#e0e7ff;
border-left:solid 5px #ff3300;
}

.nav a:active {
display:block; 
margin:0; 
text-decoration:none; 
color:#000000; 
margin:0; 
padding:0.5em;
}

.nav a#youarehere {
display:block; 
margin:0; 
text-decoration:none; 
color:#000000; 
padding:0.5em;
border-left:solid 10px #ff3300;
}



/* +++ Start Of Content Section +++ */

#content {
margin:0 0 0 20%; 
padding:0.8em; 
min-height:300px;
border-left:1px solid #003366;
}

q {
display:block; 
margin:0; 
padding:0.4em 20% 0.6em 20%; 
color:#ff0000; 
font-size:200%; 
text-align:center; 
height:3em;}

q:before, q:after {
content:"";}

#content h1 {
margin:0; 
padding:0.1em; 
font-weight:bold;
color:#000000; 
font-size:150%; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#content h2 {
margin:0; 
padding:0.1em; 
font-weight:bold;
color:#000000; 
font-size:120%; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

a.style1:link, a.style1:visited {
color:#000000;
text-decoration:underline; 
font-size:80%;
background-color:#e0e7ff;
}

a.style1:hover {
color:#000000;
text-decoration:underline overline; 
font-size:80%;
background-color:#e0e7ff;
}

/* +++ Start of Footer Section +++ */

#footer {
margin:0; padding:0;}

.superfooter {
background-color:#003366; 
height:1.8em;
}

.mainfooter {
background-color:#FFFFFF; 
text-align:center;
}

.subfooter {
background-color:#003366; 
height:0.6em;
}

#footer p {
font-size:75%; 
color:#000000; 
padding:0.3em;
}

/* Box Mitte - Boxen mit runden Ecken zum Mitwachsen von Stu Nicholls - www.cssplay.co.uk - thank you!! */
.inset {background: transparent; width:90%; margin:0 auto;}
.inset h2, .inset p {margin:0;}
.inset h2 {font-size:120%; color:#9BBDB3; line-height:1.8em; font-weight:normal; padding-left:5%;}
.inset p {padding:5px; margin:0; line-height:1.5em;}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.inset .b3 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.inset .b4 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.inset .b4b {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.inset .b3b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.inset .b2b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.inset .b1 {margin:0 5px; background:#D9E6E2;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#9BBDB3;}
.inset .boxcontent {display:block; background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}

/* Kontaktformular */
fieldset {
width:90%;
margin:0 auto;
padding:10px 0 10px 5px;
border:1px solid #E8F0EE;
}

fieldset legend {
font-size:90%;
color:#000000;
font-weight:bold;
background:none;
padding:15px 5px 0 5px
}

label { 
font-size:75%;
line-height:1.5em;
float:left;
height:20px;
padding:0 0 0 5px;
margin-top: 1px;
margin-bottom: 10px;
color:#000000;
width:35%;
}

.field {
height:18px;
float:left;
border: #555 1px solid;
width:55%;
margin-bottom: 10px;
margin-right:20px;
background: #FFF;
line-height:18px;
color:#003366;
text-indent:.5em;
font-size:11px;
}

.textarea {
border: #555 1px solid; 
width:90%; 
margin:0 0 0 5px;
}


.button {
height: 20px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
text-align:center
}

.submit {
cursor: pointer;
clear:both;
margin-left:22px;
height: 22px;
font-size:.8em;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background:#900;
border-top:1px solid #cc3300;
border-left:1px solid #cc3300;
border-right:1px solid #6A0000;
border-bottom:1px solid #6A0000;
}

.submit:hover {
cursor: pointer; 
color:#fff;
background:#6A0000;
border-top:1px solid #cc3300;
border-left:1px solid #cc3300;
border-right:1px solid #6A0000;
border-bottom:1px solid #6A0000;
}

table.calendar {
  background-color: #E8F0EE;
}

td.calendar_month {
  background-color: #003366;
  color: #ffffff;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
}

td.calendar_days {
  background-color: #003366;
  color: #ffffff;
  text-align: center;
  font-size: 8pt;
  width:25px;
}

td.calendar_day {
  color: #000000;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  width:25px;
}

td.calendar_day_ho {
  color: #ff0000;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  width:25px;
}

td.calendar_day_so {
  color: #ff0000;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  width:25px;
}

td.calendar_day_ev {
  background-color: #de8393;
  color: #000000;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  width:25px;
}

td.calendar_day_ev_so {
  background-color: #de8393;
  color: #ff0000;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  width:25px;
}

a.style2:link, a.style2:visited, a.style2:hover {
  background-color: #003366;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
}


#eventcontent {
margin:5; 
padding:5;;
}

.left{
width: 30%;
float:left;
}

.left a {
color:#000000;
text-decoration:underline; 
font-size:80%;
}

.right{
margin:0 0 0 0;
padding:0 0 0 190px;
}
/*
.right h3 {font-size:100%; line-height:2em; margin:0; padding:0 0 0 10px;}
.right p {font-size:75%; line-height:1.5em; margin: 0 0 0 10px; padding:8px;}


/* Boxen Rechts - Boxen mit runden Ecken zum Mitwachsen von Stu Nicholls - www.cssplay.co.uk - thank you!! */
.rbox {background: transparent; width:95%; margin-left:10px; margin-bottom:10px; color:#fff; padding:0;}
.rbox h2, .rbox p {margin:0;}
.rbox h2 {font-size:120%; line-height:1.8em; font-weight:normal; padding-left:5%;}
.rbox p {padding:5px; margin:0; line-height:1.5em;}
.rbox a {color:#fff; text-decoration:none; border-bottom:1px solid #fff;}
.rbox a:hover {color:#900; text-decoration:none; border-bottom:1px solid #900; background:#fff;}
.rbox .top, .rbox .bottom {display:block; background:transparent; font-size:1px;}
.rbox .b1, .rbox .b2, .rbox .b3, .rbox .b4, .rbox .b1b, .rbox .b2b, .rbox .b3b, .rbox .b4b {display:block; overflow:hidden;}
.rbox .b1, .rbox .b2, .rbox .b3, .rbox .b1b, .rbox .b2b, .rbox .b3b {height:1px;}
.rbox .b2 {background:#900; border-left:1px solid #C5342F; border-right:1px solid #C5342F;}
.rbox .b3 {background:#900; border-left:1px solid #C5342F; border-right:1px solid #C5342F;}
.rbox .b4 {background:#900; border-left:1px solid #C5342F; border-right:1px solid #530000;}
.rbox .b4b {background:#900; border-left:1px solid #C5342F; border-right:1px solid #530000;}
.rbox .b3b {background:#900; border-left:1px solid #530000; border-right:1px solid #530000;}
.rbox .b2b {background:#900; border-left:1px solid #530000; border-right:1px solid #530000;}
.rbox .b1 {margin:0 5px; background:#900;}
.rbox .b2, .rbox .b2b {margin:0 3px; border-width:0 2px;}
.rbox .b3, .rbox .b3b {margin:0 2px;}
.rbox .b4, .rbox .b4b {height:2px; margin:0 1px;}
.rbox .b1b {margin:0 5px; background:#530000;}
.rbox .boxcontent {display:block; background:#900; border-left:1px solid #C5342F; border-right:1px solid #530000; margin:0; padding:0;}

.rbox2 {background: transparent; width:95%; margin-left:10px; margin-bottom:10px; color:#000; padding:0;}
.rbox2 h2 {font-size:130%; line-height:1.8em; font-weight:bold; padding:5px}
.rbox2 p {padding:5px; margin:0; line-height:1.5em;}
.rbox2 a {color:#900; text-decoration:none; border-bottom:1px solid #900;}
.rbox2 a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #900; background:#900;}
.rbox2 .top, .rbox2 .bottom {display:block; background:transparent; font-size:1px;}
.rbox2 .b1, .rbox2 .b2, .rbox2 .b3, .rbox2 .b4, .rbox2 .b1b, .rbox2 .b2b, .rbox2 .b3b, .rbox2 .b4b {display:block; overflow:hidden;}
.rbox2 .b1, .rbox2 .b2, .rbox2 .b3, .rbox2 .b1b, .rbox2 .b2b, .rbox2 .b3b {height:1px;}
.rbox2 .b2 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.rbox2 .b3 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #D9E6E2;}
.rbox2 .b4 {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.rbox2 .b4b {background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.rbox2 .b3b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.rbox2 .b2b {background:#E8F0EE; border-left:1px solid #9BBDB3; border-right:1px solid #9BBDB3;}
.rbox2 .b1 {margin:0 5px; background:#D9E6E2;}
.rbox2 .b2, .rbox2 .b2b {margin:0 3px; border-width:0 2px;}
.rbox2 .b3, .rbox2 .b3b {margin:0 2px;}
.rbox2 .b4, .rbox2 .b4b {height:2px; margin:0 1px;}
.rbox2 .b1b {margin:0 5px; background:#9BBDB3;}
.rbox2 .boxcontent {display:block; background:#E8F0EE; border-left:1px solid #D9E6E2; border-right:1px solid #9BBDB3;}
.rbox2 .boxcontent ul { list-style-type:none; margin:0; padding:0;}
.rbox2 .boxcontent li { list-style-type:none; margin-left:15px; padding:0; background:url(bilder/list4.gif) left no-repeat; font-size:85%; line-height:1.7em; text-indent:1em;}
.rbox2 .boxcontent li a { text-decoration:none; color:#900; border:none;}
.rbox2 .boxcontent li a:hover { text-decoration:none; color:#fff; background:#900; margin:0; padding:0;}
.rbox2 .db1 {font-size:130%; line-height:1.8em; padding:5px}

div#linklist {
    margin-left: 40px;
}

div#linklist ul {
    margin:0;
    padding:0;
    list-style-type: none;
}

div#linklist li {
/*    height:38px;
    width:100px;
*/    background-position:left;
    background-repeat:no-repeat;
    line-height: 20px;
    margin-bottom:8px;
}

div#linklist li a {
    height: 100%;
    width: 100%;
    display: block;
    padding-left: 45px;
    text-decoration: none;
}
/*
div#linklist li a:link {
    font-weight: normal;
    color: #000000;
}

div#linklist li a:visited {
    font-weight: normal;
    color: #999999;
}

div#linklist li a:hover {
    font-weight: bold;
    color: #0000FF;
}

div#linklist li a:active {
    font-weight: bold;
    color: #CC0033;
}
*/
div#linklist li#extern {
    background-image:url(../images/extern.gif);
}