/*  */
body{
           color:#515558;
           padding:0;
           margin:0;
           FONT-FAMILY: Verdana, sans-serif, Helvetica, sans-serif, Arial;
           font-size: 11px;
}

.chome {   font-size:21px;float:left;padding:0 0 0 0;
          
}

#wrapper {
	   width:939px;               /* total width */
}
#head {
           width:950px;
           height:80px;
           margin:0;
           padding:0;
           color:#515558;
           position:relative; top:0px; left:0px; bottom:120px; right:950px;


}

#togglelist {
         display:none;
         position:static; 
         left:112px;
         width:500px;
}

a.togglelist {

         position:static; 
         left:112px;
         
}

#togglepubllist {
         display:none;
         position:relative; 
         left:28px;
         width:425px;
}

a.togglepubllist {

         position:relative; 
         left:28px;

}

#head #l {
           text-align:left;
           padding-top:31px;
           padding-left: 10px;
           float:left;
           //position:absolute; top:8px; left:446px;
        
}
#head .red {
           
           BACKGROUND-COLOR: #ffffff;
           font-weight: bold;
}

#head .white {
           
           BACKGROUND-COLOR: #FFFFFF;
           color: #000000;
           font-weight: bold;
}
#head .white a {BACKGROUND-COLOR: #FFFFFF;
        color: #000000;
}

#head .white a:hover {color: #AEAEAE;;
}

#head .grey {
           color:#515558;
           BACKGROUND-COLOR: #ffffff;
}
#dis {
           color:#515558;
           padding-left:2px;
           padding-right:2px;
           BACKGROUND-COLOR: #ffffff;
}
#head #m {
           text-align:left;
           padding-top:45px;
           padding-left:15px;
           float:left;
           width:176px;
           font-size: 13px;
           font-weight: bold;
           letter-spacing:0.2mm;
}
#head #home {

           text-align:left;
           float:left;
           width:130px;
           font-size: 13px;
           font-weight: bold;
           letter-spacing:0.2mm;
           position:absolute; top:85px; left:17px;
}
#head #r {
           text-align:left;
           float:right;

           position:absolute; top:12px; left:690px; 

           
}
#header {
           color:white;
           background:#F61138;
           padding:0 0 0 210px;
           margin:0;
           height:26px;

}

#headerlength { width:750px
}

.teaserHead { font-size: 12px;
              color: #F61138;
              font-weight:bold;
              padding:0 0 6px 0;

}

.skid {
           width:950px;
}
/* --------------- nav horizontal ------------ */
.lengthNav { 
           float:left;
           padding: 0 0 0 0;
           width:538px;
}
.distanceNav { 
           float:left;
           width:210px;
           padding:0;
}
.distance {
           font-size:11px;
           float:left;
           margin:13px -5px 0px 0px;
           padding-left:0;
           padding-right:0;
}

.distance2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 175px; FONT-SIZE: 11px; FLOAT: left; MARGIN: 13px 0px 0px
}

#menutop  {
           float:left;
           width:935px;

}

#menutop ul {
           padding: 0 0 0 0;
           margin: 0;
           background-color: #FFFFFF;
           color: White;
           float: left;
           width: 100%;
           border: 0px solid #F61138;
}

#menutop ul li {
           display: inline;
}
#menutop ul li a {
           padding: 7px 13px 6px 4px;
           background-color: #FFFFFF;
           border-left: 0px solid #F61138;
           border-right: 0px solid #F61138;
           color: #000000;
           font-weight: bold;
           text-decoration: none;
           float: left;
}
#menutop ul li a:hover {
           font-weight: bold;
           background-color: #FFFFFF;
           color: #AEAEAE;
}
#menutop .current {
           color: #F61138;
           font-weight: bold;
           text-decoration: none;
           background-color: #FFFFFF;
           float: left;
}
/* --------------------------------------- */


