/*++++++++++++++++++++++++++++++++++++++++++++FARBEN+++++++++++++++++++*/
/*...LAUFSCHRIFT, RAHMEN UM AKTIVE KÄSTEN:....#484544..................*/
/*...SCHRIFT METANAVI UND FOOTER: ............#767169..................*/
/*...SEITENHINTERGRUND:.......................#F7F6F4..................*/
/*...RAHMEN KÄSTEN:...........................#ABC843..................*/
/*...FÜLLUNG KÄSTEN:..........................#FFFFFF..................*/
/*...FÜLLUNG HAUPTTEXTKASTEN:.................#F6F4DE..................*/
/*...FÜLLUNG NEBENTEXTKASTEN:.................#F7F4CC..................*/
/*...FÜLLUNG GRÜN 1 (HELL):...................#F6EF9D..................*/
/*...FÜLLUNG GRÜN 2 (MITTEL):.................#EBE682..................*/
/*...FÜLLUNG GRÜN 3 (MITTEL):.................#DBD66F..................*/
/*...FÜLLUNG GRÜN 4 (DUNKEL - KASTEN AKTIV):..#CAC542..................*/
/*...BILDLAUFLEISTE HGR (TRACKBAR):...........#EFECB6..................*/
/*...LINK HOVER:..............................#92AD32..................*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ...................Body............................................................. */

* {                 /*...........Reset the browsers.....................................*/
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
  }

body {
  font-family: "Century Gothic", Helvetica, sans-serif;
  font-size: 12px;
  color: #484544;
  border-width: 0px;
  background-color: #F7F6F4;
  text-decoration: none;
  padding:13px;
  }

html, body, textarea, div {
  scrollbar-base-color:#CAC542;         /*  Rahmen oben-links AUSSEN   */             
  scrollbar-darkshadow-color:#CAC542;   /*  Rahmen unten-rechts AUSSEN */       

  scrollbar-highlight-color:#FFFFFF;    /*  Rahmen oben-links INNEN    */   
  scrollbar-shadow-color:#FFFFFF;       /*  Rahmen unten-rechts INNEN  */  

  scrollbar-3d-light-color:#484544;     /* ?????                       */
  scrollbar-face-color:#DBD66F;         /* Balken                      */
  scrollbar-arrow-color:#484544;        /* Pfeil                       */
  scrollbar-track-color:#EFECB6;        /* Hintergrund                 */
}


h1 {
  font-size:14px;	
  margin: 5px 4px 0px 6px;
  letter-spacing: 1px;
  font-weight:normal;
  line-height:100%;  }
  
h1.slogan-unten {
  position:absolute;
  bottom:8px;}

h2 {
  font-size:12px;	
  margin: 5px 4px 0px 6px;
  font-weight: bold;
  line-height:100%;  }

p {
  margin: 5px 4px 0px 6px; 
  line-height:120%;
  }

p.info-links {
  margin-left:10px;
  margin-right:2px;
  float:left;
  padding-left:10px;
  border-left:solid 4px #CAC542;
  letter-spacing:1px;
}

p.info-rechts {
  letter-spacing:1px;
}

p.info-li-2 {
  font-size:10px;
  font-weight:bold;
  margin-left:7px;
  float:left;
  width:37px;
  padding-left:5px;
  border-left:solid 4px #CAC542;
}

p.info-li-3, ul.info-li-3 {
  font-size:11px;
  margin-left:7px;
  margin-right:5px;
  padding-left:7px;
  padding-top:5px;
  border-left:solid 4px #CAC542;
}

p.info-li-4 {
  font-size:12px;
  line-height:130%;
  margin-left:7px;
  margin-right:5px;
  padding-left:7px;
  border-left:solid 4px #CAC542;
}

div.info-re-1 {
  font-size:10px;
  margin-left:7px;
  margin-top:5px;
  margin-right:5px;
  padding-left:7px;
  padding-top:2px;
  border-left:solid 4px #CAC542;
}

p.info-re-2 {
  font-size:10px;
  margin-left: 2px;
}

.hervorhebung {
	font-weight: bold;
	letter-spacing: 1px;
}

li {
	list-style-type: circle;
	margin-left: 10px;
	}

/*..................................HYPERLINKS..............................................*/

a {
	color: #484544;
	text-decoration: none;
	border: none;
  }

a:hover {
  color:#9E9C5B;
  text-decoration: none;
  }
  
a:active {
  color: #707E3E;
  text-decoration: none;
  }

a.hell-font {
  color:#FFFFCC;
}

a.hell-font:hover {
  color: #F6EF9D;
}
  
a.quadrat:hover {
  background-color:#F6EF9D;
  border-color:#484544;
  color:#000000;
}

