/* Globale Einstellungen */
/* --------------------------------------------------------------------- */

* {
   font-family: Arial;
   color: #5A5A5A;
}

div, span, body, form {
   outline: 0px;
   border: 0px;
   padding: 0px;
   margin: 0px;
}

a {
   outline: 0px;
}

a:link {
  color: #907f7b;
  text-decoration: none;
}

a:visited {
  color: #907f7b;
  text-decoration: none;
}

a:focus {
  color: #907f7b;
  text-decoration: underline;
}

a:hover {
  color: #748593;
  text-decoration: underline;
}

a:active {
  color: #907f7b;
  text-decoration: underline;
}

div.c, 
span.c {
   clear: both;
}

/* Globale Layout Einstellungen */
/* --------------------------------------------------------------------- */

div#container {
   position: relative; /* needed for footer positioning*/
   height: auto !important; /* real browsers */
   height: 100%; /* IE6: treaded as min-height*/
   min-height: 100%; /* real browsers */
}
body#Site {
   background-image: url('../gfx/bg.gif');
   background-color: #FFF;
   background-repeat: repeat-x;
   margin: 0px;
   padding: 0px;
}

div#Top {
   background-image: url('../gfx/top_bg.gif');
   background-color: #FFF;
   background-repeat: repeat-x;
   margin: 0px auto;
   width: 900px;
   height: 84px;
}

div#TopLeft {
   background-image: url('../gfx/top_left.gif');
   width: 12px;
   height: 84px;
   float: left;
}

div#TopRight {
   background-image: url('../gfx/top_right.gif');
   width: 12px;
   height: 84px;
   float: left;
}

div#TopMiddle {
   width: 876px;
   height: 84px;
   float: left;
}

div#TopMiddle img#Logo {
   padding-left: 70px;
   padding-top: 19px;
   float: left;
}

div#TopMiddle ul#TopMenu {
   margin-right: 50px;
   margin-top: 43px;
   float: right;
}

div#Middle {
   background-image: url('../gfx/middle_bg.gif');
   background-color: #FFF;
   background-repeat: repeat-y;
   margin: 8px auto 0px auto;
   width: 900px;
   padding: 0px;
}

div#Header {
   height: 180px;
   width: 900px;
}

div#MiddleLeft {
   background-image: url('../gfx/middle_left.gif');
   width: 4px;
   height: 250px;
   float: left;
}

div#MiddleRight {
   background-image: url('../gfx/middle_right.gif');
   width: 4px;
   height: 250px;
   float: right;
}




div#MiddleMenu {
   background-image: url('../gfx/submenu_bg.gif');
   background-repeat: no-repeat;
   width: 240px;
   float: left;
   height: 475px;
}

div#ContentMain {
   font-size: 80% !important;
}

div#ContentMain h1 {
   font-size: 20px !important;
}

div#ContentMain h2 {
   font-size: 15px !important;
}

div#Content {
   float: left;
   background-repeat: repeat-x;
   width: 652px;
}


div#Content div.style1 {
   padding: 0px 57px 100px 51px;
   width: 536px;
   color: #4C5055;
}


div#Content div.style1 img {
   padding: 5px;
}

div#ContentMainpage {
   background-image: url('../gfx/mainpage_news_bg.gif');
   background-repeat: repeat-y;
   background-position: right;
}

div#ContentMainpage div#ContentMain {
   float: left;
}

div#ContentMainpage div#MainpageNewsList {
   float: right;
   width: 147px;
   padding: 0px 15px 0px 18px;
   color: #4C5055;
}


div#ContentMainpage div.News {
   margin-bottom: 25px;
   font-family: Verdana;
   font-size: 10px;
}

div#MainpageNewsList h1 {
   font-size: 20px;
}

div#ContentMainpage div.News div.line {
   height: 1px;
   border-top: 1px solid #EBEBEB;
   border-bottom: 1px solid #EBEBEB;
   width: 100%;
   margin-top: 20px;
}

div#ContentMainpage div.News div.Headline {
   font-weight: bold !important;
   font-family: Verdana;
   line-height: 17px;
}

div#ContentMainpage div.News span.HeadlineArrow {
   color: #8FB90D;
   font-weight: bold !important;
   font-family: Verdana;
}

