/* ####################################
   ###       GENERAL SETTINGS       ###
   #################################### */


* {
  margin            : 0px;
  padding           : 0px;
  font-family       : arial, helvetica;
}


html {
  height            : 100%;
}

body {
  height            : 100%;
  background        : #ffffff;
}

#main {
  position          : relative;
  min-height        : 100%;

}

* html #main {
  height            : 100%;
}

#InnerMain {
  margin-top        : 10px;
  padding-bottom    : 120px;
  min-height        : 100%;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;
  background        : url(/layout/bgrnd_content.png) repeat-y;

}




/* ############################ */
/* ###        FOOTER        ### */
/* ############################ */

#footer {
  position          : relative;
  margin-top        : -120px;
  height            : 120px;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;
} 

#innerFooter_top {
  height            : 20px;
  background        : url(/layout/footer_shadow_17.png) bottom repeat-x;
}

#innerFooter_main {
  height            : 60px;
  background        : url(/layout/bgrnd_footer_main.png) repeat-x;
  border-top        : 1px solid #ffffff;
  text-align        : right;
}

#footer_nav {
  font-size         : 10pt;
  color             : #ffffff;
  margin            : 10px 20px;
}

#footer_nav a:link, #footer_nav a:visited {
  color             : #ffffff;
  text-decoration   : none;
  font-size         : 10pt;
  margin-left      	: 10px;
}

#footer_nav a:hover {
  text-decoration   : underline;
}

#innerFooter_bottom {
  height            : 40px;
  background        : #ffffff;
}

/* ############################ */
/* ###        HEADER        ### */
/* ############################ */

#header {
  width             : 960px;
  height            : 238px;
  background        : url(/layout/header.jpg) no-repeat;
  overflow          : hidden;
}

/* ############################ */
/* ###   3 COLUMN DESIGN    ### */
/* ############################ */

.left_area {
  float             : left;
  width             : 190px;
  border            : 0px solid #ff0000;
  padding-top       : 0px;
  margin            : 0px;
  font-size         : 12px;
  margin            : 0px;
}

.center_area {
  float             : left;
  width             : 580px; 
  border            : 0px solid #00ff00;
  padding           : 0px;
  margin            : 0px;
  font-size         : 10pt;
  line-height       : 20px;
  margin            : 0px 0px 0px 0px;

}

.right_area {
  float             : right;
  width             : 190px;
  border            : 0px solid #ff0000;
  padding-top       : 0px;
  margin            : 0px;
  font-size         : 12px;
  margin            : 0px;

}

.inliner_start {
  font-size         : 10pt;
  line-height       : 20px;
  background        : #ffffff;
	color             : #444444;
}


.content_area {
  margin            : 20px 40px 20px 40px;
  min-height        : 500px;
  color             : #444444;
  line-height       : 20px;
}

/* ############################ */
/* ###        HELPER        ### */
/* ############################ */

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

.right_align {
  text-align        : right;
}


/* ############################ */
/* ###      MAIN-NAVI       ### */
/* ############################ */

#mainnavi {
  width             : 100%;
  height            : 30px;
  margin            : 0px;
  vertical-align    : middle;
  background        : url(/layout/bgrnd_mainnavi.png) repeat-x;
  border-top        : 1px solid #ffffff;
  border-bottom     : 1px solid #ffffff;
  font-size         : 11pt;
}

#mainnavi ul {
  margin            : 0px 0px 0px 20px;
  padding           : 0;
  list-style        : none;
}

#mainnavi li {
  margin            : 0px;
  padding           : 0px;
  vertical-align    : middle;
  float             : left;
}


#mainnavi a:link, #mainnavi a:visited {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #ffffff;
  padding           : 6px 10px 6px 10px;
  background        : url(/layout/bgrnd_mainnavi.png) repeat-xt;
}  

#mainnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #1f5300;
  padding           : 6px 10px 6px 10px;
  background        : url(/layout/bgrnd_mainnavi_hover.png) repeat-x;
}  

/* ############################ */
/* ###      SUB-NAVI        ### */
/* ############################ */

#subnavi {
  background        : url("/layout/bgrnd_subnavi.png") bottom repeat-x #ebeee3;
  margin-top        : 20px;
}


#subnavi_head {
  height            : 25px;
  background        : url("/layout/bgrnd_subnavi_head.png") repeat-x;
  color             : #497900;
  font-weight       : bold;
  border-top        : 1px solid #ffffff;
  border-bottom     : 1px solid #ffffff;
  padding           : 5px 0px 0px 20px;
  font-size         : 11pt;
}

#subnavi ul {
  margin            : 0px;
  padding           : 0px;
  list-style        : none;
}

#subnavi li {
  margin            : 0px;
  padding           : 0px;
  vertical-align    : middle;
  border-bottom     : 1px solid #ffffff;

}


#subnavi a:link, #subnavi a:visited {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #343434;
  padding           : 7px 10px 7px 32px;
  vertical-align    : middle;
}

#subnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #343434;
  padding           : 7px 10px 7px 32px;
  background        : url(/layout/bgrnd_subnavi_hover.png) no-repeat !important;

  }

