body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 0; 	   
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
  color:#000066;
}
.content {
	padding-right:3em;
}
nav ul {
	padding:0;
}
nav li {
  display:block;
  float:left;
  border:1px solid #ccc;
  padding:10px;
  margin:4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
nav li:hover {
  background-color:#D3EBFE;
}
nav a {
  text-decoration:none;
  color:#000000;
}

nav a:visited {
  color:inherit;
}
.content li {margin-bottom:.75em}

.content.dormagen li.dormagen,
.content.grevenbroich li.grevenbroich,
.content.juechen li.juechen,
.content.kaarst li.kaarst,
.content.korschenbroich li.korschenbroich,
.content.meerbusch li.meerbusch,
.content.neuss li.neuss,
.content.rommerskirchen li.rommerskirchen
{
  background-color:#FFCCCC;
}

.content.dormagen li.dormagen a:hover,
.content.grevenbroich li.grevenbroich a:hover,
.content.juechen li.juechen a:hover,
.content.kaarst li.kaarst a:hover,
.content.korschenbroich li.korschenbroich a:hover,
.content.meerbusch li.meerbusch a:hover,
.content.neuss li.neuss a:hover,
.content.rommerskirchen li.rommerskirchen a:hover
{
  background-color:#FFCCCC;
}

h1#titel>a{
  color:#000000;
  text-decoration:none;
}
.visitenkarte {
  border:1px solid #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;  
  overflow:auto;
  padding:1em;
  width:100%;
  margin-bottom:10px;  
  background-color:#D3EBFE;
}
.adresse {
	float:left;
	width:250px;
	line-height:1.5;
	padding-left:2em;
}
.adresse .name {
  text-indent:-2em;
}


.adresse .name {font-weight:bold;}
.leistungen {
  margin-left:300px;
}
.leistung {
  float:left;
  margin-left:10px;
  text-align:center;
  width:75px;
  height:90px;
}

.content.impressum .leistungen {display:none}

@media screen and (min-width:1300px) {
	body {
	    background-image: url("bilder/hintergrund-startseite.jpg");
		font-size:90%;
	}
	h1#titel, .content, nav.unten {
		margin-left:550px;
	}
	nav.unten {
		padding:4em 0;	
	}
	.visitenkarte{font-size:75%;}
}
@media screen and (max-width:1299px) {
	body {
	   background-image: url("bilder/hintergrund-startseite.240.jpg");
	   background-position: 0 70px; 
	   font-size:70%;
	}
	h1#titel, .content, nav.unten {
		margin-left:250px;
	}
	nav a {
	  padding:6px;
 	  margin:2px;	
  	}
		.adresse{
		float:none;
	}
	.leistungen{
		margin:10px 0 0 0;
	}
}
@media screen and (max-width:549px) {
	body {
	background-image: url("bilder/hintergrund-startseite.120.jpg");
	background-position:0 0;
	background-attachment: scroll;
	   font-size:70%;
	}
	nav, h1#titel, .top-text {
		margin-left:130px;
	}
	.content {margin-left:1em}
	nav li {margin:1px 5px 1px 1px;padding:3px}
	nav a {
	  float:none;
	  padding:4px;
 	  margin:2px;	
  	}	
	.adresse{
		float:none;
	}
	.leistungen{
		margin:10px 0 0 0;
	}
}