body { 

background-image: url(http://www.germanio.de/img/bg.gif); 
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
background-color: #FFFFFF;
color: #7F7F7F;
font-size: 11px;
font-family: arial, verdana, helvetica;
text-decoration: none;
}

#g1 { position: absolute; top: 1px; left: 0px; width: 150px; height: 15px; background-color: #cccccc; border: 0px solid #D9D9D9; }

#g1_1 { position: absolute; top: 17px; left: 0px; width: 150px; height: 24px; background-color: #529CDD; border: 0px solid #D9D9D9; background-image: url(http://www.germanio.de/img/logo.gif); }

#g1_2 { position: absolute; top: 42px; left: 0px; width: 150px; height: 15px; background-color: #cccccc; border: 0px solid #D9D9D9; }

#g2 { position: absolute; top: 1px; left: 151px; width: 579px; height: 15px; background-color: #cccccc; border: 0px solid #D9D9D9; }

#g3 { position: absolute; top: 17px; left: 151px; width: 579px; height: 22px; background-color: #529CDD; border: 0px solid #2D74B3; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: center; }

#g4 { position: absolute; top: 42px; left: 151px; width: 579px; height: 15px; background-color: #cccccc; border: 0px solid #D9D9D9; }

#g5 { position: absolute; top: 58px; left: 0px; width: 150px; height: 15px; background-color: #6FA15C; border: 0px solid #487935; }

#g6 { position: absolute; top: 74px; left: 0px; width: 150px; background-color: #D9E5C6; border: 0px solid #B5C799; }

#g7 { position: absolute; top: 131px; left: 0px; width: 150px; height: 15px; background-color: #529CDD; border: 0px solid #2D74B3; }

#g8 { position: absolute; top: 147px; left: 0px; width: 150px; background-color: #B6D7F4; border: 0px solid #8DB4D6; }

#g9 { position: absolute; top: 74px; left: 151px; width: 150px; height: 15px; background-color: #8A8A8A; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;}

#g12 { position: absolute; top: 58px; left: 151px; width: 579px; height: 15px; background-color: #6FA15C; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; border: 0px solid #DEDEDE; }

#g13 { position: absolute; top: 74px; left: 151px; width: 579px; background-color: #F9F9F9; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #7F7F7F; text-decoration: none; border: 0px solid #DEDEDE; }

#g14 { position: absolute; top: 74px; left: 151px; width: 192px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g15 { position: absolute; top: 74px; left: 344px; width: 193px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g16 { position: absolute; top: 74px; left: 538; width: 192px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g17 { position: absolute; top: 175px; left: 151px; width: 192px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g18 { position: absolute; top: 175px; left: 344px; width: 193px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g19 { position: absolute; top: 175px; left: 538; width: 192px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g20 { position: absolute; top: 276px; left: 151px; width: 192px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g21 { position: absolute; top: 276px; left: 344px; width: 193px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g22 { position: absolute; top: 276px; left: 538; width: 192px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g23 { position: absolute; top: 377px; left: 151px; width: 192px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g24 { position: absolute; top: 377px; left: 344px; width: 193px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g25 { position: absolute; top: 377px; left: 538; width: 192px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g26 { position: absolute; top: 478px; left: 151px; width: 192px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g27 { position: absolute; top: 478px; left: 344px; width: 193px; height: 100px; background-color: #FFFFFF; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g28 { position: absolute; top: 478px; left: 538; width: 192px; height: 100px; background-color: #F9F9F9; color: #7F7F7F; border: 1px solid #DEDEDE; }

#g29 { position: absolute; top: 578px; left: 151; width: 579px; height: 1px; background-color: #FFFFFF; }

.g_1 { padding-top: 1px; padding-bottom: 1px; }

.g_2 { padding-left: 3px; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

.g_3 { padding-left: 3px; height: 15px; background-color: #8A8A8A; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;}

.g_4 { padding-left: 3px; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; }

.g_5 { padding-left: 3px; font-family: arial, verdana, helvetica; font-size: 11px; font-weight: normal; color: #7F7F7F; text-decoration: none; }

.g_6 { padding-left: 3px; font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #50813D; } 

.g_7 { padding-left: 3px; font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #3670A3; } 

table { width: 579px; font-family : arial, verdana, helvetica; background-color: #FFFFFF; font-size : 11px; font-weight : normal; text-decoration : none; color : #7F7F7F; border: 1px solid #DEDEDE; }

input.g_2 { font-family: arial, verdana, helvetica; font-weight: normal; width: 200px; font-size: 11px; color: #7F7F7F; }

input.g_3 { height: 19px; width: 35px; cursor: hand; font-size: 11px; font-family: arial, verdana, helvetica; background-color: #CCCCCC; color: #FFFFFF; border: solid 1px #ffffff; font-weight: normal; }

input.g_4 { height: 19px; width: 250px; font-size: 11px; font-family: arial, verdana, helvetica; color: #7F7F7F; font-weight: normal; }

.text { font-family: arial, verdana, helvetica; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; }

.text2 { font-family: arial, verdana, helvetica; font-size: 11px; font-weight: normal; color: #7F7F7F; text-decoration: none; }

.textb { font-family: arial, verdana, helvetica; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

select { font-family: arial, verdana, helvetica; font-size: 11px; font-weight: normal; color: #7F7F7F; }

form { display:inline; }

a:link {color: #FFFFFF; font-family: arial, verdana, helvetica; font-size: 11px; font-weight : normal; text-decoration: underline }
a:visited { color: #FFFFFF; font-family: arial, verdana, helvetica; font-size: 11px; font-weight : normal; text-decoration: underline } 
a:hover { color: #FFFFFF; font-family: arial, verdana, helvetica; font-size: 11px; font-weight : normal; text-decoration: underline; }
a:active { color: #FFFFFF; font-family: arial, verdana, helvetica; font-size: 11px; font-weight : normal; text-decoration: underline } 

a.r1:link { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 
a.r1:visited { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 
a.r1:hover { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 
a.r1:active { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 

a.r2:link { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : bold; text-decoration : underline; color : #7F7F7F; } 
a.r2:visited { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : bold; text-decoration : underline; color : #7F7F7F; } 
a.r2:hover { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : bold; text-decoration : underline; color : #7F7F7F; } 
a.r2:active { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : bold; text-decoration : underline; color : #7F7F7F; } 

a.r3:link { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 
a.r3:visited { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 
a.r3:hover { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 
a.r3:active { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : underline; color : #7F7F7F; } 

a.r4:link { cursor: text; font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #A6A4A4; } 
a.r4:visited { cursor: text; font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #A6A4A4; } 
a.r4:hover { cursor: text; font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #A6A4A4; } 
a.r4:active { cursor: text; font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #A6A4A4; } 

a.green:link { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #5F924C; } 
a.green:visited { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #5F924C; } 
a.green:hover { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #5F924C; } 
a.green:active { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #5F924C; } 

a.blue:link { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #3670A3; } 
a.blue:visited { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #3670A3; } 
a.blue:hover { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #3670A3; } 
a.blue:active { font-family : arial, verdana, helvetica; font-size : 11px; font-weight : normal; text-decoration : none; color : #3670A3; } 

#nav {
 text-align: center;
 padding-bottom: 5px;
}
.hinweis em {
 font-style: normal;
 color: green;
 font-size: 120%;
}
/* Formular */
.formular {
 border: 0px;
}
.formular td {
 padding-bottom: 10px;
 font-weight: normal;
 font-size: 11px;
}
.formular input.text, select.select {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #cacaca;
 border-bottom: 1px solid #cacaca; 
 width: 250px;
}
textarea.textarea {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #cacaca;
 border-bottom: 1px solid #cacaca; 
 width: 250px;
 height: 80px;
 font-size: 11px; font-family: arial, verdana, helvetica; color: #7F7F7F; font-weight: normal;
}
.formular input.checkbox {
 width: 15px;
}
.formular input.button {
 width: 100px;
}
.formular td.help {
 width: 150px;
}
/* Hilfe */
#message {

}
#message span.warn, .hinweis span.warn {
 color: blue;
}
#message span.hint {
 color: green;
}