/***************************************/

body {	font-family: Verdana, Arial, Helvetica,sans-serif;
	margin: 0px; padding: 0px;
	background: #fdeac2 url(/fileadmin/page/bg.jpg) repeat-x; 
	text-align: center;
	font-size: 10pt;
}

a       { text-decoration: none;      color: #000000; }
a:hover { text-decoration: underline; color: #666666; }

p { line-height: 150%; }

/* Seitengeruest */

div#page       { width: 775px; margin: 0px auto 0px auto; text-align: left; padding: 0px; background: #fff;  border-top: none; } /* border-bottom: 1px solid #e6e6e6;*/

div#head       { clear: both; margin: 0px; padding: 0px; height: 150px; background: url(/fileadmin/page/grey.gif) repeat-x; } /* border: 1px solid blue; */
div#content    { clear: both; margin: 0px; padding: 20px 20px 20px 20px;  float: left; } /* width: 755px; border: 1px solid red; } */
div#foot       { clear: both; margin: 0px; padding: 3px; height: 20px; border-top: 1px dashed #eee;} /* border: 1px solid green; */

div#left       { float: left; padding: 0px; min-height: 400px; } /* border: 1px dotted blue; } */
div#middle     { float: left; padding: 0px; min-height: 400px; } /* border: 1px dotted red; } */
div#right      { float: left; padding: 0px; min-height: 400px; clear: right; } /* border: 1px dotted green; } */

/* Layout normal */
div.l   { width: 180px; margin: 0px  0px 0px  0px; }
div.m   { width: 335px; margin: 0px 20px 0px 20px; }
div.r   { width: 180px; margin: 0px  0px 0px  0px; }

/* Layout 1 (breite mitte und rechts) */
div.Mr  { width: 525px; margin: 0px  0px 0px 20px; }

/* Layout 2 (links und breite mitte) */
div.lM  { width: 525px; margin: 0px 20px 0px  0px; }

/* Layout 3 (mitte und rechts gleich breit) */
div.lMR { width: 245px; margin: 0px  0px 0px 20px; }

/* Layout 4? (nur mitte) */
/* leider ist der IE Analphabet und kann nicht zwischen 'm' und 'M' unterscheiden */
/* div.M   { width: 755px; margin: 0px 20px 0px 20px; } */



/* Menues */


/* oberstes Menue */
ul#menu2    { clear: left;padding: 0px; margin: 0px; height: 50px; background: url(/fileadmin/page/top.png); text-align: right; }
#menu2 li   { float: left; list-style-type: none; padding: 2px 8px 2px 8px; margin: 0px;}
#menu2 li a               { color: #666; font-family: arial; font-weight: bold; font-size: 12px; text-transform: uppercase;}
#menu2 li.inaktiv a:hover { color: #666;}
#menu2 li.aktiv   a 	  { color: #000;}


/* Menue mit den Icons */
ul#menu1    { clear: both; margin: 0px 0px 0px 0px; padding: 0px; height: 75px; background: url(/fileadmin/page/banner.png) no-repeat; border-bottom: 3px solid #eee;}
#menu1 li   { float: left; list-style-type: none; text-align: center; width: 120px; margin: 0px 0px 0px 0px; }
#menu1 li a { display: block; padding: 55px 0px 6px 0px; text-transform: lowercase; font-weight: bold; font-size: 12px; text-decoration: none; }
#menu1 li a:hover   {  }

#menu1 li.inaktiv a       { color: #aaa; }
#menu1 li.inaktiv a:hover { color: #666; }
#menu1 li.aktiv   a       { color: #666; }
#menu1 li.aktiv   a:hover { color: #444; }

#menu1 li#internet.inaktiv a { background: #fff  url(/fileadmin/page/internet0.png) no-repeat; }
#menu1 li#internet.inaktiv a:hover { background: url(/fileadmin/page/internet2.png) no-repeat; } 
#menu1 li#internet.aktiv   a { background: #eee  url(/fileadmin/page/internet1.png) no-repeat; }

#menu1 li#outsourcing.inaktiv a { background: #fff url(/fileadmin/page/outsourcing0.png) no-repeat; }
#menu1 li#outsourcing.inaktiv a:hover { background: url(/fileadmin/page/outsourcing2.png) no-repeat; }
#menu1 li#outsourcing.aktiv a { background: #eee url(/fileadmin/page/outsourcing1.png) no-repeat; }

#menu1 li#systemdesign.inaktiv a { background: #fff url(/fileadmin/page/systemdesign0.png) no-repeat; }
#menu1 li#systemdesign.inaktiv a:hover { background: url(/fileadmin/page/systemdesign2.png) no-repeat; }
#menu1 li#systemdesign.aktiv a { background: #eee url(/fileadmin/page/systemdesign1.png) no-repeat; }

#menu1 li#dienstleistungen.inaktiv a { background: #fff url(/fileadmin/page/dienstleistungen0.png) no-repeat; }
#menu1 li#dienstleistungen.inaktiv a:hover { background: url(/fileadmin/page/dienstleistungen2.png) no-repeat; }
#menu1 li#dienstleistungen.aktiv a { background: #eee url(/fileadmin/page/dienstleistungen1.png) no-repeat; }

#menu1 li#unternehmen {  padding-left: 160px;} 
#menu1 li#unternehmen a { width: 135px; background: url(/fileadmin/page/inline0.gif) no-repeat; }
#menu1 li#unternehmen.inaktiv a:hover { }
#menu1 li#unternehmen.aktiv a { width: 135px; background: #eee url(/fileadmin/page/inline1.gif) no-repeat; }



/* Untermenue */
/*ul#menu1sub    {  height: 30px; background-image: none; position: absolute; left: 50%; top: 138px; margin: 2px -400px 2px; padding: 0px; width: 800px; height: 20px; background-color: white;} */
ul#menu1sub    { clear: left; margin: 0px 0px 0px 0px; padding: 0px; height: 25px;}
#menu1sub li   { float: left; list-style-type: none; width: auto; }
#menu1sub li a { display: block; width: auto; margin: 0px; padding: 4px 4px 4px 15px; text-decoration: none; text-transform: none; font-weight: bold; font-size: 11px; background: url(/fileadmin/template/pfeil-grau.png) no-repeat 5px 50%; }
#menu1sub li.inaktiv a       { color: #aaa; }
#menu1sub li.inaktiv a:hover { color: #666; }
#menu1sub li.aktiv   a       { color: #666; }



/* Fuss (Breadcrumb) */
#menu3 { clear: both; font-size: 66%; }




/***************************************************************/






/* #content ul      { list-style-image: url(/fileadmin/page/punkte.gif); } */
#right ul        { list-style-image: url(/fileadmin/page/pfeil-weiss.png);}


h1      { font-size: 1.1em; font-weight: bold; margin: 0.5em 0 0.5em 0;  } /*border-bottom: 2px solid #ccc;*/
h2      { font-size: 1.05em; font-weight: bold; margin: 0 0 0.5em 0; border: none; } /* -bottom: 2px solid #ccc; } */

/*
#content p       { font-size: 10pt; }
.contenttable li { font: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; list-style-image: url(/fileadmin/page/pfeil-weiss.png); }
.contenttable p  { margin: 0px 8px 0px 0px;}
.csc-linkToTop   { font-weight: bold; text-align: right;}
*/



/* Metaphern */
div.metapher      { padding: 155px 5px 5px 5px; margin: 0px; background-color: #f9f9f9; background-repeat: no-repeat; background-position: center top;}
div.metapher-bild { }
p.metapher        { font: italic 9pt verdana; color: #aaa; padding: 5px; line-height: 1.1em; } 



/* Zitate */
div.zitat     { font-size: 75%; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #777; } 
.zitat-text   { margin-bottom: 10px; }
.zitat-autor  { font-style: italic; text-align: right; }



/*** Rahmen ***/
/* InlineFrame1 */
div.csc-frame-inline75 { border: 2px solid #e6e6e6; font-size: 10pt; background: #fff; margin: 0 0 0px; padding: 0;}
.csc-frame-inline75 p  { padding: 5px; margin: 0px; line-height: 1.1em;}
/* +layout 4 */
.csc-frame-inline75 h4 { font-size: 10pt;  background: #e6e6e6; margin: 0; padding: 4px; } /* border-bottom: 2px solid #e6e6e6; border-top: 15px solid #e6e6e6; padding: 5px 0px 5px 5px; margin: 0px;} */

/* InlineFrame2 */
.csc-frame-inline76    { border: 0px solid #eee; margin: 0 0 10px; }
.csc-frame-inline76 p  { padding: 0px 5px 0px 5px; margin: 0px;  }
.csc-frame-inline76 ul { list-style-image: url(/fileadmin/page/punkte.gif); margin: 10px 0px 0px 20px; padding: 0px;}
/* +layout 2 (!) */
.csc-frame-inline76 h2 { font-size: 10pt;  border-bottom: 2px solid #e6e6e6; margin: 0px 100px 0px 0px; border-top: 2px solid #aaaaaa; padding: 5px 0px 5px 5px; }


/* InlineFrame3 (Kurzbeschreibungen) */
div.csc-frame-inline77 { padding: 16px 3px; margin: 0 0 10px; border: 1px solid #fae9c1; font-size: 11px; background: #fff url(/fileadmin/page/box-li-beige_birgit.jpg) right top; }
.csc-frame-inline77 h1 { padding: 3px; margin: 0px; font-size: 13px; color: #666; border: none;  }
.csc-frame-inline77 p  { line-height: 1.33em; } /* padding: 10px 5px 0px 5px; margin: 0px;} */
.csc-frame-inline77 a  { font-weight: bold;}
.csc-frame-inline77 ul { list-style-image: url(/fileadmin/page/punkte.gif); margin: 10px 0px 10px 20px; padding: 0px 0px 0px 0px;}
.csc-frame-inline77 li {  margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}


/* Layout 1 bei Bulletlist */
ul.csc-bulletlist-1 { margin: 0px; padding: 0px; list-style-type: none; }
ul.csc-bulletlist-1 li { float: left; width: 49%; margin: 0px; padding: 0px; list-style-type: none; }
ul.csc-bulletlist-1 li a { margin: 0px; padding: 0px 5px 0px 10px; background: url(/fileadmin/page/pfeil-weiss.png) no-repeat left center;}


/* Zusatzlinks  "siehe auch" */
#right div.csc-frame-inline76 div.csc-header-n1 { padding: 160px 0px 0px 0px; margin: 0px; background: url(/fileadmin/images/icons/tasten.png) no-repeat 50% 20px; }
#right div.csc-frame-inline76 h1 { margin: 0px; padding: 4px 5px 2px; border: none; background: #eee; font: bold 9pt verdana; color: #666; }
#right div.csc-frame-inline76 ul { border: 2px solid #eee; padding: 2px 2px 2px 20px; margin: 0px; background: #fff; } 


/* #right p {line-height: 1.2em; } */


ul.csc-menu { margin-top: 0px; padding-top: 0px; }
ul.csc-menu li { list-style-image: url(/fileadmin/page/pfeil-weiss.png); }
ul.csc-bulletlist-0 li { list-style-image: url(/fileadmin/page/pfeil-weiss.png); }


h1.csc-firstHeader, 
h2.csc-firstHeader, 
h3.csc-firstHeader { margin-top: 0px; padding-top: 0px; }

#right p, #left p { line-height: 1.25em; }
div.itr { border-bottom: 1px solid #ccc; height: 18px; width: 95%; }
h1.hidden { margin: 0; padding: 0; visibility: hidden; }

/* div#searchForm { background-color:#eee; border:1px solid #ddd; white-space:nowrap; padding:5px; }  auto 0px auto;}*/
div#searchForm { white-space:nowrap; padding:5px; } /* auto 0px auto;}*/
div#searchForm input.text { background-color:#eee; border: 1px solid #ccc; width:120px; padding:2px; }
div#searchForm input.submit { border: 1px solid #999; width:40px; padding:1px; background-color:#ccc; }
div#searchForm form { display: inline; }


div#searchResults { width:300px; visibility:hidden; position:absolute; opacity:0.95; background-color:#fff; border:1px solid #999; margin:0px; padding:0px; z-index:1; overflow:hidden; }

div#searchResults dl       { margin:0px; white-space:nowrap; padding:1px 0px 1px 0px;}
div#searchResults dl:hover { background-color:#eee; padding:0px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
div#searchResults dt a { display:block; text-decoration:none; padding:0px 2px 0px 2px; } 
div#searchResults dt a:hover { text-decoration:none; color:#000; background-color:#eee; }
div#searchResults dd   { margin: 0px; white-space:nowrap; font-size:75%; color:#666; padding:1px 2px 2px 2px;} 


div#searchResults ul { width:250px; margin:0px; padding:0px; }
div#searchResults ul li { width:250px; margin:0px; padding:0px; white-space:nowrap; }
div#searchResults ul li a { display:block; text-decoration:none; margin:0px; padding:0px 2px 0px 2px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
div#searchResults ul li a:hover { margin:0px; padding:0px 2px 0px 2px; display:block; color:#000; background-color:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-decoration:none;}