/*
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
** rdts AG | CSS-Datei | CONTENT
***************************************************************************************************
***************************************************************************************************
***************************************************************************************************
*/


/*********************************************************************
*** DOCUMENT ***
*********************************************************************/

div#document {
  background-position: left top;
  background-repeat: no-repeat;
  width: 975px;
  margin: 10px 0 0 0;
}

div#documentFader-Facing {
  position: absolute; 
  z-index: 10000000000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #6FA4C2;
}


/*********************************************************************
*** KOPF ***
*********************************************************************/


div#kopf {
  width: 399px;
  height: 21px;
  margin: 0 0 20px 441px;
}

div#logo {
  width: 352px;
  height: 90px;
  margin: 0 0 20px 623px;
}



/*********************************************************************
*** KOERPER ***
*********************************************************************/

div#koerper {
  width: 490px;
  margin: 0 0 50px 326px;
}

div#koerper_startseite,
div#koerper_unternehmen {
  width: 645px;
  margin: 0 0 50px 326px;
}






/*** STYLES ***/

img.ueberschrift {
  margin: 0 0 25px 0;
  display: block;
}
img.rahmen {
  border: 1px solid #CDCDCD;
  padding: 1px;
}



div#koerper hr {
  background-color: #B2B1A8;
  width: 490px;
  height: 1px;
  border: none;
  margin: 20px 0 20px 0;
}

div#koerper h2 {
  font-weight: bold;
}

div.text {
  margin: 0 0 15px 0;
}

div.news {
  margin: 0 0 30px 0;
}

span.fotos_rechts {
  float: right;
  margin: 3px 0 7px 7px;
}

span.bildunterschrift {
  font-size: 0.9em;
  line-height: 1.3em;
  display: block;
  width: 300px;
}



/** INFO-BOX **/

div.info_box {
  float:right;
  margin: 0 0 10px 10px;
  padding: 2px 0 2px 2px;
  width: 150px;
  background-color: #EEEEEE;
  font-size: 0.95em;
}
div.info_box h1 {
  background-color: #6FA3C0;
  color: #ffffff;
  width: 150px;
  font-weight: bold;
  padding: 2px 0 2px 2px;
  margin: -2px 0 11px -2px;
  font-size: 1.1em;
}



/** STARTSEITE **/


div.schmuckbilder-1 {
  margin: 0;  
}

div#main {
  width: 645px;
  border-bottom: 1px dotted #cccccc;
  margin: 0 0 15px 0;
}

div#main div#main_right {
  float: right;
  width: 420px;
  margin: -75px 5px 0 0;
  position: relative;
}

div#main div#main_left {
  float: left;
  width: 200px;
  margin: 50px 0 0 0;
}

div#main div#main_left a {
  background-image: url(../grafik/bg_a_startseite.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding: 0 0 0 10px;
  line-height: 18px;
}


div.aktuelle_projekte {
  width: 207px;
  margin: 0 11px 20px 0;
  float: left;
  line-height: 18px;
}

div.aktuelle_projekte_last {
  width: 207px;
  margin: 0 0 20px 0;
  float: left;
  line-height: 18px;
}


div.aktuelle_projekte img,
div.aktuelle_projekte_last img {
  margin: 0 0 20px 0;
}

div.aktuelle_projekte a,
div.aktuelle_projekte a:link,
div.aktuelle_projekte a:visited,
div.aktuelle_projekte a:hover,
div.aktuelle_projekte a:active,
div.aktuelle_projekte_last a,
div.aktuelle_projekte_last a:link,
div.aktuelle_projekte_last a:visited,
div.aktuelle_projekte_last a:hover,
div.aktuelle_projekte_last a:active {
  color: #6da2bf;
  font-weight: bold;
  display: block;
}

span.aktuelle_projekte_ueberschrift {
  font-weight: bold;
  display: block;
  color: #6da2bf;
}

div.abstandshalter {
  clear: left;
}







/** UNTERNEHMEN **/

div#block_rechts {
  width: 256px;
  float: right;
  margin: 0 0 0 20px;
}
div#block_rechts div.block_rechts_box {
  background-color: #EEEEEE;
  margin: 0 0 20px 0;
}
div#block_rechts div.ueberschrift {
  background-color: #6FA3C0;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  padding: 2px 0 1px 7px;
}
div#block_rechts div.block_rechts_content {
  padding: 10px 2px 2px 7px;
}
div#block_rechts div.block_rechts_content_bilder {
  padding: 13px 2px 2px 15px;
}

div#block_rechts div.block_rechts_content ul {
  margin: 0;
}
div#block_rechts div.block_rechts_content ul li {
  list-style-image: url(../grafik/bg_a_startseite.gif);
  font-size: 11px;
  color: #000000;
  padding: 0 0 5px 0;
}

/** AKTUELLES **/

span.datum {
  font-size: 0.9em;
  display: block;
}

div#koerper h3 {
  color: #6FA3C0;
  font-weight: bold;
  background-image: url(../grafik/qua.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 1px 0 0 15px;
  margin: 0 0 3px 0;
  font-size: 1.1em;
}

div#accordion h3.accordion_toggle,
div#accordionDecors h3.accordion_toggle_Decors {
	font-size:1.0em;
}

div.accordion_content{
	height:0;
	overflow:hidden;
}


div.accordion_content_Decors{
	height:0;
	overflow:hidden;
}


/** UNTERNEHMEN **/

span.fotogalerie_re {
  float: right;
  margin: 0 0 10px 10px;
  text-align: right;
}



/** LÖSUNGEN **/

span.bild-float-left {
  float: left;
  margin: 0 10px 0 0;
}

span.zwischenueb {
 color: #6FA3C0;
 font-weight: bold;
}




