html
{
	min-height: 100%;
}



 body {

	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin: 0px auto;
	padding: 0px;
	background-image: url(gfx/hg.gif);
	
 }
 
 .fontstyle {

	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	
 }


 #kopfzeile {
	position: relative;
	top:0px;
	left:0px;
	height: 431px;
	width: 760px;
	background-image: url(gfx/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clip: rect(auto,auto,auto,auto);
	margin-top: 25px;
	z-index: 1;
 }
 
 #links {
	position: absolute;
	top: 221px;
	left:0px;
	width: 178px;
	z-index: 2;
 }
 
 #mitte {

	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	position: absolute;
	top: 221px;
	left: 178px;
	width: 582px;
	height: 300px;
	z-index: 0;
	clip: rect(auto,auto,auto,auto);
	background-image: url(gfx/hg_content.gif);
	visibility: inherit;
	display: inline;

 }
 
 #rechts {
	position: absolute;
	top: 231px;
	left: 575px;
	width: 153px;
	height: 300px;
	padding: 8px;
	z-index: 3;
 }
 
 #fusszeile {
	position: absolute;
	left:0px;
	height:105px;
	width: 584px;
	background-image: url(gfx/footer.jpg);
	background-repeat: no-repeat;
 }
.cnt {
	text-align: justify;
	
}

.inhalt {

	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background-position: top;
	vertical-align: top;
	text-align: justify;
}


.blind_oben {
	background-position: top;
	vertical-align: top;
}

.newsblock {
	background-position: top;
	vertical-align: top;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ACACAC;
}

.footertext1 {
	position: relative;
	z-index: auto;
	width: 270px;
	text-align: justify;
	float: left;
	font-size: 11px;
	color: #bd0304;
	padding-left: 33px;
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 5px;
}

.footertext2 {
	position: relative;
	z-index: auto;
	width: 220px;
	text-align: right;
	float: right;
	margin: 0px;
	font-size: 11px;
	color: #999999;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 5px;
}






