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

#bgrnd_top {
  position          : absolute;
  top               : 0px;
  z-index           : -1;
  height            : 484px;
  background        : url(/layout/bgrnd_body_top.png) repeat-x;
  width             : 100%;
}


#main {
  position          : relative;
  min-height        : 100%;
  background        : url(/layout/bgrnd_body_bottom.png) repeat-x bottom;

}

* html #main {
  height            : 100%;
}

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

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

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


#innerFooter_main {
  height            : 56px;
  background        : url(/layout/bgrnd_footer.png) repeat-x;
  text-align        : right;
}



#innerFooter_bottom {
  height            : 20px;
  background        : url(/layout/bgrnd_footer_bottom.png) repeat-x;

}

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

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

.h_home         {  background        : url(/layout/header_home.jpg) no-repeat;}
.h_aktuelles    {  background        : url(/layout/header_aktuelles.jpg) no-repeat;}
.h_unternehmen  {  background        : url(/layout/header_unternehmen.jpg) no-repeat;}
.h_philosophie  {  background        : url(/layout/header_philosophie.jpg) no-repeat;}
.h_qualitaet    {  background        : url(/layout/header_qualitaetsmanagement.jpg) no-repeat;}
.h_historie     {  background        : url(/layout/header_historie.jpg) no-repeat;}
.h_jobs         {  background        : url(/layout/header_jobs.jpg) no-repeat;}
.h_mitglied     {  background        : url(/layout/header_mitglied.jpg) no-repeat;}
.h_team         {  background        : url(/layout/header_team.jpg) no-repeat;}
.h_einsatz      {  background        : url(/layout/header_einsatz.jpg) no-repeat;}
.h_leistungen_markscheidewesen      {  background : url(/layout/header_leistungen_markscheidewesen.jpg) no-repeat;}
.h_leistungen_ingenieurvermessung   {  background : url(/layout/header_leistungen_ingenieurvermessung.jpg) no-repeat;}
.h_leistungen_technik               {  background : url(/layout/header_leistungen_technik.jpg) no-repeat;}
.h_referenzen_ingenieurvermessung   {  background : url(/layout/header_referenzen_ingenieurvermessung.jpg) no-repeat;}
.h_referenzen_markscheidewesen      {  background : url(/layout/header_referenzen_markscheidewesen.jpg) no-repeat;}

.h_kontakt      {  background        : url(/layout/header_kontakt.jpg) no-repeat;}
.h_impressum    {  background        : url(/layout/header_impressum.jpg) no-repeat;}
.h_downloads    {  background        : url(/layout/header_downloads.jpg) no-repeat;}

/* ############################ */
/* ###        DESIGN        ### */
/* ############################ */

#design_shine {
  background        : url(/layout/content_shine.jpg) 60px -210px no-repeat;
}

#design_swirl_line {
  background        : url(/layout/content_swirl_line.png) 10px 0px no-repeat;
}  

/* ############################ */
/* ###   2 COLUMN DESIGN    ### */
/* ############################ */

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

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

}


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


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

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

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

.right_align {
  text-align        : right;
}


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

#mainnavi {
  width             : 940px;
  height            : 40px;
  margin            : 0px 10px 0px 10px;
  vertical-align    : middle;
  background        : url(/layout/mainnavi_out.png) repeat-x;
  border-bottom     : 1px solid #a1a1a1;
  font-size         : 12px;
  text-transform    : uppercase;
}

#mainnavi ul {
  margin            : 0px 0px 0px 280px;
  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             : #e8cccb;
  padding           : 13px 10px 12px 10px;
  background        : url(/layout/mainnavi_out.png) repeat-x;
}  

#mainnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #fff0f0;
  padding           : 13px 10px 12px 10px;
  background        : url(/layout/mainnavi_over.png) repeat-x;
}  

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

#subnavi {
  background        : url("/layout/bgrnd_subnavi.png") bottom no-repeat;
  margin-top        : 0px;
  margin-left       : 50px;
  width             : 200px;
  font-size         : 14px;
  background        : url(/layout/subnavi_bgrnd.png) no-repeat bottom;
}

.subnavi_iframe {
  margin-left       : 0px !important;
}


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

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

}


#subnavi a:link, #subnavi a:visited {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #bebfc1;
  padding           : 7px 10px 7px 20px;
  background        : url(/layout/subnavi_out.png) 7px 11px no-repeat;
}

#subnavi a:hover {
  color             : #ffffff;
  background        : url(/layout/subnavi_over.png) 7px 11px no-repeat;
}


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

/* ############################ */
/* ###      TOP-NAVI        ### */
/* ############################ */

