/**
 * welcome.css
 * Author: Robert Cerny
 * Creation date: Beginning 2004
 * Last Change: 2010-03-18
 *
 * Styles for the welcome page.
 */

body {
  background-color: white;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 10px;
}

#content {
  width: 800px;
  height: 900px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: white;
}

.box {
  height: 199px;
  width: 199px;
  margin: 0;
  padding: 0;
  line-height: 15px;
  background-color: #a0a0a0;
  color: black;
  text-align: right;
  position: absolute;
}

.box:hover, .detail {
  background-color: #888;
}

.box span.title {
  font-size: 18px;
  float:left;
  color: #3b3f8f;
  padding: 10px;
  font-weight: bold;
  font-family: Georgia,Times,serif;
}

.detail {
  color: black;
  text-align: left;
}

#banner {
  position: absolute;
  top: 50px;
  left: 295px;
}

img.banner {
  border: solid 2px white;
  border-top: none;
}

#welcome-left {
  top: 50px;
  left: 200px;
}

#welcome-right {
  top: 50px;
  left: 401px;
}

#topincs
{
  position: absolute;
  top: 251px;
  left: 200px;

  text-align: right;
}

#topincs-details {
  position: absolute !important;
  top: 251px;
  left: -1px;
}

#resume {
  top: 251px;
  left: 401px;
}

#resume-details {
  top: 251px;
  left: 602px;
}

#rosegarden {
  top: 452px;
  left: 200px;
}

#rosegarden-details {
  top: 452px;
  left: -1px;
}

#cerny-js {
  top: 452px;
  left: 401px;
}

#cerny-js-details {
  top: 452px;
  left: 602px;
}

#jtm {
  top: 653px;
  left: 200px;
}

#jtm-details {
  top: 653px;
  left: -1px;
}

.box span {
  margin-top: 0;
  margin-bottom: 15px;
  display: block;
}

.box a {
  color: white;
}

.hidden {
  display: none !important;
}

#nojavascript-de, #nojavascript-en {
  text-align: center;
}

#nojavascript-de {
  position: absolute;
  top: 50px;
  left: -1px;
}

#nojavascript-en {
  position: absolute;
  top: 50px;
  left: 602px;
}

#nojavascript-de p {
  position: absolute;
  top: 60px;
}

#nojavascript-en p {
  position: absolute;
  top: 66px;
}

.warning {
  background-color: #6f5b5a !important;
  color: white !important;
  font-weight: bold !important;
}

.main {
  margin-top: 67px !important;
  padding-right: 10px;
}

.main em {
  font-weight: bold;
  font-style: normal;
}

.box {
  text-decoration: none;
}

#resume-link {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
}

p {
  margin: 10px;
  margin-bottom: 15px;
  margin-right: 0;
}

.detail p {
  margin-right: 10px;
}

p.first {
  margin-top: 7px !important;
  font-weight: bold;
}

#resume-go {
  margin-top: 15px;
  font-weight: bold;
  margin-right: 10px;
  text-align: right;
  color:white;
}

a.go:hover {
  color: #3b3f8f !important;
}

a.go {
  font-weight: bold;
}

div.footer {
  position: absolute;
  left: 401px;
  text-align: right;
  height: 50px;
}

div.footer, div.footer:hover {
  background-color: transparent;
}

#impressum {
  top: 658px;
}

a.footer {
  color: #888;
  margin-right: 10px;
}