.con1 
{
	text-align:left;
	width:178px;
	float:left;
	margin-top: 221px;
} 
.con2 
{
	text-align: justify;
	text-align:left;
	width:580px;
	float:left;
	margin-top: 25px;
	background-image: url(gfx/header_jack_russell.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #D0CFCF;
	border-right-color: #D0CFCF;
	border-left-color: #D0CFCF;
	background-color: #FFFFFF;
} 

.con2-1
{
	text-align: justify;
	text-align:left;
	width:338px;
	float:left;
	margin-left: 30px;
	margin-top: 163px;
} 

.con2-2
{
	text-align:left;
	width:170px;
	float:left;
	margin-left: 31px;
	margin-top: 215px;
	background-position: top;
	vertical-align: top;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #ACACAC;


} 

.con3 
{
	text-align:left;
	width:580px;
	margin-left: -1px;
	float:left;
	background-image: url(gfx/footer_hg.jpg);
	background-repeat: no-repeat;
	height: 80px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0CFCF;
	border-bottom-color: #D0CFCF;
	border-left-color: #D0CFCF;
	
} 



.con4 
{
	text-align:left;
	width:582px;
	float:left;
	height: 20px;

	margin-left: 178px;
} 









.tab-text {
	border:none !important;
}

{
	margin: 0;
	padding: 0;
}

a img
{
	border: none;
}

p,code,ul
{
	padding-bottom: 5px;
	
	
}
li
{
	list-style: none;
}

h1
{

	font-size: 1.8em;
	padding-bottom: 2px;
	font-weight: normal;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;


}


h2
{
	font: bold 11px sans-serif;
	margin: 0 0 20px 0;
	padding:0;
	line-height: 1em;
}
h3
{
	font: bold 1em Tahoma,sans-serif;
}
h1,h2,h3,b
{
	color: #bd0304;
	margin-bottom: 4px;
	padding-top: 6px;
}
code
{
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote
{
	background: url('img/quote.gif') no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
.clearer
{
	clear: both;
	font-size: 0;
}
.left
{
	float: left;
}
.right
{
	float: right;
}



.inner-container
{
	background: #FFF;
	border: 1px solid #D7D7D2;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
}




.outer-container
{
	padding-bottom: 64px;
}
.header
{
	
	height: 250px;
	margin-bottom: 5px;
	text-align: center;
}
.header .title
{
	color: #FFF;
	padding-top: 50px;
}
.header .title .sitename a
{
	border-bottom: 1px dashed #657382;
	color: #FFF;
	font: normal 3em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;
}
.header .title a:hover
{
	border-color: #F60;
}
.header .title .slogan
{
	font: normal 1.1em "tahoma", helvetica, sans-serif;
	padding-top: 6px;
}
.path
{
	background: #949490;
	color: #FFF;
	font: normal 1.1em "tahoma", helvetica, sans-serif;
	padding: 8px 12px;
	text-align: right;
}
.path li,.path ul
{
	display: inline;
}
.path a
{
	color: #FAFAFA;
	margin-right: 16px;
	text-decoration: none;
}
.path a:hover
{
	color: #FFE;
	text-decoration: underline;
}






.main
{
	background: url('img/main.gif') repeat-y;
	border-top: 4px solid #FFF;
	padding: 8px 12px 0 0;
}
.content
{
	float: right;
	text-align: justify;
	width: 538px;
}








.content .descr
{
	color: #9d9d8a;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li
{
	line-height: 1.4em;
	list-style: url('img/li.gif');
	margin-left: 18px;
}
.content p
{
	font-family: "Lucida Sans Unicode",sans-serif;
}
.navigation
{
	float: left;
	width: 210px;
}
.navigation h2
{
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul
{
	border-top: 1px solid #EAEADA;
	padding: 0;
}
.navigation li
{
	border-bottom: 1px solid #EAEADA;
}
.navigation li a
{
	color: #554;
	display: block;
	font-size: 1.1em;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover
{
	background: #deded2;
	color: #654;
}







hr{

		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	margin-top: 20px;


}

	




.post h1 a
{
	color: #664;
	text-decoration: none;
}
.post h1 a:hover
{
	color: #553;
}
.post
{
	margin: 6px 0 2px;
}
.post .info
{
	background: #F5F5F5;
	border: 1px solid #E3E4E4;
	color: #666;
	margin: 2px 0 4px;
	padding: 5px 10px;
}
.post img
{
	border: 4px solid #DDD;
	margin: 4px 0;
}
.post a img
{
	border: 4px solid #DDD;
}
.post a:hover img
{
	border-color: #CCC;
}
.info a
{
	text-decoration: none;
}
.info a:hover
{
	text-decoration: underline;
}
.content ol li
{
	background: none;
}





.commentlist
{
	margin: 0;
	padding: 0;
}
.commentlist li
{
	list-style: decimal;
	margin-bottom: 1.2em;
}
#commentform
{
	background: #FAFAFA;
	margin: 1em 0;
	width: 360px;
}
.commentmetadata
{
	padding: 2px 0 4px;
}
.commentmetadata a
{
	color: #444;
	text-decoration: none;
}
.commentmetadata a:hover
{
	text-decoration: underline;
}
textarea.styled
{
	width: 280px;
}
.styled
{
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
	font-size: 1.1em;
}
.styled:hover
{
	background: #FFF;
	border: 1px solid #D6D3D3;
}





.styled:focus
{
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input
{
	margin-bottom: 3px;
}
#wp-calendar
{
	color: #A0A0A0;
}
.navigation table caption
{
	border-bottom-color: #000;
}
.navigation table thead tr
{
	border-bottom-color: #000;
	color: #A53512;
}
.navigation table th
{
	border-bottom-color: #000;
}
.navigation table td#today
{
	border-color: #000;
	color: #A53512;
}
.navigation table td a
{
	background-color: #EDF3DE;
	border-bottom-color: #000;
}
.navigation table tfoot
{
	border-top-color: #000;
}
.navigation table tfoot a
{
	background: none;
}
#wp-calendar
{
	border-collapse: collapse;
	display: inline-table;
	margin: 0px 10px 0 10px;
	text-align: center;
	width: 185px;
}
.navigation table caption
{
	border-bottom: 1px solid;
	letter-spacing: 0.1em;
	margin: -5px 10px 0 10px;
	padding-bottom: 5px;
}
.navigation table thead tr
{
	border-bottom: 1px solid;
}
.navigation table th
{
	border-bottom: 1px solid;
}
.navigation table td
{
	font-size: 0.9em;
	padding: 1px;
	width: 225px;
}
.navigation table td#today
{
	border: 1px solid;
	font-size: 1em;
	font-weight: bold;
	padding: 0;
}
.navigation table td a
{
	border-bottom: 1px solid;
	display: block;
	font-size: 1.15em;
	font-weight: bold;
}
.navigation table tfoot
{
	border-top: 1px solid;
}
.navigation table tfoot a
{
	border: none;
	font-weight: bold;
}
.navigation table tfoot #prev a
{
	text-align: left;
}
.navigation table tfoot #next a
{
	text-align: center;
}
#searchform
{
	padding: 10px;
}



a {
		font-size: 11px;
		color: #bd0304;
		font-variant: normal;
		text-decoration:none 
		}


a.breadcrumb {
		font-size: 11px;
		color: #630101;
		font-variant: normal;
		text-decoration:none 
		}
		
a.breadcrumb:visited {
		font-size: 11px;
		color: #630101;
		font-variant: normal;
		text-decoration:none 
		}

a.breadcrumb:hover  {
		font-size: 11px;
		color: #FFFFFF;
		font-variant: normal;
		text-decoration:none 
		}


a: {
		font-size: 11px;
		color: #bd0304;
		font-variant: normal;
		text-decoration:none 
		}
		
a:visited {
		font-size: 11px;
		color: #bd0304;
		font-variant: normal;
		text-decoration:none 
		}

a:hover  {
		font-size: 11px;
		color: #999999;
		font-variant: normal;
		text-decoration:none 
		}


a.link3 {
		font-size: 11px;
		color: #bd0304;
		font-variant: normal;
		text-decoration:none 
		}
		
a.link3:visited {
		font-size: 11px;
		color: #bd0304;
		font-variant: normal;
		text-decoration:none 
		}

a.link3:hover  {
		font-size: 11px;
		color: #999999;
		font-variant: normal;
		text-decoration:none 
		}



a.beschreibung, a.beschreibung:visited, a.beschreibung:hover {
		color: #000000;
		font-variant: bold;
			border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
		}
		





{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #627154;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}



.terminkalender
{
	border: 1px solid #dedede;
}
html
{
	height: 100%;
	margin-bottom: 1px;
}

.spacno {
	border : 0 none; 
	display: none;
	
}

a img {
border : 0 none;
}

.di1 {
	text-align:left;
	width:140px;
	float:left;
	background-color: #00FFFF;
	height: 120px;
} 
.di2 {
	text-align:left;
	width:20px;
	float:left;
	background-color: #99FF66;
	height: 120px;
}
.di3 {
	text-align:left;
	width:350px;
	float:left;
	background-color: #FFFF66;
	height: 120px;
}



.imagelink {

float:left;
margin:0px;

}

.imagelink2 {

float:right;
margin:0px;

}







.dreispalter {
  width: 520px;
}

.dreispalter_1 {
  width: 50px;
}

.dreispalter_2 {
  width: 230px;
  margin-left: 10px;
}

.dreispalter_3 {
  width: 200px;
  margin-left: 10px;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}





/*

/* ich gehe davon aus, das sich die navigation in einem DIV-Element mit id="navigation" befindet um auf die restlichen Klassenbezeichnungen verzichten zu können */
#navigation{float: left; width: 200px; padding-top: 10px;}
#navigation ul{list-style: none; padding-left: 20px; margin: 0;}
#navigation ul li{margin-bottom: 11px;}
#navigation ul a{color: #627154; font-weight: bold; text-decoration: none;}
#navigation ul a:hover, a.current{color: #3e4c30;}
#navigation ul ul li{margin: 6px 0;}
#navigation ul ul a{color: #627154; font-size: 0.9em; font-weight: normal;}
#navigation ul ul a:hover{color: #3e4c30;}
#navigation ul ul a.current{font-weight: bold;}

*/


/*  Start Forms */
#formwrap {
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 50px;
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben für Opera */
fieldset {
   border: 1px solid #fff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
legend {
   border: 1px solid #fff;
}
Label {
   
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 280px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
.txt {
   width: 280px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
    font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #000;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 0px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
/*  End Forms */ 


.flLeft {
	float:left;
}

.flRight {
	float:right;
}

.flTop {
	float:inherit;
	padding-top:12px;
}

.flLeft {float:left;}
.flRight {float:right;}



Beispiel CSS (nicht unbedingt erforderlich):

.magazine-container {
	background: #f7f7f7;
}
.magazine-image a, .magazine-image a:hover {
	border: 0;
	background: transparent;
     	outline; 0;
}

















.aut {
	font: normal 10px sans-serif;
	margin-top: -5px;
	margin-bottom: 10px;
	margin-left: 2px;
}


/* Download anbieten */

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:10px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}




.rahmen1 {

	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #D6D6D1;
}


/*
.pedigree {
font-size: 9px;

}

*/

.pedigree {

	font-size: 11px;
	overflow: hidden;
	margin: 3px 3px 3px 5px;
	height: 30px;
	width: 118px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #DFDFDF;
	background-color: #EBEBEB;
}

.klcounter {
	font-size: 10px;
	color: #CCCCCC;
	padding-left: 1em;
}




.term_unten {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bfbfbf;
}

.downl {
	color: #a0a0a0;
	font-size: 10px;
	
}



.keinblock {
	text-align: left;
}


.hundedetails {

font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;

}


.trenner {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;

}


iframe{
width:100%;
height:100%;
border-left : 0px;
border-right : 0px;
}


.tabline {
	border: 1px solid #999999;
}

.wurftag {
	display: block;
	background-color: #e8e8e8;
	height: 30px;
	width: 28px;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #bababa;
	border: 2px solid #d1d1d1;
	padding: 2px;
}
.wurftag2 {
	display: block;
	background-color: #e18d8e;
	height: 15px;
	width: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 2px solid #d1d1d1;
	border-left: 2px solid #d1d1d1;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d1d1d1;
	padding: 2px;
}












// --- ON PAGE OPTIMIERUNG START



#russell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#jrt {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
	text-align: justify;
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #000000;
	text-decoration: none;

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


// --- ON PAGE OPTIMIERUNG ENDE