/*    index.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: 860px;		text-align: left;		background: #fff ;}#header { /*          url(images/header_henryworks_860.png) no-repeat      */	margin: 0; padding:0;	}
#maincontent {}
.sidebar1  { float: left; width: 310px; padding: 8px; margin-bottom: 20px;}
.contentbar1 { float: right; width: 490px; padding: 0px 15px 0 15px;  color: #333; }
#footer { width: 100%; 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;}.contentbar1 ul { margin-bottom: 38px; list-style-position: outside;	font: normal 110%/1.3em Verdana, Helvetica, Arial, sans-serif;}
.teaser li { margin-bottom: 1em;  }
/*    contentbar1 aussehen ende  */
/*    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          */.focol1 { width: 286px; float: left; }.focol2 { width: 286px; float: left; }.focol3 { width: 288px; 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;	}