/* General styles */

body {
   margin: 0px;
   padding-top: 120px;
   /*padding-left: 300px;*/
   /*padding-right: 20%;*/
   background-color: #555555;
   height: 100%;
   width: 100%;
   font-size: 140%;
   background-image: url('images/background.png');
   color: black;
}

img {
   border: 0px;
}

a {
   text-decoration: none;
   font-family: serif;
   font-weight: bold;
   color: black;
   border: 0px;
}

a:hover {
  /* color: navy;*/

}

/* Class specific */
div.fullwidth {
   width: 100%;
   margin-left: auto;
   margin-right:auto;
   padding: 0px;
   display: block;
   border: 0px solid black;
}

div.languages {
   position: relative;
   top: -35px;
   width: 800px;
   
   margin-left: auto;
   margin-right:auto;
   padding: 0px;
   display: block;
   border: 0px solid black;
   
}

div.rightfloat {
   float: right;
}

div.leftfloat {
   float: left;
}

div.toplogo {

   background-image: url('images/keys.jpg');
   background-position:center;
   position: absolute;
   left: 0px;
   height: 120px;
   top: 0px;
   width: 100%;
   border-bottom: 2px solid white;
   z-index: 1;
}

img.centered {
   display: block;
   margin-right: auto;
   margin-left: auto;
   margin-top: 5px;
   border: 0px solid black;
}

div.centered {
   display: block;
   width: 600px;
   margin-right: auto;
   margin-left: auto;
   border: 0px solid black;
}

p.error {
   color: red;
}

p.message {
   font-weight: bold;
}


div.menutree {
   position: absolute;
   padding-top: 40px;
   padding-left: 25px;
   padding-right: 25px;
   
   left: 0px;
   top: 120px;

   height: 200%;
   border-right: 2px solid white;
   background: black;
}

a.menulink {
   text-shadow: 1px;
   color: #e39a1b;
   display: block;
   margin-left: 20px;

}
a.menulink:hover {
   text-shadow: 1px solid black;
   color: white;
   display: block;
   margin-left: 20px;

}
a.menulinkactive {
   display: block;
   color: #e39a1b;
   margin-left: 20px;
   font-style: italic;
}

a.sublink {
   color: white;
   display: block;
   margin-left: 40px;
   font-size: 80%;
}

a.sublink:hover {
   color: white;
   display: block;
   margin-left: 40px;
   font-size: 80%;
}

a.sublinkactive {
   color: white;
   display: block;
   margin-left: 40px;
   font-size: 80%;
   font-style: italic;
}

a.minilink {
   display: inline;
   margin-left: 20px;
   font-size: 50%;
   color: white;
}



div.bottom {
   position: absolute;
   bottom: 5px;
   display: block;
   text-align: center;
   width: 270px;
   left: 0px;
   border: 0px solid green;
}

div.contents{
   width: 70%;
   padding-top: 15px;
   margin-left: 300px;
}



/* Businesscards */

div.businesscard1 {
   background-color: white;
   border: 2px solid black;
   display: block;
   width: 350px;
   height: 132px;
   padding: 0px;
   float: right;
   margin-bottom: 15px;
   font-size: 50%;
   overflow: hidden;
}

div.businesscard2 {
   background-color: white;
   border: 2px solid black;
   display: block;
   width: 350px;
   height: 132px;
   padding: 0px;
   margin-bottom: 15px;
   font-size: 50%;
   overflow: hidden;
}

img.businesscard {
   margin: 2px;
   padding: 0px;
   float: left;
}

p.article_page_body {
   margin: 2px;
   padding: 0px;
   
}

p.article_page_body img {
   margin: 2px;
}

div.copyright {
   position: absolute;
   right: 0px;
   top: 0px;

   font-size: 12px;
   color: white;
   font-weight:bold;
    z-index: 3;
    text-align: right;
}

div.copyright2 {
   position: absolute;
   right: -2px;
   top: 2px;

   font-size: 12px;
   color: black;
   font-weight:bold;
   z-index: 2;
   text-align: right;
}

div.website {
   color: white;

   position: absolute;
   bottom: 25px;
   display: block;
   text-align: center;
   width: 270px;
   left: 0px;
   border: 0px solid green;
}

textarea {
   width: 80ex;
   height: 20em;
}