body{
background-color:#000000;
text-align:center;
margin:0;
padding:0;
border:0;
border-collapse:collapse;
height:auto;
min-height:100% !important;
min-width:40em;
overflow:auto;
display:block;
}

.main{
background:#FFD700;
min-width:899px;
max-width:900px;
width:99%;
height:99% auto;
color:#ffffff;
margin:0 auto;
margin-top:0px;
margin-bottom:0px !important;
padding:0;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
}

#header{background:#000000 url(pics/banner.jpg) top left no-repeat;
height:150px;
overflow:visible;
text-align:left;
margin:0;
padding-left:7px !important;
padding-left:0;
font-size:65%;
letter-spacing:3px;
white-space:nowrap;}

/*Menü im Kopfbereich - z.Z. deaktiviert*/
a:link.head, a:visited.head{
color:#ffffff;
font-size:100%;
text-decoration:none;}

a:hover.head{
color:#ffffff;
text-decoration: underline;
}

#infolayer{
background-color:#FFD700;
margin:0!important;
margin-bottom:-25px;
padding:0;
overflow:visible;
}

#textlayer{
position:relative;
width:730px;
background-color:#666666;
background-image:url(pics/bg.gif);
background-repeat:repeat-y;
background-position:left;
border-right:1px solid #000000;
float:left;
margin:0;
padding:0;
}

#textlayer-bg{
position:relative;
background-image: url(pics/kaefer-menu.jpg);
background-position: bottom left;
background-repeat: no-repeat;
overflow: visible;
}

/* Seiteninhalt */
#text{
width:550px !important;
width:560px;
background-color:#666666;
float:right;
font-size:80%;
margin:0;
padding:40px 10px 35px 0;
text-align:justify;
letter-spacing:0;
}

#buttons{
float:left;
width:150px !important;
width:160px;
margin:0;
padding:40px 5px 5px 5px;
text-align:left;
font-size:80%;
}

#infobox{
width:auto;
margin:0;
padding:40px 5px 0 0;
font-size:90%;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:right;
font-size:80%;
}

#feet{
clear:both;
margin:0px 0 0px 0 !important;
margin:0px -4px 0px -4px;
padding:0;
background-color:#000000;
font-size:70%;
color:#CACACA;
text-align:center;
}

/* linke Textspalte */
.spalte{
float:left;
width:265px;
margin:0;
padding:0;
margin-right:5px;
}

/* rechte Textspalte */
.spalte-r{
float:right;
width:265px;
margin:0px;
padding:0;
margin-left:5px;
}

/*Menü-Leiste links*/
a:link.menu, a:visited.menu, a:hover.menu{
display:block;
border:solid 2px #033585;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10pt;
text-align:left;
white-space:nowrap;
}

a:link.menu{
padding:0px 5px 0 10px;
color:#ffffff;
}

a:visited.menu{
padding:0px 5px 0 10px;
border:solid 2px #033585;
color:#ffffff;
}

a:hover.menu{
background-color:#E5EFFF;
border:inset 2px #ffffff;
padding:0px 5px 0 10px;
color:#033585;
}

a:link.maincat, a:visited.maincat, a:hover.maincat{
display:inline;
color:#ffffff;
font-weight:bold;
font-family:Verdana, Helvetica, sans-serif;
font-size:100%;
text-decoration:none;
}

a:hover.maincat{
color:#b4b4b4;
}

/*Menü-Leiste rechts*/
#button2{
background-color:#FFD700;
margin:0 0 25px 0px;
margin-left:735px;
padding:0;
text-align:left;
}

a:link.menu2, a:visited.menu2, a:hover.menu2{
display:block;
border:solid 2px #FFD700;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10pt;
text-align:left;
white-space:nowrap;
}

a:link.menu2{
padding:0px 5px 0 10px;
color:#000000;
}

a:visited.menu2{
padding:0px 5px 0 10px;
border:solid 2px #FFD700;
color:#000000;
}

a:hover.menu2{
background-color:#FFF9D7;
border:inset 2px #ffffff;
padding:0px 5px 0 10px;
color:#000000;
}


/*Text-Links im Seiteninhalt*/
a:link.anker{
color:#ffffff;
text-decoration:underline;
}

a:visited.anker{
color:#C5C5C5;
text-decoration:underline;
}

