/* ------------------------------------------------------------------------------------------------------------------------------------------------------------

CSS-Styles hw-consultancy 




------------------------------------------------------------------------------------------------------------------------------------------------------------ */

* { margin: 0; padding: 0; border: 0 none;  }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

html   { width: 100%; height: 100%; }

body   { 
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 12px; 
  width: 100%; 
  height: 100%; 
  background: url(../images/hg-html.gif) repeat-x #e2e3e4 ;  
  line-height: 1.5em; 
  color: #565d61;   
}

h1      { color: #ff9b04; font-size: 26px; margin-bottom: 15px;  font-weight:lighter; line-height: 34px;  }
h2      { color: #ff9b04; font-size: 18px; margin-bottom: 15px; font-weight:lighter; }
h3      { color: #575c5f; font-size: 38px; margin-bottom: 50px; font-weight:lighter; line-height: 45px;  }
h4      { color: #575c5f; font-size: 20px; margin-bottom: 15px; font-weight:lighter; line-height: 26px; padding-top: 3px}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper    { width: 840px; min-height: 100%; height: auto !important;  margin: 0 auto -122px; }
#logo       { width: 268px; height: 56px; display: block;  position: absolute; top:51px; }
#header     { height: 122px; }
#navigation { position: absolute; right: 0; top: 82px; font-size: 18px;   }
#cont       { min-height: 465px; margin-top: 15px; padding-top: 50px;  }
#schatten   { background: url(../images/hg-cont.png); width: 17px; height: 463px; float: left; margin-left: 10px; margin-top: -50px; }
#col1       { width: 222px; float: left;  }
#col2       { margin-left: 280px; }  
#footer     { background: #9ea2a5; color: #c2c8cb; height: 122px; position: relative; }
.push       { height: 122px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clearfix              { clear: both; }
.innen                 { width: 840px; margin: 0 auto; position:relative; } 
#header .innen         { border-bottom: 14px solid #e8e9e9; padding-bottom: 1px; height: 100%;  }
#footer .innen         { padding: 20px 0 0 0; }
#col1 h2                { font-size: 14px; color: #565d61; }
#cont ul, #cont p      { margin: 0 0 10px 0; }
#cont li                { background: url(../images/li-first.gif) no-repeat left 5px; padding:0 0 0 15px; list-style: none;  }
#adresse               { color: White; margin-top: 15px; float: left;}
#supernav              { margin-top: 15px; float: right; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

a              { color: #565d61; text-decoration:none;}
a:hover          { text-decoration: underline;  }
#footer a       { color: #c2c8cb; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */

#col1 ul           { margin: 35px 0 0 0!important; }
#col1 ul ul        { margin-top: 0!important; }
#col1 ul li        { padding:0 0 15px 14px;margin-left:4px;  }
#col1 ul ul li      { background: url(../images/li-second.gif) no-repeat left 8px; padding: 0 0 0 10px; } 

 

.zweispaltencontainer .spalte100       { float:left; width:100%; }

.zweispaltencontainer .linke-spalte50, 
.zweispaltencontainer .rechte-spalte50     { float:left; width:50%; }

.zweispaltencontainer .linke-spalte33,
.zweispaltencontainer .mitte-spalte33     {  float:left;  width:270px;  padding-right: 10px;  }

.zweispaltencontainer .rechte-spalte33     {  float:left;  width:270px; }

.clearer { float:none; clear:both; }

.GraueBox {
  background:url(../images/graue-box-back.png) repeat-x;
  float:left;
  padding: 10px 15px 0px 15px;
  margin: 5px;  
}

.GraueBox h1     {  color: #555d60;  font-size: 16px;  line-height: 24px;  margin-bottom: 15px; }
.GraueBox a     {  color: #a07f20;  font-weight: bold;  text-decoration: none;  font-size: 13px; }
.GraueBox a:hover   {  text-decoration: underline; }
legend         {  display:none; }

fieldset.tx-powermail-pi1_fieldset {    background-color:transparent;    border: none;    padding: 10px 0px!important; }

fieldset.tx-powermail-pi1_fieldset label, 
fieldset.tx-powermail-pi1_fieldset fieldset legend {
    color: #515151;
    display: block;
    float: left;
    font-weight: normal;
    white-space: normal;
    width: 140px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
    background: none repeat scroll 0 0 #e9e9e9;
    border: none;
    box-shadow: none;
    padding:5px;
    width: 400px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
  margin: 20px 0 10px 140px;
  background: #FF9B04;
  padding: 5px 25px;
  color: white;
  cursor: pointer;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover { background: #565D62; }

.error     { background-color:#FF9B04; border: 1px solid #FF9B04; }

.error em   { border-color: #FF9B04 transparent transparent; }

.submenuHeader {  font-weight:bold;  font-size: 14px;  margin: 0 0 -20px -4px;  }


/* ----------------------------------------------------------------------------------------------------------------------- Dropdown-Navigation --------- */

#navigation ul ul { visibility: hidden; position: absolute; top: 56px; position: absolute; left: 0;  width: 187px; background: #F0F1F2; }
#navigation ul ul ul { left: 187px; top: 0; border-left: 1px solid white;  }

/* --- */

#navigation li           { list-style: none; }
#navigation ul li         { float: left; position: relative; margin-left: 20px; padding-bottom:40px; display: block;  }
#navigation ul ul li       { margin: 0; padding: 7px 10px 7px 7px;  width: 170px;   height: auto; line-height:0.6em; }
#navigation ul ul li.hover     { background-color: #E0E2E3; background-image: none;  }
#navigation ul ul li.dir.hover   { background-position: -118px center!important; }

#navigation ul ul li.dir     { 
  background-image: url(../images/pfeil.gif); 
  background-repeat: no-repeat;  
  background-position: 170px center; 
}

#navigation li.current, 
#navigation li.hover { background: url(../images/hg-highlight.gif) repeat-x center 36px; }

#navigation li li.current { background: none; }

#navigation li.dir.current li.dir.current      { background-position: -118px center!important;   }

#navigation li.current li.current li.current     { background-image: none; }


/* --- */

#navigation a:hover { text-decoration:none; }

#navigation ul ul a  {
  color: #454545; 
  width: 169px; 
  border-width: 0 1px 1px 1px;
  font-size: 12px;
  border: 0 none!important;
}

#navigation .current .current li a       {   color: black;  }

#navigation .current .current a ,  
#navigation .current .current .current a   {   color: gray;   }

/* --- */

#tuer { position: absolute; top: -170px; left: -25px;  }



/* ----- IE ------ */
*html #cont     { height: 465px; }
*html #schatten   { background-image: url(../images/hg-cont.gif); }
*html body       { background: white; }
*+html h1,*+html h2, *+html h3, *+html h4, *+html h5, *+html h5  { position: relative; z-index: -3;}

.csc-default {
  overflow: hidden;
}

/* Definition fuer Rahmen 1 und Rahmen 2 */

#cont .csc-frame-frame1 {
  border: 1px solid #9EA2A5;
  padding: 15px;
}

#cont .csc-frame-frame2 {
  border: 1px solid #9EA2A5;
  background-color: #E8E9E9;
  padding: 15px;
}

html:root .error em { border-color: #FF9B04 rgba(0, 0, 0, 0) -moz-use-text-color; }
/* speciality for partners page only to have proper alignment for any kind of images in portrait or landscape dimensions: */
body.uid126 #col2 .csc-default .csc-textpic-imagewrap.csc-textpic-single-image { min-width: 190px; text-align: left; }