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: #d4d4d4; 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: green; 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(/allgemein/gfx/hund_sprung.png);
			}
			
#image_header_left		 {position: absolute; z-index: 105; top: 6px; left: 6px; width: 225px; height: 184px }
#sclogo      { position: absolute; z-index: 105; top: 10px; right: 50px; width: 60px; height: 60px }
#sclogo2                { text-align: center; margin-top: 20px; position: absolute; z-index: 105; bottom: 50px; left: 38px; width: 125px; height: 125px }
* html #sclogo   { position: absolute; z-index: 105; top: 10px; right: 45px; width: 60px; height: 60px }
* html #sclogo2           { margin-top: 220px; margin-bottom: 10px; margin-left: 0; padding: 0; position: absolute; width: 125px; height: 125px }
* html #image_bottom_right
			{
			/*
			 * http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
			 */
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/mann_hund.png', sizingMethod='scale');	
			}
			
html > body #image_bottom_right
			 { background-image: url(/allgemein/gfx/mann_hund.gif) }
#image_bottom_right
{
	position: absolute;
	z-index: 101;
	right: -95px;
	bottom: -30px;
	width: 200px;
	height: 270px;
}

/* ----------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: 20px }
#navcontainer ul
  { list-style: none; margin: 0; padding: 2px 0 0 }

#navcontainer ul a:link, #navcontainer ul a:visited
            { color: #999; text-decoration: none; padding-right: 13px; padding-left: 13px }

#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: #d4d4d4; text-align: left; margin: 0; padding: 0; clear: both }
#footer a:link, #footer a:visited
     { color: #777; text-decoration: none }
#footer a:hover, #footer a:active
{
	color: black;
}
#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 }