/**************************************/
/* font */

@font-face{ 
	font-family: 'OpenSans';
	src: url('font/OpenSans-Regular.ttf');
}

/* do not add padding to the size of a box */
* {box-sizing: border-box;}

/* no dashed lines around clicked links */
a {outline: 0; text-decoration:none;}
a.legalLink {color:#000000;}
a.legalLink:hover {color:#ffffff;}
/**************************************/
/* general */

html
{
  /* font-family: 'OpenSans'; */
  font-family: 'OpenSans';
  /* font-family: Helvetica, Arial, sans-serif; */
  font-size: 100%;
  font-weight: normal;
  font-variant: normal;
  font-style: normal;
}

/* tables inherit, please */

table
{
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
}

/**************************************/

@media screen
{
  body
  {
    /* position: relative; */
    margin: 0;
    overflow-y: scroll;
    width: 60em;
    height:100%;
    margin-top: 1.5ex;
    margin-bottom: 1.5ex;
    margin-left: auto;
    margin-right: auto;
    /* background-color: #f7c784; */
    /* background-color: #0b0b61; */
    background-image: url("media/Gray.jpg");
}
}

#wrapper{min-height:100%; position:relative;}

/* #header{background-color: #ffffff; position:fixed; width: 60em; height: 5em; top: 0; }*/
#header{ background-image: url("media/banner.png"); background-size: 60em; position:fixed; width: 60em; height: 5em; top: 0; }
/* #header{ background-color: #770000; position:fixed; width: 60em; height: 5em; top: 0; } */
#headerwrapper{position:relative; font-size: 160%; font-weight:bold; color: #000000; text-align:left; padding-left: 0.88em;  padding-top: 8px;}
/* #headerwrapper{font-size: 160%; font-weight:bold; text-align:left; padding-left: 0.88em;  padding-top: 8px;} */
#headerwrapper2l{font-size: 100%; font-weight:bold; color: #000000; text-align:left; float:left; padding-left: 1.52em;  padding-top: 5px;}
#headerwrapper2r{font-size: 100%; font-weight:bold; color: #000000; text-align:right; padding-right: 1.52em;  padding-top: 5px;}
/* #headerwrapper2{font-size: 100%; font-weight:bold; text-align:left; padding-left: 1.52em;  padding-top: 5px;} */

a.ttlink {color: #000000;}
a.ttlink:visited {color: #000000;}

#horline1{ background-color: #aaaaaa; position: fixed; width:60em; height: 0.1em; top: 4.9em; }

#nav{ background-color: #ffffff; position: fixed; width: 60em; height: 2em; top: 5.0em; }
#nav-wrapper{ margin: 0; text-align: left; }
#nav ul{ list-style-type: none; padding: 0; margin: 0; }
#nav ul li{ display: inline-block; }
#nav ul li a:hover{ color: #aa0000; }
#nav ul li a.activePage{ color: #aa0000; }
#nav ul li a,visited{ color: #000000; display: block; padding-left:1.5em; padding-top: 0.3em; padding-bottom: 0em; text-decoration: none; }

#horline2{ background-color: #aaaaaa; position: fixed; width:60em; height: 0.1em; top: 7.0em; }

#content{ background-color: #FFF; text-align: left; padding-left:1.5em; padding-right:1.5em; padding-bottom:2.3em; padding-top:0.4em; margin: 7.0em 0 0 0; }

#horlinefooter{ background-color: #111; width:60em; height: 0.1em;}
#footer{ background-color:#aaaaaa; width:60em; height:2.2em; position:absolute;}
#footerwrapper{font-size: 80%; text-align:right; padding-left:1.5em; padding-right: 1.5em;  padding-top: 8px;}

.eMail:after{content: " :liaMe"}
.eMail {color: #000066; direction: rtl; unicode-bidi: bidi-override; margin-bottom: 0.4em;}

.divider{ background-color: #aaaaaa; width: 40%; height: 1px; margin-top: 1.5em; margin-bottom: 1.5em;}
.dividerfull{ clear:right; background-color: #aaaaaa; width: 100%; height: 1px; margin-top: 1.5em; margin-bottom: 1.5em;}

.eMail:after{content: " :liaMe"}
.eMail {color: #000066; direction: rtl; unicode-bidi: bidi-override; margin-bottom: 0.4em;}

.maintextpicture { width: 57em;}

a.ulink{ color: #0000cc; font-size: 100%; font-weight: normal;}
a.ulink:hover{ color: #cc0000; font-size: 100%; font-weight: normal;}

li.seplist:not(:last-child) {margin-bottom: 6px;}

a.textLink { color: #0000cc; font-weight: normal; font-size:100%; margin-bottom: 0.1em;}
a.textLink:hover { color: #cc0000;}

.swingoutList {width: 56em; margin:0;}
.swingoutList a {color: #222222;}
.swingoutList a.tL {color: #0000cc;}
.swingoutList a.tL:hover {color: #cc0000;}
.swingoutList a.tL:before {content: "↗";}
.swingoutList a.imglink:before {content: "";}
.swingoutList a:hover {color: #cc0000;}
.swingoutList a:before {content: "↗ ";}
.swingoutList p {padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0.4em; margin-bottom:0.6em; margin-left:2em;}

.swingoutpicture {width:55em; margin-left:2em;}