a.quadrat:active {
  background-color:#CAC542;
  border-color:#484544;
  color:#FFFFFF;
}

a.hell {
  background:url(_pix/_allg/cube-1.jpg) no-repeat left;
  margin-left: 15px;
  letter-spacing:1px;
  padding-left: 20px;
  }

a.mittel {
  background:url(_pix/_allg/cube-2.jpg) no-repeat left;
  margin-left: 15px;
  letter-spacing:1px;
  padding-left: 20px;
  }
  
a.dunkel {
  background:url(_pix/_allg/cube-3.jpg) no-repeat left;
  margin-left: 15px;
  letter-spacing:1px;
  padding-left: 20px;
  }
  
a.hell:hover, a.mittel:hover, a.dunkel:hover {
  background:url(_pix/_allg/cube-4.jpg) no-repeat left;
  }

/* .......................KOMPLETTES TEIL, MITTIG AUSGERICHTET......................... */
#container {
  position:relative;
  width: 727px;
  height: 100%;
  margin: auto;
  display:block;
  }

/*...............KOPFBEREICH MIT LOGO............................*/
#header {     
  font-size:10px;
  text-align:right;
  background-repeat: no-repeat;
  width: 148px;
  padding-left:3px;
  height: 94px;
  float:left;
  }
  
  

#meta {   /*.................KASTEN METANAVIGATION..........................*/
  font-size:10px;
  text-align:right;
  width: 450px;
  height: 14px;
  padding-right:102px;
  padding-top: 80px;
  float:right;
}

#content { /*....................INHALTSBEREICH.............................*/
  width: 727px;
  height: 542px;
  clear:both;
  display:block;
  position:relative;
}

.quadrat {    /*................BASIS-QUADRAT 85x85 px.........*/
  border: 1px solid #ABC843;
  background-color:#FFFFFF;
  width: 78px;
  height: 15px;
  padding:66px 2px 2px 3px ; 
  margin-left: 5px;
  margin-top: 5px;
  float:left;
  z-index:1;
}

div.quadrat-ecke {
  background-color:#FFFFFF;
  background-image:url(_pix/_allg/quadrat-ecke-01.gif);
  width: 109px;
  height: 138px;
  z-index:2;
  position:absolute;
  top:-44px;
  left: 631px;
}


/*.....................FESTE LAYER FÜR INHALTSSEITEN....................*/

#ADRESSE {                /*...ADRESSEN-FELD AUF STARTSEITE.......*/
  position:absolute;
  color: #FFFFCC;
  font-size:10px;
  line-height: 100%;
  border: 1px solid #484544;
  background-color:#F6F4DE;
  width: 256px;
  height: 165px;
  padding:6px 2px 2px 5px;
  top:95px;
  left: 275px;
  background-image: url(_pix/_allg/ican-maerz.jpg);}
  
#IMPRESSUM {                /*...IMPRESSUM-FELD AUF impressum.php.......*/
  position:absolute;
  border: 1px solid #484544;
  background-color:#F6F4DE;
  width: 353px;
  height: 353px;
  top:95px;
  left: 185px;
  overflow: hidden;
  }
  
.hauptkasten {                  /*...HAUPT-KASTEN AUF "WIR"............*/
  position:absolute;
  border: 1px solid #484544;
  background-color:#F6F4DE;
  width: 353px;
  height: 353px;
  top:185px;
  left: 275px;
  overflow: hidden;
  }

.quadrat-gruen {            /*.....GRÜNE KÄSTEN...................*/
  position:absolute;
  border: 1px solid #484544;
  width: 78px;
  height: 15px;
  padding:66px 2px 2px 3px ; 
  }

.quadrat-index {            /*.....GRÜNE KÄSTEN...................*/
  position:absolute;
  border: 1px solid #484544;   /*#ABC843*/
  width: 83px;
  height: 83px;
  padding:0px;
  background-repeat:no-repeat;
  background-position:center;
  }

/*..........................KÄSTEN FÜR LOGOS AUF "INDEX".........................*/
  
#INDEX-CCA {
  background-image:url(_pix/_partner-kl/cca-1.jpg);
  top: 455px;
  left:95px;
  }
  
#INDEX-CSSA {
  background-image:url(_pix/_partner-kl/cssa-1.jpg);
  top: 455px;
  left:185px;
  }
  
#INDEX-MCP {
  background-image:url(_pix/_partner-kl/mcp-1.jpg);
  top: 365px;
  left:365px;
  }

#INDEX-GFI {
  background-image:url(_pix/_partner-kl/gfi-1.jpg);
  top: 185px;
  left:635px;
  }
  
#INDEX-MCSA {
  background-image:url(_pix/_partner-kl/mcsa-1.jpg);
  top: 365px;
  left:455px;
  }
  