.headerboxtop { position:absolute; left: 748px; height:17px;
         BACKGROUND: #8C9094;width:179px; PADDING: 2px 5px 6px 5px;
         BORDER-RIGHT: #e45640 1px solid;
         BORDER-LEFT: #e45640 1px solid;
         BORDER-TOP: #e45640 1px solid;
         BORDER-BOTTOM: #e45640 1px solid;
FONT-WEIGHT: bold;
COLOR: #ffffff;
}

.headerboxtop2 { float:left;BACKGROUND: #F61138;width:0px; height:100%;PADDING: 5px 5px 6px 5px;
         BORDER-RIGHT: #e45640 1px solid;
         BORDER-LEFT: #e45640 1px solid;
         BORDER-TOP: #e45640 1px solid;
         BORDER-BOTTOM: #e45640 1px solid;
FONT-WEIGHT: bold;
COLOR: #ffffff;
}

.star {
           font-size: 9px;
           color: #F61138;
           vertical-align:top;
}

.redstar{ font-size:1.0em;  color:#f00;  vertical-align:top}
.bc {
           float:left;
           width:100%;
           padding:5px 0 15px 0;
}

.bc hr {border: none 0;
        border-top: 1px dashed #FF876F;/*the border*/
        width: 100%;
        background-color: #ffffff;
        height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.clear {
           clear: both;
}
.outerbox {
	   border-left-width: 181px;
	   border-left-color: #fff;
	   border-right-width: 191px;
	   border-right-color: #B1DBFB;
	   /* border-right-color: #EEF0F1;#E4F3EB */
	   background-color: #ffffff; 
}
.outerbox { 
           width: 565px;
           border-left-style: solid;
           border-right-style: solid;
}
.innerbox { 
           border-left:1px solid #2AA3C4;
           border-right:1px solid #2AA3C4;
           margin: 0;
           width: 100%;
}


.outerboxTwo {
	   border-left-width: 181px;
	   border-left-color: #fff;
	   background-color: #ffffff;
           width: 750px;
           border-left-style: solid; 
}

.innerboxTwo { 
           border-left:1px solid #2AA3C4;
           margin: 0;
           width: 100%;

}



.leftbox {
           float: left;
           position: relative;
           z-index: 10;
	   width: 181px;
	   margin-left: -181px;
}
.rightbox {
           float: left;
           position: relative;
           z-index: 11;
	   width: 192px;
	   margin-right: -192px;
           padding-left:0;
}
.centerbox {
           float: left;
           width: 100%;
           position: relative;
           z-index: 12; 
}


#cright ul {
          margin: 0;
          padding: 0;
}



#cright ul li {
          margin: 0 0 2px 15px;
          list-style-type:square;
}


#cright ol {
          /* display: inline; <= Der Workaround */
          /* position: relative; fuer IE */
          margin: 0;
          padding: 0;
}
#cright ol li {
          margin: 1px 0 0 15px;
          list-style-type:square;
}

#contentHome {
           z-index:1;
           float:left;
           min-height:350px;
           height:auto !important;
           height:350px;
           width:505px;
           color:#515558;
           line-height: 16px;
           letter-spacing:0.1mm;
           background:#ffffff;
           margin:0 0 0 0;
           padding: 10px 30px 20px;
 }

#contentHome h1 {
           color: #515558;
           margin:0 0 3px 0;
           padding:0 0 5px 0;
           font-size: 14px;
           font-weight: bold;
}
#contentHome h2 {
           color: #515558;
           margin:0 0 3px 0;
           padding:0 0 5px 0;
           font-size: 12px;
           font-weight: bold;
}

/* ------------- content ---------------------- */

#content table  { padding:2px; border-color: #cccccc; border-collapse:collapse; }

#content th {
           font-size: 11px;
           padding:2px;
           vertical-align:top;
}

#content td {
           font-size: 11px;
           padding:2px;
           vertical-align:top;
}

#content .tableContent { padding:2px;border:0;border-collapse:collapse; }