div#ContentMainpage div.News div.ReadNews {
   font-weight: bold !important;
   font-family: Verdana;
   line-height: 17px;
   float: right;
   padding-top: 4px;
}

div#ContentMainpage div.News div.ReadNews a {
   color: #8FB90D;
   font-weight: bold !important;
   font-family: Verdana;
}

div#ContentMainpage div.style1 {
   width: 360px !important; 
   padding: 0px 37px 100px 51px;
}



div#Content div#Shortnav {
   padding: 12px 0px 0px 51px;
}

div#Content div#Shortnav,
div#Content div#Shortnav a {
   color: #999999;
   font-size: 10px;
}

div#Content div#Shortnav a {
   text-decoration: none;
}

div#Content div#Shortnav a:hover {
   text-decoration: underline;
}

div#Content div#ContentMain a {
   color: #97BE0D;
   text-decoration: none;
   background-image: url('../gfx/icon/link.gif');
   background-repeat: no-repeat;
   background-position: left 3px;
   padding-left: 15px;
}

div#Content div#ContentMain a.piclink {
   color: #97BE0D !important;
   background-image: none !important;
   padding-left: 0px !important;
}

div#Content div#ContentMain a.link2 {
   color: #676767 !important;
}

div#Content div#Headline {
   margin-bottom: 10px;	
}

div#Content div.HeadlinePrint {
   display: none;	
}

div#Content h1 {
   color: #97BE0D;
   font-weight: normal;
   display: block;
   margin-top: 20px;
}

div#Content h2 {
   color: #696F76;
   font-weight: bold;
   margin-bottom: 10px;
   display: block;
}

div#Content div#ContentMain a:hover {
   text-decoration: underline;
}

div#MiddleBottom {
   height: 37px;
   background-image: url('../gfx/middle_bottom_bg.gif');
   background-repeat: repeat-x;
   background-position: left bottom;
}

div#MiddleBottomMainpage {
   height: 37px;
   background-image: url('../gfx/middle_bottom_bg_mainpage.gif');
   background-repeat: no-repeat;
   background-position: right bottom;
}

div#SocialNetwork {
   text-align: center;
   vertical-align: bottom;
   width: 240px;
}

div#CornerLeft {
   height: 13px;
   width: 190px;
   background-image: url('../gfx/middle_bottom_left.gif');
   float: left;
   background-repeat: no-repeat;
}

div#CornerRight {
   height: 13px;
   width: 14px;
   background-image: url('../gfx/middle_bottom_right.gif');
   float: right;
   background-repeat: no-repeat;
}


div#Footer {
   position: absolute;
   width: 100%;
   height: 43px;
   bottom: 0; /* stick to bottom */
   background-image: url('../gfx/footer_bg.gif');
   background-color: #686E75;
   background-repeat: repeat-x;
}

div#Footer * {
   font-size: 11px;
}

div#FooterContainer {
   margin: 0px auto;
   width: 900px;
}

div#FooterNav {
   float: left;
   height: 40px;
}

div#Copyright {
   float: right;
   line-height: 40px;
   margin-top: 3px;
   padding-right: 10px;
   text-align: right;
   color: #E0E0E0;
}

div#FontsizePanel {
   position: absolute;
   top: 13px;
   height: 30px;
   width: 100px;	
   z-index: 5;
   font-size: 8px;
   color: #D8D9DB;
   text-align: center;
}

div#FontsizePanel img {
   border: 0px;
}

/* Formular Eigenschaften */
/* --------------------------------------------------------------------- */

input.input, select, textarea {
   border: 1px solid #CACBCB;
   padding: 2px;
}

input.input  {
   border: 1px solid #CACBCB;
   padding: 2px;
}

input.active,
textarea.active,
select.active {
   border: 1px solid #97BE0D;
}

input.error,
textarea.error,
select.error {
   background-color: #FFD7D7;
}

input.button_submit,
input.button_reset {
   background-image: url('../gfx/button_bg_normal.gif');
   background-color: #E2E2E2;
   background-repeat: repeat-x;
   color: #4C4C4C;
   border: 1px dotted #B7B7B7;
   cursor: pointer;
   font-size: 10px;
   outline: 0px;
   min-width: 100px;
   text-align: center;
}

