/* ====== */
/* Global */
/* ====== */
strong {
   font-weight: bold;
}

/* ==== */
/* Body */
/* ==== */
body#startpage {
   background: url(../pics/backgrounds/bg_body_startpage.gif);
   background-repeat: repeat-y;
}

body#content {
   background: url(../pics/backgrounds/bg_body_content.gif);
   background-repeat: repeat-y;
}

/* ====== */
/* Header */
/* ====== */
div#header {   
   position: relative;
   background: url(../pics/backgrounds/bg_header.gif) repeat-x;
   height: 300px;
}

ul#main-nav-1 {
   position: absolute;
   top: 15px;
   left: 73px;
   border-left: 1px #000 dotted;
   height: 42px;
   width: 400px;
}

ul#main-nav-1 li {
   float: left;
   border-right: 1px #000 dotted;
   padding: 13px 10px 0px 10px;
   height: 29px; 
   text-align: center;
}

ul#main-nav-2 {
   position: absolute;
   top: 15px;
   left: 474px;
   border-left: 1px #000 dotted;
   height: 42px;
   width: 550px;
}

ul#main-nav-2 li {
   float: left;
   border-right: 1px #000 dotted;
   padding: 13px 10px 0px 10px;
   height: 29px; 
   text-align: center;   
}

#header li #arrow {
   visibility: hidden;
}

#header li.active #arrow {
   visibility: visible;
}

ul#sub-nav-1 {
   position: absolute;
   bottom: 156px;
   left: 551px;
}

ul#sub-nav-1 li {
   float: left;
   color: #fff;
   margin: 0px 2px 0px 0px;
}

a img#wka-membership {
   position: absolute;
   left: 582px;
   top: 169px;
}

#action-pic-header {
   position: absolute;
   left: 0px;
   top: 70px; 
   z-index:800;  
}

#logo-header {
   position: absolute;
   left: 260px;
   top: 0px;   
   z-index:999;
}

#header-registers-startpage {
   position: absolute;
   left: 530px;
   bottom: 1px;   
   height: 60px;

}

#header-registers-content {
   position: absolute;
   left: 480px;
   bottom: 1px;   
   height: 60px;
}

/* ========*/
/* Content */
/* ========*/
body#startpage div#content {
   background: url(../pics/backgrounds/bg_content_startpage.gif) no-repeat;
   height: 300px;
}

body#content div#content {
   background: url(../pics/backgrounds/bg_content_content.gif) no-repeat;
   height: 300px;
}

/* =============== */
/* Content columns */
/* =============== */
div#column-left {
   float: left;
   width: 240px;
   height: 280px;
   background: url(../pics/bg_column_left.gif) no-repeat;
   margin-right: 10px;
   padding: 15px 10px 15px 10px;
}

div#column-calendar {
   float: left;
   width: 230px;   
   margin: 40px 10px 0px 0px;
   border-bottom: 1px dotted #161616;
   padding: 10px 0px 10px 0px;
}

div#column-content-startpage {
   float: left;
   width: 460px;
   padding: 10px;
}

div#column-content {
   float: left;
   width: 680px;
   padding: 10px;
}

div#column-content a {
   color: #222;
   text-decoration: none;
   border-bottom: 1px dotted #222;
}

div#column-content a:hover {
   color: #000;
   text-decoration: none;
   border-bottom: 1px solid #000;
}

/* ============*/
/* Column left */
/* ============*/
ul#newslist-startpage-left {
   margin: 10px 0px 10px 0px;
}

ul#newslist-startpage-left li {
   background: url(../pics/bg_item_left_news.gif);
   height: 45px;
   width: 230px;
   padding: 5px;
   margin: 0px 0px 10px 0px;
   overflow: hidden;   
}

div#column-left a, div#column-left {
   color: #fff;
}

ul#newslist-startpage-left li a h3 {
   font-weight: bold;
   width: 170px;
   float: left;
   cursor: pointer;
   cursor: hand;
}

ul#newslist-startpage-left li a span {
   float: right;
   font-size: 10px;
   width: 60px;
   text-align: right;
   cursor: pointer;
   cursor: hand;
}

ul#newslist-startpage-left li a p {
   float: left;
   clear: left;
   width: 230px;
   overflow: hidden;
   cursor: pointer;
   cursor: hand;
}

div.sign-up-newsletter {
   border-top: 1px dotted #fff;
   border-bottom: 1px dotted #fff;
   margin: 10px 0px 10px 0px;
   padding: 15px 0px 5px 0px;
}

div.sign-up-newsletter img {
   margin-bottom: 10px;
}

div#footer-links, div#footer-links a {
   font-size: 11px;
   color: #f4b9b5;
}