a:hover.anker{
color:#FFD700;
text-decoration:none;
}

a:link.gaebu{
color:#666666;
text-decoration:underline;
font-size:10pt;
}

a:visited.gaebu{
color:#C5C5C5;
text-decoration:underline;
font-size:10pt;
}

a:hover.gaebu{
color:#FFD700;
text-decoration:none;
font-size:10pt;
}

/* Menü im Fußbereich - z.Z. deaktiviert */
a:link.feet, a:visited.feet, a:hover.feet{
text-decoration:none;
color:#CACACA;
white-space:nowrap;
}

/* Aufzählungen */
.ul{
display:inline;
margin:0px;
padding:0px;;
}

.li{
display:inline;
list-style:none;
margin:0;
margin-left:-40px;
padding:0;
border:0;
}

/* horizontale Trennlinie */
hr{
color:#b4b4b4;
height:1px;
margin:13px 0 7px 0 !important;
margin:8px 0 0 0;
width:99%;
}

/* Bilder, neben denen rechts noch Text stehen kann */
.pics{
float:left;
margin:0;
}

/*Layout Mailformular*/
.mail{
background-color:#939393;
border-top:1px solid #3E3E3E;
border-left:1px solid #3E3E3E;
border-right:1px solid #EDEDED;
border-bottom:1px solid #EDEDED;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
}

.mail-text{
width:100%;
background-color:#939393;
background-image:url(pics/bg-relief.jpg);
background-position:right;
background-repeat:no-repeat;
border-top:1px solid #3E3E3E;
border-left:1px solid #3E3E3E;
border-right:1px solid #EDEDED;
border-bottom:1px solid #EDEDED;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
overflow:auto;
}

.bg-gaebu{
background-image:url(http://technik-kinder.de/pics/bg-gaebu.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#ffffff;
color:#666666;
}

.breite-gaebu{
position:relative;
width:375px;
max-width:374px !important;
padding:0;
margin:0;
overflow:hidden;
}

/*Absatz-Formatierung mit 1. Buchstaben größer*/
p{margin-bottom:30px;}
p:first-letter{
margin:0;
padding:0;
font-family:Verdana,Geneva, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:200%;
color:#ffffff;
}

/*Bilderrahemen*/
.img{
border-top:1px solid #3E3E3E;
border-left:1px solid #3E3E3E;
border-right:1px solid #EDEDED;
border-bottom:1px solid #EDEDED;
}

.l{float:left;margin-right:25px}

/*diverses*/
.hr{width:25%;text-align:center;}
.clear{clear:both;} /* Umfließungen stoppen */
.left{float:left;} /* dieses Objekt rechts umfließen */
.right{float:right;} /* dieses Objekt links umfließen */
.center{text-align:center;} /* Objekt zentrieren */

/*Abstandshalter unterschiedlicher Höhe*/
.eins{height:15px;}
.zwei{height:30px;}
.zehn{height:103px;}

/*kleine Schrift*/
.small{font-size:85%;color:#000000}
.klein{font-size:7pt;color:#000000}

/*Überschrift 1. Ordnung*/
h1{
display:inline;
color:#3E3E3E;
font-family:Arial, Helvetica, sans-serif;
font-size:175%;
font-weight:lighter;
letter-spacing:-1px;}

/*Überschrift 2. Ordnung*/
h2{
display:inline;
color:#ffffff;
font-weight:bold;
font-family:Verdana, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
}

/*Überschriften 2. Ordnung Farbwechsel*/
h2.gelb{color:#FFD700;}
h2.grau{color:#3E3E3E;}
h2.black{color:#000000;}

/*Überschriften 3. Ordnung*/
h3{
display:inline;
color:#3E3E3E;
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
font-weight:bold;
}

/*Tabellenformation*/

.links{text-align:left;font-size:16px;color:#c0c0c0;font-weight:bold;padding-left:0px;vertical-align:top}
.rechts{text-align:right;font-size:16px;color:#c0c0c0;font-weight:bold;padding-left:0px;vertical-align:top}
.mitte{text-align:center;font-size:16px;color:#ffffff;font-weight:bold;}

a.green, a:link.green, a:hover.green{font-size:16px;color:#80ff00;text-decoration:underline;}
a:hover.green{text-decoration:none;}