body {margin: 0; padding: 0; background-color: white; color: black}
#wrapper {margin-left: 4%; margin-right: 4%}
#top {background-color: rgb(102,153,204); border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black}
#container {clear: both}
#left {float: left; width: 14em; font-size: 100%; line-height:normal; background-color: rgb(204,204,204); margin-top: 2em; font-size: 93%}
#right {float: right;  width: 15.2em;  padding: 0.5em; height: 100%; background-color: rgb(204,204,204); font-size: 80%}
#login {font-size: 80%}
#content {margin-left: 14.5em;  margin-right: 15.7em}
#footer {clear: both}

#topcontent {border: 0.1% solid black}
#leftcontent {float: left; width: 49.8%; border: 0.1% solid black}
#rightcontent {float: right; width: 49.8%; border: 0.1% solid black}
#bottomcontent {clear: both; border: 0.1% solid black}

ul.nav, ul.nav ul {margin: 0; padding: 0; list-style: none}

.calendar_views {list-style: none; margin: 0; padding: 0}
.calendar_views li {float: left; margin: 0; padding: 0; width: 25%}

h1, h2 {display: inline; vertical-align: baseline}
h1 {font-size: 1.44em; margin-right: 1em}
h2 {font-size: 1.2em; margin-left: 1em}

#left p, #right p, #site p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#leftmenu a {background-color: inherit; color: inherit; text-decoration: none}

.tx-skcalendar-pi1 form {clear: left; margin-top: 2em; margin-bottom: 1em}
.tx-newloginbox-pi1 label {text-align: left}
.tx-cal-controller #calendar-event label {width: 6em}
.tx-srfeuserregister-pi1 label {float: none; display: inline}

#calendar {}

#left ul.nav ul {margin-left: 1em}

#topmenu {
  float: left; 
  width: 100%; 
  font-size: 93%; 
  line-height: normal; 
  padding-top: 1em; 
  background-color: rgb(102,153,204); 
  border-left: 1px solid black; 
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  position: relative;
  left: -1px
}
#topmenu li {float: left; margin: 0; border: 1px solid black}
.normal, .normal a {background-color: rgb(51,102,153); color: #FFF}
#topmenu a {display: block; padding: 0.5em 1em; background-color: inherit; color: inherit; text-decoration: none}
.normal:hover, .normal:hover a {background-color: white; color: rgb(51,102,153)}
.path, .path a {background-color: rgb(51,102,153); color: white}
.path:hover, .path:hover a {background-color: white; color: rgb(51,102,153)}
.current, .current a {background-color: white; color: black; border-bottom: 1px solid white}
.current:hover, .current:hover a {background-color: black; color: white; border-bottom: 1px solid black}
#topmenu span, #left span {background-color: transparent; color: inherit}

.important {color: rgb(204,204,204)}

/* danielbruessler mailform  -  label */
form#mailform fieldset {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgb(102,153,204);
  border:1px solid #c0c0c0;
}

form#mailform fieldset div.csc-mailform-field {
  margin-bottom: 7px;
}

form#mailform fieldset div.csc-mailform-field label {
  float: left;
  margin-left: 20px;
  width: 160px;
}

form#mailform fieldset div.csc-mailform-field input {
  width:  170px;
  border: 1px dashed white;
}

form#mailform input#mailformformtype_mail {
  margin-left: 20px;
  width:  333px;
  border-top: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid white;
}
