/* ################################ */
/* ###   global configuration   ### */
/* ################################ */

* {
  margin          : 0px;
  padding         : 0px;

}

html, body {
  min-height      : 100%;
  height          : 100%;
  width           : 100%;
}

body {
  background      : url(layout/bgrnd_body.gif) top repeat-x #F8F9F9;
}

#main_box {
  min-height      : 100%;
  text-align      : center;
  margin          : 0 auto;
  background      : url(/layout/bgrnd_content.gif) center top repeat-y;
}

* html #main_box {
  height          : 100%;
}

/* ################################ */
/* ###          footer          ### */
/* ################################ */

/* Background body footer */
#footer_box {
  height          : 64px;
  margin-top      : -64px;
  text-align      : center;
  background      : url(layout/bgrnd_foot.gif) bottom repeat-x;
}

/* end of #frame */
#content_bottom {
  width           : 950px;
  height          : 24px;
  margin          : auto; 
  background      : url(layout/bgrnd_content_bottom.gif) no-repeat;
}
/* ################################ */


hr {
  clear           : both;
  height          : 1px;
  visibility      : hidden;
}


/* Box including Content-Background */
#frame {
  margin          : auto; 
  width           : 950px; 
  margin-bottom   : 64px;
}


/* space on top */
#top_space {
  width           : 950px;
  height          : 20px;
  background      : url(layout/bgrnd_top_space.gif) repeat-x;
}


/* service navigatio on top */
#top_navi {
  height          : 40px;
  width           : 950px;
  background      : url(layout/bgrnd_top_navi.gif) no-repeat;  
  text-align      : right;
  color           : #cbeaff;
  font-size       : 12px;
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
}


#top_navi_links {
  padding-right   : 25px;
  padding-top     : 20px;
}

#top_navi_links a:link, #top_navi_links a:visited {
  color           : #cbeaff;
  text-decoration : none;
}

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

/* left area including logo */
#logo_left {
  width           : 600px;
  height          : 120px;
  float           : left;
  background      : url(layout/bgrnd_logo_left.gif) no-repeat;  
}

/* right area including image slidshow */
#image_right {
  width           : 350px;
  height          : 120px;
  float           : right;
}


/* shadow below the complete header */
#top_shadow {
  clear           : both;
  width           : 948px;
  margin          : 0 1 0 1px;
  height          : 25px;
  background      : url(layout/bgrnd_shadow.gif) repeat-x;
}


#left_area {
  float           : left;
  width           : 165px;
  text-align      : left;
  padding-left    : 25px;
}

* html #left_area {width: 190px;}


#content_area {
  float           : left;
  width           : 520px;
  text-align      : left;
  padding         : 0 25 0 25px;
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  font-size       : 12px;
  color           : #394f5f;
  line-height     : 18px;
}

.content_area_inliner {
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  font-size       : 12px;
  color           : #394f5f;
  background      : #FFFFFF;
  line-height     : 18px;
}

* html #content_area {width: 570px;}

#content_area a:link,
#content_area a:visited,
.content_area_inliner a:link,
.content_area_inliner a:visited {
  color           : #2163a1;
  text-decoration : underline;
}

#content_area a:hover,
.content_area_inliner a:hover {
  color           : #000000;
  text-decoration : underline;
}


#right_area {
  float           : right;
  width           : 165px;
  text-align      : left;
  padding-right   : 25px;
}

* html #right_area {width: 190px;}

/* ################################ */
/* ###     main navigation      ### */
/* ################################ */

#mainnavi {
  width           : 165px;
  background      : url(layout/mainnavi_bodyground.gif) repeat-y;
}

#mainnavi_head {
  height          : 30px;
  line-height     : 30px;
  vertical-align  : middle;
  background      : url(layout/mainnavi_head.gif) no-repeat;
  font-weight     : bold;
  color           : #d5e3f0;
  font-size       : 12px;
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  text-transform  : uppercase;
}

#mainnavi_body {
  width           : 165px;
  background      : url(layout/mainnavi_body.gif) no-repeat bottom;
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
}

#mainnavi_bottom {
  height          : 7px;
  background      : url(layout/mainnavi_bottom.gif) no-repeat;
  margin-bottom   : 20px;
}



#mainnavi ul {
  margin          : 0;
  padding         : 0;
  list-style      : none;
  width           : 163px;
  margin-left     : 1px
}


#mainnavi li {
  margin          : 0px;
  padding         : 0px;
  border-bottom   : 1px dotted #84acd2;
}


#mainnavi a {
  display         : block;
  text-decoration : none;
  font-weight     : normal;
  font-size       : 11px;
  color           : #556876;
  line-height     : 20px;
  height          : 20px;
  padding-left    : 20px;

}


#mainnavi a:hover {
  color           : #000000;
  background-image: url(/layout/linkimg.gif);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  padding-left          : 20px;
}

p.mainnavi_themes {
  padding         : 15 0 0 20px;
  font-weight     : bold;
  font-size       : 12px;
  color           : #001d51;
}
  

/* ################################ */
/* ###       box address        ### */
/* ################################ */

