
body       { font-size: 101%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff !important; background-image: url(bilder/schnee.gif); background-repeat: repeat-x; background-position: 0 0; margin: 0 }
#wrapper            { background-color: #ebebeb; background-image: url(bilder/hunde_back2.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 20px auto 0; width: 820px; border: solid 2px #800000 }
#header              { background: #fff url(bilder/header.jpg) no-repeat; width: 820px; height: 250px; border-bottom: 1px dotted #800000 }
#content              { margin-top: 15px; margin-bottom: 10px; padding-bottom: 20px; width: 73%; float: right ; }
#content p    { color: #800000; font-size: 72%; line-height: 150%; margin: 3px 30px 10px 20px }
#content b {
	color: #3a507f; }
#content h2        { color: #800000; font-size: 90%; line-height: 90%; margin-top: 10px; margin-bottom: 15px; margin-left: 20px }
#content h3     { color: #800000; font-size: 80%; line-height: 150%; margin-bottom: 0; margin-left: 20px }
#content h4  { color: #3a507f; font-size: 85% }
#content h5 {
	color: #3a507f;
	font-size: 80%;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0;
	padding: 0 0 5px 40px; }
#content a   { color: #3a507f !important; font-size: 100%; text-decoration: none }
/*Contentbereich fuer die Seite News*/
/*Container fuer Bilder ohne weissen Rahmen*/
#bilderpur     { display: inline; padding-top: 0; padding-left: 0; width: auto; height: auto; float: left ; margin: 5px 10px 5px 20px; }
#bilderpur p {
	color: #3a507f;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 5px 0 0  }
#bilderpur img { margin: 0; padding: 0; border: solid 1px #3a507f }
#bilderpurrechts { display: inline; padding-top: 0; padding-left: 0; width: auto; height: auto; float: left; margin-top: 5px; margin-right: 50px; margin-bottom: 5px; }
#bilderpurrechts p { color: #3a507f; font-weight: bold; margin: 0; padding: 5px 0 0; }
#bilderpurrechts img { margin: 0; padding: 0; border: solid 1px #3a507f; }
/*Container fuer Bilder mit weissen Hintergrund und Text*/
#bilder { background-color: #fff; text-align: center; display: inline; margin-top: 20px; width: auto; height: auto; float: left; margin-left: 20px; padding: 10px 25px; border: solid 1px #800000     }
#bilder p { color: #3a507f; text-decoration: none; margin: 5px 0; padding: 0; width: auto }
#bilder img { border: solid 1px #3a507f }
/*Container fuer Hundebilder oben auf der Hundeseite (Hundeportraits)*/
#hunde { background-color: #fff; text-align: center; display: inline; padding-bottom: 15px; width: auto; height: auto; float: left; margin: 10px 0 10px 20px; padding-right: 25px; padding-left: 25px; border: solid 1px #3a507f     }
#hunde p { color: #3a507f; font-weight: bold; margin: 0; padding: 5px 0 }
#hunde img { border: solid 1px #3a507f }
/*Container fuer Impressionen-Bilder*/
#impressionen { background-color: #fff; text-align: center; display: inline; margin: 10px 0 0 20px; padding: 10px; width: auto; height: auto; float: left; border: solid 1px #3a507f }
#impressionen img { border: solid 1px #3a507f }
/*Container ohne weissen Rahmen und _ohne_ Float!*/
#bilderpurfluss { margin-top: 10px; margin-right: 15px; margin-bottom: 5px; padding-left: 20px; width: auto; height: auto }
#bilderpurfluss img { border: solid 1px #3a507f }
#bildrechts { margin-top: 10px; margin-right: 15px; margin-bottom: 5px; padding-left: 20px; width: auto; height: auto; float: left }
#bildrechts img { margin: 0; padding: 0; border: solid 1px #3a507f }
/*Auszeichnung fuer Einleitungstext unter der Ueberschrift*/
.headtext { color: #3a507f }
/*Container auf Kontaktseite (Abstand Text!)*/
#bildabstand{ 
float: left;
background-color: #fff; 
text-align: center;  
margin: 10px 15px 0 20px;
display: inline; 
padding: 0; 
width: auto; 
height: auto; 
border: solid 1px #800000 
}
#bildabstand img  { margin: 10px; padding: 0; border: solid 1px #3a507f }
#teaser     { font-size: 100%; background-color: #fff; margin: 15px 20px 0; padding: 10px; width: auto; clear: both; border: solid 1px #800000 }
#teaser p   {
	color: #3a507f;
	font-size: 75%;
	font-weight: bold;
	font-style: italic;
	line-height: 120%;
	margin: 3px 0 0 5px;
	padding: 0  }
/*Navigation links (Hauptnavi)*/
#left         { background-position: 0 bottom; padding-top: 8px; padding-bottom: 30px; bottom: 350px; width: 25%; float: left }
#navigation       { margin-top: 20px; border-bottom: 1px dotted #800000  }
#list1    { list-style: none; margin: 0; padding: 0 }
#list1 li  { border-top: 1px dotted #800000 }
#list1 li a       { color: #800000; font-size: 75%; text-decoration: none; display: block; padding: 7px 0 4px 20px  }
#list2  { list-style: none; margin: 0 0 0 20px; padding: 0 }
#list2 li a { color: #800000; font-size: 75%; text-decoration: none; display: block; padding: 7px 0 4px 20px; }
#navigation li a:hover     { color: #3a507f; background-image: url(bilder/pfote_blau.gif); background-repeat: no-repeat; background-position: right 0 }
.aktiv      { color: #3a507f; font-size: 75%; background-position: right 0; display: block; padding: 7px 0 4px 20px }
/*End Navigation left*/
/*Container fuer Footer mit Navi unten*/
#footer         { color: #fff; background-image: url(bilder/footer4.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: left; padding-top: 0; padding-right: 0; width: 100%; height: 120px; clear: both; border-top: 1px dotted #800000 }
#footer p { color: #fff; font-size: 80%; font-weight: bold; text-decoration: none; margin-left: 30px; padding-top: 70px }
#footer a      { color: #fff; text-decoration: none; padding-right: 20px }
#clearnews { margin: 30px 100px; padding: 0; width: auto; clear: both }
.clear { clear: both; }
h1    {
	color: white;
	font-size: 3px;
	display: none  }
/*Container fuer Anchor*/
#top   { color: #3a507f; font-size: 80%; font-weight: bold; display: inline; margin-top: 20px; margin-left: 20px; padding: 4px; width: auto; float: left; border: solid 1px #800000 }
#top a  { color: #fff; text-decoration: none; display: inline }
/*Diverse Auszeichnungen*/
#trennung  { margin: 30px 100px; padding: 0; width: auto; height: 1px; clear: both; border-bottom: 1px dotted #3a507f }
.fett { font-weight: bold }
.fettblau { color: #3a507f; font-weight: bold }
.info { color: #ac996f; font-size: 120%; font-style: normal; font-weight: bold }
table { font-size: 12px; background-color: #fff; width: 500px; margin-bottom: 20px; margin-left: 20px; border: solid 1px #3a507f; }
.preis { text-align: right; padding-right: 20px; }
table th {
	color: #3a507f;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px; }
table td { color: #2d374d; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-top: 1px solid #c0c0c0; }
table col {
	color: #2d374d;
	width: 300px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top: 1px solid #c0c0c0; }
strong {
	font-weight: normal;
	font-style: normal; }

