/* CSS for Social Management Systems
 * 10jul06***cchin.ch
 * 26-29aug: Adaptiert WF
 */
 

* { padding: 0; margin: 0; }
* img{border:0px;}/*New SW*/
* td {vertical-align:top;}/*New SW*/
* td p{margin:0;}/*New SW*/

body {
  background: #003  url(../images/bg_cccc99.gif) center repeat-y;
  font: .75em/1.4em Arial, Helvetica, sans-serif;}

a { text-decoration: none; }

h2  {
  font-size: 1em; /* also 100% der .75em des body */
  margin: 1em 0;
}
h2 span { color: #c30; }
p { margin-bottom: 1em; }

#wrap_header { /*neu 27aug06 WF*/
  position: fixed; top: 0; left: 0; z-index: 21;
  width: 100%;
}
#header {
  position: relative;
  max-width: 930px;
  height: 8em; 
  background: #69c;
  font-weight: bold;
  margin: 0 auto;
} /*adap 27aug06 WF*/

#header ul { list-style: none; } /*adap 27aug06 WF*/
#header li {
  position: relative;
  width: 9em; max-width: 155px; /*adap 27aug06 WF*/
  text-align: right;
}

#header .hnav {
  position: absolute; bottom: 0; left: 0;
  min-width: 760px; width: 54em; max-width: 930px;
  background: #003;
  padding: .2em 3px .1em 0;
} /*adap 29aug06 WF*/
#header .hnav li { float: left; color: #fff; }

#header .vnav { 
  clear: left;
  position: absolute; bottom: 1.6em; left: 0;/**/ /* bottom: 1.4em + 0.2em von #header .hnav: padding */
}

#header .vnav li { background: #69c; height: 1.4em; }
#header .vnav li a { color: #000; }
#header .vnav li .activ a { color: #990000; }/*SW*/

/*#header .mark1 {}
#header li a.mark2 { color: #cc9; }*/
#header .vnav li .mark1 a { color: #FFFFFF; }/*Adapted SW*/
#header .vnav li .mark2 a { color: #CCCC99; }/*Adapted SW*/


#search {
  position: absolute; top: 0; right: 0; z-index: 31; /*adap 27aug06 WF*/
  width: 167px;
  text-align: right;
  background-color: #cc9;
}

#search .search_button {background-color: #cc9;font: bold 1em Arial, Helvetica, sans-serif; color: #fff;border: none;margin: 0 0 .4em 0; height: 1.2em;}/* Werte auf dieser Zeile: Kompromiss IE/Gecko */
#search .search_field {background-color: #fff;font: normal .8em Verdana, sans-serif; color: #000;width : 76px;border: none;margin: .5em 1em .4em 0;} /* Werte auf dieser Zeile: Kompromiss IE/Gecko */

body#lochome #wrap_main { #003}/*Adapted by SW 30Aug06*/

/*SW Trouble here!!!*/
/*#wrap_main {position: absolute;left: 50%;top: 0;width: 930px;margin-left: -465px;text-align: left;background-color: #cc9;}*//*entf 27aug06 WF*/
/*SW Trouble here!!!*/
/* #main {margin-top: 8em;position: relative;background: #cc9;} *//* an diesem Container werden Logo, Bild & Print-div absolut positioniert */
/*END SW Trouble here!!!*//*neudef. unten 27aug06 WF*/

#main { /*adap 27aug06 WF*/
  position: relative; /* Trouble? */
  min-width: 700px; max-width: 930px;
  margin: 8em auto 0 auto;  
  background: #cc9;
  text-align: left;  
} /* an diesem Container werden Logo, Bild & Print-div absolut positioniert */

body#lochome #main { background: none;}/*Adapted by SW*/

#content { padding: 120px 86px 146px 221px;background-image: url(../images/bg_cccc99.gif);background-position: center; }/*Korr SW 30Aug06 mit background image für IE MAC*/
#content a {color: #000;text-decoration: underline;}/*New SW*/
body#lochome #content {background: #88C5EA;background-image: url(../images/introhint.gif);background-repeat: no-repeat;background-position: bottom;}/*Adapted by SW 30aug06*/

#content img a { border:none;}/*New SW*/

#logo { position: absolute; left: 0; top: 0px; }
#visual { position: absolute; left: 0; top: 126px;}
#lang {position: absolute; right: 0.8em; top: 10px; text-align: right; font-weight: bold; color: #fff;}/*Adapted by SW/cchin060829*/
#lang a {color: #fff; }/*Adapted by SW*/
#lang .speztext a { text-decoration: underline; }/*Adapted by SW*/

#wrap_footer { /*neu 27aug06 WF*/
  position: fixed; bottom: 0; left: 0; z-index: 21;
  width: 100%;
}
#footer {
  position: relative;
  max-width: 930px;
  margin: 0 auto;
  text-align: left;
}
#footer div {
  min-width: 760px; width: 54em; max-width: 930px;
  font-weight: bold; color: #fff;
  background: #003;
}
#footer span { position: relative; left: 10px;top:3px; }/*Adapted by SW March08*/


body#lochome #footer { background: none;margin-top:-20px;}/*Adapted by SW 30Aug06*/


/********this stuff goes into special css for [if lte IE 6] ***********//*
#header { position: absolute; }
#footer { position: relative; }
#wrap_main { height: auto; }
/********this stuff goes into special css for [if lte IE 6] ***********/

.hideit {display: none;}

/*SW special styles fpr Typo3 Elements*/
DIV.csc-header h1{font: 1em Arial, Helvetica, sans-serif;}
/*END SW special styles fpr Typo3 Elements*/

#content table td ul{padding-left:2em;}/*Adapted by SW 060808*/
#content table td {padding:0.5em;}/*Adapted by SW 060808*/

/*SW 060812 for mailform
fieldset {width:480px; border: 0px;}
fieldset.csc-mailform label {width: 220px;float: left;clear: right;}
fieldset.csc-mailform input, textarea {width: 240px; float: left;margin-left: 0px;}
.csc-mailform-field{margin: 0px; height: 36px;border: 0px;}
.csc-mailform-field.mf-submit{padding-left:300px;}
#mailformformtype_mail{margin-left:220px;}
.csc-mailform-label{display:block; margin-top:60px; width:480px; height:50px;clear:left;}
*/

/*SW 060812 for mailform*/
fieldset {width:540px; border: 0px;}
fieldset.csc-mailform label {width: 220px;float: left;clear: right;padding-right:30px;}
fieldset.csc-mailform input, textarea {width: 240px; float: left;}
.csc-mailform-field{margin: 0px; height: 36px;border: 0px;}
#mailformformtype_mail{margin-left:220px;}
.csc-mailform-label{display:block; margin-top:60px; width:480px; height:50px;clear:left;}
.mf-check {float: left; margin-left: -100px;}/* .mf-check mit typoscript generieren*/
#mailformformtype_mail{width:100px;margin-left:260px;margin-top:30px;}
fieldset.csc-mailform input#mailform160formtype_mail {width: 100px;margin-left:260px;margin-top:10px; }
fieldset.csc-mailform input#mailform112formtype_mail {width: 100px;margin-left:260px;margin-top:10px; }





/************Feature mit festsitzender Fusszeile zuruecknehmen wegen Introseite und IE**********/
body { background: #003;}/*neu 30aug06 SW*/
#wrap_footer { position: relative; } /*neu 30aug06 SW*/
/************Feature mit festsitzender Fusszeile zuruecknehmen wegen Introseite und IE**********/

#footer img { float:left; }/*Adapted by SW March08*/