/* =====================================================
   Thermoglas, Bildschirmausgabe
   (c) 2005 mkt gmbh
===================================================== */

/* =====================================================
   Wurzelelemente
===================================================== */
#c190, #c191 {
  margin-left: 156px;
}

#c132 dd {
  margin:0 0 15px 0;
  padding:0;
}

body {
  font: 83%/150% Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff url("../images/hintergrund.png") repeat-y center;
  text-align: center;
}

div#container {
  margin: 0 auto;
  width: 776px;
  position: relative;
  text-align: left;
}

.inside {
  width: 776px;
  margin: 0 auto;  
}

#header .inside {
  background-image: url("../images/dach.jpg");
  background-repeat:no-repeat;
  background-position:right;
  height:155px;
}

.sub1 {
 width:260px;
}

#primary .inside {
  text-align:left;
}

.headerbild {
  margin: 0 auto;
 
}

#footer {
    clear: both;
    margin: 4em 0 3em;
}

#footer .inside {
  width: 776px;
  padding-left: 339px;
  text-align: left;
}




/* =====================================================
   Inhalte
===================================================== */
div#content {
  width: 560px;
  margin: 0 0 0 150px;
  padding: 155px 20px 0 45px;
  color: #000;
  background: #ebf0f9 url("../images/dach.jpg") no-repeat top;
  position: relative;
}

div#content2 {
  float:left;
  width: 622px;
  margin: 0;
  padding: 0;
  color: black;
  background: #ebf0f9 url("../images/dach.jpg") no-repeat top right;
}

/* =====================================================
   Homepage Newsblock
===================================================== */
#linkespalte {
  float:left;
  width:150px;
  margin:0;
  margin-top:250px;
  padding:0;
}

#newsblock {
  float:left;
  position:relative;
  top:200px;
  width:200px;
  height:auto;
  margin-left:42px;
  background-color:#EBF0F9;
}

#newsblock h3 {
  color:#0066CC;
  margin:0;
  padding:0;
  margin-bottom:10px;
  margin-top:5px;
  line-height:145%;
}

#newsblock p {
  line-height:135%;
}

div#spalte3 {
  padding:0;
  margin:0;
  float:left;
  position:relative;
  top:155px;
  width:270px;
  height:300px;
  margin:30px 0 0 66px;
  /* background: #EBF0F9 url(../images/home_kig.html) no-repeat scroll right 28px; */
}

/* =====================================================
   Überschriften
===================================================== */

h1 {
  color: #333;
  background: #ebf0f9;
  font-size: 1.3em;
  line-height: 150%;
  width: 585px;
  border-bottom: 1px solid #9CB5DE;
  padding-bottom: 4px;
  margin-bottom:20px;
}

h2 {
  font-size: 1em;
  line-height: 150%;
  width: 560px;
  /*height: 18px;*/
  font-weight:bold;
  color:#000000;
  margin-bottom:5px;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0 0 0;
}

h3 {
  display:block;
  width:577px;
  background-color:#0066CC;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 1em 0 0 0;
  padding-left:10px;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  margin: 1em 0 0 0;
}

/* =====================================================
   Absätze
===================================================== */
address {
  margin: 0 0 1em 0;
  font-style: normal;
}

p {
  margin: 0 0 1em 0;
}

p#map1 {
  cursor: pointer;
}

p#map2 {
  cursor: pointer;
  display: none;
}

p#otherBranch {
  display: none;
}

p#partnerlink {
  border-top: 1px solid #9cb5de;
  padding: 1em 0 0 0;
  clear: both;
}

p#start {
  margin: 0;
  position: absolute;
  top: 155px;
  right: 0;
}

p#copyright , ul#skipLinks , hr {
  display: none;
}

p.morelink {
  margin-left:217px;
}

/* =====================================================
   Abkürzungen
===================================================== */
abbr , acronym {
  border: 0 none;
  font-style: inherit;
}

/* =====================================================
   Links
===================================================== */
a:link , a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #06c;
  background: transparent;
}

a:hover , a:focus , a:active {
  font-weight: bold;
  text-decoration: underline;
  color: #06c;
  background: transparent;
}

/* =====================================================
   Bilder
===================================================== */
a img {
  border: 0 none;
}

img {
  vertical-align: bottom;
}

object {
  border: 1px solid #06c;
  margin: 0 0 1em 0;
}

/* =====================================================
   Listen
===================================================== */
ul {
  margin: 0 0 1em 0;
  padding: 0 0 0 1em;
  list-style: square url("../images/dot.png");
}

ul li {
}


/* =====================================================
   Formulare
===================================================== */
form {
  margin: 0;
}

form fieldset {
  margin: 0 0 1em 0;
  padding: 1em .25em;
  border: 1px solid #9cb5de;
}

form legend {
  color: #06c;
  background: transparent;
}

form label {
  float: left;
  width: 130px;
}

