@CHARSET "UTF-8";

/*used colors
blue: #000084
red:; #E2001A
*/

/* Default-Styles */
* {
   margin: 0;
   padding: 0; /* macht Probleme bei <ol>: Nummerierung fehlt! */
}

body {
   background-color: #D2D2D2;
   background-image: url(../img/bg.jpg);
   background-repeat: repeat-x;
   color: #505050;
   font-family: "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
   font-size: 11pt;
   text-align: center;
}

h1 {
   font-size: 155%;
   font-weight: lighter;
}

h2 {
   font-size: 135%;
   font-weight:lighter;
   color:#E2001A;
}


h3 {
   font-size: 115%;
   font-weight:bold;
   color:#505050;
}

h4 {
   font-size: 100%;
}

.pagetitle {
color:#000084;
}

#pageimg {
border-top:1px dashed #CCC;
}

div#stageR h1,h2,h3,h4 {
   margin: 8px 0;
}

ul {
   padding-left: 15px;
}

ol {
   padding-left: 41px;
}

ul li {
   margin-bottom: 10px;
}

img {
   border: 0;
/*   behavior: url("pngbehavior.htc"); */
}

a {
   color: #020284;
}

a:hover {
   color: #E2001A;
}

.bodytext {
margin:5px 0px 0px 0px;
line-height:130%;
}

/* --------------------- Besondere Auszeichnungen und Formate ------------------------- */

.csc-subheader {
   color: #E2001A;
   font-size: 140%;
   margin-bottom: 7px;
}

.important {
   color: #E2001A;
}

/* Page Construction Areas */

div#page {
   margin: 5px auto 0;
   width: 984px;
   text-align: left;
}

div#top {
   height: 90px;
}

div#topL {
   float: left;
   width: 10px;
   height: 80px;
}

div#topC {
   height: 80px;
}

div#topR {
   float: right;
   width: 10px;
   height: 80px;
}


div#logo {
   float: left;
   width: 110px;
   font-size: 9pt;
}
div#logo a {
   float: left;
   margin-left: 14px;
}

/*div#logo img {
   width: 80px;
   height: 80px;
}*/

div#logo p {
   float: left;
   margin: 20px 0 0 10px;
}
div#slogan {
   float: left;
   width: 360px; 
}
div#slogan img {
   margin-top: 55px; 
}
div#topBanner {
   float: left;
   text-align: right;
   width: 474px;
   height: 60px;
/*   vertical-align: middle; /* geht leider nicht! */
}

/* ------------------------ Suche -------------------- */

div#search {
   float: right;
   margin: 25px;
}

div#search * {
   font-size: 100%;
}

/* ----------------------------------------- Reiter-Navigation ---------------------------------------- */

div#topNav {
   float: right;
   text-align: right;
   margin-top: -24px;
   margin-right: 30px;
   margin-left: 475px;
   font-size: 9pt;
   /*z-index: 50;  nötig ??? */
}

div#topNav * {
   display: inline;
}

div#topNav ul {
/*   padding: 10px 0 0; shX*/
   list-style: none;
   list-style-type: none;
   margin: 0px 0px 0px 15px;
}


div#topNav li a {
   float:left;
   background: url(../img/tab2_normal.jpg) no-repeat left top;
   margin: 0;
   padding: 0 0 0 9px;
   /*border-bottom:1px solid #8A8A8A;*/
   text-decoration: none; 
   color:#FFF;
   font-weight:bold;
}

div#topNav li a span {
   float: left; 
   display: block;
   background: url(../img/tab2_normal.jpg) no-repeat right top;
   padding: 9px 9px 0px 1px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#topNav li a span {float:none;}
  /* End IE5-Mac hack */
div#topNav li a:hover span {
   background: url(../img/tab2_hover.jpg) no-repeat right top;
}

div#topNav li a:hover {
   background:url(../img/tab2_hover.jpg) no-repeat left top;
}

div#topNav li a:hover span {
   background:url(../img/tab2_hover.jpg) no-repeat right top;
}

