body { font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif; background-color: #eee; color: #333; margin: 0px; }

/* container */
div#container        { position: relative; width: 1280px; margin: 40px auto 0px auto;  background-color: #fff; }



div#headline{  float: left; width: 500px; padding: 40px 0px 0px 150px;  }
div#headline h1 { font-size: 200%; color: #333; }


/* content */
div#content{  float: left; width: 1180px; padding: 120px 20px 20px 60px;  }

h1 { font-size: 130%; color: #333; }
div#content h1{ width: 500px; }
h2 { font-size: 120%; color: #333; margin: 15px 0px 0px 0px; }
h3 { font-size: 110%; font-weight: bold; color: #333; margin: 15px 0px 0px 0px; }
h4 { font-size: 100%; font-weight: bold; color: #333; margin: 8px 0px 0px 0px; }
h5 { font-size: 95%; font-weight: bold; color: #333; margin: 15px 0px 0px 0px; }
h6 { font-size: 85%; color: #333; margin: 0px 0px 0px 0px; }
p  { font-size: 100%; margin: 10px 0px 0px 0px; line-height: 135%; }
p.Hinweis{ color: #f00; background-color: #ff0; }
p.motto { clear: left; float: left; width: 120px; }

ul, ol { margin: 10px 0px 4px 28px; padding: 0px; }
ul { list-style-image: url( ../img/_li.gif ); }
ul li, ol li{ font-size:85%; line-height:110%; margin:5px 0px 10px 0px; padding:0px; }
ul li ul li,  ol li ol li { margin: 0px 0px 2px 0px; line-height: 110%;  font-size:95%; }

table { float: left; font-size: 90%; width: 100%; table-layout: auto;}

div#content a, div#content a:visited { text-decoration: none; color: #417EC4;  }
div#content a:hover, div#content a:active{ color: #417EC4; text-decoration: none; }

a.navi      { position: absolute; top: 0px; left: 0px; text-decoration: none; border:0; width: 820px; height: 30px; background: url(../img/navi.gif) 0 0 no-repeat; }
a.navi:hover        { background-position: 0px; }

a.sitetop      { float: right; text-decoration: none; border:0; padding:0; text-indent: -1px; letter-spacing: 1px; font-size:0; width: 17px; height:9px; background: url(../img/arrup.gif) 0 0 no-repeat; margin-right: -20px; margin-top: 4px; }
a.sitetop:hover        { background-position: -17px 0; }

/* navigation */
div#metanav         { position: absolute; top: -20px; right: 30px; font-size: 70%; }
div#metanav a         { text-decoration: none; color: #333; }
div#metanav a:hover { color: #000000; }

div#topnav { padding-left: 150px; padding-top: 10px; }
div#topnav a { text-decoration: none; color: #333; float: left; padding: 0px 0px 0px 0px; margin-top: 20px; margin-left: 0px; margin-right: 20px; }
div#topnav a:hover { color: #000000; }
.lvl1,.lvl1a,.lvl1l,.lvl1al { font-size: 70%; text-decoration: none; color: #333;  }
div#topnav a.lvl1a,div#topnav a.lvl1al { font-size: 75%; font-weight: bold; color: #000000; }
div#topnav a.lvl1a:hover,div#topnav a.lvl1al:hover { color: #0E7CB8; }
div#topnav a:hover span { font-size:70%; text-decoration:none; position:relative; top:10px; left:0; width:60px; color:#000; background-color:#eee; margin:4px; padding:5px; }

div#footer { clear: both; padding: 20px 50px 25px 50px;  border-top: 1px solid #ccc; font-size: 60%; }
div#footer a { text-decoration: none; color: #333; }
div#footer a:hover        { color: #000000; }


/* images */
img { border: 0px; }
img.logo { position: absolute; top: -20px; left: -20px; border: 0px }
img.symbol { position: relative; left: 90px; border: 0px }