/**********************************************************/
/* general */

table	{
  border: 0px;
}

table.nospace { 
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

td,tr { 
  margin: 0px;
  padding: 0px;
  border: 0px;
}

img { 
  border: 0px;
  margin: 0px;
  padding: 0px;
}

blockquote { 
  margin-left: 10px;
}

/**********************************************************/
/* layout */

/* height 100% needed for creating a div with 100% and overflow:scroll */
html { 
  height: 100%; 
}

/* height 100% needed for creating a div with 100% and overflow:scroll */
body {
  height: 100%; 
  min-width: 900px;
  margin: 0px !important;
  padding: 0px !important;
  color: black;
  font-size: 1em; 
  line-height: 1.3em;
  font-family: Helvetica, Arial, sans-serif; 
  background-image: url(images/marb18.jpg);
  background-repeat: repeat;
  background-attachment: fixed;	
  overflow-y: hidden;
}

br { 
  line-height: 0em !important;
}


/* background image needed again to hide the main div when scrolling.
   width 95% to have space for the scrollbar of the #main div. Otherwise
   we would overlapp and hide it, too. */
div#header { 
  position: absolute;
  top: 0px;
  left: 0px;
  height: 75px;
  width: 95%;
  min-width: 900px;
  background-image: url(images/marb18.jpg);
  z-index: 1;
}

div#innerheader { 
  margin: 20px 10px 0px 10px;
  width: 100%;
}

table.header { 
  width: 100%;
}

table.header td { 
  vertical-align: bottom;
}

td.header-left { 
  text-align: left;
  padding-left: 11px;
}
td.header-middle { 
  text-align: left;
}

td.header-right { 
  width: 100%;
  text-align: right;
}

td.header-right img { 
  padding-right: 11px;
}

td.ruler { 
}

/* background image needed again to hide the main div when scrolling */
div#footer { 
  background-image: url(images/marb18.jpg);
  clear: both;
  height: 40px !important;
  position: absolute;
  bottom: 0px;
  width: 95%;
  min-width: 900px;
  margin: 0px;
  z-index: 1;
}

div#innerfooter { 
  padding: 10px;
}

div#penguin { 
  height: 85px;
  width: 105px;
  position: absolute;
  bottom: 82px;
  left: 30px;
}

/* needs a z-index, too, just like footer and header. Otherwise
 * firefox will fail to make links in the menu div clickable, unless
 * either div#main has no "position" setting, or the main-div comes
 * earlier than the menu-div in the source code. Strange... */
div#menu { 
  width: 195px !important;
  position: absolute;
  top: 91px;
  left: 0px;
  padding-left: 29px;
  z-index: 1;
}

div.menuentry { 
  margin-bottom: 14px;
}


div#body { 
    word-wrap: break-word; 
}

/* top: 0 so that the scroll bar appears for the whole browser height.
   We use #innermain to scroll the content down below the header.
   Here we use width: 100% so that the scrollbar is at the very edge.
*/
div#main { 
  overflow: auto;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  z-index: 0;
  min-width: 930px!important;
}

div#innermain { 
  padding-right: 5%;
  margin-top: 91px;
  margin-left: 220px;
  padding-bottom: 40px;
}

div#unfloat { 
  width: 100%;
  clear: both;
}

.left { 
  float:left;
}

.right { 
  float: right;
}

.clear { 
  clear: both;
}

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

.nobr {
  white-space: nowrap;
} 

.margin { 
  margin-top: 10px !important; 
  margin-bottom: 10px !important; 
}

p.margin { 
  margin-top: 3em !important;
}

.wide { 
  width: 100%;
}

img.textruler { 
  height: 2px; 
}

table.width70 { 
  width: 70%;
}


table.cv td { 
  text-align: left;
  vertical-align: top;
  padding: 5px;
  padding-right: 20px;
}

td.foto { 
  text-align: center;
  vertical-align: top;
  padding-left: 100px;
}

div.kontakt { 
  padding-top: 5px;
  padding-left: 5px;
}

div.indent { 
  margin-left: 2ex;
}

.bold { 
  font-weight: bold;
}

img.ruler { 
  width: 100%;
  height: 2px;
}

.text-left { 
  text-align: left !important;
}

.lmu{ 
  color: #00AF00;
}
.input {
  border: 1px solid #00AF00;
}
.inputlinux {
  border: 1px solid blue;
}
.inputmon {
  border: 2px solid red;
}

textarea.input { 
  width: 100%;
}

/* spam field for email form */
tr.special, tr.special input { 
  display:none; 
  visibility: hidden;
}
.warn { 
  color: red; 
  font-weight: bold; 
}


a {
  text-decoration: none;
}  
a:link, a:visited {
  color: #00AF00; 
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #00AF00; 
  text-decoration: underline;
}

div.testsee {
  visibility: hidden !important;
  height: 0px !important;
  font-size: 0px !important;
}
div.testsee * {
  color: white !important;
}