div#topNav li.ACT a, div#topNav li.ACT a:hover {
   background: url(../img/tab2_active.jpg) no-repeat left top;
   border-bottom: 0px solid #FFF;
}

div#topNav li.ACT a span, div#topNav li.ACT a:hover span {
   background: url(../img/tab2_active.jpg) no-repeat right top;
   color: #FFFFFF;
}
/* ---------------------- Reiter-Navigation (end) ----------------------- */

/* ---------------------- Schatten -------------------------------------- */

div#shadowTL {
   width: 10px;
   height: 10px;
   float: left;
   /*background-image: url(../img/shadow_top_left.png);*/
}

div#shadowT {
   height: 10px;
   text-align: center;
   margin: 0 10px 0 10px;
/*   border-bottom: 1px solid #8A8A8A; */
   /*background-image: url(../img/shadow_top.png);*/
}

div#shadowTR {
   float: right;
   width: 10px;
   height: 10px;
   /*background-image: url(../img/shadow_top_right.png);*/
}

div#shadowL {
   float: left;
   width: 10px;
   height: 614px;
   /*background-image: url(../img/shadow_left.png);*/

}

div#shadowR {
   float: right;
   width: 10px;
   height: 614px;
   /*background-image: url(../img/shadow_right.png);*/
}

div#shadowBL {
   float: left;
   width: 10px;
   height: 10px;
   /*background-image: url(../img/shadow_footer_left.png);*/
}

div#shadowB {
   float: left;
   width: 964px;
   height: 10px;
   /*background-image: url(../img/shadow_footer.png);*/
}

div#shadowBR {
   float: right;
   width: 10px;
   height: 10px;
   /*background-image: url(../img/shadow_footer_right.png);*/
}

/* ----------------------------------- DESK & Stage -------------------------------------- */

div#desk {
   background-color: #FFF;
   border: 2px solid #CCC;
/*   height: 613px; */
   width: 962px;
   float: left;
   padding-bottom:50px;
}

/*div#stage {
   margin-bottom:30px;
}*/

/* -------- StageLeft */

div#stageL {
   float: left;
   font-size:10pt;
   width: 285px;
   height: auto;
   /*background-image: url(../img/bg_stageLeft.jpg);*/
   overflow: hidden;
}

#stageL div {
   border: 1px dashed #CCC;
   margin:7px 0px;
   padding: 0px 10px;
}

#stageL div div  {
   border: 0px dashed #CCC;
   padding:0px;
}

div#subNav *, div#pgTitle * {
   margin-left: 15px;
}

div#subNav * * *, div#pgTitle * * {
   margin-left: 0;
}

div#pgTitle {
	border:0px none;
	margin:15px 0px 0px 0px;
   width: 318px;
   height: 50px;
   /*background-image: url(../img/bg_stageLeft.jpg);*/
   /*z-index: 30; notwendig ??? */
}

p.breadcrump {
   font-size: 8pt;
}

div#pgImg {
   width: 318px;
   height: 310px;
   /*z-index: 20;*/
}

/* -------------------- navSub ---------------------- */

div#subNav {
   position: relative;
   top: -310px;
   vertical-align: bottom; /* funktioniert das ??? */
   margin-top: 12px;
   color:#E2001A;
   /*z-index: 30;*/
}

div#subNav ul {
   margin-left: 0;
}


div#subNav ul li {
   list-style-type: square;
   margin-top: 3px;
   margin-bottom: 3px;
}

div#subNav ul li.ACT {
   color: #E2001A;
}

div#subNav ul li a {
   font-weight: bold;
   text-decoration: none;
}

div#stageR {
   float: right;
   width: 644px;
	/*height: 100%;*/
	/*background-color: #F2F2F2;*/
   overflow: auto;
   position: relative;
}

div#stage div.stageWrap {
   margin: 64px 15px 0px 15px;
}

div#stage div.stageWrap p {
   /*margin: 0 70px 7px 30px;*/
}

