* {
	margin: 0;
	padding: 0;
}

html,
body {
	background: #fff;
	height: 100%;
	color: #fff;
	font-size:100.1%;
}

h1 span,
h2 span,
a span {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

#leistungen,
#markuskeull,
#kontakt {
	clear: both;
	margin: 0 0 6px 0;
	padding: 0 0 35px 0;
	background: #fff;
}

#leistungen,
#kontakt {
	background: #00578c url(../images/bg_div_blue.gif) top left repeat-x;
}

#markuskeull {
	background: #679c2b url(../images/bg_div_green.gif) top left repeat-x;
}

.center {
	position: relative;
	z-index: 20;
	width: 840px;
	margin: 0 auto;
	font: 62.5% Georgia,'Times New Roman',serif;
}

#kreise {
	position: absolute;
	z-index: 10;
	top: 304px;
	width: 100%
}

#kreise .center {
	height: 1343px;
	background: transparent url(../images/kreise.png) top left no-repeat;
}

/*** Header: **************************************************************************************/

#header h1 {
	width: 820px;
	height: 304px;
	margin: 0 auto;
	background: #fff url(../images/bg_h1.gif) top left no-repeat;
}

/*** Kontakt: *************************************************************************************/

#kontakt #logo a {
	/*float: right;*/
	display: block;
	width: 260px;
	height: 195px;
	margin: 50px 0 0 280px;
	background: transparent url(../images/logo.gif) top left no-repeat;
}

#kontakt #datenschutz a {
	display: block;
	text-align: right;
	margin-top: 224px;
	font: normal 1.4em/1.4em Georgia,'Times New Roman',serif;
}

/*** Raster mit 12 Einheiten **********************************************************************/
/*** 1 Einheit = 50px + 2*10px margin ****/

.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_12{
	display: inline;
	float: left;
	margin: 0 10px;
}

.grid_3  {width: 190px}
.grid_4  {width: 260px}
.grid_5  {width: 330px}
.grid_6  {width: 400px}
.grid_7  {width: 470px}
.grid_8  {width: 540px}
.grid_9  {width: 610px}
.grid_12 {width: 820px}

.right {
	float: right;
}

/*** Inhaltsbereich *******************************************************************************/

img {
	margin: 2.1em 0 0 0;
	padding: 10px;
	border: 1px solid #b9cc94;
}

ul {
	list-style: circle;
	margin: 0 10px;
	padding: 1.0em 0 0 10px;
}

li {
	margin: 0;
	padding: 0.3em 0 0 0;
}

table {
	padding: 0.9em 0 0 0;
}

table th,
table td {
	padding: 0.5em 20px 0 0;
}

table.impressum {
	padding: 1.5em 0 0 0;
}

table.impressum td {
	padding: 0.5em 0 0 0;
}

/*********** Navigation ***************************************************************************/

ul.nav {
	float: right;
	width: 400px;
	height: 46px;
	margin: 21px 10px 0 10px;
	padding: 0;
}

ul.nav li {
	float: right;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 2px 0 0 0; /* korrigieren? */
}

ul.nav li a {
	display: block;
	height: 46px;
	background: transparent url(../images/bg_nav_blue.gif) 0px 0px no-repeat;
}

ul.nav li a.linkToDiv1 {
	width: 119px;
	background-position: -649px 0px;
}

ul.nav li a.linkToDiv1:hover {
	background-position: -530px 0px;
}

ul.nav li a.linkToDiv2 {
	width: 171px;
	background-position: -359px 0px;
}

ul.nav li a.linkToDiv2:hover {
	background-position: -188px 0px;
}

ul.nav li a.linkToDiv3 {
	width: 94px;
	background-position: -94px 0px;
}

ul.nav li a.linkToDiv3:hover {
	background-position: 0px 0px;
}

#markuskeull ul.nav li a {
	background: transparent url(../images/bg_nav_green.gif) 0px 0px no-repeat;
}

#markuskeull ul.nav li a.linkToDiv1 {
	background-position: -119px 0px;
}

#markuskeull ul.nav li a.linkToDiv1:hover {
	background-position: 0px 0px;
}

#markuskeull ul.nav li a.linkToDiv3 {
	background-position: -332px 0px;
}

#markuskeull ul.nav li a.linkToDiv3:hover {
	background-position: -238px 0px;
}

/*********** Typografie ***************************************************************************/

h2 {
	float: left;
	width: 400px;
	height: 46px;
	margin: 21px 10px 0 10px;
}

#leistungen h2 {
	background: transparent url(../images/bg_h2_leistungen.gif) bottom left no-repeat;
}

#markuskeull h2 {
	background: transparent url(../images/bg_h2_markuskeull.gif) bottom left no-repeat;
}

#kontakt h2 {
	background: transparent url(../images/bg_h2_kontakt.gif) bottom left no-repeat;
}

h3 {
	clear: both;
	font: normal 1.9em/1.4em Georgia,'Times New Roman',serif;
	margin: 0 10px;
	padding: 1.4em 0 0 0;
}

p {
	font: normal 1.5em/1.4em Georgia,'Times New Roman',serif;
	margin: 0 10px;
	padding: 1.4em 0 0 0;
}

div div div p {
	margin: 0;
}

li {
	font: normal 1.5em/1.4em Georgia,'Times New Roman',serif;
}

table th,
table td {
	font: normal 1.7em/1.4em Georgia,'Times New Roman',serif;
}

table.impressum {
	font: normal 0.647em/1.4em Georgia,'Times New Roman',serif;
}

table.impressum th {
	text-align: right;
}

a {
	color: #fff;
	text-decoration: underline;
	white-space: nowrap;
}

a.anchor {
	display: block;
	height: 0px;
}

a:hover {
	text-decoration: none;
}