*              {margin:0px; padding:0px;}
html           {font-size:medium; color:#333; line-height:1.3em;
                font-family: Verdana, "Trebuchet MS", Helvetica,  Arial, SunSans-Regular, Sans-Serif;}
*+ html        {font-size:100%;} /* IE7 */

/* Silbentrennung CSS3 */
html        { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} 

body {
  padding: 0px;
  margin: 0px;
}

div#main {
  margin-left:auto;
  margin-right:auto;
  max-width: 1100px;
  min-width: 450px;
  background: url(pap.jpg) repeat left top;
}
div#kopf {
  height: 100px;
  margin-top: 10px;
  padding-bottom: 10px;
  position:relative; z-index:2;
}
div#mitte {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: url(pap.jpg) repeat left top;
}
div#zweispalten {
  float: left;
  width: 100%;
  min-width: 37em;
  display: inline;
  margin-right: -12.2em;
}
div#links {
  float: left;
  display: inline;
  width: 11.0em;
  padding-left: 1.1em;
}
div#inhalt {
  width: auto;
  margin-left:  12.0em;
  border-left:  1px solid #000;
  border-right: 1px solid #000;
  padding-left:  0.7em;
  margin-right: 12.0em;

}
#inhalt, #links, #rechts {
	overflow:hidden; /* übergrosse elemente achten das layout */
}	
div#rechts {
  float: left;
  width: 10.6em;
  padding-left: 10px;
  padding-right: 10px;

}
div#fuss {
  width: 100%;
  height: 50px;
  margin-top: 0px;
  margin-bottom: 10px;
  clear: both;
  float: left;
}

/*  Links */           
a              {background-color: transparent; text-decoration: none; white-space:normal;}
a              {border-bottom-style: dotted; border-width: 1px; border-color:#444400;}
a.umb          {white-space:nowrap;}
a[href$=".pdf"]{background: url(pdflink.gif) no-repeat right top; padding-right:20px;}
a[href$=".doc"]{background: url(wordicon.gif) no-repeat right top; padding-right:20px;}
a:link         {color:#444400; font-weight:200;}
a:visited      {color:#444400; font-weight:200;}
a:hover        {color:#446f00; font-weight:200; border-bottom-style: solid;}
a:active       {color:#446f00; font-weight:200;}
a:focus        {border:1px solid #669966;}
input:focus    {border:1px solid #669966;}

/* Bilder  */
img            {border: none;}
img#tobi       {position:absolute; z-index:1; margin: 0.4em; border:1px solid #667700;}
img#bild1      {float: left; margin-right: 6px;}
.clearfloat    {clear: both;}

/* Text  */
h1             {text-align: right; padding-right: 1%; font-size: 150%; line-height: 1.1; white-space:nowrap;
                font-family: "Trebuchet MS", Verdana, Helvetica, Arial, SunSans-Regular, Sans-Serif;}
h2             {font-size: 110%; padding-top: 0.6em; padding-bottom: 0.3em; margin: 0px;}
h2.oben        {padding-top: 0em;}
p	             {font-size: 90%; line-height: 1.2;}
p.aufzaehl     {text-indent: -0.8em; margin-left: 0.8em;}
p.bildtitel    {font-style: italic; font-size: 80%;}
.impressum     {font-size: 70%; text-align: right; margin-left: 30pt;}

/* Tabelle  */
table          {background:transparent;}
th             {padding-top:6px; padding-bottom:4px;}
.tabkopf       {background:#AACC33; text-align:center; padding:2px; font-size:90%;
                font-weight:600; color:#FFF;}
.tabzeile1     {background:#F8FFDA; text-align:center; line-height:1.5em; vertical-align:top;}
.tabzeile2     {background:#E4EACA; text-align:center; line-height:1.5em; vertical-align:top;}
tr.tabzeile1:hover {background:#EEFFAA; color:#000;}
tr.tabzeile2:hover {background:#C2C98E; color:#000;}
.re1, .re1l    {background-image:url(olk.gif); background-repeat: no-repeat; background-position: left top;}
.re2, .re2l    {background-image:url(ork.gif); background-repeat: no-repeat; background-position: right top;}
.re3, .re3l    {background-image:url(ulk.gif); background-repeat: no-repeat; background-position: left bottom;}
.re4, .re4l    {background-image:url(urk.gif); background-repeat: no-repeat; background-position: right bottom;}
.re1l, .re2l, .re3l, .re4l         {text-align:left;}
.links         {text-align:left;}
.abstand       {padding-left:0.5em;}