/* CSS */

/** BODY ELEMENTS **/

/** FARBEN

On/Hover: #00ADD5

**/

	body {
		color: #333;
		background-color: #fff;
		font-family: "Arial", "Helvetica", sans-serif;
		font-size: .75em;
		text-align: left;
		padding: 0;
		margin: 0;
		}

	table, tr, td
		{
		padding: 0;
		margin: 0;
		text-align: left;
		}

.logo {
	padding: 0 0 0 20px;
}

/** MAIN CONTAINERS **/
#content
	{
	padding: 0;
	margin: 0;
	
	}

/** SUB CONTAINERS **/
#subsubblock
	{
	padding: 5px 0 10px 5px;
	min-height: 95px;
	background-color: #E6E6E6;
	}

#inhalt
	{
	padding: 3px 0 0 0;
	clear: both;
	}

	#inhalt img
		{
		padding: 0 0 10px 0;
		}

/** Produktegruppen - Navi **/
#produktegruppen
	{
	padding: 18px 0 20px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

	#produktegruppen ul {
		list-style:none;
		padding: 0;
		margin: 0;
		background-color: #FFFFFF;
		}

	#produktegruppen li {
		display: block;
		padding: 2px 3px 0 3px;
		margin: 0 0 2px 0;
		}
	
	#produktegruppen li.muk {
		background-color: #C3DD82;
		}
	
	#produktegruppen li.saug {
		background-color: #00A7BA;
		}
	
	#produktegruppen li.neon {
		background-color: #B3A0CE;
		}

	#produktegruppen li.deku {
		background-color: #0098D7;
		}
	
	#produktegruppen a {
		color: #000000;
		text-decoration: none;
		}

	#produktegruppen a:hover {
		color: #FFFFFF;
		}

	#produktegruppen a.active {
		color: #FFFFFF;
		}

/** Produktedetail **/
#produktedetail
	{
	padding: 25px 0 25px 0;
	margin: 0;
	}

	#produktedetail h1
		{
		padding: 0 0 5px 0;
		}

	#produktedetail ul
		{
		list-style:circle;
		}

	#produktedetail p
		{
		padding: 0;
		}

	#produktedetail a {
		text-decoration: underline;
		color: #999999;
		}

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

	#zub {
	padding: 0 0 10px 0;
	color: #00ADD5;
	}

	.back {
	padding: 5px 0 0 215px;
	margin: 0;
	font-size: 0.9em;
	}
	.back a
		{
		text-decoration: underline;
		color: #999999;
		padding: 0 0 0 18px;
		margin: 0 0 0 5px;
		background: url('../img/icon_linkblock.jpg') no-repeat 0 2px;
		}

		.back a:hover
			{
			color: #000000;
			text-decoration: underline;
			}
.spezlink
	{
	padding: 5px 0 0 215px;
	margin: 0;
	font-size: 0.9em;
	}

	.spezlink a
		{
		text-decoration: underline;
		color: #00ADD5;
		padding: 0 0 0 18px;
		margin: 0 0 0 5px;
		background: url('../img/icon_moreinfo.jpg') no-repeat 0 2px;
		}

		.spezlink a:hover
			{
			color: #000000;
			text-decoration: underline;
			}

	#close {
	padding: 20px 0 0 0;
	}
	#close a, #spezlink a {
	color: #999999;
	text-decoration: underline;
	font-size: 0.9em;
	}
	#close a:hover, #spezlink a:hover
			{
			color: #000000;
			text-decoration: underline;
			}


#moreinfo {
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 0.9em;
	text-align: left;
	}
	#moreinfo a
		{
		text-decoration: underline;
		color: #999999;
		padding: 0 0 0 18px;
		margin: 0 0 0 5px;
		background: url('../img/icon_linkblock.jpg') no-repeat 0 2px;
		}

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

/** LINK Bloecke **/
.linkblock
	{
	width: 160px;
	min-height: 240px;
	font-size: 11px;
	background-color: #E6E6E6;
	padding: 0;
	margin: 0 0 8px 0;
	}

	.linkblock img
		{
		padding: 0;
		margin: 0;
		border: 0;
		}

	.linkblock h2
		{
		padding: 8px 5px 12px 10px;
		margin: 0;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		background-color: #c3dd82;
		}

	.links
		{
		padding: 10px 5px 5px 10px;
		line-height: 14px;
		}

		.links a
			{
			text-decoration: none;
			color: #999999;
			}
		.links a:hover
			{
			text-decoration: underline;
			}


/** Slider **/
#pfeillinks
	{
	padding: 20px 3px 0 0;
	margin: 0;
	text-align:right;
	}

	#pfeillinks img {
		padding: 5px 0 0 0;
	}

#pfeilrechts
	{
	padding: 20px 0 0 3px;
	margin: 0;
	}

	#pfeilrechts img {
		padding: 5px 0 0 0;
	}

.box
	{
	padding: 0 0 5px 0;
	margin: 0 37px 10px 0;
	width: 160px;
	height: 230px;
	border: 1px solid #CCCCCC;
	float: left;
	}
	
	.box a
		{
		text-decoration: none;
		}
		.box a:hover
			{
			text-decoration: none;
			}

	.box img
		{
		padding: 0 0 10px 0;
		margin: 0;
		border: 0;
		}
	
	.box a.links
		{
		text-decoration: none;
		color: #999999;
		padding: 0 0 0 18px;
		margin: 0 0 0 5px;
		background: url('../img/icon_linkblock.jpg') no-repeat 0 2px;
		}

		.box a:hover
			{
			color: #000000;
			text-decoration: underline;
			}

	#slider h3
		{
		padding: 8px 5px 12px 5px;
		margin: 0;
		color: #999999;
		font-size: 12px;
		font-weight: normal;
		background-color: #c3dd82;
		}

