* {
margin: 0;
padding: 0;
}
body {
padding: 1% 0;
font-family:Verdana, Arial, sans-serif;
font-size: 85%;
color: #333;
background-color: white;
}


/* UEBERSCHRIFTEN */

h1 {
font-family:'Trebuchet MS', Verdana, Georgia;
font-style:normal;
letter-spacing:3pt;
font-size:120%;
color:#666;
text-align:left;
margin-left:10px;
}

h2 {
font-size:115%;
letter-spacing:1pt;
margin:10px 10px 10px 0px;
color:#333;
padding:0;
}

h3 {
font-size:125%;
letter-spacing:1pt;
margin-bottom:5px;
text-align:left;
}

h4 {
font-size:105%;
letter-spacing:1pt;
text-align:left;
margin:0px 5px 5px 0;
}


/* === ALLGEMEINE Formate  === */
p {
margin: 10px;
padding: 0 10px;
font-size: 80%;
}
a {
text-decoration: none;
background-color: transparent;
color: #333;
font-weight: 600;
}
a.extern {
background-image: url(../images/extern.gif);
background-repeat: no-repeat;
background-position: right top;
padding-right: 15px;
text-decoration: none;
background-color: transparent;
color: #333;
}
a:hover {
text-decoration: underline;
color: maroon;
}

div.info {
font-size: 80%;
margin: 10px 0 0 0;
}

div.main {
font-size: 100.01%;
margin: 0 10px 0 10px;
}

/* === CONTENT Formate  === */
main p {
font-size: 80%;
}

.main ul{
list-style:url(../images/dia_olive_1.gif) inside;
font-size:80%;
text-align:left;
padding:5px 20px;
}

.main li{
line-height: 1.5;
}

.initial {
font-size: 120%;
font-weight: 900;
}

#box a {
padding: 0 10px;
background-color: #cccc99;
font-size: 100.01%;
letter-spacing: 1px;
color: #333;
text-decoration: none;
font-weight: bolder;
border: 1px solid;
border-color: #a9e2fe #014465 #014465 #a9e2fe;
text-align: center;
font-family: Verdana, Georgia;
}
#box a:hover {
border: 1px solid;
border-color: #014465 #a9e2fe #a9e2fe #014465;
}

/* === Bilder mit Vergrösserung in Box === */

#imgbox{
height: 152px;
width: 190px;
padding: 10px 0 0 0;
margin: 0px 5px 0 0px;
}

#imgbox div{display:none;}

#imgbox:hover div{
display:block;
width:640px;
position:absolute;top:140px;right:170px;
padding:15px;
}

/* === Bilder === */

img.floatleft {
float: left; 
clear:left;
margin-right: 50px;
}

img.floatright {
float: right; 
clear:right;
}
/* === Sonstiges === */
code {
font-size: 120%;
background-color: transparent;
color: #c39;
}

hr, .un {
display: none;
}

acronym.first {
cursor: help;
}