/* ----------------------------- homeMenu v3 ------------------------------- */

#homeMenu {
	margin: 30px 70px 30px 45px;
}

#homeMenu a {
	display:block;
	width:55px;
	height:55px;
	margin:0px; 
	font: bold 11pt trebuchet MS;
	color:#020284;
  /*background: url("../img/button_55b_loes.jpg") 0 0 no-repeat;*/
	text-decoration: underline;
}

#homeMenu a.quickinfo{
	background: url("../img/bt_55_quick.jpg") 0 0 no-repeat;
/*	background: url("../img/icon_r_leist.png") 0 0 no-repeat;*/
}

#homeMenu a.prozessoptimierung {
	background: url("../img/bt_55_prozess.jpg") 0 0 no-repeat;
/*	background: url("../img/icon_r_loes.png") 0 0 no-repeat;*/
}

#homeMenu a.kontakt {
	background: url("../img/bt_55_kontakt.jpg") 0 0 no-repeat;
/*	background: url("../img/icon_r_prod.png") 0 0 no-repeat;*/
}

#homeMenu a.copycenter,#homeMenu a.copy-center {
	background: url("../img/button_55g_copy.jpg") 0 0 no-repeat;
/*	background: url("../img/icon_g_copy_55.png") 0 0 no-repeat;*/
  color:#97bf0d;
}

#homeMenu a:hover {	
	background-position: -55px 0;
	color: #505050;
}
#homeMenu a:active {
	background-position: -55px 0;
	color:white;
}

#homeMenu ul * {
/*	display: inline; */
}

#homeMenu ul {
	list-style: none;
  background-color:#f9f9f9;
  width: 400px;
}

#homeMenu ul li {
	margin: 0px 0px 0px -15px;
  height: 55px;
  border-bottom: 3px solid #f2f2f2;
  list-style-type:none;
}

#homeMenu ul li.last {
 border-bottom: 0;
}

#homeMenu ul li a {
	background: url("../img/button_55b_2.jpg") 0 0 no-repeat;
	display: block;
}

#homeMenu ul li a:hover {
	background-position: -55px 0;
}

#homeMenu ul li a span {
	display:block;
	line-height:9pt;
	margin: 0 0 0 65px;
}

#homeMenu ul li.ACT {
  color: #E3001B;
}

#homeMenu ul li.ACT a {
   color: #E3001B;
   background-position: -55px 0;
}

#homeMenu ul li.ACT  a span{
  color: #E3001B;
}

#homeMenu ul li span.homeMenuInfo,#homeMenu ul li p.homeMenuInfo {
  margin: -25px 0 0 65px;
  font-size: 9pt;
  display: block;
  color: #505050;
}

#homeMenu ul li a span.homeMenuTitel {
  margin: 20px 1px 2px 70px;
}

/* --------------- StageR Allgemein ------------------- */

.stageWrap .contenttable p, .stageWrap .contenttable, .stageWrap form, .stageWrap ul , .csc-textpic {
  margin: 0 20px 7px 15px; /* 0 70px 7px 30px;*/
  /*font-size:120%;
  line-height:160%;*/
}

li {
list-style-type: square;
list-style-color:#E3001B;
}

#stage .stageWrap .csc-textpic p {
  margin: 0;
}

.csc-textpic-text {
}

/* Tabellen */

table.contenttable td {
   padding-right: 4px;   
   vertical-align: top;   
}

table.contenttable-1 .td-0 {
   vertical-align: top;
   text-align: right;   
}

table.contenttable-1 .tr-odd {
  background-color: #E1E1E1;
}

table.contenttable-1 td {
   padding: 7px;   
   vertical-align: top;   
}

table.contenttable-1, table.contenttable-1 td {
  border-spacing: 0px;
  border: 0px solid #FFFFFF;  
}

/* ----------------------------- shBox v3 ---------------------------------- */

div#cage {
   /* Boxen */
   float: left;
   height: 260px;
   width: 962px;
   background-color:#F2F2F2;
}