#content {
           float:left;
           min-height:400px;
           height:auto !important;
           height:400px;
           width:505px;
           color:#515558;
           line-height: 16px;
           letter-spacing:0.1mm;
           background:#ffffff;
           margin:0 0 0 0;
           padding:10px 30px 20px 30px;
}




#content h1 {
           color: #2AA3C4;
           margin:0 0 3px 0;
           padding:0 0 5px 0;
           font-size: 12px;
           font-weight: bold;
}

#h1_home {
           color: #F61138;
           margin:0 0 3px 0;
           padding:0 0 5px 0;
           font-size: 12px;
           font-weight: bold;
}


#content h2 {
           color: #2AA3C4;
           margin:0 0 3px 0;
           padding:0 0 5px 0;
           font-size: 12px;
           font-weight: bold;
}
#content h3 {
           color:#F61138;
           margin:0 0 10px 0;
           padding:0 0 2px 0;
           font-size: 11px;
           font-weight: bold;
}
#content h4 {
           color:#F61138;
           margin:0 0 10px 0;
           padding:0 0 2px 0;
           font-size: 11px;
           font-weight: bold;
}

#content ul {
          display: inline; /* <= Der Workaround */
          position: relative;/* fuer IE */
          margin: 0;
          padding: 0;
}
#content ul li {
          margin: 0 0 2px 15px;
          list-style-type:square;
}


#content ol {
          display: inline; /* <= Der Workaround */
          position: relative;/* fuer IE */
          margin: 0;
          padding: 0;
}
#content ol li {
          margin: 1px 0 0 15px;
          list-style-type:square;
}

#content p  {
           padding:0 0 0 0;
           margin:0;
           /* text-indent: 10%; */
}

#content BR, br { 

           line-height:10px;
           display: inline;

}

#content blockquote { 

           width:100%;

}


.center {
           padding: 0 0 12px 0;
           text-align:center;
 }

.chapter {
           float:left;
           width:100%;
           padding-top: 0;
           padding-bottom: 15px;
 }


.headerbox {
           color:#ffffff;
           font-weight: bold;
           width:180px;
           padding:5px 5px 5px 5px;
           background:#8C9094;
           margin:0 0 0 1px;
           border-bottom:1px solid #2AA3C4;

}
.box {
           width:180px;
           color:#515558;
           padding:10px 5px 10px 5px;
           line-height: 16px;
           margin:0 0 0 1px;
           border-bottom:1px solid #2AA3C4;
}
#surrounding {
           font-size:11px;
           width:937px;
           border-top:1px solid #2AA3C4;
           border-left:1px solid #2AA3C4;
           border-right:1px solid #2AA3C4;
}
#shadow {
           margin: 0 auto;
           height:100%;
           /* background: url(http://www.gruner.ch/gruner_gmbh_at/images/schatten.jpg) repeat-y; */
           /* background-position: 939px 6px; */

}
A:link {
           text-decoration: none;
           color:#F61138;
           background:transparent;
}
A:visited {
           text-decoration: none;
           color:#F61138;
           background:transparent;
}
A:active {
           text-decoration: none;
           color:#F61138;
           background:transparent;
}
A:hover {
           text-decoration: none;
           color:#F61138;
           background:transparent;
}
A.newsTopic:link {
           text-decoration: none;
           color:#515558;
           font-weight: bold;
           background:transparent;
}
A.newsTopic:visited {
           text-decoration: none;
           color:#515558;
           font-weight: bold;
           background:transparent;
}
A.newsTopic:active {
           text-decoration: none;
           color:#515558;
           font-weight: bold;
           background:transparent;
}
A.newsTopic:hover {
           text-decoration: underline;
           color:#515558;
           font-weight: bold;
           background:transparent;
}




A.companyTopic:link {
           text-decoration: none;
           color: #000000;
           font-weight: normal;
           background:transparent;
}
A.companyTopic:visited {
           text-decoration: none;
           color: #000000;
           font-weight: normal;           
           background:transparent;
}
A.companyTopic:active {
           text-decoration: none;
           color: #000000;
           font-weight: normal;           
           background:transparent;
}
A.companyTopic:hover {
           text-decoration: underline;
           color: #000000;
           font-weight: normal;           
           background:transparent;
}