#address_box {
  width           : 165px;
  background      : url(layout/address_bodyground.gif) repeat-y;
}

#address_head {
  height          : 30px;
  line-height     : 30px;
  vertical-align  : middle;
  background      : url(layout/address_head.gif) no-repeat;
  font-weight     : bold;
  color           : #3f5566;
  font-size       : 12px;
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  text-transform  : uppercase;
}

#address_body {
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  font-size       : 11px;
  padding         : 10 0 5 20px;
  color           : #787c7f;
}

#address_bottom {
  height          : 7px;
  background      : url(layout/address_bottom.gif) no-repeat;
}

/* ################################ */
/* ###       right boxes        ### */
/* ################################ */

.right_box {
  width           : 165px;
  background      : url(layout/right_box_bodyground.gif) repeat-y;
}

.right_box_head {
  height          : 30px;
  line-height     : 30px;
  vertical-align  : middle;
  background      : url(layout/right_box_head.gif) no-repeat;
  font-weight     : bold;
  color           : #e8bb99;
  font-size       : 12px;
  font-family     : lucida sans, verdana, arial, helvetica;
  text-transform  : uppercase;
}

.right_box_body {
  font-family     : lucida sans, verdana, arial, helvetica;
  font-size       : 11px;
  padding         : 10 0 5 10px;
  color           : #640000;
}

.right_box_bottom {
  height          : 7px;
  background      : url(layout/right_box_bottom.gif) no-repeat;
  margin-bottom   : 20px;
}

.right_box_content {
  background      : #FFEDE3;
  width           : 120px;
  font-family     : arial, helvetica, lucida sans, verdana ;
  font-size       : 11px;
  color           : #640000;
}

.right_box_date {
  font-family     : arial, helvetica, lucida sans, verdana ;
  font-size       : 10px;
}

.right_box_headline {
  font-family     : arial, helvetica, lucida sans, verdana ;
  font-size       : 11px;
  font-weight     : bold;
}

.right_box_content a:link, .right_box_content a:visited {
  font-size       : 11px;
  color           : #640000;
}
  
  

/* ################################ */
/* ###        Headlines         ### */
/* ################################ */

h1 {
  font-family     : lucida sans, verdana, arial, helvetica;
  font-size       : 20px;
  color           : #0068ae;
  text-transform  : uppercase;
  font-weight     : normal;
  margin-bottom   : 20px;
  margin-top      : 2px;
}

h2 {
  font-size       : 18px;
  color           : #0068ae;
  font-weight     : normal;
  margin-bottom   : 10px;
}

h3 {
  font-size       : 14px;
  color           : #0068ae;
  font-weight     : normal;
  margin-bottom   : 10px;
}

/* ################################ */
/* ###      Content Format      ### */
/* ################################ */

.content_box {
  margin-bottom   : 30px;
}

.content_box img {
  margin          : 0 10 5 0px;
}


/* ################################ */
/* ###     Table Format      ### */
/* ################################ */

.formated_table td {
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  font-size       : 12px;
  color           : #394f5f;
  border-bottom   : 1px dotted #84acd2;
  padding         : 2px;
}

.formated_table th {
  font-family     : lucida sans, lucida grande, verdana, arial, helvetica;
  font-size       : 12px;
  font-weight     : bold;
  border-bottom   : 1px dotted #84acd2;
  color           : #556876;
  background      : #cddbe8;
  padding         : 2px;
  text-align      : left;
}
  

/* ################################ */
/* ###       Two Columns        ### */
/* ################################ */

.left_column {
  float           : left;
}

.right_column {
  float           : right;
}

.tabline span{
  float           : left;
  display         : block;
}

/* --- Data-Box in address-blocks --- */
.data_box {
  float           : left;
}

.data_box p {
  clear           : both;
}

.clearbox {
  clear           : both;
}

hr {
  height          : 0px;
  margin          : 0px;
  padding         : 0px;
  clear           : both;
}

/* ################################ */
/* ###     Formular Format      ### */
/* ################################ */

form form{
  width           : 260px;
  text-align      : left;
  border          : 1px solid #b2b6b9;
  background      : #dfe2e5;
  padding-left    : 10px;
  padding-bottom  : 10px;
}

form fieldset {
  margin          : 0;
  border          : 0;
  padding         : 0;
}

.contactformlegend {
  display         : none;
}

form h3 {
  clear           : both;
  padding         : 15px 0px 10px 0px;
  font-size       : 14px;
}

form label {
  display         : block;
  width           : 260px;
  font-size       : 12px;
  line-height     : 14px;
  padding         : 0px 0px 12px 0px;
}

form input  {
  display         : block;
  margin-top      : 3px;
  border          : 1px solid #b2b6b9;  
}


form textarea {
  display         : block;
  margin-top      : 3px;
  border          : 1px solid #b2b6b9;
}


form label.feld_vorname,
form label.feld_firma,
form label.feld_anschrift,
form label.feld_plz,
form label.feld_telefon,
form label.feld_email,
form label.feld_internet,
form label.feld_thema,
form label.feld_text
{
  clear           : left;
}


