/*
PX -> EM
10px = 0.63em
11px = 0.69em
12px = 0.76em
13px = 0.81em
14px = 0.88em
15px = 0.94em
16px = 1.0em
17px = 1.06em
18px = 1.13em
19px = 1.19em
20px = 1.25em
21px = 1.31em
22px = 1.38em
23px = 1.44em
24px = 1.5em
25px = 1.56em
26px = 1.63em
27px = 1.69em
28px = 1.75em
29px = 1.81em
30px = 1.88em
Tipp: body { font-size: 100.01%; }
*/

*{padding:0; margin:0;}

body {
	background: #FFFFFF url(../images/matrix.jpg) repeat-x;	
    font-family: verdana,tahoma,arial,sans-serif;
    font-size: 80%;
    }
    
img {
    border:0px
    } 

textarea {
  font: 100% Monaco, "Arial", Courier, monospace;
  border: 1px solid #8cacbb;
  color: Black;
  background: White url(../../images/textarea.gif) repeat;
}

input {
  visibility: visible;
  border: 1px solid #8cacbb;
  color: Black;
  vertical-align: middle;
  background: White url(../../images/input.gif) repeat-x;
}


/* ########## I M A G E  P R E L O A D ########## */

#preload {
display: none
}
#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}


/* ########## F R A M E ########## */

#frame {
    width:630px;
	height:1200px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
    }

#frame h1 {
	font-size:20px;
	color:#990000;
	font-weight:bold ;
	margin: 0 0 0 0
	}

#frame h2 {
	font-size:14px;
	color:#990000;
	font-weight:bold;
	margin: 0 0 0 0
	}
	
#frame a,
#frame a:link,
#frame a:active,
#frame a:visited  {
	text-decoration:underline;
	color:#990000;
	}

#frame a:hover {
	text-decoration:underline;
	color:#d42222;
	}

#frame .disclaimer {
	position:absolute;
	padding: 0px 0px 0px 27px;
	left:20px;
	top:452px;
	width:160px;
	height:50px;
	text-align:left;
	font-size:75%;
	z-index:2;
	}

/* ########## K O N T A K T F O R M U L A R ########## */

#frame .errormail {
display:block;
color:#e2e2e2;
text-align:justify;
font-weight: bold;
font-family:tahoma,Arial,Helvetica;
font-size: 120%;
border:0px dotted #9c9c9c;
background-color:#a41717;
width:100%;
padding: 10px 0px 10px 0px;
margin:  0px;
text-align: center;
}

#frame .grantedmail {
display:block;
color:#e2e2e2;
text-align:justify;
font-weight: bold;
font-family:tahoma,Arial,Helvetica;
font-size: 120%;
border:1px dotted #9c9c9c;
background-color:#3bb300;
width:100%;
vertical-align:middle;
padding: 10px 0px 10px 0px;
margin:  0px;
text-align: center;
}

#frame .formular {
width:630px;
text-align:left;
border:0px dotted #9c9c9c;
padding: 0px 0px 0px 0px;
}

#frame .formrow {
  clear: both;
  padding: 10px 0px;
}

#frame .formlabel {
  float: left;
  width: 120px;
  text-align: right;
  padding-top: 1px;
  padding-right: 20px;
}

#frame .formfield {
  float: left;
  width: 400px;
  text-align: left;
} 

#frame .formwidth_normal {
  width: 200px;
}

#frame .formwidth_wide {
  width: 350px;
}

#frame .formwidth_narrow {
  width: 110px;
}

#frame .kontaktrow {
  clear: both;
  padding: 0px 0px;
}

#frame .kontaktlabel {
  float: left;
  width: 70px;
  text-align: left;
  padding-right: 5px;
}

#frame .kontaktfield {
  float: left;
  width: 300px;
  text-align: left;
}

#frame .kontaktheading {
  float: left;
  width: 100px;
  text-align: left;
  padding-right: 5px;
}

#frame .kontaktdir {
  float: right;
  width: 200px;
  text-align: right;
}