#INDEX-MCSE {
  background-image:url(_pix/_partner-kl/mcse-1.jpg);
  top: 365px;
  left:545px;
  }
  
#INDEX-MMI {
  background-image:url(_pix/_partner-kl/mmi-1.jpg);
  top: 365px;
  left:635px;
  }

#INDEX-TMA {
  background-image:url(_pix/_partner-kl/tma-1.jpg);
  top: 275px;
  left:95px;
  }

#INDEX-VIPRI {
  background-image:url(_pix/_partner-kl/vipri-1.jpg);
  top: 95px;
  left:185px;
  }

#INDEX-ECKE {
  background-image:url(_pix/_allg/h1-index.jpg);
}

/*..........................KÄSTEN FÜR NAVI AUF "WIR".........................*/
  
#WIR-GRUEN-0 {
  top: 5px;
  left:5px;
  background-color:#CAC542;
  }
  
#WIR-GRUEN-1 {
  top: 5px;
  left:95px;
  background-color:#EBE682;
  }  

#WIR-GRUEN-2 {
  top: 5px;
  left:185px;
  background-color:#F6EF9D;
  }
  
#WIR-GRUEN-3 {
  top: 95px;
  left:185px;
  background-color:#EBE682;
  }  

#WIR-GRUEN-4 {
  top: 95px;
  left:275px;
  background-color:#DBD66F;
  }
  
#WIR-ECKE {
  background-image:url(_pix/_allg/h1-wir.jpg);
}

/*..........................KÄSTEN FÜR NAVI AUF "SERVICES".........................*/

#SERVICES-GRUEN-0 {
  top: 95px;
  left:5px;
  background-color:#CAC542;
  }
  
#SERVICES-GRUEN-1 {
  top: 95px;
  left:95px;
  background-color:#F6EF9D;
  }  

#SERVICES-GRUEN-2 {
  top: 95px;
  left:185px;
  background-color:#DBD66F;
  }
  
#SERVICES-GRUEN-3 {
  top: 185px;
  left:185px;
  background-color:#EBE682;
  } 

#SERVICES-ECKE {
  background-image:url(_pix/_allg/h1-services.jpg);
}

/*..........................KÄSTEN FÜR NAVI AUF "KONTAKT".........................*/
  
#KONTAKT-GRUEN-0 {
  top: 185px;
  left:5px;
  background-color:#CAC542;
  }
  
#KONTAKT-GRUEN-1 {
  top: 185px;
  left:95px;
  background-color:#EBE682;
  }  

#KONTAKT-GRUEN-2 {
  top: 185px;
  left:185px;
  background-color:#EBE682;
  }
  
#KONTAKT-GRUEN-3 {
  top: 95px;
  left:185px;
  background-color:#DBD66F;
  }  

#KONTAKT-GRUEN-4 {
  top: 95px;
  left:275px;
  background-color:#F6EF9D;
  }  
  
#KONTAKT-ECKE {
  background-image:url(_pix/_allg/h1-kontakt.jpg);
}

/*..........................KÄSTEN FÜR NAVI AUF "JOBS".........................*/
  
#JOBS-GRUEN-0 {
  top: 365px;
  left:5px;
  background-color:#CAC542;
  }
  
#JOBS-GRUEN-1 {
  top: 365px;
  left:95px;
  background-color:#EBE682;
  }  

#JOBS-GRUEN-2 {
  top: 275px;
  left:185px;
  background-color:#EBE682;
  }
  
#JOBS-GRUEN-3 {
  top: 185px;
  left:185px;
  background-color:#DBD66F;
  }  

#JOBS-GRUEN-4 {
  top: 185px;
  left:275px;
  background-color:#F6EF9D;
  }  
 
#JOBS-GRUEN-5 {
  top: 365px;
  left:185px;
  background-color:#F6EF9D;
  }  
 

#JOBS-ECKE {
  background-image:url(_pix/_allg/h1-jobs.jpg);
}

/*..........................KÄSTEN FÜR IMPRESSUM.........................*/


#IMPRESSUM-ECKE {
  background-image:url(_pix/_allg/h1-impressum.jpg);
}


/*..........................KÄSTEN FÜR TEAM UND PARTNER AUF "WIR".........................*/

.kasten-links-1 {
  position:absolute;
  border: 1px solid #484544;
  width:263px;
  height:173px;
  top:365px;
  left:5px;
  background-color:#F7F4CC;
  overflow: hidden;
  }
  
.kasten-links-2 {
  position:absolute;
  border: 1px solid #484544;
  width:175px;
  height:175px;
  top:185px;
  left:90px;
  background-color:#F7F4CC;
  overflow: hidden;
  }

