body {
background-color:#FFFFFF;
color : #333333;
font-family : Geneva, verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : normal;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
}
table, td {
color : #333333;
font-size : 9pt;
font-weight : normal;
margin : 0;
}

h1 {
color: #333333;
font-size: 12px;
font-weight: bold;
}

h2 {
color: #666666;
font-size: 12px;
font-weight: bold;
}
.titel {
color : #FFFFFF;
margin-left: 30px;
font-size : 12pt;
font-weight : bold;
line-height : 1;
}
.post_title, .post_date { border-bottom: 1px solid #DDDDDD; }	

.content p {
color : #333333;
font-size : 9pt;
font-weight : normal;
text-decoration : none;
line-height : 1.25em;
}
.content p a {
color : #333333;
font-size : 9pt;
font-weight : normal;
text-decoration : underline;
}
.content p a:hover {
color : #666666;
text-decoration : underline;
}
.content {
color : #333333;
margin-left: 50px;
font-size : 9pt;
font-weight : normal;
text-decoration : none;
line-height : 1.25em;
}
.content a {
color : #333333;
font-size : 9pt;
font-weight : normal;
text-decoration : none;
}
.content a:hover {
color : #666666;
text-decoration : none;
}

input, textarea {
border : 1px solid #999999;
font-size : 9pt;
color : #333333;
}
a {
color : #333333;
font-weight : normal;
}
a:link, a:visited, a:active {
text-decoration : none;
color : #333333;
}
a:hover {
color : #666666;
text-decoration : none;
}

.footer { font-size: 7pt; color:#FFFFFF; }
.footer a { font-size: 7pt; color:#FFFFFF; }
.footer A:hover { font-size: 7pt; color:#333333; }



#wrapper-menu {
	background: background:url('img/topMenuImages1.jpg') top left repeat-x;

	width: 100%;
	font-size:12px; font-weight: bold; color: #fff;
}

#menu {
	width: 95%; font-size: 12px; font-weight: bold; color: #fff;
	margin: 0 auto;
	font-size: 95%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left; font-size: 12px; font-weight: bold; color: #fff;
	width: 100%;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
	padding: 0.25em 1em;
	background: transparent;
	color: #fff;
	text-decoration: none;
	float: left;
}

#menu a:hover, #menu a.current {
	background:url('img/topMenuImages.png') 0px -90px no-repeat; 
	color: #ffffff;
}


.bgr { background-image:url(img/hunde.jpg);
  background-repeat: no-repeat; background-position: bottom; }

.bildschatten {
 background: url(http://www.hundeschule-kausche.de/media/stuff/bildschatten.png) no-repeat bottom left;
 padding: 4px 7px 15px 7px; margin-right: 10px; }

.nixhier {
display : none;
}