form input , form textarea , form select {
  width: 400px;
  border: 1px solid #9cb5de;
  font: 1em/normal Arial, Helvetica, sans-serif;
  vertical-align: top;
}

form input:focus , form textarea:focus {
  border: 1px solid #06c;
}

form input#plz { width: 50px; }
form input#ort { width: 344px; }

input[type="submit"] {
    border: 1px outset #06c;
  color: #fff;
  background: #06c;
  font: bold 1em/normal Arial, Helvetica, sans-serif;
  cursor:pointer;
  width:120px;
  margin-left: 129px;
}

button , button#form-submit {
  border: 1px outset #06c;
  color: #fff;
  background: #06c;
  font: bold 1em/normal Arial, Helvetica, sans-serif;
 }

button#form-reset {
  border: 1px outset #9cb5de;
  color: #fff;
  background: #9cb5de;
  font: bold 1em/normal Arial, Helvetica, sans-serif;
}

/* =====================================================
   Tabellen
===================================================== */
table {
  margin: 0 0 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #06c;
  width: 100%;
  font-size: 1em;
  line-height: 150%;
}

table th , table td {
  vertical-align: top;
  padding: .25em;
  text-align: left;
}

table th {
  color: #000;
  background: #9cb5de;
  border-width: 2px 1px;
  border-style: solid;
  border-color: #06c;
}

table td {
  color: #000;
  background: #d3def1;
  border: 1px solid #06c;
}

.adresstable {
  line-height: normal !important;
  width: 280px;
  font-weight: bold;
  border:none;
  width:100%;
}

.adresstable th, .adresstable  td {
  background:#EBF0F9;
  border: none;
}

/* =====================================================
   Navigation
===================================================== */
ul#navigation {
  width: 775px;
  margin: 0 0 0 0px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
  position: absolute;
  top: 130px;
  left: auto;
  list-style-type: none;
  z-index: 101;
}

ul#navigation li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

ul#navigation li a {
  /*  border-top: 5px solid #9cb5de;*/
  padding: 1px 0 5px 4px;
  text-decoration: none;
  height: 19px;
  width: 152px;
  display: block;
  text-align:left;
}

ul#navigation li a:link , ul#navigation li a:visited {
  color: #666;
  background: transparent;
}

ul#navigation li a:hover , ul#navigation li a:focus , ul#navigation li a:active {
  color: #000;
  background: transparent;
}

ul#navigation li ul {
  margin: 0;
  padding: 3px 0;
  display: none;
  list-style-type: none;
  color: #000;
  background: #fff;
  font-weight: normal;
  position: absolute;
  top: 23px;
  opacity: .75;
}

ul#navigation li#nav-home a {
  width: 130px;
  padding: 1px 0 5px 20px;
}

ul#navigation li#nav-corp ul {
  left: 150px;
}

ul#navigation li#nav-products ul {
  left: 306px;
}

ul#navigation li#nav-references ul {
  left: 462px;
}

ul#navigation li#nav-news ul {
  left: 618px;
}

ul#navigation li#nav-news a {
  width: 153px;
}

ul#navigation li#nav-news ul li a {
  width: 151px;
}

ul#navigation li:hover ul , ul#navigation li.hover ul {
  display: block;
}

ul#navigation li:hover a , ul#navigation li.hover a {
  color: #000 !important;
  background: transparent;
}

ul#navigation li ul li {
  display: inline;
  float: none;
}

ul#navigation li ul li a {
  width: 150px;
  padding: 3px 2px;
  float: none;
  display: block;
  text-decoration: none;
  height: 14px;
  font-weight: normal;
  cursor: pointer;
}

ul#navigation li ul li a:link , ul#navigation li ul li a:visited {
  color: #333 !important;
  background: transparent;
  border: 1px solid #fff !important;
}

ul#navigation li ul li a:hover , ul#navigation li ul li a:focus , ul#navigation li ul li a:active {
  color: #000 !important;
  background: transparent;
  border: 1px solid #06c !important;
}

.home ul#navigation li#nav-home a , .corp ul#navigation li#nav-corp a ,
.products ul#navigation li#nav-products a , .references ul#navigation li#nav-references a ,
.news ul#navigation li#nav-news a {
  border-top: 5px solid #06c;
  color: #000;
  background: transparent;
/*
  background: transparent url("../images/hintergrund-navigation.png") repeat-x;
*/
}

#header2 .horizontalnav {
  width: 776px;
  margin: 0 auto;
}

.lilev1-akt a, .lilev1-cur a {
    background: none repeat scroll 0 0 transparent;
    border-top: 5px solid #0066CC;
    color: #000000;
}
.lilev1-no a {
    border-top: 5px solid #9cb5de;
}

/* =====================================================
   Meta-Navigation
===================================================== */
ul#metanavigation {
  margin: 0 0 0 0px;
  padding: 0;
  list-style-type: none;
  font-size: .8em;
  line-height: normal;
  position: absolute;
  top: 270px;
  left: auto;
  z-index: 40;
}

