body
  { color: black; font-size: 11px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-style: normal; font-weight: normal; line-height: normal; font-stretch: normal; text-decoration: none; background-color: #f5f5f5; margin: 0; padding: 20px }
p { color: black; font-size: 11px; text-align: left }
th { color: white; background-color: black; text-align: left }
table { margin: 0 }

 
/* ----------container zentriert das layout-------------- */
#container
    { background-color: transparent; margin-right: auto; margin-left: auto; position: relative; width: 1000px }

* html #image_header_left
			{
			/*
			 * http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
			 */
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/hund_sprung.png', sizingMethod='scale');	
			}
			
html > body #image_header_left
			 { background-image: url("/gfx/hund_sprung.png") }
			
#image_header_left		 {position: absolute; z-index: 105; top: 6px; left: 6px; width: 225px; height: 184px }
#logo_top      { position: absolute; z-index: 105; top: 10px; right: 50px; width: 60px; height: 60px }
#logo_left                { text-align: center; margin-top: 20px; position: absolute; z-index: 105; bottom: 50px; left: 38px; width: 125px; height: 125px }
* html #logo_top   { position: absolute; z-index: 105; top: 10px; right: 45px; width: 60px; height: 60px }
* html #logo_left           { margin-top: 220px; margin-bottom: 10px; margin-left: 0; padding: 0; position: absolute; width: 125px; height: 125px }
/* ----------banner for logo-------------- */
#banner
 { text-align: left; margin: 0; padding: 20px 0 0 260px; height: 60px }

#banner h1
       { color: white; font-size: 25px; font-family: "Comic Sans MS"; letter-spacing: 2px; margin: 0; padding: 0 }


/* ----------navigation-------------- */
#navcontainer
          { font-size: 11px; font-weight: bold; background-color: black; text-align: center; position: relative; z-index: 150; height: 40px; vertical-align: middle }
#navcontainer ul
      { font-size: 11px; font-weight: bold; list-style: none; margin: 0; padding: 2px 0 0 }

#navcontainer ul a:link, #navcontainer ul a:visited
                { color: #999; font-size: 11px; font-weight: bold; text-decoration: none; padding-right: 3px; padding-left: 3px }

#navcontainer ul a:hover, #navcontainer ul a:active
{
	color: #fff;
}

#navcontainer ul a#current { color: #fff; }
#navcontainer ul a.currentAncestor { color: #fff; }
#navcontainer li { display: inline }




/* -----------------Inhalt--------------------- */
#content   { background-color: white; margin: 0; padding: 0 }

#content h1     { color: black; font-size: 14px; font-weight: bold; line-height: 30px; background-image: url(../gfx/pfote.gif); background-repeat: no-repeat; padding-top: 15px; padding-left: 25px }


div#content { 
min-height:150px;
height:expression(this.scrollHeight > 150 ? "auto":"150px"); }


#left ul
     { list-style: none; margin: 100px 0 0 45px; padding: 0 }

* html #left ul
     { margin: 100px 0 0 36px;}

#left ul a:link, #left ul a:visited
    { color: #999; text-decoration: none;}

#left ul a:hover, #left ul a:active
{
	color: #fff;
}

#left ul a#current { color: #fff; }
#left ul a.currentAncestor { color: #fff; }
#left li { display: block }

#left ul li ul
        { list-style: none; margin-top: 0; margin-bottom: 10px; margin-left: 10px; padding: 0 }

* html #left ul li ul
     {}

#left ul li ul a:link, #left ul li ul a:visited
    { color: #999; text-decoration: none;}

#left ul li ul a:hover, #left ul li ul a:active
{
	color: #fff;
}

#left ul li ul a#current { color: #fff; }
#left ul li ul a.currentAncestor { color: #fff; }
#left li ul li { display: block }




/* -----------footer--------------------------- */
#footer
    { font-size: 10px; background-color: #f5f5f5; text-align: left; margin: 0; padding: 0; clear: both }
#footer a:link, #footer a:visited
         { color: #dcdcdc; text-decoration: none }
#footer a:hover, #footer a:active
 { color: #323232 }
#inhalt  { padding: 10px 20px 20px }


#werbung
       { text-align: center; margin: 10px 20px 0; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee }
hr  { background-color: black; height: 1px; border-width: 0 }
h2   { font-size: 12px; margin: 15px 0 10px; padding: 0; border-bottom: 1px solid black }
h3  { font-size: 11px; font-weight: bold; margin: 0 0 5px; padding: 0 }

.berichtbild      { margin-top: 12px; margin-bottom: 10px; margin-left: 10px; padding: 5px; float: right; border: solid 1px black }
.lead { font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid black }
.berichtabsatz { text-align: justify }
.menuzelle   { padding-bottom: 200px }
.rand { border-right: 2px solid red }
.rahmen { border: solid 2px #383838 }
.weiss  { font-weight: normal; background-color: white; border: solid 2px black }