div.box, div.boxG {
   float: left;
   width: 220px;
   height: 240px;
   border: 1px solid #8A8A8A;
   background-image:url(../img/bg_shopbox.jpg);
   background-repeat:repeat;
   background-color: #F2F2F2;
   overflow: hidden; /*auto;*/
   margin: 5px 8px;
}

div#cage div.first {
   margin-left: 12px;
}

div#cage div.last {
   margin-right: 12px;
}

div.box div.csc-header-n1 {
text-align: center;
width: 220px;
margin: 0 -15px 5px -15px;
background-image:url(../img/button_red.jpg);
background-repeat:no-repeat;
background-color:#ff0000;
}

div.boxG div.csc-header-n1 {
text-align: center;
width: 220px;
margin: 0 -15px 5px -15px;
background-color:#ff0000;
background-image:url(../img/button_red.jpg);
background-repeat:no-repeat;
}

div.box h1.csc-firstHeader, div.boxG h1.csc-firstHeader {
color: #FFFFFF;
font-size: 110%;
padding: 9px;
font-weight:bold;
}
div.box h1.csc-firstHeader a, div.boxG h1.csc-firstHeader a {
color: #FFFFFF;
}

div.box div.boxWrap, div.boxG div.boxWrap {
   margin: 0 15px 5px;
}


/* ICONS */
/*div#box2 h1.csc-firstHeader {
background-image: url(../../../kt/img/icons/iBox_shop.gif);
background-repeat: no-repeat;
}
div#box3 h1.csc-firstHeader {
background-image: url(../../../kt/img/icons/iBox_aktuell.gif);
background-repeat: no-repeat;
}
div#box4 h1.csc-firstHeader {
background-image: url(../../../kt/img/icons/iBox_copy.gif);
background-repeat: no-repeat;
}*/

/* ========== shBox v3 (end) =========================== */

/* -------------------------- boxMenu v3 ----------------------------- */

#boxMenu {
  width:190px;
  height:auto;
  border:0px none #333333;
  margin: 10px 0px 0px 0px;
}

#boxMenu ul li {
  height: 42px;
  list-style: none;  
}

#boxMenu ul li a {
	display:block;
	width: 42px;
	height: 42px;
	margin: 3px 3px 3px 0px; 
	/*background: url("../img/button_55gr_prod.jpg") 0 0 no-repeat;*/
	color:#505050;
	text-decoration: none;
	font: bold 14px/1 sans-serif;
}

#boxMenu ul li span {
  margin: 0px 0px 0px 50px;
  font-weight: bold;	
}

#boxMenu ul li a:hover {	
	background-position: -42px 0;
	color: #E2001A;
}

#boxMenu ul li a:active {
	background-position: -42px 0;
	color:#fff;
}

#boxMenu a.leistungsfelder {
	background: url("../img/icon_r_leist_42_aus.gif") 0 0 no-repeat;
	background: url("../img/icon_r_leist_42.png") 0 0 no-repeat;
}

#boxMenu a.lgen, #boxMenu a.loesungen {
	background: url("../img/button_55b_loes.jpg") 0 0 no-repeat;
	background: url("../img/icon_r_loes_42.png") 0 0 no-repeat;
}

#boxMenu a.produkte {
	background: url("../img/button_55b_prod.jpg") 0 0 no-repeat;
	background: url("../img/icon_r_prod_42.png") 0 0 no-repeat;
}

#boxMenu a.copy-center,#boxMenu a.copycenter {
	background: url("../img/button_55g_copy.jpg") 0 0 no-repeat;
	background: url("../img/icon_g_copy_42.png") 0 0 no-repeat;
}

/* ------------------------------- Menu in der CopyCenter-BOX     S T A R T -------------------- */

#boxMenu2 {
height:160px;
}

#boxMenu2 ul li {
  height: 50px;
  list-style: none;  
}