.linkimg {
  background-image      : url(/layout/link_img.png);
  background-repeat     : no-repeat;
  background-position   : 22px 12px;
  padding-left          : 12px;
}


#visi_1, #visi_2, #visi_3, #visi_4, #visi_5, #visi_6 {
  display           : none;
} 

/* ############################ */
/* ###       SHADOWS        ### */
/* ############################ */

.shadow_17 {
  height            : 17px;
  background        : url(/layout/shadow_17.png) repeat-x;
}



/* ############################ */
/* ###      RIGHT BOX       ### */
/* ############################ */

.right_box {
  background        : url("/layout/bgrnd_subnavi.png") bottom repeat-x #ebeee3;
  margin-top        : 20px;
  border-bottom     : 1px solid #ffffff;
  color             : #444444;
}


.right_box_head {
  height            : 25px;
  background        : url("/layout/bgrnd_rightbox_head.png") repeat-x;
  color             : #ebeee3;
  font-weight       : bold;
  border-top        : 1px solid #ffffff;
  border-bottom     : 1px solid #ffffff;
  padding           : 5px 0px 0px 20px;
  font-size         : 11pt;
}

.right_box_content {
  padding           : 10px 20px;
}


.right_box_layout {
  background        : transparent;
  font-size         : 9pt;
  color             : #444444;
  line-height       : 13pt;
  }

.right_box_layout h1 a {
	font-size		: 9pt;
	font-weight		: bold;
	color			: #444444;
	margin-bottom	: 10px;
	text-decoration	: none;
}
  
.right_box_layout h1 a:hover {
	text-decoration	: underline;
}

.right_box_layout h1.date {
	font-size		: 8pt;
	font-weight		: bold;
	color			: #888888;
	margin-bottom	: 0px;
}


  
/* ############################ */
/* ###      HEADLINES       ### */
/* ############################ */

h1 {
  font-size         : 18pt;
  font-weight       : normal;
  color             : #ae121d;
  margin-bottom     : 20px;
}

h2 {
  font-size         : 14pt; 
  font-weight       : normal;
  color             : #ae121d;
  margin-bottom     : 10px;
}

h3 {
  font-size         : 11pt;
  font-weight       : bold;
  color             : #444444;
  margin-bottom     : 5px;
}


/* ############################ */
/* ###       CONTENT        ### */
/* ############################ */

.content_box {
  margin-bottom     : 40px;
}

.left_column img, .content_box img {
  margin            : 5px 15px 5px 0px;
  border            : 1px solid #000000;
}

.img_right {
  float             : right;
}

.img_right img {
  margin-right      : 0px;
  margin-left       : 15px;
}

.img_box img {
  margin-right      : 15px;
  margin-bottom     : 5px;
  border            : 1px solid #444444;
}

.kleintext {
  font-size         : 8pt;
}



.gallery img {
  margin-right      : 2px !important;
}

.gallery td {
  width             : 10px;
}

.content_area ul{
  margin-left            : 20px;
}

h2.monat {
  text-align      : center;
  padding         : 2px 2px 2px 5px;
  background      : #cfd3c7;
}

/* ############################ */
/* ### Zuständigkeitsfinder ### */
/* ############################ */

.block_content {
  margin-bottom     : 10px;
}

.infodiensteinclude h2 {
margin-top          : 30px;
}

/* ############################ */
/* ###        IFRAME        ### */
/* ############################ */

.inliner {
  background        : #FBE5D5;
  font-size         : 11px;
}

/* ################################## */
/* ###           LINKS            ### */
/* ################################## */

.content_area a:link, .content_area a:visited, 
.inliner_start a:link, .inliner_start a:visited
{
  color             : #AE121D;
  text-decoration   : none;
}

.content_area a:hover,
.inliner_start a:hover
 {
  color             : #444444;
  text-decoration   : underline;
}




/* weiterlesen-Link */

a.sitelink:link, a.sitelink:visited {
  text-decoration   : none;
  color             : #ae121d;
}

a.sitelink:hover {
  text-decoration   : none;
  color             : #444444;
}

.arrows {
  font-family       : courier;
  font-size         : 14pt;
  letter-spacing    : -3pt;
  text-decoration   : none;
  font-weight       : bold;

  padding           : 0px 5px 0px 5px;
}

.h2_link:link h2, h2_link:visited h2 {
  color             : #ae121d;
}

.h2_link:hover h2 {
  color             : #444444;
}





/* ################################## */
/* ###       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;
}

/* ################################## */
/* ###          TABLES            ### */
/* ################################## */

.listtable th, .resultlist th{
  text-align      : left;
  padding         : 2px 2px 2px 5px;
  background      : #cfd3c7;
 }

.listtable td, .resultlist td {
  text-align      : left;
  vertical-align  : top;
  padding         : 2px 2px 2px 5px;
  background      : #eeeeee;
  border-bottom   : 1px solid #ffffff;
  }

  /* class resultlist from "Zuständigkeitsfinde" */

/* ################################## */
/* ###    ZUSTÄNDIGKEITSFINDER    ### */
/* ################################## */


.datasheet dl {
  clear           : both;
  padding-top     : 10px;
}

