body, input, textarea {
     font-family: 'Open Sans', sans-serif;
}     

blockquote {
      font-family: Georgia, serif;
}

#main {
     margin-left: auto; /*fred*/
     margin-right: auto;/*fred*/
  position: relative;
/*fred  margin: 0; */
  padding: 0;
  width: 920px;
  border-top: 1px solid lightgrey;
  border-right: 1px solid Gainsboro;
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;/*fred*/
}

#contmenubar {
/*  width : 500px;*/
margin-top : 10px;
height : 20px;
margin-left : 30px;
!!  border : 1px solid red;
}

#contmenu {
 float : left;
 width : 130px;
/*  margin-top : -175px;*/
 margin-top : 50px;
!!  border : 1px solid red;
}


#menu {float:left;font-size: 14px;font-weight: bold;}
#menu ul ul {display: none; position: absolute; left: 130px; top: 0px; margin: 0px; padding: 0px;}
#menu ul.niveau1 {margin:0px; padding: 0px;}
#menu li {list-style-type: none; position: relative; width: 130px;background-color: #edf3f5;}
#menu li:hover {background-color: #a8cfdb;}
#menu li:hover ul.niveau2, #menu li li:hover ul.niveau3 {display: block}

/*div#menu li a {*/
div#menu li {	
  display: block;
!!  font-weight: bold;
!!  font-size : 12px;
  text-decoration: none;
  padding: 7px 5px 7px 5px;
!!  border-top: 1px solid ;
}

#menubar {float:left;font-size: 14px;font-weight: bold;}
#menubar ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
#menubar ul.niveau1 {margin:0px; padding: 0px;}
#menubar ul.niveau2 {left: 0px; top: 17px;}
#menubar ul.niveau3 {left: 130px; top: -1px;}
#menubar ul.niveau2 li , ul.niveau3 li {width:250px;}
#menubar li {min-height:25px;list-style-type: none; position: relative; width: 120px; background-color: #edf3f5;margin:0px; padding-left: 5px; border: 1px solid none;}
#menubar li:hover {background-color: #a8cfdb;}
#menubar li:hover ul.niveau2, #menubar li li:hover ul.niveau3 {display: block;}

A:link {color: #5d8ba2;text-decoration: none;}
A:active {color : #002963;text-decoration: none;}
A:visited {color: #5d8ba2;text-decoration: none;}
A:hover {color: #002963; text-decoration: none; font-weight: bold;}

table {
 border-collapse: collapse;
}

caption {
 padding: 3px 5px 5px 5px;
 font-weight: bold;
}

td,th {
!! font-size: .8em;
 border: 1px solid;
 padding: 3px 5px 2px 5px;
}

ul {
 list-style-type: none;
 line-height: 1.3em;
}

ul ul {
 list-style-type: none;
 line-height: 1.5em;
}


.photo {
 float: left;
 width: 160px;
}


.top {
  margin-left: 140px;
  margin-top: 50px;
  font-size: xx-large;
!!  font-family:  Times New Roman, Times, serif;
  font-family: 'Open Sans', sans-serif;
!!  font-style: italic;
  font-weight: bold;
  text-align: left;
  color: #002963;
  float : left;
}

.topg {
 float : left;
!!   margin-top: 15px;
!!   margin-left: 5px;
   margin-top: 20px;
   margin-left: 25px;
   margin-right: 15px;
}

.topr {
 float : right;
   margin-top: 15px;
   margin-right: 50px;
}

#top {
  position: relative;
/*  width : 650px;*/
  height : 130px;
!!  border : 1px solid red;
}

#central {
 margin-left:140px;
 margin-right:15px;
 margin-top:15px;
 padding:5px;
 min-height: 450px;
/* width : 500px;*/
!! border : 1px solid red;
!!border-left: 1px solid #a8cfdb;
}

#central h2,h3 {
  color: #002963;
}

p {
  text-align: justify;
}


#foot {
  position: relative;
  height : 20px;
!!  border : 1px solid red;
  font-size : small;
  text-align: center;
  padding : 3px;
  margin-top: 3px;
  margin-left: 10px;
  margin-right: 10px;
!!  border-top : 1px solid #cc3366;
border-top : 1px solid #a8cfdb;
}

.clearer {
  clear: both;
}

.liste {
  font-size: small;
  font-family:  Times New Roman, Times, serif;
  color: #002963;
}

.col  {
 float:left;
 text-align :left;
 font-family:  Times New Roman, Times, serif;
/* display: inline-block;*/
/* vertical-align: top;*/
 margin-top: 5pt;
 width: 49%;
 padding-left: 2px;
!! border: 1px solid blue;
}


#subForm .label {
        float: left;
!        clear: left;
        width: 145px;
        margin-right: 10px;
        text-align: right;
        font-weight: bold;
/* border: 1px solid blue;*/
}

input.refer {
!       width: 300px;
        background-color: #FBEF99;
        font-family:"Lucida Console", Monaco, monospace;
        font-size: .9em;
        margin-top: -2px;
/* border: 1px solid blue;*/
}

input.refer:focus,
select.refer:focus
{
        background-color: #FDD041;
}

button.subscribe {
        margin-left: 100px;
/*        background-color: #CBD893;*/
        font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

.note {
!       font-size: .85em;
!       color:#294e56;
!       margin: 0 100px;
        padding: 5px;
        border: 1px solid #73afb7;
/*        background-color: #CBD893;*/
}

.note H2 {
          color: #002963;
}

.prog ul {
   text-decoration: none;
   text-indent : -35pt;
   margin-left :30pt;
}

div.noborder  table td {
 border: none;
}

.defil {
	background-color:#ffffff; 
	border: 1px solid white; 
	font-weight:bold; 
	font-variant: small-caps; color:#5d8ba2; 
	height:10px; width:500px; 
	text-align:justify;
	padding: 15px;
}

div.detail {
    z-index:            3;
    position:           absolute;
    visibility:         hidden;
    padding:            5pt;
    top:                -35px;
    left:               30px !important;
    left:               15px;
    width:              350px;
    border:             2px solid #002963;
!!    background-color:   #a8cfdb;
    background-color:   #edf3f5;
    font-size:          12px;
    !    font-family:        font_family_fixed; 
    }

#accordion .ui-accordion-header.ui-state-active { 
 background-color: #edf3f5;
 color: black; 
 border-left: 1px solid #a8cfdb;
 border-right: 1px solid #a8cfdb;
 border-top: 1px solid #a8cfdb;
 border-bottom: 1px solid #a8cfdb;
}