/*
   CSS rendert zugehöriges XHTML-File praktisch identisch auf
   * Win2k FFox1.5
   * Win2k IE5
   * Win2k IE6
   * Win2k Op8.5
   * Mac OSX10.4.5 IE5.2
   * Mac OSX10.4.5 Safari 2.0.3
   * Mac OSX10.4.5 Camino 1.0
   * Mac OSX10.4.5 FFox 1.0.6 
  30mrz06 --- cchin.ch
*/

* { /* diese Werte präventiv für ALLE Elemente auf 0 setzen */
  background-color: transparent;
  margin: 0; padding: 0;
}

body { font: 70% Verdana, sans-serif; background: #b4b7bb; text-align: center; } /* IE5 Win will kein margin: 0 auto; */
	  
a { text-decoration: none; color: #e72200;}/*SW 23Oct06*/

img { border:none; } 

h1, h2, h3, #content p, #content ul { margin-bottom: .5em; padding-bottom: .5em; }
h1 { font-size: 1.5em; color: #e72200; border-bottom: 1px solid #6a6f77; }
h2 { font-size: 1.1em; color: #6a6f77; }
h3 { font-size: 1.05em; color: #333333; }
#content_spacer h1  { border-bottom: 1px solid #6a6f77; width:100%;}/*SW 24Oct06, width 100% wegen MSIE bug border-bottom*/


/******************* Adapted SW (header1, header2) ***************************/ 
#wrap_header { background: #fff; position: relative; width: 903px; height: 199px; margin: 0 auto;}
#header1, #header2, #wrap_main, #nav_path { text-align: left; }
#header ul, #header1 ul, #header2 ul, #nav_main ul, #footer ul, .nav_top ul, .downloads ul { list-style: none; }/*SW #footer ul*/
#nav_main, #content, #context { overflow: hidden; } /*IE sprengt sonst bei +Textzoom das Layout*/
.nav_top, #content { float: left; }
#header1 { position: relative; background: url(../images/logo.gif); width: 352px;height: 199px;float: left;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
body#locinternational #header1 { background: url(../images/logo_international.gif);}
#header2 { position: relative; float: right;width: 551px; height: 199px;margin: 0 auto; background-image: url(../images/header_home.jpg);}

/*change images depending on body id's */
body#locdienstleistungen #header2 { background: url(../images/header_dienstleistungen.jpg);}
body#locfachgebiete #header2 { background: url(../images/header_fachgebiete.jpg);}
body#locinternational #header2 { background: url(../images/header_international.jpg);}
body#lockurse #header2 { background: url(../images/header_kurse.jpg);}
body#locnetzwerke #header2 { background: url(../images/header_netzwerke.jpg);}
body#locnews #header2 { background: url(../images/header_news.jpg);}
body#locprojekte #header2 { background: url(../images/header_projekte.jpg);}
body#locpublikationen #header2 { background: url(../images/header_publikationen.jpg);}
body#locsoftware #header2 { background: url(../images/header_software.jpg);}
body#locueberuns #header2 { background: url(../images/header_ueberuns.jpg);}

#header1 li, #header1 li a {font-size: 1em; font-weight: bold; padding: 0 .8em .1em 0; }/*SW #header1 li a, float: left; deleted*/
#header2 li, #header2 li a {float: left; font-size: 1.1em; font-weight: bold; padding: 0 .5em .1em 0; }/*SW*/
#header1 a, #header2 a { color: #fff; }
#header1 span, #header1 span a { color: #757378; }/*SW*/
#header2 span, #header2 span a { color: #CDCDCD; }/*SW*/
/******************* END Adapted SW (header1, header2) ***********************/


/******************* Adapted SW/cchin 060919 ***************************/
#lang {position: absolute; left: 0; width: 210px;bottom: 0.3em; font-size: 12px; background: #b4b7bb;}
#lang li{ 
float:none; 
padding: 0 19px 0 5px; 
/*box model hack for IE<6 */
voice-family: "\"}\"";/* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
                 voice-family:inherit;
                 padding: 0 19px 0 21px;
}
html>body #lang li{ padding: 0 19px 0 21px; } /*for opera*/
/*END box model hack for IE<6 */
/******************* END Adapted SW/cchin 060919 ***********************/


#meta { float:left; position: absolute; right: 8px; bottom: .3em; }

/*******************SW navpath New (macinasearchbox DIV) ***************************/
#nav_path { width: 903px; background: #6a6f77; margin: 0 auto; }
#nav_path form { display: block; width: 190px; float: right; }
#nav_path.tx-macinasearchbox-pi1 form div { padding: 0; }
.tx-macinasearchbox-pi1 input { width: 140px; background: #fff; border: none; }
#nav_path.tx-macinasearchbox-pi1 div { padding: 7px 21px; color: #fff; float:right; }
#breadcrumbs { padding: 7px 21px; color: #fff;}
#sprachwahl { padding: 7px 21px; color: #fff;float:left;}/*SW061217*/
#sprachwahl a{text-decoration:underline;}/*SW061217*/
body#locinternational #breadcrumbs{padding-left:160px;}/*SW061217*/

#nav_path a, #nav_path span {
  height: 1%;  /* damit auch IE5 Win die paddings rendert */
  color: #fff;
  padding-right: 2px;
}
#nav_path .arrow { background: url(../images/pfeil_weiss_gruen.gif) no-repeat 2px 50%; padding-left: 10px;}
/*******************END SW navpath New (macinasearchbox DIV) ***************************/




#wrap_main {
  background: url(../images/bg_wrap_main.gif);
  width: 902px;/*SW 902px instead of 903*/
  border-right: 1px solid #6a6f77; margin: 0 auto;
}
body#locinternational #wrap_main {background: url(../images/bg_wrap_main_international.gif);}

#nav_main { float: left; width: 210px; font-weight: bold; }
#nav_main ul { font-size: 1.1em; margin: 1em 0; }
#nav_main ul li { margin: 0; font-weight: bold; padding: .5em 0 .5em 21px; }
#nav_main ul ul { margin: 0 0 0 1em; font-size: 90%; }
#nav_main ul ul li { font-weight: normal; padding: .25em 0 0 3px; }
#nav_main li.active { background: #fce9e5; }
body#locinternational #nav_main li.active { background: #FFEC9B; }
#nav_main a { color: #000; }
#nav_main a:hover { text-decoration: underline; }
/*#nav_main span { color: #e72200; }*//*SW funkt nur wenn die menupunkte NICHT verlinkt sind*/
#nav_main span a{ color: #e72200; }
#nav_main div {
  background: #e72200;
  padding: 21px 21px 14px 21px; margin: 1em 0; 
}
#nav_main div p { font-weight: normal; font-size: 90%; color: #fff; padding: 0 0 1em 0; }
#nav_main div a { font-weight: bold; color: #fff; }
#nav_main div p a { text-decoration: underline; }

#wrap_content { background: #fff; float: left; width: 691px; } /* #wrap_main: width
                                                minus #wrap_main: border-right (Für IE5 Win)
                                                minus #nav_main: width */ /*SW background-color: #FFFFFF; */
.nav_top {
  width: 668px; /* Breite: #wrap_content -24px padding-left für Pfeil-bg_img */
  background: url(../images/pfeil_rot_weiss.gif) no-repeat 9px 1px;
  padding: 1px 0 0 24px; margin: 1em 0 0 0;
}
.nav_top li {
  float: left;
  padding: .17em .4em; border: 1px solid #000; margin: -1px -1px 0 0;
}
.nav_top a, .nav_top span, .nav_top span a { white-space: nowrap; }/*SW .nav_top span*/
.nav_top a { color:#000; }
.nav_top a:hover, .nav_top span, .nav_top span a { color: #e72200; }/*SW .nav_top span*/

#content { position: relative; width: 501px; margin-top: 2.7em; }
#content_spacer { padding: 0 30px 5em 24px; } /* 29mar06cchin:: Übernimmt für alle darin untergebrachten Teile die Abstände zum #content-div */
#content_spacer ul{ padding: 0 0 0 16px; }/*SW 23Oct06*/
/*#content_spacer table td, #content_spacer table th {vertical-align:top;padding: 4px;border: 1px solid #666666;}/*SW 23Nov06*/
#content_spacer table {border: 1px solid #666666;border-collapse:collapse;}/*SW 15Dez06*/
#content_spacer table td{vertical-align:top;margin:0px;padding: 6px;border: 1px solid #666666;}/*SW 15Dez06*/
#content_spacer table.csc-uploads, #content_spacer td.csc-uploads-fileName, #content_spacer td.csc-uploads-fileSize, #content_spacer td.csc-uploads-icon{border:none;}/*SW 27Nov06*/
#content_spacer form table,#content_spacer form td,#content_spacer .tx-indexedsearch-res table,#content_spacer .tx-indexedsearch-res td,#content_spacer .tx-cmwlinklist-pi1 table, #content_spacer .tx-cmwlinklist-pi1 td {border:none;}/*SW 27Nov06*/
#content_spacer table {vertical-align:top;padding: 0px;border: 1px solid #666666;}/*SW 23Nov06*/
#content_spacer .tx-bzdstaffdirectory-pi1 table td  {border: 0px;}/*SW 24Nov06*/
#content_spacer .tx-bzdstaffdirectory-pi1 table {border: 0px;}/*SW 24Nov06*/
#content_spacer a:visited { color: #E47360;}/*SW 070307*/
#content_spacer a:hover { text-decoration: underline; }/*SW 23Oct06*/
#content_spacer img { float: left; padding-right: 12px; padding-bottom: 4px } /*SW neu*/

body#lockurse #content{ position: relative; width: 680px; margin-top: 2.7em; }/*SW neu 060811*/
body#locsoftware #content{ position: relative; width: 680px; margin-top: 2.7em; }/*SW neu 060811*/
body#locpublikationen #content{ position: relative; width: 680px; margin-top: 2.7em; }/*SW neu 060811*/
body#locnetzwerke #content, body#locsearch #content, body#locnews #content, body#locueberuns #content, body#locForum #content{ position: relative; width: 680px; }/*SW neu 061123*//*SW neu 061129*//*SW neu 061129*//*SW neu 080410*/

#context { float: right; width: 190px; margin-top: 2.7em; }
#context #news { height: 120px; padding: 6px; margin: 0 28px 12px 0; }
#context div.csc-textpic-clear{height:1px;}/*SW 061217*/
#context div#flashcontent {	padding:0px;}/*SW 060906 padding zuruecknehmen*/
body#locinternational #context div {padding: 2px; margin:0; }/*SW 061217 padding zuruecknehmen*/

#news, #news a { background: #b4b7bb; color: #fff; }/*SW*/
#news a { font-weight: bold; color: #fff; text-decoration: underline; } /*SW*/
/*#international { background: #e72200; color: #fff; }*/
#partner { background: #fff; color: #6a6f77; }

/******************* footer ***************************/
#footer {
  clear: both;
  position: relative;
  background: #6a6f77; margin-left: 210px;
}
#footer p { font-size: 90%; color: #fff; padding: 6px 24px 6px 21px; margin-right: 190px; }
#footer p a {
  position: absolute; right: 24px; top: 6px;
  font-weight: bold; color: #fff; text-decoration: underline;
}

/******************* footer **********************/


/**************************Styles für Extension "tx_indexedsearch" *******************************/
.tx-macinasearchbox-pi1 form input { color: #e72200;}/*for the extension 'maccinasearchbox', font-size: 0.9em; korr SW 061127*/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {background:#eeeeee;background:#eeeeee;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#E0E7F5; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:0px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
/*.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-family: monospace; font-style: normal; padding:0 0.3em 0 0.3em; background:#ffff88; border: 1px #ccd solid; }*/
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { font-weight:bold; font-style:italic; padding:0 0.3em 0 0.3em; background:#ffff88; border: 1px #ccd solid; }
.tx-indexedsearch-browsebox ul { list-style: none; }
ul.browsebox li, ul.browsebox li a {float: left; color: #e72200; font-size: 0.9em; font-weight: bold; padding: 0 .5em .1em 0; }/*SW*/
.tx-indexedsearch-res.tx-indexedsearch-res{clear:both;}
/**************************END Styles für Extension "tx_indexedsearch" *******************************/

/**************************Styles für Extension "fl_seo_sitemap" *******************************/
.tx-flseositemap-pi1 ul{
	padding-left:20px;
	font-family: Arial, sans-serif;
	font-size: 1.02em;
	line-height: 1.2em;
	color: #333333;
	list-style-image: url(../images/sitemaparrow.png);
	list-style-position: inside;
}
.tx-flseositemap-pi1 ul li a{text-decoration: underline;color:#333;}
/**************************END Styles für Extension "fl_seo_sitemap" ***************************/

/**************************Styles für Extension "fl_seo_sitemap" *******************************/
.tx-flseositemap-pi1 ul{padding-left:30px;font-family: Arial, sans-serif;color: #E72200;list-style-image: url(../images/sitemaparrow.gif);list-style-position: outside;font-weight: bold;}
.tx-flseositemap-pi1 ul li a{text-decoration: underline;color:#E72200;line-height: 24px;}
.tx-flseositemap-pi1 ul li a:visited{text-decoration: underline;color:#E47360;line-height: 24px;}
/**************************END Styles für Extension "fl_seo_sitemap" ***************************/

.hideit {display: none;}

/************************** linklist extension ***************************/
.tx-cmwlinklist-pi1 input, textarea {width: 240px;float:left; border: 1px solid;}
.tx-cmwlinklist-pi1 input.linklistbtn {margin-left:110px;}
/************************** END linklist extension ***********************/

.csc-linkToTop{padding-top:24px;}

/******************* Styles for tt_news SW061113 ***************************/
.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{clear:right;height:0px;border:none;padding:5px;margin-bottom:24px;border-bottom: 1px solid #6a6f77;}
/******************* END Styles for tt_news SW061113 ***********************/

/******************* SW 061127 for mailform  ***************************/
fieldset {width:400px; border: 0px;}
.csc-mailform-label {width: 100%; float: left;clear: both;padding-right:30px;}
fieldset.csc-mailform label {width: 120px;float: left;clear: right;padding-right:30px;}
fieldset.csc-mailform input, textarea {width: 240px; float: left;border:solid 1px;}
.csc-mailform-field{margin: 0px; height: auto;padding-bottom: 30px; border: 0px;}
fieldset.csc-mailform img {padding-top:15px;}
fieldset.csc-mailform img {margin:0 0 15px 150px; float: left; }
fieldset.csc-mailform textarea {height:3em;}/*SW070105*/
#mailformformtype_mail{width:100px;margin-left:150px;margin-top:2em;}/*SW070105*/
/*.mf-check {float: left; margin-left: -100px;}*/ /* .mf-check mit typoscript generieren, wird vorlaeufig nicht benoetigt*/
/******************* END SW 061127 for mailform  ***********************/


/******************* SW 061209 NEWS  ***************************/
.news-single-files dd {margin-top:10px;}
.news-single-links  {margin-top:24px;}
.news-single-category{display:none;}
.news-single-imgcaption{font-style:italic;}
/******************* END SW 061209 NEWS  ***********************/


/******************* SW 061211 FINETUNING  ***************************/
.csc-textpic-text ul li{list-style-position:outside;margin-left:20px;}
.csc-textpic-text ol li{list-style-position:outside;margin-left:20px;}
table, ul {margin-bottom:30px;}
ul#lang, ul#meta {margin-bottom:0px;}
.csc-header {margin-top:30px;}
.tx_bzdstaffdirectory_detail .left td{width:120px;}

DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: center; /* Remove IE-hack */ }

DIV.csc-textpic-right { text-align: right; /* IE-hack */ }
DIV.csc-textpic-right DIV.csc-textpic-text { text-align: right; /* Remove IE-hack */ }

.news-single-backlink{padding-top:2em;}/*SW070105*/
.csc-loginform input {border:solid 1px;}/*SW070119*/
/******************* SW 061211 FINETUNING  **************************/