@charset "UTF-8";
/*** CSS Document ***/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1.4em;
  line-height:1.4em;
}

/*** Text elements ***/

a, .emphi { 
  color:#ff6633;
}

/*Remove dotted border*/
a:hover, a:active, a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

.emphi {
  font-size:1.1em;
  line-height:1em;
}

.big {
  font-size:1.3em;
}

.bigger {
  font-size:1.4em;
}

#stix-to-logo { 
  position: absolute;
  left: 40px;
  top: 40px;
}

/*** Page content elements ***/
#container {
  height:auto;
  text-align:center;
  position:relative;
}

#main-content {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}

#text {
  text-align:left;
  position:relative;
  top:100px;
}

#random-pictures img {  
  display:inline-block;
  margin:-5% -3%;
}

.verysmall { 
  font-size: 0.6em;
}

hr.ruler{ 
  margin-top: 0.8em;
  margin-bottom: -0.8em;
  height: 1px;
  background-color: #222222;
}
div.after-ruler a { 
  color: #222222;
  text-decoration: none;
}

#contact-details { 
 font-size: 0.5em;
}

/*** Form elements ***/
#waiting-list {
  width:auto;
  font-size:0.6em;
}

#e-mail {
  width:20em;
  font-size:1em;
  padding-left:5px;
  padding-right:5px;
}

#in-progress { 
  padding-left: 5px;
}

#response-message { 
  font-size: 0.7em;
  margin-top: 0.4em;
}

/*** Effect elements ***/
.visible {
  visibility:visible;     
}

.hidden, .disappear {
  visibility:hidden;
}

/* Address http://microformats.org/wiki/hcard */

address {
  font-style: normal; 
}

address a { 
  text-decoration: none; color: #222222; 
}

address a:hover { 
  text-decoration: underline;  
  color: #ff6633;
}

address a.email {
/*  text-decoration: underline;*/
}

address .postal-code { display: none; }

address .tel .type { display: none; }

/*login snippet from profile.css*/

.username-heading, 
.login-text,
.logout-text { 
  color: #939393;
  font-size: 12px;
}
.username-heading-name { 
  font-weight: bold;
}

a.username-heading-name { 
  text-decoration: none;
  color: inherit;
}
a.username-heading-name:hover { 
  text-decoration: none;
  color: #ff6633;
}

.username-heading {
  margin-right: 20px;
}

.logout-text { 
  padding-right: 20px;
  background-image: url(../img/pp/logout-standard-14x16.png);
  background-repeat: no-repeat;
  background-position: top right;
}

.login-text { 
  padding-right: 20px;
  background-image: url(../img/pp/login-standard-14x16.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#top-logout-section { 
  text-decoration: none;
}

#top-logout-section:hover .logout-text { 
  color: #ff6633;
  background-image: url(../img/pp/logout-mouseover-14x16.png);
}

#top-login-section:hover .login-text { 
  color: #ff6633;
  background-image: url(../img/pp/login-mouseover-14x16.png);
}

#top-login-section { 
  position: fixed;
  top: 50px;
  right: 50px;
  text-decoration: none;
}

/*login css specific to startpage*/
#startpage-login-logout { 
  position: fixed;
  top: 50px;
  right: 50px;
}