/**
 * swoppen.com Content-Management-System
 *
 * copyright since 2000 by swoppen.com GmbH - All rights reserved.
 */
 
 * {
   font:12px/19px Arial,Helvetica,Verdana normal;
   margin:0px;
   padding:0px;
   color:#333;
 }
 
 a {
   color:#008c4f;
   text-decoration:none;
   font-weight: inherit;
 }
 
 a:hover {
   text-decoration:underline;
 }
 
 a:active {
   color:#005933;
 }
 
 a img, img {
   border:0;
 }
 
 a:focus, input, img {
   outline:none;
 }
 
 ul, ol {
   margin-left: 12px;
 }
 
 body {
   background-color:#e5e5e5;
   text-align:center;
   margin:0;
 }
 
 h1 {
   font-size:18px;
   margin:6px 0px 14px;
 }
 
 h2 {
   font-size:14px;
   margin:11px 0;
 }
 
 h3, h4, h5, h6 {
   font-size:12px;
   margin:16px 0px 7px;
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-family:Arial,Helvetica;
   font-weight:bold;
   color:#333;
 }
 
 p {
   margin:12px 0;
 }
 
 b, strong {
   font-weight:bold;
   color: inherit;
 }
 
 .clearer {
   height:1px;
 }
 
 .tmpl_header {
   background:white url(../images/header_top.jpg) left top no-repeat;
   clear: both;
   height:310px;
   margin-top:10px;
   float: left;
   z-index:900;
 }
 
 .tmpl_header .logo {
   float:left;
   height:119px;
   margin:19px 0 0 6px;
   width:219px;
 }
 
 .tmpl_content {
   background:white url(../images/content_1px.jpg) left top repeat-y;
   clear:both;
   float:left;
   padding-bottom:10px;
   position: relative;
   width:100%;
   z-index:1000;
 }
 
 .tmpl_content .tmpl_left {
   background:#009956 url(../images/left_column.jpg) no-repeat left top;
   float:left;
   min-height:267px;
   padding:3px 17px 30px;
   position:relative;
   left:19px;
   width:179px;
 }
 
 .tmpl_content .tmpl_left .HP-pageblock-title, .HP-pageblock-content h2 {
   background:transparent url(../images/square.jpg) no-repeat left top;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   line-height:12px;
   padding-left:15px;
   margin: -3px 0 10px -5px;
   z-index:500;
   position:relative;
 }
 
 .HP-pageblock-content h2 {
   margin-left:-15px;
 }
 
 .tmpl_content .tmpl_left p {
   color:#FED501;
   margin-bottom:10px;
 }
 
 .tmpl_content .tmpl_left ul li, .tmpl_content .tmpl_left h2, .tmpl_content .tmpl_left .HP-pageblock-content {
   color:white;
 }
 
 .tmpl_content .tmpl_left b, .tmpl_content .tmpl_left a {
   color:#FED501;
   line-height:14px;
 }
 
 .tmpl_content .tmpl_left .HP-pageblock.HP_owncontent, .HP-pageblock.HP_listing .HP-pageblock-content, .HP-pageblock.HP_callback form {
   padding-bottom:10px;
   padding-left:10px;
 }
 
 .tmpl_content .tmpl_left .HP-pageblock-content {
   padding-bottom:10px;
 }
  
 .tmpl_header .top_nav {
   position:absolute;
   right:12px; 
   top:15px;
   z-index:20000;
 }
 
 .tmpl_header .top_nav ul li {
   display:inline;
   color:#008c4f;
 }
 
 .tmpl_header .top_nav ul li a {
   font-size:11px;
   padding:0 2px;
 }
 
 .tmpl_header .bottom_header {
   position:relative;
   z-index:100;
 }
 
 .tmpl_footer {
   background: white url(../images/bg_footer.jpg) no-repeat left bottom;
   float:left;
   clear: both;
   position:relative;
   margin-bottom:20px;
   height:25px;
   width:100%;
   z-index: 1000;
 }
 
 .tmpl_footer a {
   position:absolute;
   right:32px;
   bottom:0px;
   color:gray;
   text-decoration:none;
   font-size:11px;
 }
 
 .tmpl_footer a:hover {
   text-decoration:underline;
 }
 
 .HP-pageblock.HP_callback form div input {
   width:119px;
 }
 
 .HP-pageblock.HP_callback form div input:first-child {
   width:149px;
 }
 
 .HP-pageblock.HP_callback form div .button-callback {
   width:30px;
 }
 
 .HP-pageblock.HP_callback form div input {
   padding:2px 3px;
 }
 
 .HP-pageblock.HP_callback .io_error ,.HP-pageblock.HP_callback .io_success {
   margin:0 10px 0;
   padding:2px 5px;
   width:147px;
 }
 
 .HP-pageblock.HP_callback .io_error {
   border:1px solid #CC0000;
   background:#FFE8E8;
   color:#CC0000;
 }
 
 .HP-pageblock.HP_callback .io_success {
   border:1px solid #116423;
   background-color:#ccffcc;
   color:#116423;
 }
 
 .tmpl_content .tmpl_left .HP-pageblock.HP_owncontent ul {
   margin-left:0px;
 }
 
 .tmpl_content .tmpl_left ul li {
   line-height:8px;
   list-style-type:none;
   padding-bottom:6px;
 }
 
 .tmpl_content .tmpl_right {
   width:636px;
   margin-left:250px;
   padding:20px 0;
 }
 
 .tmpl_content .tmpl_right .picture-frame {
   background: white url(../images/picture_frame.png) no-repeat left top;
   float:right;
   height:135px;
   padding:14px 15px;
   margin-left:20px;
   width:181px;
 }
 
  .tmpl_content .tmpl_right ul ,.tmpl_content .tmpl_right ol {
   margin-left: 15px;
 }
 
 .tmpl_content .tmpl_right .picture-frame:hover {
   cursor:pointer;
   background:transparent url(../images/picture_frame.png) no-repeat left -167px;
 }
 
 .tmpl_content .tmpl_right .scalable {
   position:absolute;
   right:20px;
 }
 
 .tmpl_content .tmpl_right .scalable .box {
   float:left;
   height:20px;
   margin-right:10px;
   width:20px;
 }
 
 .tmpl_right .scalable .box.smaller, .tmpl_right .scalable .box.normal, .tmpl_right .scalable .box.bigger {
   background:#004894 url(../images/bg_scalable.jpg) no-repeat left top;
 }
 
 .tmpl_right .scalable .box.smaller {
   background-position: left top;
 }
 
 .tmpl_right .scalable .box.normal {
   background-position: -21px top;
 }
 
 .tmpl_right .scalable .box.bigger {
   background-position: -42px top;
 }
 
 .tmpl_right .scalable .box.smaller:hover {
   background-position: left -21px;
   cursor:pointer;
 }
 
 .tmpl_right .scalable .box.normal:hover {
   background-position: -21px -21px;
   cursor:pointer;
 }
 
 .tmpl_right .scalable .box.bigger:hover {
   background-position: -42px -21px;
   cursor:pointer;
 }
 
 .tmpl_right .HP-section.HP_listing .pages .page {
   background-color:#ebebeb;
   float:left;
   height:100%;
   margin-bottom:10px;
   padding:10px;
   width:616px;
 }
 
 .tmpl_right .HP-section.HP_listing .pages .page:hover {
   background-color:#e5e5e5;
 }
 
 .tmpl_right .HP-section.HP_listing .pages .page .picture {
   float:left;
   margin-right:10px;
   width:150px;
 }
 
 .tmpl_right .HP-section.HP_listing .pages .page .title h2 a {
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
 }
 
 .tmpl_right .HP-section.HP_listing .pages .page .title h2 a:hover {
   text-decoration:underline;
 }
 
 .tmpl_content .tmpl_right a {
   text-decoration:underline;
 }
 
 .tmpl_content .tmpl_right a:hover {
   color:#00AF62;
 }
 
 #tmpl_wrapper {
   /*left:50%;
   margin-left:-456px;
   position:absolute;*/
   position: relative;
   margin: auto;
   text-align:left;
   width:912px;
 }
 
 .HP-section .HP_emaildirect form {
   float: left;
   margin-top:20px;
 }
 
 .HP-section .HP_emaildirect label {
    width:150px;
    float:left;
    margin-top:5px;
    clear:both;
  }
  
  .HP-section .HP_emaildirect label:hover, .HP-section .HP_emaildirect select:hover {
    cursor:pointer;
  }
  
  .HP-section .HP_emaildirect input,
  .HP-section .HP_emaildirect .textarea,
  .HP-section .HP_emaildirect select {
    background-color:#E5E5E5;
    border:0px;
    border:1px solid silver;
    float:left;
    width:255px;
    height:18px;
    padding:3px;
    margin-top:5px;
  }
  
  .HP-section .HP_emaildirect select {
    height:28px;
    width:263px;
  }
  
  .HP-section.HP_emaildirect .textarea {
    margin-top:5px;
  }
  
  .HP-section .HP_emaildirect input:hover,
  .HP-section .HP_emaildirect input:focus,
  .HP-section .HP_emaildirect .textarea:hover,
  .HP-section .HP_emaildirect .textarea:focus,
  .HP-section .HP_emaildirect select:hover,
  .HP-section .HP_emaildirect select:focus {
    background:white;
    border-color:#008C4F;
  }
  
  .HP-section .HP_emaildirect .hidden {
    width:150px;
  }
   
  .HP-section .HP_emaildirect div.io {
    color:#116423;
     background-color:#ccffcc;
  }
  
  .HP-section .HP_emaildirect div.error,
  .HP-section .HP_emaildirect div.io {
    font-weight:bold;
    padding:5px 15px 5px 15px;
    margin:10px 0px 10px 0px;
    text-align:center;
    width:405px;
  }
  
  .HP-section .HP_emaildirect div.error {
    color:#A31A1A;
    background-color:#ffcccc;
  }
  
  .HP-section .HP_emaildirect .text.error,
  .HP-section .HP_emaildirect .textarea.error {
    background-color:#FFE6E6;
  }
  
  .HP-section .HP_emaildirect .button {
    background:transparent url(../images/bg_menu.jpg) repeat-x top left;
    border:0px;
    color:#FED501;
    font-weight:bold;
    height:23px;
    margin-left:150px;
    padding-bottom:2px;
    width:263px;
  }
  
  .HP-section .HP_emaildirect .button:hover, .HP-section .HP_emaildirect .button:focus {
    background:transparent url(../images/bg_menu.jpg) repeat-x left -25px !important;
    color:#FED501;
    cursor:pointer;
  }
  
  .HP-section .HP_emaildirect .text.error:hover,
  .HP-section .HP_emaildirect .text.error:focus,
  .HP-section .HP_emaildirect .textarea.error:hover,
  .HP-section .HP_emaildirect .textarea.error:focus {
    background:white;
  }
  
  .HP-section .HP_emaildirect .io_error,
  .HP-section .HP_emaildirect .io_success {
    font-weight:bold;
    height:29px;
    margin:10px 0px;
    padding-top:6px;
    text-align:center;
    width:411px;
  }
  
  .HP-section .HP_emaildirect .io_error {
    background-color:#ffe8e8;
    border:1px solid #cc0000;
    color:#cc0000;
  }
  
  .HP-section .HP_emaildirect .io_success {
    background-color:#e4fee4;
    border:1px solid #009900;
    color:#009900;
  }
 
 /* Anfang de Menüs */
 
 .tmpl_menu, .tmpl_menu .menu {
  background:transparent;
  height:30px;
  z-index:1000;
 }
 
 .tmpl_menu {
   position:relative;
   top:115px;
   left:12px;
   z-index:10000;
 }
 
 .tmpl_menu .menu, .tmpl_menu .menu ul {
   float:left;
   list-style-type:none;
   margin:0px;
   padding:0px;
 }
 
 .tmpl_menu .menu ul {
   background-color:transparent;
   display:none;
   left:0;
   position:absolute;
   top:22px;
   z-index:9998 !important;
 }
 
 .tmpl_menu .menu ul ul {
   left:99%;
   top:2px;
   z-index:9999 !important;
 }
 
 .tmpl_menu .menu li {
   float:left;
   list-style-type:none;
   position:relative;
 }
 
 .tmpl_menu .menu li:hover > ul {
   display:block;
 }
 
 .tmpl_menu .menu li li {
   float:none;
 }
 
 .tmpl_menu .menu a {
   color:#FED501;
   display:block;
   background:transparent url(../images/bg_menu.jpg) repeat-x left top;
   font-weight:bold;
   padding:2px 7px;
   margin-left:5px;
 }
 
 .tmpl_menu .menu a:hover {
   background:#FED501 url(../images/bg_menu.jpg) repeat-x left -25px;
   text-decoration:none;
 }
 
 .tmpl_menu .menu ul a {
   background-color:#007F47;
   border-bottom:1px solid #007F47;
   border-top:1px solid #009F59;
   background-image:none;
   display:block;
   font-weight:normal;
   padding:2px 10px;
   width:180px;
 }
 
 .tmpl_menu .menu .active a.root {
   background:#FED501 url(../images/bg_menu.jpg) repeat-x left -50px;
   color:#008c4f;
 }
 
 .tmpl_menu .menu ul li.submenu a {
   background-image:url(../images/arrow-b.gif);
   background-position:right;
   background-repeat:no-repeat;
 }
 
 .tmpl_menu .menu ul li.submenu li a {
   background-image:none;
 }
 
 /* if js active */
 
 .tmpl_menu .menu li.hover ul, .tmpl_menu .menu li.hover li.hover ul, .tmpl_menu .menu li.hover li.hover li.hover ul {
   display:block;
 }
 
 .tmpl_menu .menu li.hover ul ul, .tmpl_menu .menu li.hover li.hover ul ul, .tmpl_menu .menu li.hover li.hover li.hover ul ul {
   display:none;
 }
 /* endif */
 /* Ende des Menüs */
 
 .content .board-director {
   float:left;
   margin-right:20px;
   background:#E5E5E5;
   padding:5px;
   padding-bottom:0;
   margin-bottom:20px;
   height:320px;
 }
 
 .content .member li {
   float:left;
   width:260px;
 }
 
 .HP_listing .pages .page {
   border:1px solid silver;
   padding:10px;
   margin-bottom:10px;
 }