form label.feld_firma,
form label.feld_anschrift,
form label.feld_email,
form label.feld_internet,
form label.feld_thema,
form label.feld_text
{
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 250px;
}

form label.feld_vorname,
form label.feld_nachname,
form label.feld_telefon,
form label.feld_telefax {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 120px;
}

form label.feld_plz {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 50px;
}

form label.feld_ort {
  float           : left;
  margin          : 0px 10px 0px 0px;
  width           : 190px;
}


form label.feld_vorname input,
form label.feld_nachname input,
form label.feld_telefon input,
form label.feld_telefax input {
  float           : left;
  width           : 120px;
  padding         : 0px;
}



form label.feld_firma input,
form label.feld_anschrift input,
form label.field-email input,
form label.feld_ort input,
form label.feld_email input,
form label.feld_internet input,
form label.feld_thema input,
form label.feld_text textarea{
  float           : left;
  width           : 250px;
  padding         : 0px;
}

form label.feld_plz input {
  float           : left;
  width           : 50px;
  padding         : 0px;
}

form label.feld_ort input {
  float           : left;
  width           : 190px;
  padding         : 0px;
}


/* ################################ */
/* ###     width parameters     ### */
/* ################################ */

.w50  {width  : 50px;}
.w60  {width  : 60px;}
.w70  {width  : 70px;}
.w80  {width  : 80px;}
.w90  {width  : 90px;}
.w100 {width  : 100px;}
.w110 {width  : 110px;}
.w120 {width  : 120px;}
.w130 {width  : 130px;}
.w140 {width  : 140px;}
.w150 {width  : 150px;}
.w165 {width  : 165px;}
.w200 {width  : 200px;}


/* ################################ */
/* ###        distances         ### */
/* ################################ */

.mtop2    {margin-top:      2px;}
.mtop5    {margin-top:      5px;}
.mtop10   {margin-top:     10px;}
.mtop15   {margin-top:     15px;}
.mtop20   {margin-top:     20px;}
.mtop25   {margin-top:     25px;}
.mtop30   {margin-top:     30px;}
.mtop35   {margin-top:     35px;}
.mtop40   {margin-top:     40px;}
.mtop45   {margin-top:     45px;}
.mtop50   {margin-top:     50px;}

.mbot2    {margin-bottom:   2px;}
.mbot5    {margin-bottom:   5px;}
.mbot10   {margin-bottom:  10px;}
.mbot15   {margin-bottom:  15px;}
.mbot20   {margin-bottom:  20px;}
.mbot25   {margin-bottom:  25px;}
.mbot30   {margin-bottom:  30px;}
.mbot35   {margin-bottom:  35px;}
.mbot40   {margin-bottom:  40px;}
.mbot45   {margin-bottom:  45px;}
.mbot50   {margin-bottom:  50px;}

.mleft2   {margin-left:     2px;}
.mleft5   {margin-left:     5px;}
.mleft10  {margin-left:    10px;}
.mleft15  {margin-left:    15px;}
.mleft20  {margin-left:    20px;}
.mleft23  {margin-left:    23px;}
.mleft25  {margin-left:    25px;}
.mleft30  {margin-left:    30px;}
.mleft35  {margin-left:    35px;}
.mleft40  {margin-left:    40px;}
.mleft45  {margin-left:    45px;}
.mleft50  {margin-left:    50px;}

.mright2  {margin-right:    2px;}
.mright5  {margin-right:    5px;}
.mright10 {margin-right:   10px;}
.mright15 {margin-right:   15px;}
.mright20 {margin-right:   20px;}
.mright25 {margin-right:   25px;}
.mright30 {margin-right:   30px;}
.mright35 {margin-right:   35px;}
.mright40 {margin-right:   40px;}
.mright45 {margin-right:   45px;}
.mright50 {margin-right:   50px;}

.ptop2    {padding-top:     2px;}
.ptop5    {padding-top:     5px;}
.ptop10   {padding-top:    10px;}
.ptop15   {padding-top:    15px;}
.ptop20   {padding-top:    20px;}
.ptop25   {padding-top:    25px;}
.ptop30   {padding-top:    30px;}

.pbot2    {padding-bottom:  2px;}
.pbot5    {padding-bottom:  5px;}
.pbot10   {padding-bottom: 10px;}
.pbot15   {padding-bottom: 15px;}
.pbot20   {padding-bottom: 20px;}
.pbot25   {padding-bottom: 25px;}
.pbot30   {padding-bottom: 30px;}

.pleft2   {padding-left:    2px;}
.pleft5   {padding-left:    5px;}
.pleft10  {padding-left:   10px;}
.pleft15  {padding-left:   15px;}
.pleft20  {padding-left:   20px;}
.pleft25  {padding-left:   25px;}
.pleft30  {padding-left:   30px;}

.pright2  {padding-right:   2px;}
.pright5  {padding-right:   5px;}
.pright10 {padding-right:  10px;}
.pright15 {padding-right:  15px;}
.pright20 {padding-right:  20px;}
.pright25 {padding-right:  25px;}
.pright30 {padding-right:  30px;}

.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}
.pall30   {padding:        30px;}