input.button_submit:hover,
input.button_reset:hover {
   background-image: url('../gfx/button_bg_hover.gif');
   background-color: #DEDEDE;
   border: 1px dotted #008800;
   outline: 0px;
}

input.button_submit:active,
input.button_reset:active {
   background-image: url('../gfx/button_bg_active.gif');
   background-color: #DEDEDE;
   border: 1px dotted #008800;
   outline: 0px;
   color: #008800;
   outline: 0px;
}

form div.l {
   float: left;
   min-height: 50px;
}

form div.r {
   float: right;
   width: 237px;
   min-height: 50px;
}

form div.FormButton {
   padding-top: 10px;
   padding-right: 25px;
   float: right;	
}

div.FormSendMsgbox {
   background-color: #E4F1CF; 
   width: 100%; 
   height: 100px; 
   text-align:center; 
   vertical-align: middle; 
   line-height: 100px; 
   font-weight: bold;
}
  


/* Footer Navigation */
/* --------------------------------------------------------------------- */

ul#FooterMenu {
   padding: 3px 0px 0px 10px;
   margin: 0px;
}

ul#FooterMenu li {
   list-style: none;
   display: inline;
   height: 40px;
   line-height: 40px;
   padding-left: 10px;
   padding-right: 15px;
   font-weight: bold;
}

ul#FooterMenu li {
   padding-left: 15px;
   background-repeat: no-repeat;
   background-position: 0px center;
}

ul#FooterMenu li a, 
ul#FooterMenu li a:visited, 
ul#FooterMenu li a:active {
   color: #ececec;
   text-decoration: none;
}

ul#FooterMenu li a:hover {
   color: #BCBCBC;
   text-decoration: none;
}

ul#FooterMenu li.sitemap {
   background-image: url('../gfx/icon/sitemap.gif');
}

ul#FooterMenu li.about {
   padding-left: 17px;
   background-image: url('../gfx/icon/about.gif');
}

ul#FooterMenu li.impressum {
   background-image: url('../gfx/icon/impressum.gif');
}

ul#FooterMenu li.contact {
   padding-left: 18px;
   background-image: url('../gfx/icon/contact.gif');
}



/* MainNavigation */
/* --------------------------------------------------------------------- */

ul#TopMenu {
   margin-right: 50px;
   margin-top: 43px;
   float: right;
}

ul#TopMenu * {
   font-size: 11px;
}

ul#TopMenu li {
   list-style: none;
   display: inline;
   border-left: 2px solid #585858;
   height: 10px;
   line-height: 10px;
   text-transform: uppercase;
   padding-left: 10px;
   padding-right: 10px;
   font-weight: bold;
}

ul#TopMenu li.first {
   border-left: 0px;
   padding-left: 21px;
/*   background-image: url('../gfx/top_menu_arrow.gif');
   background-repeat: no-repeat;
   background-position: 0px 1px;*/
}

ul#TopMenu li a {
   text-decoration: none;
   color: #5B6062;
}

ul#TopMenu li a:hover {
   color: #97BE0D;
}

ul#TopMenu li.active a {
   color: #97BE0D;
}




/* Sub Navigation */
/* --------------------------------------------------------------------- */

ul#SubMenu {
   margin-left: 36px;
   margin-bottom: 30px;
   margin-top: 30px;
   padding: 0px;
   margin-right: 0px;
}

ul#SubMenu li {
   list-style: none;
   display: inline;
   font-weight: bold;
   cursor: pointer;
   width: 204px;
   overflow: hidden;
   font-weight: bold;
}

ul#SubMenu li a {
   width: 159px;
   padding-left: 42px;
   display: block;
   color: #5B6062;
   font-weight: bold;
   font-size: 11px;
   line-height: 25px;
   font-family: Verdana;
   text-decoration: none;
}

ul#SubMenu li.normal a,
ul#SubMenu li.normal a:active,
ul#SubMenu li.normal a:visited {
   background-image: url('../gfx/submenu_main_deactive_bg.gif');
   background-position: right top;
   background-repeat: no-repeat;
   text-decoration: none;
   color: #5B6062;
}

ul#SubMenu li.normal a:hover {
   background-image: url('../gfx/submenu_main_hover_bg.gif');
   background-position: right top;
   background-repeat: no-repeat;
   text-decoration: none;
   color: #97BE0D;
}