img {
           border:0;
           
 }
.bct {
           float:left;
           width:270px;
           padding:5px 0 15px 0;
}


FORM {
           DISPLAY: inline;
}

#print {float:left;
        padding-top: 31px;
        padding-left: 10px;
        color:#8C9094;
     
}

#print a {color:#8C9094;
     
}

#rssfeed {
         position:absolute; top:-357px; left:-170px; width:160px;
         color:#8C9094;
}
#rssfeed a {color:#8C9094;
}

#wett150 {
           float:left;
           min-height:286px;
           width:179px;
           margin:0 0 0 0;
           background-image:url(http://www.gruner.ch/images/wettbewerb);
           background-repeat:no-repeat;
           color:#8C9094;

}

#jubi150 {
           float:left;
           min-height:162px;
           width:179px;
           margin:0 0 0 0;
           background-image:url(http://www.gruner.ch/images/150jahre);
           color:#8C9094;

}

a.wettteaser {
    background-color: #EFEFEF;
    background-image: url(http://www.gruner.ch/images/wettteaser) !important;;
    border: 0 solid #000000;
    display: block;
    height: 60px;
    left: 0px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 55px;
    width: 113px;

}


#wettteasertext {
    FONT-FAMILY: Arial, Verdana, sans-serif, Helvetica, sans-serif;
    display: block;
    height: 60px;
    left: 0px;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 66px;
    width: 113px;
    color:#000;
    font-weight: bold;

}



#band150 { 
           position:absolute; 
           top:-20px;
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/band);
           min-height:236px;
           width:755px;
}



a.wettlink {
          display:block;
          position:relative;
          width:179px;
          height:278px;
          border:2px solid #fff000;
          border:0px solid #000000;
          margin:0px 0px;
          text-align:center;
          float:left;
}



a.wettlink:hover {
       color: none repeat scroll 0 0 transparent;
       background-image: url(http://www.gruner.ch/images/wettbewerb_hover);
       background-position: 0 0;
}

#sitemap {
         float:left;
         padding-top: 31px;
         padding-left: 10px;
         color:#8C9094;
}
#sitemap a {color:#8C9094;
}


#search {  
           float:left;
           padding-top: 30px;
           padding-left: 18px;
           color:#CECECE;
           font-weight:normal;
           
           

}
.searchform {
           width:120px;
           border:1px solid #cecece;
           border-bottom:1px solid #cecece;
           border-left:1px solid #cecece;
           border-right:1px solid #cecece;
           BACKGROUND-COLOR: #ffffff;
           FONT-SIZE: 9px;
           COLOR: #000000;
           padding: 2px 0px 1px 0px;
}
.sendButton {
           BORDER:#CECECE 1px solid;
           FONT-WEIGHT:bold;
           FONT-SIZE:10px;
           TEXT-TRANSFORM:uppercase;
           COLOR:#CECECE;
           FONT-FAMILY:verdana, arial, helvetica, sans-serif;
           BACKGROUND-COLOR:#FFFFFF;
           TEXT-ALIGN:center;
           margin-left:0; 
           margin-top:0;
}
#navcontainer { 
           float:left;
           width:180px;
           padding:10px 0 0 0;
}
#navlist li {
           display: inline;
           /* for IE5 and IE6 */
}

#navlist {
           width: 165px;
           /* to display the list horizontaly */
           font-family: sans-serif;
           margin: 0 0 0 0;
           padding: 0 0 0 0;
           background-color: #B1DBFB;

}


#navlist2 {
           width: 180px;
           /* to display the list horizontaly */
           font-family: sans-serif;
           margin: 0 0 0 0;
           padding: 0 0 0 0;
           background-color: #B1DBFB;

}