#topnavi {
  color             : #ffffff;
  width             : 960px;
  position          : relative;
  left              : 50%;
  margin-left       : -480px;
  height            : 25px;
  text-align        : right;
  margin-top        : 25px;

}
#topnavi_in {
  float             : right;
  margin-right      : 30px;
 
}

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

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


#topnavi a:link, #topnavi a:visited {
  font-size         : 12px;
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #e8cccb;
  padding           : 5px 10px 5px 10px;
  background        : url(/layout/topnavi_out.png) repeat-x;
}  

#topnavi a:hover {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #fff0f0;
  padding           : 5px 10px 5px 10px;
  background        : url(/layout/topnavi_over.png) repeat-x;
}  


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

.shadow_content_top {
  width             : 940px;
  margin-left       : 10px;
  height            : 33px;
  background        : url(/layout/shadow_33.png) repeat-x;
}






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

h1 {
  font-size         : 20px;
  font-weight       : normal;
  color             : #fefefe;
  padding-bottom    : 3px;
  margin-bottom     : 20px;
  border-bottom     : 1px solid #9C9D9F;
}

h2 {
  font-size         : 16px; 
  font-weight       : bold;
  color             : #e3e4e6;
  margin-bottom     : 10px;
  padding-left      : 20px;
  background        : url(/layout/h2_square.png) 0px 4px no-repeat;
}

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


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

.content_box {
  margin-bottom     : 40px;
}

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

.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            : 5px !important;
}


.gallery td {
  width             : 50px;
  vertical-align    : top;
}

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

.no_info {
  color             : #AAAAAA;
}


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

.inliner_start {
  background        : none;
}
.inliner_outbox {
  margin-top        : 20px;
  margin-left       : 50px;
}

.inliner_box {
  background        : none;
  color             : #cccccc;
  line-height       : 20px;
  font-size         : 12px;

}

.inliner_box .date {
  font-size         : 10px;
}
.inliner_box h1 {
  font-size         : 14px;
  padding           : 0px;
  margin-bottom     : 3px;
}


.inliner_box h2 {
  font-size         : 13px;
  background        : none;
  padding-left      : 0px;
}

/* ############################ */
/* ###      ACCORDEON       ### */
/* ############################ */

.header_highlight {
  border-bottom     : 1px dotted #9C9D9F;
}

.accordion_headings h3 {
  padding-left      : 20px;
  background        : url(/layout/acc_closed.png) 0px 3px no-repeat;
  cursor            : pointer;
  font-weight       : normal;
}

.accordion_headings h3:hover {
  color             : #ffffff;
}

.header_highlight h3 {
  color             : #ffffff;
  padding-left      : 20px;
  background        : url(/layout/acc_opened.png) 0px 3px no-repeat;
  font-weight       : bold;
}


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

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

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

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

.linkimg_down {
  background-image  : url(/layout/linkimg_down.png);
  background-repeat : no-repeat;
  padding           : 0px 0px 20px 20px;
}

.linkimg_up {
  background-image  : url(/layout/linkimg_up.png);
  background-repeat : no-repeat;
  padding           : 0px 0px 20px 20px;
}

.linkimg_right {
  background-image  : url(/layout/linkimg_right.png);
  background-repeat : no-repeat;
  padding           : 0px 0px 20px 20px;
}



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


/* ################################## */
/* ###         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             : 195px; 
  min-height        : 340px;
  border            : 1px solid #7B7C7D; 
  margin-right      : 10px;
  margin-bottom     : 10px;
  padding           : 0px;
  background        : url(/layout/black_20p.png);
  text-align        : center;
}

.box3column_blank {
  float             : left; 
  width             : 195px; 
  min-height        : 345px;
  margin-right      : 10px;
  margin-bottom     : 10px;
  padding           : 0px;
}

.box2column {
  float             : left; 
  width             : 300px; 
  min-height        : 280px;
  border            : 1px solid #7B7C7D; 
  margin-right      : 10px;
  margin-bottom     : 10px;
  padding           : 0px;
  background        : url(/layout/black_20p.png);
  text-align        : center;
}

.box3column h2, .box2column h2 {
  background        : url(/layout/black_20p.png);
  padding           : 0px;
  margin-bottom     : 5px;
}

.box3_content {
  margin            : 5px;
}

.box3_funktion {
  font-size         : 11px;
  height            : 40px;
}

.box3_image img{
  border            : 5px solid #ffffff;
  margin-top        : 5px;
  margin-left       : 27px;
}

.box2_image img{
  border            : 5px solid #ffffff;
  margin-top        : 5px;
  margin-left       : 15px;
}


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