* {  margin: 0; padding: 0;  }
html { font-size: 100%; /* ie hack */ }
body { margin:0 auto;
        text-align:center;
        padding:4px 0 0 0;
        color:#000000;
        font-size: 0.8em;
        font-family: Verdana, sans-serif;
        background:#003367 url(img/bg-body.png) repeat-x fixed;
        }
table { font-size: 100%; /* ie hack */ }


/* basics  */
strong    { font-weight: bold; color:  #000099;}
h1, h2, h3, h4, h5    { color: #000099; font-family: Verdana, Lucida, sans-serif;
                        line-height: 1.4em;  margin-bottom: 0.5em; }
h1 { font-size: 3em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
p,cite,code,ul {  margin-bottom: 0.6em; line-height:1.3em; }
ul, ol {   margin: 12px 0 12px 18px; }
li {  line-height:1.3em;  margin-left: 18px; padding-left: 5px; }

/* links */
a, a:linl, a:visited { color: #00f; text-decoration: underline;    }
a:link img { text-decoration: none; border:none; }
a:hover, .footer a:hover { color: #f00;   }


.bgwhite { background-color:#FFF; }
.smaller { font-size: 0.7em; }
.nw { white-space:nowrap;}


/* main settings */
.wBrutto { width:760px;}
.wNetto  { width:720px;}
img.fl, .fl     { float: left; margin-right: 10px; }
img.fr, .fr     { float: right; margin-left: 10px; }

/* Horizontal Navigation  */
#topnavbar {  float:left; margin: 0; padding: 0 20px;  text-align: center;
              background-color: #FFF; /* #FFD200; */
              border-top: 2px dotted #FFD200; border-bottom: 2px dotted #FFD200;}
#topnavbar ul    { margin: 0; padding: 0;     list-style: none !important; text-align: center;   }
#topnavbar ul li { float:left; margin: 0; padding: 0 3px; list-style: none !important;}
#topnavbar a   { display:block;  padding:  2px 5px; font-style: normal; font-family: Verdana, sans-serif;
}
#topnavbar a:link, #topnavbar a:visited { color: #000099; text-decoration: none;
                    border-bottom: 1px solid #FFF;  border-top:none; }
#topnavbar a:hover { color: #000;  background-color: #FFD200; text-decoration: none;
                     border-bottom:none;   border-top:1px solid #FFD200;}

.places a:link, .places a:visited,
.navlinks a:link, .navlinks a:visited {  border-bottom: 1px solid #FFF;  border-top: none; }
.places a:hover, .navlinks a:hover
     { color: #F00;  background-color: #EEDD82; border-bottom:none; border-top:1px solid #FFF;}


/* page frame holding all */
#frame { background: white url(img/bg-top.png) top center no-repeat; padding:3px 0 0 0; margin:0 auto;}


/* header */
#header { margin: 0; padding: 0;  line-height: 1em; }
#header a { text-decoration: none; }
#header h1, #header h2 { color: #000099; padding: 0;  text-align:left; }
#header h1 { font-size: 2.6em; line-height: 1.4em;  margin: 0 0 0 0;   }
#header h2 { font-size: 2em;   line-height: 1.1em;  margin: 0 0 0.2em 0 ;   }
#header img.key  { border: none; margin: 5px 10px; padding:0; float:left; }
#header img.logo { border: none; margin: 5px 0 0 0;}

/* language flags in header */
#languagebox { float: right;  margin: 15px 20px 0 0; width: 22px; }
#languagebox img { border: none; margin:0 0 3px 0; padding:0; float: right; clear:right;}

/* Content block */
#content { text-align: left; clear: both; margin: 0; padding: 10px 20px; }
#content p { text-align:justify; }

/* links in list headlines */

.serviceslist h4 a       { text-decoration:none; color: #000099;}
.serviceslist h4 a:hover { text-decoration:none; color: #ff0000;}

ul.serviceslist,  ul.serviceslist li { list-style: none; margin-left:0; }
ul.serviceslist    { padding-left: 5px; }
ul.serviceslist li { padding-left: 20px; background: url(img/tick-thin.gif) no-repeat top left; }

/* columns in header block */
.firstcolumn, .column {  width: 350px; }
.firstcolumn { float: left;  clear:both;  /* padding-left:  20px; */ }
.column      { float: right; clear:right; /* padding-right: 20px; */ }
.firstcolumn h4, .column h4 { margin-bottom: 0.2em;  }
.firstcolumn ul, .column ul { margin-top: 0;  }

/* footer with addresses and logo pic */
#address { margin: 0; padding: 10px 20px 0 20px;
            border-top: 2px dotted #FFD200;  border-bottom: 2px dotted #FFD200; }
#address div, #address div p { text-align:center; }
#address img { margin-top: 5px; border:none }
.cols3first, .cols3 { width: 260px;  margin: 0; }
.cols3first  { float: left; }
.cols3middle { width: 150px; margin-left: 285px;}
.cols3       { float: right;  }

/* footer with copyright */
#footer   { text-align:center; margin: 0 auto 1em auto; padding: 10px 20px;
            background: white url(img/bg-bottom.png) bottom no-repeat;     }
#footer p { text-align:center; font-size:smaller; color:#000099; }

/* others */
.tc   { text-align:center; margin: 0 auto;}
.tc2  { text-align:center !important;}
.tl   { text-align:left; }
.tr   { text-align:right; }
.advantageslist {  text-align:left; margin: 20px 20px; padding-left: 20px; }
.advantageslist li {  margin-bottom: 10px; margin-left: 20px; padding-left: 0;}
.bo1  { border: 1px solid #FF0000;}
.bo3  { border: 3px solid #FF0000;}
.bo1b { border: 1px solid #000;}
.pa20 { padding: 0 20px; }
.pa20v { padding: 20px 0; }
.w760 { width:760px;}
.sup { vertical-align: super; }
.hr { height: 1px; border-top: 2px dotted #000099; clear:both; margin-top: 10px; line-height:1px;}
.cb { clear: both; }
.boxl { width: 130px; float: left;  }
.map { text-align:center; margin: 10px 0 0 0;}
.map img { border:1px solid #000; }

.makeappointment { text-align:center !important; font-weight:bold; padding: 20px 0; }
.makeappointment img { border:none; vertical-align:top; }