/* 	Kunde: Angelika Böhm
	Autor: Felix Lange
	
	Farben: dunkles Rot:		#570103
			heller Ton:			#d0b7ad	
			Hintergrund:		#eeeeee
			Navi aktiv:			#9a6e61
			light:				#bd9a8e
			alternativ dunkel:	#87564a
			alternativ hell:	#773530
*/

*, html, body {
	padding: 0;
	margin: 0;
}

body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #570103;
	background-color: #eee;	
}

.clearer {
	clear: both;
}

#conIndex {
	width: 900px;
	height: 500px;
	
	border: 5px solid #fff;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -250px;
		
	background-color: #570103;
	background-image: url(img/home.gif);
	background-repeat: no-repeat;
	background-position: center;
}

	#conIndex h1, #conIndex p {
		display: none;
	}
	
	#conIndex a {
		display: block;
		width: 900px;
		height: 500px;
		
		color: #570103;
		background-color: transparent;
		text-decoration: none;
	}
	
#conMain {
	width: 900px;
	height: 500px;
	
	border: 5px solid #fff;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -250px;
		
	background-color: #d0b7ad;	
}

	#conMain #conHead {
		height: 100px;
	}
	
		#conMain #conHead img#name {
			position: absolute;
			top: 10px;
			right: 10px;
		}
	
		#conMain #conHead p {
			padding: 15px;
		}

	#conMain #conContent {
		height: 250px;
	}
	
		#conMain #conContent img, #conMain #modenschau img {
			float: left;
		}
		
		#conMain #conContent p.inline, #conMain #modenschau p.inline {
			float: left;
			width: 250px;
			padding: 10px 15px;
			line-height: 15px;
		}
		
		#conMain #modenschau p.inline {
			width: 300px;
		}
	
		#conMain .text {
			background-color: transparent;
		}
		
			#conMain .text p {
				width: 550px;
				padding: 0px 15px;
				padding-bottom: 18px;
				
				line-height: 18px;
			}
			
			#conMain .text a {
				color: #570103;
				text-decoration: none;
			}
			
			#conMain .text a:hover {
				text-decoration: underline;
			}
		
		#conMain #galerie, #conMain #modenschau {
			height: 270px;
			width: 900px;
			padding: 0;
			margin: 0;
			overflow: auto;
		}
		
		#conMain #modenschau #wrapper {
			width: 3000px;
		}
		
			#conMain #galerie #wrapper {
				width: 7800px;
			}
		
			#conMain #galerie a, #conMain #modenschau a {
				display: block;
				float: left;
				margin-right: 0px;
			}
		
			#conMain #galerie a img, #conMain #modenschau a img {
				border: none;
			}
		
		#conMain .scroller {
			width: 900px;
			height: 270px;
			padding: 0;
			margin: 0;
			overflow: auto;
		}
		
		#conMain .scroller #wrapper {
			
		}
		
		#conMain .scroller a {
			display: block;
			float: left;
		}
		
		#conMain .scroller a img {
			border: none;
		}
		
		#conMain #conContent h2 {
			font-size: 12px;
			margin-bottom: 10px;
		}
		
		#conMain #conContent div.boxHaendler, #conMain #conContent div.boxLocation {
			width: 165px;
			float: left;
			
			margin-right: 5px;
			margin-bottom: 15px;
			
			background-color: #fff;
			
			font-size: 12px;
		}
		
		#conMain #conContent div.boxLocation {
			width:  175px;
		}
		
		#conMain #conContent div.boxHaendler h2 {
			height: 28px;
		}
		
			#conMain #conContent div.boxHaendler h2, #conMain #conContent div.boxLocation h2 {
				padding: 7px 5px;
				margin: 0;
				
				background-color: #87564a;
				
				font-size: 12px;
				line-height: 14px;
				color: #fff;
				font-weight: normal;
			}
			
			#conMain #conContent div.boxHaendler p, #conMain #conContent div.boxLocation p {
				padding: 10px 5px;
			}
			
			#conMain #conContent div.boxLocation p a {
				color: #773530;
			}
	
	#conMain #conFooter {
		height: auto;
	}
	
		#conMain #conFooter p {
			padding: 0 15px;
			padding-top: 48px;
			text-align: center;
		}
	
		#conMain #conFooter ul#navigation {
			position: absolute;
			bottom: 15px;
			width: 870px;
			
			list-style: none;
			padding: 0 15px;
						
			background-color: #570103;
		}	
		
			#conMain #conFooter ul#navigation li {
				display: block;
				float: left;
			}
		
				#conMain #conFooter ul#navigation li a {
					display: block;
					padding: 5px;
					margin-right: 10px;
			
					text-decoration: none;
					color: #d0b7ad;
					background-color: transparent;
				}
		
				#conMain #conFooter ul#navigation li a:hover {
					color: #570103;
					background-color: #9a6e61;
				}
		
				#conMain #conFooter ul#navigation li a.aktiv, #conMain #conFooter ul#navigation li a.aktiv:hover {
					color: #570103;
					background-color: #9a6e61;
				}
				
				#conMain #conFooter ul#navigation li a.highlight {
					color: #fff;
					background-color: #773530;
				}
				
				#conMain #conFooter ul#navigation li a.highlight:hover {
					color: #570103;
					background-color: #9a6e61;
				}
		
		#conMain #conFooter ul#subNavigation {
			position: absolute;
			bottom: 45px;
			left: 155px;
			width: auto;

			list-style: none;
			padding: 0px;
		}	

			#conMain #conFooter ul#subNavigation li {
				display: block;
				float: left;
			}

				#conMain #conFooter ul#subNavigation li a {
					display: block;
					padding: 5px;
					margin: 0px;

					text-decoration: none;
					color: #570103;
					background-color: transparent;
					
					border-left: 1px solid #fff;
				}

				#conMain #conFooter ul#subNavigation li a:hover {
					color: #773530;
					background-color: transparent;
				}

				#conMain #conFooter ul#subNavigation li a.aktiv, #conMain #conFooter ul#subNavigation li a.aktiv:hover {
					color: #773530;
					background-color: transparent;
				}