/*=STRUCTURE
=== === === === === === === === === === */
body {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #222222;
  margin-top: 5px;
}
#container {
  width: 890px;
  margin: 0 auto;
  text-align: left;
}
.col_full{
  /* when content takes up full site width */
  /* can also be used to wrap inner columns if container hook isn't enough */
  width: 100%;
  float: left;
  clear: both;
}
.col_large {
  /* when content is with one sidebar */
  width: 640px;
  float: left;
  padding: 5px;
}
.col_medium {
  /* when content is with two sidebars */
  width: 400px;
  float: left;
  padding: 5px;
}
.col_small {
  /* sidebar next to content */
  width: 230px;
  float: left;
}
.spacing{
  /* set basic spacing for all content elements */
  padding: 5px;
}

/*=COMMON
=== === === === === === === === === === */
p{
  line-height: 120%;
  font-size:14px;
}
h1, h2, h3, h4, h5, h6{
  line-height: 120%;
}
img {
  border: 0;
}
a:link {
  color: #2a64bc;
  text-decoration: none;
}
a:visited {
  color: #2a64bc;
  text-decoration: none;
}
a:hover {
  color: #5086D6;
  text-decoration: underline;
}
a:active {
  color: #5086D6;
  text-decoration: none;
}
blockquote {
  font-style: italic;
  border: 1px solid #cccccc;
  padding: 10px;
}
form {
  clear: both;
}
form fieldset {
  border: none;
}
form fieldset input.submitbutton {
  margin: 0 0 0 5px;
}

/*=HEADER
=== === === === === === === === === === */
#header h1 {
  font-size: 0.1em;
  margin: 4px 0 0 0;
}
#title {
  float: left;
}
#title p {
  font-size: 0.1em;
  line-height: 100%;
}

/*=FULL_NAVIGATION
=== === === === === === === === === === */
#navigation{ 
float: left;
padding-top: 225px;
padding-left: 400px;
}

#navigation .menu_primary ul {
margin: 0 auto;
list-style: none;
height: 40px;
}

#navigation .menu_primary ul li {
float:left;
padding:0px 0px 15px 0;
}

#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
padding: 0px 2px 2px 15px;
color: #27348f; 
text-decoration:none;
font-weight:bold;
font-size:14px;  
display:block;
text-align:left;
}

#navigation .menu_primary ul li a:hover, 
#navigation .menu_primary ul li a:active{
  color: #e8862f;
}

#navigation .menu_primary > ul > li.hovering {
  color: #e8862f;
  text-decoration: underline;
}

#navigation .menu_primary ul li.expanded-menu a{
 font-weight:normal;
 color: #27348f;
}

#navigation .menu_secondary {
float:none;
position:absolute;
z-index:99999;
background-color: white;
margin-top: 8px;
}

#navigation .menu_secondary ul {
margin-left: 0px;
min-height: 35px;
height: 100%;
min-width: 180px;
margin: 0px;
}

#navigation .menu_secondary ul li{
  list-style: none;
  padding:3px 7px 3px 0px;
  margin:0;
  display: block;
  float: none;
}

#navigation .menu_secondary li a:link,
#navigation .menu_secondary li a:visited {
  color: #55160e;
  font-weight:normal;
  text-decoration:none;
  font-size: 14px;
}
#navigation .menu_secondary li a:hover,
#navigation .menu_secondary li a:active {
color: #e8862f;
}

#navigation .menu_secondary ul li.expanded-menu a {
 font-weight:normal;
 color:#e8862f;
}

#navigation .menu_primary ul li div.menu_secondary{display:none}
#navigation .menu_primary ul li.hovering div.menu_secondary{display:block}


#navigation li.expanded-menu div.menu_secondary li,div.galerie div.imageBlock img {
border:none;
padding:0;
}

#navigation a:hover span,#navigation li.active span {
font-weight:bold;
}

#navigation li.active div.menu_secondary span,#navigation li.active div.menu_third span,#navigation li.active div.menu_fourth span {
font-weight:bold;
}

/*=BODYAREA
=== === === === === === === === === === */
#bodyarea .col_full {
  background: url('../images/HintergrundOrange.jpg') repeat;
  width: 890px;
  vertical-align: top;
}
#logo {
  background: url('../images/VasaBannerOrange.jpg') no-repeat center;
  width: 890px;
  height: 300px;
  padding: 10px 0 0 0;
  margin: 0px;
}
#bodyarea h2 {
  clear: both;
  display: block;
  border-bottom: 2px solid #82796B;
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  margin-top: 0px;
  margin-bottom: 0px 0 5px 0;
}
#bodyarea h3 {
  clear: left;
  display: block;
  border-bottom: 1px solid #82796B;
  font-weight: bold;
  font-size: 14px;
  text-align:center;
  margin: 0px 0 5px 0;
}
#bodyarea p {
  font-size: 100%;
  color: #222222;
  margin-top: 0;
  padding: 0;
}
#bodyarea p.meta {
  font-size: 100%;
  color: #222222;
  margin-top: 0;
}
#bodyarea p.subscribe {
  font-size: 100%;
  color: #222222;
  clear: both;
}
#bodyarea a.edit:link,
#bodyarea a.edit:visited {
  color: #cc0000;
}
#bodyarea a.edit:hover,
#bodyarea a.edit:active {
  color: #ff0000;
}
#bodyarea .functions p {
  font-size: 100%;
  font-weight: bold;
  margin-top: 0;
}
#bodyarea #paginate {
  width: 100%;
  float: left;
  clear: both;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
}
#bodyarea #paginate .next {
  float: right;
}
#bodyarea #paginate .previous {
  float: left;
}
#bodyarea .newsitemsmall {
  float: left;
  margin: 0 10px 10px 0;
  display: block;
}
#bodyarea .imagecaption {
  float: right;
  width: 270px;
}
#bodyarea .imagecaption img {
  display: block;
  margin: 5px 0 0 10px;
}
#bodyarea .imagecaption p {
  font-size: 100%;
  padding: 5px 20px 10px 10px;
  color: #222222;
}
#bodyarea .sort ul{
  margin: 0;
  padding: 0;
}
#bodyarea .sort ul li {
  display: inline;
    margin: 0;
}
#bodyarea .sort ul li form {
  display: inline;
}
#bodyarea .thumb {
  float: left;
  padding: 9px 9px;
}
#bodyarea .thumb img {
  display: block;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
  clear: both;
  border-top: 1px solid #27348f;
}
#footer p, #login {
  font-size: 60%;
  color: #27348f;
  text-align: center;
}

/*=CALENDAR
=== === === === === === === === === === */
#event_calendar {
  clear: both;
}
#event_calendar table {
  border-collapse: collapse;
}
#event_calendar table th {
  border-bottom: 2px solid #222222;
  vertical-align: top;
  font-size: 85%;
  color: #222222;
  width: 75px;
}
#event_calendar table td {
  border-bottom: 1px solid #222222;
  vertical-align: top;
}
#event_calendar table td p{
  font-size: 85%;
}
#bodyarea #event_calendar table td ul {
  font-size: 85%;
  list-style: none;
}
#bodyarea #event_calendar table td ul li {
  line-height: 100%;
}