/****
* Global Reset
********************/

* {
	padding:0;
	margin:0;
}

/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

.clearer {
	clear: both;
}
sub, sup {
	line-height: 0px;
}
a {
	color: #00968F;
}
a:hover {
	color: #6e6e6e;
}



body {
	background: #e1e1e1 url(../gfx/body-back.png) repeat-x;
	text-align: center;
	height: 100.1%;
	font-size: 100.1%;
	overflow-y: scroll;
}
#container {
	text-align: left;
	width: 867px;
	margin: 0 auto;
}

#wrapper {
	background: url(../gfx/container-back.png) repeat-y;
	overflow:auto;

}


/*
 * Header
 */
#header {
    margin-top: 15px;
	height: 119px;
	background-image: url(../gfx/Logo-2017.png);
    background-size: contain;
  background-repeat: no-repeat;
  background-position: 60px 0;
}

#header h1 a {
	display: block;
	padding: 35px 0 0 245px;
	color: #00968F;
	font: 2em/125% Georgia, Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
}
#header h2 {
	margin: 0 0 0 246px;
	color: #6e6e6e;
	font: bold 0.95em/125% Verdana, Arial, Helvetica, sans-serif;
}
#header h3 {
	padding: 0.5em 0 0 246px;
	color: #00968F;
	font: oblique 0.95em/125% Georgia, Arial, Helvetica, sans-serif;
}

/*
 * Service
 */
#service {
	background: url(../gfx/container-head.png) 0 12px no-repeat;
	height: 37px;
}
#service-menu {
	background: url(../gfx/service_left.png) no-repeat;
	float: right;
	padding-left: 9px;
	margin-right: 83px;
}
#service ul {
	background: url(../gfx/service_right.png) 100% 0 no-repeat;
	height: 37px;
	padding-right: 9px;
}
#service li {
	background: url(../gfx/service_b.png);
	padding: 0 5px;
	height: 37px;
	float: left;
}
#service li a {
	display: block;
	float: left;
	height: 37px;
	overflow: hidden;
	font: 0.8em/33px Verdana, Arial, Helvetica, sans-serif;
	color: #00968F;
}

/*
 * Menu
 */
#menu {
	width: 220px;
	padding: 15px 0 0;
	overflow: hidden;
	float: left;
}
#menu ul li {
	display: inline;

}
#menu ul li a {
	display: block;
	height: 45px;
	padding: 29px 0 0 62px;
	font: 0.85em/125% Verdana, Arial, Helvetica sans-serif;
	color: #00968F;
	float: left;
	width: 250px;
}
#menu ul li a:hover {
	color: #6e6e6e;
}
#menu ul li.spezial a {
	font-weight: bold;
	color: #6e6e6e;
}
#menu ul li.startseite a {
	background: url(../gfx/back-start.png) no-repeat;
}
#menu ul li.einzelberatung a {
	background: url(../gfx/back-einzel.png) no-repeat;
}
#menu ul li.welpen a {
	background: url(../gfx/back-welpen.png) no-repeat;
}
#menu ul li.junghunde a {
	background: url(../gfx/back-juhu.png) no-repeat;
}
#menu ul li.erwachsene-hunde a {
	background: url(../gfx/back-erw.png) no-repeat;
}
#menu ul li.beschaeftigung a {
	background: url(../gfx/back-besch.png) no-repeat;
}
#menu ul li.ueber-mich a {
	background: url(../gfx/back-ue-mi.png) no-repeat;
}

/*
 * Footer
 */
#content {
	padding: 40px 90px 30px 50px;
	color: #6e6e6e;
	margin-left: 200px;
	min-height: 500px;
   height: auto !important;
  	height: 500%;
}
#content h1 {
	font: 1.05em/125% Georgia, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #e1e1e1;
	margin: 1em 0 0.5em;
	padding: 0 0 0.1em;
}
#content p, #content li {
	font: 0.75em/185% Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1.5em;
}
#content li {
	background: url(../gfx/back-bullet.gif) no-repeat 0 0.7em;
	padding: 0 0 0 17px;
	margin-bottom: 0.75em;
}
#content img {
	float: right;
	margin: 20px 10px 10px 15px;
}
#content img.border {
	padding: 3px;
	border: 1px solid silver;
	margin: 6px 10px 10px 15px;
}

/*
 * Footer
 */
#footer {
	height: 20px;
	background: url(../gfx/container-foot.png);
	width: 867px;
}