#column-left #headline-image {
   margin: 0px 0px 10px 0px;
}

ul.nav2nd li {
   background: url(../pics/backgrounds/bg_nav2nd.gif) no-repeat;
   padding: 4px 0px 0px 20px;
   height: 20px;
   width: 220px;
   margin: 0px 0px 5px 0px;
}

ul.nav2nd li.active a.current {
   font-weight: bold;
   font-size: 14px;
}

ul.nav3rd {
   margin: 10px 0px 0px 0px;
}

ul.nav3rd li {
   width: 200px;
}

/* ==========*/
/* Headlines */
/* ==========*/
#column-content h1, #column-content-startpage h1 {
   font-weight: bold;
   margin: 0px 0px 10px;
   font-size: 20px;
   clear: both;
}

#column-content h2, #column-content-startpage h2  {
   font-weight: bold;
   font-size: 16px;
   margin: 0px 0px 10px;   
   clear: both;
}

#column-content h3, #column-content-startpage h3  {
   font-weight: bold;
   font-size: 14px;
   margin: 0px 0px 10px;   
   clear: both;
}

/* ================*/
/* Column calendar */
/* ================*/
div#column-calendar div.headline {
   text-align: center;   
}

div#column-calendar ul {
   margin: 10px 0px 10px 0px;
}

div#column-calendar li {
   background: url(../pics/bg_item_calendar.gif);
   height: 45px;
   width: 220px;
   padding: 5px;
   margin: 0px 0px 10px 0px;
   cursor: pointer;
}

div#column-calendar li span.date {
   font-weight: bold;
   color: #de3c2d;
}

div#column-calendar li span.type {
   font-size: 11px;
   color: #de3c2d;
}

div#column-calendar li span.title {
   font-weight: bold;
   color: #403e3f;
}

div#column-calendar li span.place {
   color: #403e3f;
}

/* ========*/
/* Content */
/* ========*/
#column-content p, #column-content-startpage p {
   margin: 0px 0px 10px 0px;
   line-height: 18px;
}

#column-content ul, #column-content-startpage ul {
   list-style-type: disc;
   margin: 0px 0px 0px 15px;
}

#column-content li, #column-content-startpage li {
   margin: 0px 0px 5px 0px;
}

#column-content table {      
   border-top: 1px dotted #696860;  
   width: 100%; 
   clear: both;
}

#column-content table th {
   font-weight: bold;
   padding: 5px 5px 5px 10px;
   text-align: left;
   border-top: 0px;
   border-right: 0px;
   border-bottom: 1px dotted #696860;
   border-left: 0px;   
   background: #bbb8a6;
   color: #696860;
}

#column-content table td {
   padding: 5px 5px 5px 5px;   
   text-align: left;
   border-top: 0px;
   border-right: 0px;
   border-bottom: 1px dotted #696860;
   border-left: 0px; 
   color: #696860;   
}

#column-content table td.text {
   padding: 5px 5px 5px 10px;   
   background: url(../pics/backgrounds/bg_table_text.gif) no-repeat;   
   background-position: right;
}

#column-content table th img {
   margin: 0px 5px 2px 0px;
}

#column-content table a.button {   
   border: 0px;
}

#column-content table a.button:hover {   
   border: 0px;
}

#column-content ul#events-forms {
   list-style-type: none;
   margin: 0px 0px 5px 0px;
   display: block;
   height: 25px;
}

#column-content ul#events-forms li {
   float: left;
   margin: 0px 5px 0px 0px;
   color: #696860;
}

#column-content ul#events-forms select {
   border: 1px solid #696860;
   color: #696860;
   background: #d0cec0;
   font-size: 11px;
}

#column-content ul#events-forms input {
   border: 1px solid #696860;
   color: #696860;
   background: #d0cec0;
   font-size: 11px;
   font-weight: bold;
}

#column-content ul#events-forms li a {
   color: #696860;
   border: 0;
}

#column-content ul#events-forms li a:hover {
   color: #696860;
   border: 0;
}

#column-content a img.paging-arrow {
   margin: 0px 0px 2px 0px;
}

div.image img {
   border: 5px solid #707070;
}
.flLeft {
   margin: 0px 10px 10px 0px;
}
.flLeft p {
   font-size: 11px;
}

hr {
   clear: both;
}

ul.sitemap1st li {
   padding: 0px 0px 5px 0px;
}

ul.sitemap2nd {
   padding: 5px 0px 0px 0px;
   display: block;
}
ul.sitemap1st li a {
   font-weight: bold;
}

ul.sitemap2nd li a {
   font-weight: normal;
}