.kasten-links-3 {
  position:absolute;
  border: 1px solid #484544;
  width:263px;
  height:173px;
  top:365px;
  left:5px;
  background-color:#F7F4CC;
  overflow: hidden;
  }

.kasten-rechts-1 {
  position:absolute;
  border: 1px solid #484544;
  width:263px;
  height:173px;
  top:365px;
  left:455px;
  background-color:#F7F4CC;
  overflow: hidden;
  }

.kasten-rechts-2 {
  position:absolute;
  border: 1px solid #484544;
  width:173px;
  height:173px;
  top:365px;
  left:545px;
  background-color:#F7F4CC;
  overflow: hidden;
  }

.kasten-unten-1 {
  position:absolute;
  border: 1px solid #484544;
  width:263px;
  height:83px;
  top:455px;
  left:5px;
  background-color:#F7F4CC;
  overflow: hidden;
  }

#team-01 {                                              /*.....BASIS-EBENE TEAM-BILD....*/
  background-image:url(_pix/_ueber-uns/team-01.jpg);
  visibility: hidden;
}

#partner-01 {                                           /*.....BASIS-EBENE PARTNER.....*/
  overflow: auto;
  visibility:hidden;
}

#stelle-01 {                                           /*.....BASIS-EBENE STELLE 01.....*/
  overflow: auto;
  visibility:hidden;
}

#stelle-02 {                                           /*.....BASIS-EBENE STELLE 02.....*/
  overflow: auto;
  visibility:hidden;
}

#datenschutz-01 {                                           /*.....BASIS-EBENE DATENSCHUTZ.....*/
  overflow: auto;
  visibility:hidden;
}

#haftung-01 {                                           /*.....BASIS-EBENE HAFTUNGSHINWEISE.....*/
  overflow: auto;
  visibility:hidden;
}


/*..................................TEAM-LINK-FELDER.....................*/
  

.link-eb {
	width:34px;
	height:36px;
	position: absolute;
	top:70px;
	left: 6px;
	background-image: url(_pix/_allg/blind.gif);
}
.link-ek {
	width:36px;
	height:34px;
	position: absolute;
	top:36px;
	left: 3px;
	background-image: url(_pix/_allg/blind.gif);
}
.link-ff {
	width:33px;
	height:33px;
	position: absolute;
	top:137px;
	left: 6px;
	background-image: url(_pix/_allg/blind.gif);
}
.link-ds {
	width:38px;
	height:38px;
	position: absolute;
	top:103px;
	left: 3px;
	background-image: url(_pix/_allg/blind.gif);
}
.link-tl {
	width:37px;
	height:31px;
	position: absolute;
	top:6px;
	left: 3px;
	background-image: url(_pix/_allg/blind.gif);
}
  
/*......................EINZEL-BESCHREIBUNGEN TEAM-MITGLIEDER...................*/

#TL, #DS, #FF, #EB, #EK, #NW, #IT-SI, #IT-SU, #WEB, #HW-SW, #SEM {
  visibility:hidden;
}

/*..................................TEAM-PARTNER-FELDER.....................*/
  
.link-citrix {
	width:81px;
	height:25px;
	position: absolute;
	top:5px;
	left: 5px;
	background-color:#CC6633;
	background-image: url(_partner/cca.gif);
}



/*........................ENDE FESTE LAYER FÜR INHALTE..........................*/

#footer { /*............KASTEN SEITENFUSSBEREICH...................*/
  font-size:9px;
  width: 717px;
  padding-right:10px;
  clear:both;
  text-align:right;
}

/*..............................FORMULAR............................*/

form {
  font-size:11px;
  margin: 5px 4px 0px 6px; 
}

input, textarea, select {
	font-size:11px;
    font-family: "Century Gothic", Helvetica, sans-serif;
	padding-left:3px;
	border-top:1px solid #CAC542;
	border-right:3px solid #CAC542;
	border-bottom:1px solid #CAC542;
	border-left:3px solid #CAC542;
}

input.box {                                         /* radiobuttons */
	border:0px;
    background:none;
}

button, input.button, input.submit, a.button {
  background-color: #E9E9E9;
  background-image:url(/Images/bgr_button.jpg);
  background-repeat:repeat-x;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 229px;
  height: 30px;
  cursor:pointer;
  border-top:1px solid #CAC542;
  border-right:3px solid #CAC542;
  border-bottom:1px solid #CAC542;
  border-left:3px solid #CAC542;
  text-align:center;
}

.formcheck {
	font-weight:bold;
	color: #006699;
}

.formcheck1 {
	font-weight:bold;
	color: #006699;
	padding-left: 10px;
	padding-top:2px;
}