.datasheet dt {
  font-weight     : bold;
  float           : left;
  width           : 120px;
}

.datasheet dd {
  float           : left;

}



.infodiensteinclude h3 {
  margin-top      : 20px;
}

/* ################################## */
/* ###         DATA-BOX           ### */
/* ################################## */

.grey_box {
  background      : url(/layout/bgrnd_fade_box.png) right bottom no-repeat #eeeeee;
  width           : 100%;
  margin-bottom   : 10px;
  float           : left;

}

.grey_box h3 {
  text-align      : left;
  padding         : 2px 2px 2px 5px;
  margin          : 0px;
  background      : #cfd3c7;
  font-size       : 10pt;
}

.grey_box_content {
  padding          : 5px;
}

.data_box_navi {
  background      : url(/layout/bgrnd_data_box_navi.png);
  height          : 20px;
  padding-left    : 5px;
  padding-right   : 5px;
}



.box3column {
  float             : left; 
  width             : 154px; 
  height            : 220px; 
  border            : 1px solid #BDBFBB; 
  background        : url(/layout/bgrnd_fade_box.png) right bottom no-repeat #eeeeee;
  text-align        : center;
}

.box3column img {
  border            : 1px solid #444444;
  margin-top        : 5px;
}



/* ################################ */
/* ###          FORMS           ### */
/* ################################ */

.contactform form {
  width           : 260px;
  text-align      : left;
  padding-bottom  : 10px;
}

.contactform_left form {
  width           : 260px;
  text-align      : left;
  padding-bottom  : 10px;
}



.contactform fieldset, .contactform_left fieldset {
  margin          : 0;
  border          : 0;
  padding         : 0;

}

.contactform legend {
  display         : none;
}

.contactform h3 {
  clear           : both;
  padding         : 15px 0px 10px 0px;
  font-size       : 12px;

}

.contactform label, .contactform_left label {
  display         : block;
  width           : 230px;
  font-size       : 12px;
  line-height     : 14px;
  padding         : 0px 0px 12px 0px;
}

.contactform input, .contactform_left input  {
  display         : block;
  margin-top      : 3px;
  background      : #f2f2f2;
  border          : 1px solid #dddddd;  
}


.contactform form textarea, .contactform_left form textarea{
  display         : block;
  margin-top      : 3px;
  background      : #f2f2f2;
  border          : 1px solid #dddddd; 
  font-size       : 12px;
}


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


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

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

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

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


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



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

.contactform label.feld_plz input {
  float           : left;
  width           : 45px;
  padding         : 0px;
}

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

.noshow {
  visibility         : hidden;
}


/* ############################ */
/* ###        WIDTHS        ### */
/* ############################ */

.w20  {width  : 20px;}
.w30  {width  : 30px;}
.w40  {width  : 40px;}
.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;}
.w160 {width  : 160px;}
.w170 {width  : 170px;}
.w180 {width  : 180px;}
.w190 {width  : 190px;}
.w200 {width  : 200px;}
.w210 {width  : 210px;}
.w220 {width  : 220px;}
.w230 {width  : 230px;}
.w250 {width  : 250px;}
.w260 {width  : 260px;}
.w280 {width  : 280px;}
.w300 {width  : 300px;}
.w320 {width  : 320px;}
.w350 {width  : 350px;}
.w430 {width  : 430px;}
.w450 {width  : 450px;}
.w520 {width  : 520px;}


.w30p  {width  : 30%;}
.w40p  {width  : 40%;}
.w45p  {width  : 45%;}
.w49p  {width  : 49%;}
.w50p  {width  : 50%;}
.w60p  {width  : 60%;}
.w70p  {width  : 70%;}


/* ############################ */
/* ###      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;}
.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;}

.mall2    {margin:          2px;}
.mall5    {margin:          5px;}
.mall10   {margin:         10px;}
.mall15   {margin:         15px;}
.mall20   {margin:         20px;}
.mall25   {margin:         25px;}
.mall30   {margin:         30px;}
.mall35   {margin:         35px;}
.mall40   {margin:         40px;}
.mall45   {margin:         45px;}
.mall50   {margin:         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;}
.ptop35   {padding-top:    35px;}
.ptop40   {padding-top:    40px;}
.ptop45   {padding-top:    45px;}
.ptop50   {padding-top:    50px;}

.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;}
.pbot35   {padding-bottom: 35px;}
.pbot40   {padding-bottom: 40px;}
.pbot45   {padding-bottom: 45px;}
.pbot50   {padding-bottom: 50px;}

.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;}
.pleft35  {padding-left:   35px;}
.pleft40  {padding-left:   40px;}
.pleft45  {padding-left:   45px;}
.pleft50  {padding-left:   50px;}

.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;}
.pright35 {padding-right:  35px;}
.pright40 {padding-right:  40px;}
.pright45 {padding-right:  45px;}
.pright50 {padding-right:  50px;}


.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}
.pall30   {padding:        30px;}
.pall35   {padding:        35px;}
.pall40   {padding:        40px;}
.pall45   {padding:        45px;}
.pall50   {padding:        50px;}