ul#SubMenu li.active a,
ul#SubMenu li.active a:active,
ul#SubMenu li.active a:visited,
ul#SubMenu li.active a:hover {
   background-image: url('../gfx/submenu_main_active_bg.gif');
   background-position: left top;
   text-decoration: none;
   color: #fff;
}



ul.SubMenuEven {
   margin: 0px;
   padding: 0px;
}

ul.SubMenuEven li a {
   display: block;
   font-weight: normal !important;
   font-family: Verdana;
   color: #5B6062 !important;
}

ul.SubMenuEven li.normal a,
ul.SubMenuEven li.normal a:active,
ul.SubMenuEven li.normal a:visited {
   background-image: none !important;
   color: #5B6062 !important;
}

ul.SubMenuEven li.normal a:hover {
   background-image: none !important;
   text-decoration: none;
   color: #97BE0D !important;
}

ul.SubMenuEven li.active a,
ul.SubMenuEven li.active a:active,
ul.SubMenuEven li.active a:visited,
ul.SubMenuEven li.active a:hover {
   background-image: none !important;
   text-decoration: none;
   color: #97BE0D !important;
}




/* Dialog */
/* --------------------------------------------------------------------- */

div#MsgDialog .overlay
{
   position: fixed;
   left: 0;
   top: 0;
   background-color: #cccccc;
   z-index: 10;
   opacity: 0.7;
}

div#MsgDialog .diadiv
{
   position: fixed;
   z-index: 20;
   left: 0;
   top: 0;
}

div#MsgDialog .diaframe
{
   position: fixed;
   font-size: 1em;
   width: 400px;
   height: 200px;
   overflow: hidden;
}

div#MsgDialog .diaframe2
{
  margin-top: 2px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 20px;
  height: 178px;
  width: 368px;
  background-color: #fff;
  font-size: 12px;
}

div#MsgDialog .diaHeader
{
  background-color: #ccc;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding-left: 5px;
}

div#MsgDialog .diaContent
{
  padding: 5px;
  height: 145px;
  text-align: center;
}


div#MsgDialog .diaClose
{
  float: right;
  margin-right: 13px;
}

div#MsgDialog .diaTitle
{
  float: left;
  font-size: 14px;
  font-weight: bold;
}

.tl, .tr, .tc, .bl, .br, .bc
{
	position: absolute;
	background-image: url(../gfx/sprites.png);
	background-repeat: no-repeat;
}

* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc
{
	background-image: url(../gfx/sprites.gif);
}

.ml, .mr
{
	position: absolute;
	background-image: url(../gfx/dialog.sides.png);
	background-repeat: repeat-y;
}

* html .ml, * html .mr
{
	background-image: url(../gfx/dialog.sides.gif);
}

.rtl .ml, .rtl .mr
{
	position: absolute;
	background-image: url(../gfx/dialog.sides.rtl.png);
	background-repeat: repeat-y;
}

* html .rtl .ml, * html .rtl .mr
{
	background-image: url(../gfx/dialog.sides.gif);
}

.tl
{
	top: 0px;
	left: 0px;
	width: 16px;
	height: 16px;
	background-position: -16px -16px;
}

.rtl .tl
{
	background-position: -16px -397px;
}

.tr
{
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-position: -16px -76px;
}

.rtl .tr
{
	background-position: -16px -457px;
}

.tc
{
	top: 0px;
	right: 16px;
	left: 16px;
	height: 16px;
	background-position: 0px -136px;
	background-repeat: repeat-x;
}

.ml
{
	top: 16px;
	left: 0px;
	width: 16px;
	bottom: 51px;
	background-position: 0px 0px;
}

.mr
{
	top: 16px;
	right: 0px;
	width: 16px;
	bottom: 51px;
	background-position: -16px 0px;
}

.bl
{
	bottom: 0px;
	left: 0px;
	width: 30px;
	height: 51px;
	background-position: -16px -196px;
}

.rtl .bl
{
	background-position: -16px -517px;
}

.br
{
	bottom: 0px;
	right: 0px;
	width: 30px;
	height: 51px;
	background-position: -16px -263px;
}

.rtl .br
{
	background-position: -16px -584px;
}

.bc
{
	bottom: 0px;
	right: 30px;
	left: 30px;
	height: 51px;
	background-position: 0px -330px;
	background-repeat: repeat-x;
}