/* allgemeine CSS-Angaben ***/

	html,body
	{
		height: 100%;
	}


	body
	{
		font-family:Arial,Helvetica,Verdane,sans-serif;
		font-size:12px;
		font-weight:normal;
		color:#000000;
		padding:0px;
		margin:0px;
		background-image:  url(images/public/bluebar.gif);
		background-repeat: repeat-y;
		background-color:  #fff;
	}

	img
	{
		border:0px solid #AAAAAA;
		margin:0 20px 20px 0;
		padding: 0;
	}


	td
	{
		vertical-align:top;
		text-align:left;
		font-size:12px;
		font-weight:normal;
	}


	hr
	{
		height:1px;
		width:100%;
		text-align:left;
	}



 /* Überschriften und Absätze ***/

	p
	{
		font-size:12px;
		font-weight:normal;
		text-align:left;
		margin: 10px 0 0 0;
	}

	h1
	{
		font-size:     30px;
		font-weight:   bold;
		margin-top:    10px;
		margin-bottom: 30px;
	}


	h2
	{
		font-size:16px;
		font-weight:bold;
		margin:0px;
	}


	h3
	{
		font-size:14px;
		font-weight:bold;
		margin:0px;
	}


	h4
	{
		font-size:12px;
		font-weight:bold;
		margin:0px;
	}


	h5
	{
		font-size:10px;
		font-weight:bold;
		margin:0px;
	}


	h6
	{
		font-size:8px;
		font-weight:bold;
		margin:0px;
	}



 /* Listen ***/

	ul
	{
		margin:0px;
		padding:0px;
		padding-left:16px;
	}

	ol
	{
		margin:0px;
		padding:0px;
		padding-left:20px;
	}


	li
	{
		padding:0px;
		margin:0px;
	}



 /* Formulareigenschaften */

	form
	{
		padding:0px;
		margin:0px;
	}


	textarea
	{
		width: 260px;
		height :80px
	}


 /* Links */

	a:link,a:visited
	{
		color:#333333;
		text-decoration:underline;
	}

	a:hover
	{
		color:#666666;
		text-decoration:underline;
	}


	a.testlink:link, a.testlink:visited
	{
		color:#666666;
		text-decoration:none;
		border-bottom:1px dashed black;
		padding-left:15px;
		background-image:url(images/public/spotnav_active.gif);
		background-repeat:no-repeat;
	}

	a.testlink:hover
	{
		color:black;
		text-decoration:none;
		border-bottom:1px solid black;
		background-image:url(images/public/spotnav.gif);
		background-repeat:no-repeat;
	}



 /* Layout der Website ***/

	div#container
	{
		width: 880px;
		margin: 0;
		text-align:left;
		min-height: 100%;
		background-image:  url(images/public/bluebar.gif);
		background-repeat: repeat-y;
		background-color:  #fff;
	}

	#header {
		height: 186px;
		width: 880px;
		position: relative;
		background-image:  url(images/public/logo.jpg);
		background-color: #fff;
		background-repeat: no-repeat;
	}

	#topleiste
	{
		padding:10px;
		height:70px;
		border-right:0px solid black;
		margin: 0px 0px 0px 0px;
		left: 640px;
		top: 126px;
		width: 250px;
		position: relative;
	}

	#navigation {
		left: 0;
		top: 200px;
		position: absolute;
		width: 400px;
	}

	#headline {
		position: absolute;
		left: 200px;
		top: 135px;
		width: 550px;
		text-transform: uppercase;
		font-size: 14px;
		color: #000;
	}

	#content
	{
		position: absolute;
		top: 180px;
		width: 860px;
		float:right;
		padding:10px;
	}



 /* Farben und Sonderformate */

	.error
	{
		color:#FF0000;
		font-weight:bold;
	}


	img.floatleft
	{
		float:left;
		margin:0px 10px 5px 0px;
	}

	img.floatright
	{
		float:right;
		margin:0px 0px 5px 10px;
	}

	hr
	{
		color: #800000;
		background-color: #800000;
		border: 1px #800000 solid;
		width: 90%;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 10px;
	}/* Navigation */

	#topleiste ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#topleiste li
	{
		float: left;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}

	#topleiste a
	{
		color: #000;
		padding: 5px 10px;
		text-decoration: none;
	}

	#topleiste a:hover
	{
		color: #333;
	}



	#navigation ul
	{
		padding: 0;
		margin: 0;
		color: #fff;
	}

	#navigation ul li
	{
		margin-left: 0;
		padding: 10px 0;
		list-style: none;
		text-transform: uppercase;
		color: #fff;
		line-height: 30px;
	}

	#navigation ul li a
	{
		padding: 0px 5px 5px 22px;
		color: #fff;
		text-decoration: none;
	}

	#navigation .nav0active a
	{
		color: #fff;
		font-weight: bold;
		background-image:url(images/public/bluebox.gif);
		background-repeat:no-repeat;
	} /* Spezielle CSS-Angaben ***/

	#leftframe
	{
		position: absolute;
		padding: 0;
		left: 190px;
		width: 400px;
		margin-top: 140px;
	}


	#rightframe
	{
		position: absolute;
		left: 580px;
		padding: 0;
		width: 310px;
		margin-top: 100px;
		margin-right: 20px;
	}

	#leftframe, #rightframe
	{
		font: 12px Arial, Helvetica, sans-serif;
		line-height:18px;
	}

	#titel
	{
		text-align: center;
		position: absolute;
		margin-top: 20px;
		margin-left: 150px;
		width: 700px;
	}

/* Leistungen-Seite */

	div#leistungen_left
	{
		position: absolute;
		padding: 0;
		left: 170px;
		width: 440px;
		margin-top: 10px;
	}

	div#leistungen_right
	{
		position: absolute;
		left: 580px;
		padding: 0;
		width: 270px;
		margin-top: 16px;
		margin-right: 20px;
	}

/* Kontakt-Seite */

	div#kontakt_left
	{
		position: absolute;
		left: 170px;
		padding: 0;
		width: 160px;
		margin-top: 10px;
	}

	#map24
	{
		padding: 0;
		width: 160px;
		position: absolute;
		left: 650px;
		top: 20px;
	}

	div#kontakt_right
	{
		position: absolute;
		left: 360px;
		top: 10px;
		padding: 0;
		width: 320px;
	}

	#ihre_stadt
	{
		width: 180px;
	}

/* Products */

	div#products
	{
		position: absolute;
		padding: 0;
		left: 170px;
		margin-top: 10px;
		clear: both;
	}

	#products ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#products ul li
	{
		float: left;
		margin: 0;
		padding: 0;
	}

	#products ul a
	{
		color: #000;
		padding: 0 10px;
		text-decoration: none;
	}

	#products ul li a:hover
	{
		color: #333;
		text-decoration: underline;;
	}

	#products ul li.nav1active a
	{
		color: #800000;
		font-weight: bold;
	}/* Popups */

	body.popup
	{
		background-color: #fff;
		padding:10px;
		background-image: url();
	}