/** REFERENZEN **/

div.referenzen_box {
  width: 490px;
  clear: both;
  background-color: #EEEEEE;
  margin: 0 0 35px 0;
  padding: 0 0 20px 0;
}


div.referenzen_box h1 {
  background-color: #6FA3C0;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 0 2px 5px;
  margin: 0 0 11px 0;
  font-size: 1.1em;
}

div.referenzen_box_links {
  float: left;
  padding: 0 0 0 5px;
  width: 220px;
}

div.referenzen_box_rechts {
  float: right;
  width: 255px;
  padding: 0 5px 0 0;
}

div.referenzen_box_rechts table td {
  padding: 8px 0 5px 0;
}



/** BRANCHEN **/

div.referenzen_branche_links {
  width: 220px;
  float: left;
  border-right: 1px solid #C3C0B2;
  padding: 0 15px 0 0;
}

div.referenzen_branche_rechts {
	width: 220px;
	float: left;
	margin: 0 0 0 23px;	
}





/** TABELLEN **/

table.favicon {
  border: none;
  margin: 5px 0 0 0;
}
table.kontakt td {
  padding: 0 20px 10px 0;
}


th.breite, td.breite {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  text-align: left;
  vertical-align: top;
  width: 170px;
}

th.xtrabreite, td.xtrabreite {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  text-align: left;
  vertical-align: top;
  width: 200px;
}

th.routenplanung, td.routenplanung {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  text-align: left;
  vertical-align: top;
  width: 60px;
}

th.kundenarea, td.kundenarea {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  text-align: left;
  vertical-align: top;
  width: 80px;
}

th.kundenareaxtra, td.kundenareaxtra {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  text-align: left;
  vertical-align: middle;
  width: 170px;
}

th.datum-vorbeck, td.datum-vorbeck {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: .85em;
  text-align: left;
  vertical-align: top;
  width: 80px;
}

th.inhalt-vorbeck, td.inhalt-vorbeck {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.4em;
  font-family: Arial,Helvetica,sans-serif;
  font-size: .85em;
  text-align: left;
  vertical-align: top;
}

th.favicon, td.favicon {
  padding-top: 5px;
  line-height: 1.4em;
  height: 25px;
	text-align: left;
  vertical-align: top;
}




/** FOMULARFELDER **/

table.formular {
  width: 490px;
  margin: 10px 0 20px 0;
}

td.bezeichner-einzeilig {
  width: 170px;
}

td.formfeld {
  width: 310px;
}

input.normal {
  padding: 1px;
  border : 1px solid #CCCCCC;
  color : #5F5F5F;
  background-color : #FFFFFF;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 180px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

input.normal_ {
  padding: 1px;
  border : 1px solid #FFFFFF;
  color : #000000;
  background-color : #CCCCCC;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 180px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

input.lang_ {
  padding: 1px;
  border : 1px solid #FFFFFF;
  color : #000000;
  background-color : #CCCCCC;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 480px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}


/* INFO: Die Input-Klassen "kurz" und "mittel" werden fuer die Kombinationen 
Straße+Hausnummer und PLZ+Wohnort verwendet! */

input.kurz {
  padding: 1px;
  border : 1px solid #CCCCCC;
  color : #5F5F5F;
  background-color : #FFFFFF;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 45px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

input.kurz_ {
  padding: 1px;
  border : 1px solid #FFFFFF;
  color : #000000;
  background-color : #CCCCCC;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 45px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

input.mittel {
  padding: 1px;
  border : 1px solid #CCCCCC;
  color : #5F5F5F;
  background-color : #FFFFFF;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 130px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

input.mittel_ {
  padding: 1px;
  border : 1px solid #FFFFFF;
  color : #000000;
  background-color : #CCCCCC;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 130px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

input.lang {
  padding: 1px;
  border : 1px solid #CCCCCC;
  color : #5F5F5F;
  background-color : #FFFFFF;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 480px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

.checkboxausrichtung {
  margin-left: -4px;
  margin-bottom: 2px;
}

input.radiobutton {
  border : none;
}

input.button {
  color : #5F5F5F;
  background-color : #FFFFFF;
  border : 1px solid #CCCCCC;
  width: 90px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
}

/*
  MEHRZEILIGE TEXTFELDER (AREAS)
*/

textarea.gross {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  color: #5F5F5F;
  background-color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  width: 400px;
  height: 150px;
}

textarea.gross_ {
  border: 1px solid #FFFFFF;
  margin-bottom: 10px;
  color: #000000;
  background-color: #CCCCCC;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  width: 400px;
  height: 150px;
}

textarea.klein {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  color: #5F5F5F;
  background-color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  width: 180px;
  height: 90px;
}

textarea.klein_ {
  border: 1px solid #FFFFFF;
  margin-bottom: 10px;
  color: #000000;
  background-color: #CCCCCC;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.0em;
  width: 180px;
  height: 90px;
}

.pulldown {
  color:	#5F5F5F;
  border-top: #CCCCCC 1px solid;
  border-left: #CCCCCC 1px solid;
  border-right: #CCCCCC 1px solid;
  border-bottom: #CCCCCC 1px solid;
  padding: 1px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: .9em;
}

select.gross {
  font-size: .9em;
  color: #ffffff;
  background-color: #3A7B00;
  width: 400px;
}

select.klein {
  font-size: .9em;
  color: #ffffff;
  background-color: #3A7B00;
  width: 180px;
}









/*********************************************************************
*** FOOTER ***
*********************************************************************/

div#footer {
  width: 100%;
  height: 10px;
  clear: both;
  background-color: #6FA3C0;
  position: fixed;
  bottom: 0;
}