#boxMenu2 ul li a {
	display:block;
	width: 50px;
	height: 50px;
	margin: 3px 3px 3px 0px; 
	/*background: url("../img/button_55gr_prod.jpg") 0 0 no-repeat;*/
	color:#505050;
	text-decoration: none;
  text-align:left;
	font: bold 14px/1 sans-serif;
}

#boxMenu2 ul li span {
  margin: 0px 0px 0px 60px;
  font-weight: bold;	
}

#boxMenu2 ul li a:hover {	
	background-position: -50px 0;
	color: #E2001A;
}

#boxMenu2 ul li a:active {
	background-position: -50px 0;
	color:#fff;
}

#boxMenu2 a.leistungen {
	background: url("../img/copy_leist.png") 0 0 no-repeat;
  /*background: url("../img/copy_leist_aus.gif") 0 0 no-repeat;*/
}

#boxMenu2 a.zeiten {
	background: url("../img/copy_zeit.png") 0 0 no-repeat;
}


#boxMenu2 a.anfahrt {
	background: url("../img/copy_ort.png") 0 0 no-repeat;
}

/*... ab hier Css-Klassen für das Menu in der CopyCenter-BOX     E N D E */


div.box div#login {
  width: 190px;
  margin-top: 15px;
  text-align: center;
}

div.box div#login a {
  margin: 5px 9px;
  border: 0;
}

#boxMenuInfo {
	margin-left:50px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:12pt;
	font-weight:bold;
}

/* ------------------------------ boxMenu (end) ----------------------- */

/* ------------------------------ tt_news Aktuelles ------------------- */

div.bottom-left, div.bottom-right {
   display: none;
}

/* N E W S */

.news-latest-item {
margin-top: 7px;
margin-bottom: 6px;
border-bottom: 0px dotted #cccccc;
}

.news-latest-item img {
border: 1px solid #AAA;
margin: 3px 0px;
}

.news-latest-morelink {
font-size: 8pt;
}

.news-latest-item h3 {
margin: 2px 0px 4px 0px;
}

.news-latest-date {
font-size: 8pt;
}

/* ------------------------ Footer -------------------------------------- */

div#footer {
   margin: 0 auto;/*0px 14px 0;*/
}

div#footer p.left {
   margin: 0 0 0 0px;
   float: left;
}

div#footer p.center {
	float: right;
	margin: 0 0px 0 0;
}

/* -------------------- Kontakt ------------------------------------------ */

.csc-mailform  {
   border: none;
   margin: 20px 0;
}

.csc-mailform-field {
   margin: 0px 0px 5px;
}

.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {
   border: 2px solid #CCC;
   width: 340px;
}

.csc-mailform-field label {
   width: 75px;
   float: left;
}

input#mailformformtype_mail {
   height: 20px;
   width: 150px;
   margin-left: 75px;
   text-align: center;
   background-color: #000084;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
}

input#mailformformtype_mail:hover {
   background-color: #FFF;
   color: #1111a9;
   border: 1px solid #1111a9;
}

div#box2 div.csc-textpic  {
   margin: -5px -15px;
}

/* --------------------- Mitarbeiter-Verzeichnis --------------------------- */

.tx-wecstaffdirectory-stafflist .float-med {
   width: 90px;
}

.tx-wecstaffdirectory-staffpage .topmenu {
   margin: -85px 13px 0px;
}

.tx-wecstaffdirectory-staffpage .maincontent {
   padding:10px;
}

#stageL #loginarea {
width:auto;
height:auto;
padding:10px;
background-color:#f5f5f5;
font-size:;
font-weight:bold;
color:;
}

input {
border:2px solid #CCCCCC;
font-family:trebuchet MS;
color:#666;
margin:3px 0px;
}

.contacform {
margin:0px 0px 3px 0px;
}

#stageL div.csc-textpic-clear {
border:0px none;
}

/*#stageL div.csc-textpic-intext-left-nowrap {
padding:0px 5px 7px 15px;
}*/

ul.rgtabs-menu {
margin:0px;
}