#navlist a {
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/arrow-left.gif);
           background-repeat: no-repeat;
           background-position: 5px 6px;
           padding: 2px 0 2px 15px;
           color: #000000;
           width: 99.99%;
           /* extend the sensible area to the maximum with IE5 */
           display: block;
           background-color:#B1DBFB;
           border-top: 1px #ffffff solid;
           text-align: left;
           text-decoration: none;
}


#navlist a:hover {
           color: #E65140;
           font-weight: bold;
           /* background-color: #DDE0E2; */
           background-color: #B1DBFB;

}
#newslist {
           width: 470px;
           /* to display the list horizontaly */
           font-family: sans-serif;
           margin: 0 0 0 0;
           padding: 0 0 0 0;
           color: #000;
}
#newslist a {

           
           color: #000000;
           width: 99.99%;
           /* extend the sensible area to the maximum with IE5 */
           display: block;
           //border-top: 1px #ffffff solid;
           text-align: left;
           text-decoration: none;
}
#newslist a:hover {
           color: #000000;
           font-weight: bold;
           /* background-color: #DDE0E2; */
}
#newslist b {
           color: #000000;
           font-weight:bold;
 
}


#currentlist {
           float:left;
           position:relative; 
           top:0px;
           padding-right: 18px;
           width: 124px;
           left:143px;

}

#activeLevel2 a {
           font-weight: bold;
           background-color: #B1DBFB;
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/arrow-down.gif);
           background-repeat: no-repeat;
           background-position: 5px 6px;
           color: #E65140;
}
#nav2 {
           width: 155px;
           /* to display the list horizontaly */
           font-family: sans-serif;
           margin: 0 0 0 0;
           padding: 0 0 0 0;
}
#nav2 a {
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/arrow-left.gif);
           background-repeat: no-repeat;
           background-position: 15px 6px;
           padding: 2px 0 2px 25px;
           width: 99.99%;
           /* extend the sensible area to the maximum with IE5 */
           display: block;
           background-color: #B1DBFB;
           text-align: left;
           text-decoration: none;
           color: #000000;
           font-weight: normal;
}

#nav3 {
           width: 155px;
           /* to display the list horizontaly */
           font-family: sans-serif;
           margin: 0 0 0 0;
           padding: 0 0 0 0;
}
#nav3 a {
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/arrow-left.gif);
           background-repeat: no-repeat;
           background-position: 15px 6px;
           padding: 2px 0 2px 35px;
           width: 99.99%;
           /* extend the sensible area to the maximum with IE5 */
           display: block;
           background-color: #B1DBFB;
           text-align: left;
           text-decoration: none;
           color: #000000;
           font-weight: normal;
}

#activeLevel3 a {
           font-weight: bold;
           background-color: #B1DBFB;
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/arrow-left.gif);
           background-repeat: no-repeat;
           background-position: 15px 6px;
           color: #E65140;
}


#activeLevel4 a {
           font-weight: bold;
           background-color: #B1DBFB;
           background-image: url(http://www.gruner.ch/gruner_gmbh_at/images/arrow-left.gif);
           background-repeat: no-repeat;
           background-position: 25px 6px;
           color: #E65140;
}

#foot {    width:916px;
           color:white;
           background:#8D9195;
           padding: 5px 10px 20px 12px;
           margin:0 0 30px 0;
           border-top:1px solid #2AA3C4;
           border-bottom:1px solid #2AA3C4;
           border-right:1px solid #2AA3C4;
}
#foot a {
           color:white;
           text-decoration: none;
           background:#8D9195;
}
#foot a:hover {
           color:white;
           text-decoration: underline;
           background:#8D9195;
}
#foot p {
           margin:0;
           padding:0;
}
#foot #rights {
           text-align:left;
           float:left;
           font-size: 11px;
}
#foot #impressum {
           text-align:left;
           float:right;
           padding-right:45px;
           font-size: 11px;
}
#foot #copyrights {
           text-align:right;
           padding-right:5px;
           float:right;
           font-size: 11px;
}