ul#metanavigation li {
  display: inline;
}

ul#metanavigation li.trenner a {
  border-top: 9px solid #9cb5de;
}

ul#metanavigation a {
  padding: 1px 0 1px 19px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  width: 129px;
  border-top: 1px solid #9cb5de;
  border-left: 1px solid #9cb5de;
  border-right: 1px solid #9cb5de;
}

ul#metanavigation a:link , ul#metanavigation a:visited {
  color: #666;
  background: #d3def1;
}

ul#metanavigation a:hover , ul#metanavigation a:focus , ul#metanavigation a:active {
  color: #000;
  background: #ebf0f9;
}

ul#metanavigation a.current {
  color: #000 !important;
  background: #fff !important;
}

/* =====================================================
   Partner
===================================================== */
ul#partner {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: .8em;
  line-height: normal;
  position: absolute;
  top: 475px;
  left: auto;
  z-index: 40;
}

ul#partner li {
  display: inline;
}

ul#partner a {
  padding: 1px 0 1px 19px;
  text-decoration: none;
  display: block;
  width: 129px;
  font-weight: normal;
  border-top: 1px solid #9cb5de;
  border-left: 1px solid #9cb5de;
  border-right: 1px solid #9cb5de;
}

ul#partner a:link , ul#partner a:visited {
  color: #666;
  background: #d3def1;
}

ul#partner a:hover , ul#partner a:focus , ul#partner a:active {
  color: #000;
  background: #ebf0f9;
}

ul#partner a:hover::after {
  content: url("../images/pfeil.png");
}

img#logo-trienes {
  position: absolute;
  left: 25px;
  /* top: 100px; */
  top: 134px;
  z-index: 40;
}

img#logo-isolette {
  display: none;
  position: absolute;
  left: 27px;
  top: 100px;
  z-index: 40;
}

img#logo-screenline {
  display: none;
  position: absolute;
  left: 27px;
  top: 89px;
  z-index: 40;
}

img#logo-cp {
  display: none;
  position: absolute;
  left: 25px;
  top: 100px;
  z-index: 40;
}

img#logo-signapur {
  display: none;
  position: absolute;
  left: 25px;
  /* top: 105px; */
  top: 137px;
  z-index: 40;
}

div#logos {
  width: 121px;
  color: #000;
 /* background: transparent url("../images/logoflaeche.png") no-repeat; */
  background: transparent url("../images/partner/logoflaeche-gross.jpg") no-repeat;
  position: absolute;
  top: 555px;
  left: auto;
 /* height: 70px; */
  height: 125px;
  z-index: 30;
  margin: 0 0 0 11px;
  text-align: center;
}

/* =====================================================
   Zusätzliche Klassen
===================================================== */
#c172 {
  left:auto;
  width: 150px;
  text-align:center;
  height:115px;
}

#c172 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0;
}

#c223 {
  left:auto;
  width: 150px;
  text-align:center;
}

.blaueLinie {
  border-top: 1px solid #9CB5DE;
  width:585px;
  padding-top: 10px;
  margin-top: 27px;
 }

.left {
  float: left;
  margin: 0 1em 1em 0;
}

.right {
  float: right;
  margin: 0 0 1em 1em;
}

.center {
  text-align: center;
}

.middle {
  vertical-align: middle;
}

.compact {
  line-height: normal !important;
  float: left;
  width: 280px;
  font-weight: bold;
}

.sgg {
  font-size: .85em;
}

.uppercase {
  font-weight: inherit;
  text-transform: uppercase;
}

.no-text {
  width: auto;
  border: 0 none;
}

.no-float {
  float: none;
  width: auto;
}

.description {
  font-size: .85em;
  font-style: italic;
  display: block;
}

.description-right {
  font-size: .85em;
  font-style: italic;
  display: block;
  float: right;
  width: 200px;
}

.bordered {
  border: 1px solid #06c;
}

.missing {
  color: #000;
  background: #cddaee;
  border: 1px solid #06c;
}

.required {
  color: #06c;
  background: transparent;
}

.hidden {
  display: none;
}

label[for="mailformanredeHerr"] {
    width:30px;
    float: left;
}

#mailformanredeHerr {
    width:10px;
    margin-top:5px;
    }

label[for="mailformanredeFrau"] {
    width:30px;
    float: none;
    margin-left: 35px;
}

#mailformanredeFrau {
    width:10px;
    margin-top:5px;
    float:right;
    }
    
.csc-mailform-field {
    margin:10px 0 10px 0;
}

div .csc-textpic-caption {
    color: #0066cc;
    font-size: 70%;
    line-height: 160%;
    padding-top: 13px;
}


.zweiDrittel {
  width:61%;
  float:left;
}

.einDrittel {
  width:34%;
  margin-left:5%;
  float:left;
}


.einDrittel DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:3px;
}


.tx-srfreecap-pi2-cant-read {
    color: #000000;
    font-size: 0.9em;
}