/* main.css           */

body { margin: 0;	  padding: 0;	  font: small/110% Verdana, Helvetica, sans-serif;	  text-align: center;	  background: #999 url(images/grey_bk_verlauf2.jpg) repeat-x ;	}
p {margin: 0; padding: 0;}
.clearfloat {	clear: both;	height: 0;	font-size: 1px;	line-height: 0px;}
#wrapper { margin: 0 auto;		width: 990px; /*  war 860px in index.css*/		text-align: left;		background: #fff ;}#header { /*          url(images/header_henryworks_990.png) no-repeat      */	margin: 0; padding:0;	}
#maincontent {}
.sidebar1  { float: left; width: 310px; padding: 8px; margin-bottom: 20px;}
.contentbar1 { float: right; width: 620px; padding: 0px 15px 0 15px;  color: #333; } /*   590px      490px in index.css    */
#footer { width: 990px; background: #000; padding-bottom: 175px; color: #424242;	/* background: #f3f3f3 ;  url(images/Clipboard01.jpg) no-repeat; padding-bottom: 175px;*/}
/*    keine ahnung warum das da steht:     .sidebar1 ul { font: 80% Verdana, Helvetica, Arial, sans-serif; }     */
/*    contentbar1 aussehen   */
.teaser {
font: 110%/1.4em Verdana, Helvetica, Arial, sans-serif;margin-bottom: 12px;}
.contentbar1 h2 { background: #fff;margin-top: 1.3em; margin-bottom: 1em;font: bold 130% Verdana, Helvetica, Arial, sans-serif;color: #606060;}/*    h3 sind ueberschriften   */.contentbar1 h3 {	font: normal normal bold 140%/140% Verdana, Helvetica, Arial, sans-serif;	letter-spacing: 2px;	color: #f90; /*    #424242    */	margin-bottom: 24px; margin-left: 0; margin-top: 1em; margin-right: 8px; /*  war so: margin-left:13px       */	border-bottom: 2px solid #f90;	}.contentbar1 ul { margin-bottom: 38px; list-style-position: outside;	font: normal 110%/1.3em Verdana, Helvetica, Arial, sans-serif;}
.teaser li { margin-bottom: 1em;  }.tflow { line-height: 120%; }a.tlink { color: #f90; text-decoration: underline; }/*    contentbar1 aussehen ende  *//*     old CSS from old site      */div.illub{float: right;width: 125px;margin: 3px 3px 40px 3px;padding: 3px;/* border:1px solid black; */text-align: center;}div.illu{float: left;width: 245px;margin: 5px 12px 5px 5px;padding: 9px;border:1px solid #606060;  border-right: 1px solid #9f9b95; border-bottom: 1px solid #9f9b95;text-align: center;}h4 { font: normal normal bold 100%/100% Verdana, Helvetica, Arial, sans-serif; margin-bottom: 8px; }/*    the DEFLIST */
#deflist {
float: left;   /*    for clearing             */width: 300px;padding: 10px 0;border: 2px solid #606060;  border-right: 2px solid #9f9b95; border-bottom: 2px solid #9f9b95;         /*       border: 2px solid #C8CDD2;               */font: 100% Verdana, Helvetica, Arial, sans-serif;}
#deflist dl {float: left;   /*    for clearing             */width: 260px;    /*    fix fuer breite im IE/Mac           */margin: 10px 20px;padding: 0;display: inline;  /*   fixt den bug der randverdoppelung im IE/Win            */}
#deflist dt {float: right;width: 162px;  /*    war 180px aenderung zu 162px,GRUND:  img: margin rechts 8px, img: border2x1px,    img: padding 4px ueberall=8px seitlich    18pxinsgesamt     */margin: 0;padding: 0;font: bold 120%/1.3em Verdana, Helvetica, Arial, sans-serif;letter-spacing: 1px;color: #606060; /*     #627081      */}
#deflist dd {margin: 0;padding: 0;font-size: 85%;line-height: 1.5em;color: #333;}
#deflist dd.image img {float: left;margin: 0 8px 0 0;padding: 4px;border: 1px solid #D9E0E6;border-bottom-color: #C8CDD2;border-right-color: #C8CDD2;background: #fff;}
/*        umgekehrter float         */#deflist .alt dt {float: left; width: 162px; /*    siehe #deflist dt*/}
#deflist .alt dd.image img {float: right;margin: 0 0 0 8px;}
#deflist h3 {	font: normal normal bold 140%/140% Verdana, Helvetica, Arial, sans-serif;	letter-spacing: 2px;	color: #f90; /*    #424242    */	margin-bottom: 24px; margin-left: 20px; margin-top: 0;	border-bottom: 2px solid #f90;	}/*    the DEFLIST  end*//*   deflist ueberschriften als link   */dt a:link { font-weight: bold; letter-spacing: 1px; text-decoration: none; color: #606060; } dt a:visited { font-weight: bold; letter-spacing: 1px; text-decoration: none; color: #606060; }  dt a:hover { font-weight: bold; letter-spacing: 1px; text-decoration: underline; color: #606060; } dt a:active {  font-weight: bold; letter-spacing: 1px; text-decoration: none; color: #606060; } dt a:focus { font-weight: bold; letter-spacing: 1px; text-decoration: none; color: #606060; } 
/*       fcols    OLD     .fcols1 {	width: 67%;	float: left;}
.fcols3 {	width: 49%;	float: left;}
.fcols5 {	width: 51% ;	float: left;}
.fcols2 {	width: 33% ;	float: left;}}.fcolsrest {   }    h3    in fcols     OLD .fcols1 h3, .fcols3 h3, .fcols5 h3, .fcols2 h3, .fcolsrest h3 {	margin: 0 0 0 0;	padding: 12px 8px 13px 38px ;	font: normal normal bold 130%/140% Verdana, Helvetica, Arial, sans-serif;	letter-spacing: 2px;	color: #424242;	background: #f3f3f3 url(images/f_rand_bkg.jpg) repeat-x ;	}.fcols3 a:link, .fcols5 a:link, .fcols2 a:link, .fcolsrest a:link {color: #fff;  text-decoration: none; line-height: 1.5em; font-weight: bold; }.fcols3 a:visited, .fcols5 a:visited, .fcols2 a:visited, .fcolsrest a:visited   { color: orange; text-decoration: none; font-weight: bold; line-height: 1.5em; }.fcols3 a:hover, .fcols5 a:hover, .fcols2 a:hover, .fcolsrest a:hover { color: #aaa; text-decoration: underline; line-height: 1.5em; }.fcols3 a:active, .fcols5 a:active, .fcols2 a:active, .fcolsrest a:active   { color: #fff; text-decoration: none; line-height: 1.5em; }
  ul in fcols  OLD 
.fcols1 ul, .fcols3 ul, .fcols5 ul, .fcols2 ul, .fcolsrest ul {list-style: square; }   ende fcols OLD      */ .focol1 { width: 330px; float: left; }.focol2 { width: 330px; float: left; }.focol3 { width: 330px; float: left; }.focol1 h3, .focol2 h3, .focol3 h3 {  	margin: 0 0 0 0;	padding: 12px 8px 13px 38px ;	font: normal normal bold 130%/140% Verdana, Helvetica, Arial, sans-serif;	letter-spacing: 2px;	color: #424242;	background: #f3f3f3 url(images/f_rand_bkg.jpg) repeat-x ; } .focol1 ul, .focol2 ul, .focol3 ul{list-style: square; }.focol1 a:link, .focol2 a:link, .focol3 a:link  {color: #fff;  text-decoration: none; line-height: 1.5em; font-weight: bold; }.focol1 a:visited, .focol2 a:visited, .focol3 a:visited   { color: orange; text-decoration: none; font-weight: bold; line-height: 1.5em; }.focol1 a:hover, .focol2 a:hover, .focol3 a:hover { color: #aaa; text-decoration: underline; line-height: 1.5em; }.focol1 a:active, .focol2 a:active, .focol3 a:active   { color: #fff; text-decoration: none; line-height: 1.5em; }
#footer h6, #footer h5 {	text-align: center;	}
#current {	color: orange;	}