#foot_150 {    width:917px;
           color:white;
           background:#8D9195;
           padding: 5px 10px 20px 12px;
           margin:0 0 30px 0;
           border-top:1px solid #2AA3C4;
           border-bottom:1px solid #2AA3C4;
           border-right:1px solid #2AA3C4;
}
#foot_150 a {
           color:white;
           text-decoration: none;
           background:#8D9195;
}
#foot_150 a:hover {
           color:white;
           text-decoration: underline;
           background:#8D9195;
}
#foot_150 p {
           margin:0;
           padding:0;
}
#foot_150 #rights {
           text-align:left;
           float:left;
           font-size: 11px;
}
#foot_150 #impressum {
           text-align:left;
           float:right;
           padding-right:45px;
           font-size: 11px;
}
#foot_150 #copyrights {
           text-align:right;
           padding-right:5px;
           float:right;
           font-size: 11px;
}

/* -- engine -- */
#engine {
           padding: 20px 20px 40px 20px;

}
#engine h2 {
           color:#F61138;
           font-size: 11px;
           font-weight: bold;
}
#engine td {     
           padding: 5px;
}
#engine .text  {
           text-align:right;
           vertical-align: top;
           padding: 10px 5px 0 0;
           FONT-WEIGHT:bold;
}
.textForm {
	   BORDER-RIGHT: #000000 1px solid;
           BORDER-TOP: #000000 1px solid;
           BORDER-BOTTOM: #000000 1px solid;
           BORDER-LEFT: #000000 1px solid;
           COLOR: #000000; 
           BACKGROUND-COLOR: #ffffff
}
hr {
           background-color:#8C9094; /* Mozilla 1.4 */
           color:#8C9094; /* IE 6 */
           border: #8C9094; /* Opera 7.11 */
           height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
.quantity {
           width:20px;
           COLOR: #515558;
           FONT-SIZE: 9px;
           BORDER-RIGHT: #75736E 1px solid;
           BORDER-TOP: #75736E 1px solid;
           BORDER-LEFT: #75736E 1px solid;
           BORDER-BOTTOM: #75736E 1px solid;
           BACKGROUND-COLOR: #ffffff;
}
#content #tabview {
  font-weight:bold;
  color:#666;
  margin:0 0 0 0;
  padding:0 0 0 0;
  float:left;
  list-style-type:none;
  padding-bottom:0;
  width:500px;
  min-height:27px;
  height:auto !important;
}
#content #tabview li{
  list-style-type:none;
  float:left;
  margin:0 3px 0 0;
  padding:0 0 0 0;
  border-bottom:0;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-right:1px solid #999;
}
#content #tabview li a{
  color:#515558;	
  display:block;
  padding:0 10px 0 10px;
}
#content #tabview li.cur,
#content #tabview li.over,
#content #tabview li:hover
{
           border-bottom:0;
           list-style-type:none;
}
#content #tabview li strong,
#content ul#tabview li.cur a,
#content ul#tabview li.over a,
#content ul#tabview li:hover a
{
           display:block;
           color:#515558;
           padding:0 10px 0 10px;
           text-decoration:none;
}
#content #tabactiv {
           font-weight:bold;
           color:#515558;
}
#content #tabactiv a {
           background-color: #EEF0F1;
}

#prospective_jobs {
background: #fff;
position:absolute; top:25px; left:3px; width:700px; height:800px;
border: 0px;
//overflow-y: hidden;
overflow-x: hidden;
}
.temp5title {
             float: left;
             left: 20px;
             position: relative;
             vertical-align: top;
             width: 420px;
             top: -3px;
}

.temp5bild {
            float: left;
            padding-right: 10px;
            vertical-align: top;
 }

.temp5titlegruppen {
             float: left;
             left: 116px;
             position: relative;
             vertical-align: top;
             width: 420px;
             top: -3px;
}

.temp5bildgruppen {
            float: left;
            padding-right: 10px;
            padding-right: 10px;
            position: absolute;
            right: 425px;
            vertical-align: top;
 }


/*  */