/** NAVIGATION **/
#hauptnavi {
	padding: 0 0 3px 38px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #B2B2B2;
	min-width: 720px;
	}

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

	#hauptnavi li {
		display:inline;
		padding: 0px 15px 3px 5px;
		margin: 0;
		}
	
	#hauptnavi a {
		color: #B2B2B2;
		text-decoration: none;
		border-right: 1px solid #B2B2B2;
		padding: 0 16px 0 0;
		}

	#hauptnavi a:hover {
		color: #00ADD5;
		}

	#hauptnavi a.active {
		color: #00ADD5;
		}

#metanav {
	padding: 5px 15px 3px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B2B2B2;
	text-align: right;
	}

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

	#metanav li {
		display:inline;
		padding: 0px 2px 3px 2px;
		margin: 0;
		}
	
	#metanav a {
		color: #B2B2B2;
		text-decoration: none;
		border-right: 1px solid #B2B2B2;
		padding: 0 2px 0 0;
		}

	#metanav a.last {
		border-right: 0px solid #B2B2B2;
		padding: 0 2px 0 0;
		}

	#metanav a:hover {
		color: #00ADD5;
		}

	#metanav a.active {
		color: #00ADD5;
		}


#subnavi {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
line-height: 21px; 
	}

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

	#subnavi li {
		display:inline;
		padding: 3px 35px 3px 5px;
		margin: 0;
		}

		.on {
		background-color: #E6E6E6; /*E6E6E6;*/
		line-height: 21px; 
		}
	
	#subnavi a {
		color: #B2B2B2;
		text-decoration: none;
		}

	#subnavi a:hover {
		color: #00ADD5;
		}

	#subnavi a.active {
		color: #00ADD5;
		font-weight: bold;
		}

/** Sub Sub Navi **/
#subnavi2 {
	padding: 0;
	margin: 0;
	width: 180px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

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

	#subnavi2 li {
		display: block;
		padding: 2px 0 0 0;
		margin: 0;
		}
	
	#subnavi2 a {
		color: #4C4C4C;
		text-decoration: none;
		font-weight: bold;
		}

	#subnavi2 a:hover {
		color: #00ADD5;
		}

	#subnavi2 a.active {
		color: #00ADD5;
		padding: 0;
		margin: 0;
		}

/** Sub Sub Navi block, pro Block 6 Eintraege moeglich */
#subnavi3 {
	padding: 0;
	margin: 0;
	width: 216px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

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

	#subnavi3 li {
		display: block;
		padding: 2px 0 0 0;
		margin: 0;
		}
	
	#subnavi3 a {
		color: #4C4C4C;
		text-decoration: none;
		}

	#subnavi3 a:hover {
		color: #00ADD5;
		}

	#subnavi3 a.active {
		color: #00ADD5;
		padding: 0;
		margin: 0;
		}

/** Sub Sub Navi block, pro Block 6 Eintraege moeglich */
#subnavi4 {
	padding: 0;
	margin: 0;
	width: 200px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

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

	#subnavi4 li {
		display: block;
		padding: 2px 0 0 0;
		margin: 0;
		}
	
	#subnavi4 a {
		color: #4C4C4C;
		text-decoration: none;
		}

	#subnavi4 a:hover {
		color: #00ADD5;
		}

	#subnavi4 a.active {
		color: #00ADD5;
		padding: 0;
		margin: 0;
		}


/** TYPOGRAPHY **/
h1
	{
	font-weight: normal;
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #00ADD5;
	}
/** FORMS **/


/*MIETSUCHE */
#mietsuche, #mietsuche td
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
	list-style:none;
	line-height: 12px;
	color: #003366;
	}

#mietform {
	padding: 10px 0 25px 0;
	margin: 0;
}
	.forminput {
		padding: 3px;
		margin: 0;
		border: 1px solid #DADADA;
		height: 18px;
		width: 250px;
	}
	.forminputSmall {
		padding: 3px;
		margin: 0;
		border: 1px solid #DADADA;
		height: 18px;
		width: 50px;
	}

#miettitel
	{
		padding:5px 5px 5px 2px;
		background-color: #EAEAEA;
		border-bottom: 1px solid #999999;
	}	

#miettitel h1
	{
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	}
	
#mietsuche a
	{
	text-decoration: underline;
	color: #003366;
	}
	
	#mietsuche a:hover
	{
	text-decoration: underline;
	color: #FF0000;
	}

#mietsuche td
	{
	padding: 0 0 5px 0;
	margin: 0;
	}
	
#mietsuche td.no
	{
	padding: 0;
	margin: 0;
	border-top: 1px solid #DEDEDE;
	}

.black
	{
	color: #000000;
	padding: 5px 0 0 0;
	}
/** END MIETSUCHE **/



/** FOOTER **/
#copyright
	{
	padding: 10px 0 30px 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D1D1D1;
	}
	
	#copyright a
		{
		font-family: Times, "Times New Roman", serif;
		font-size: 10px;
		color: #D1D1D1;
		text-decoration: none;
		}

		#copyright a:hover {
		color: #999999;
		}



/**Printer Icon **/
#printer {
	padding: 0;
	margin: 0;
}
/** END **/