/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
html, body, p, div {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, div, aside, nav, article {
	display: block;
}

body {
	background: #4a6a82;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -470px;
	width: 940px;
	height: 580px;
	font: 12px/20px Helvetica, Arial, sans-serif;
}

h1, h2 {
	font-size: 28px;
	line-height: 44px;
	padding: 22px 0;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
}

/*------------------------------
=HEADER
------------------------------*/
DIV#logo {
	height: 100px;
	background: url(images/abs_logo.png) top center no-repeat;
}

DIV#logo h1 {
	display: none;
}

/*------------------------------
=NAVIGATION
------------------------------*/

div.navMain {
	background: #ffffff;
	height: 52px;
}

	div.navMain ul {
		list-style: none;
		width: 840px;
		margin: 0;
		padding: 0;
	}

		div.navMain ul li {
			float: left;
				margin: 0;
	padding: 0;
		}
		
			div.navMain ul li a {
				display: block;
				margin-left: 20px;
				padding-left: 8px;
				font-size: 20px;
				padding-top: 15px;
				text-align: center;
				text-decoration: none;
				color: #4a6a82;
				font-family: "Garamond", "Times New Roman", serif;
				border-left: 1px solid #4a6a82;
			}
			
				div.navMain ul li a:hover {
					color: #000000;
				}
			
			div.navMain ul li.selected a {
				padding-top: 32px;
				color: #000000;
				border-left: 1px solid #000000;
			}

div.sub {
	clear: left;
	background: #ffffff;
	height: 50px;
}

	div.sub ul {
		list-style: none;
		margin: 0;
		padding: 0;
		padding-left: 15px;

	}

		div.sub ul li {
			margin: 0;
			padding: 0;
			float: left;
		}
		
			div.sub ul li a {
				display: block;
				margin-left: 5px;
				padding-left: 8px;
				font-size: 14px;
				padding-top: 2px;
				text-align: center;
				text-decoration: none;
				color: #000000;
				font-family: "Garamond", "Times New Roman", serif;
				border-left: 1px solid #4a6a82;
				color: #4a6a82;
			}
			
				div.sub ul li a:hover {
					text-decoration: underline;
				}
			
			div.sub ul li.selected a {
				padding-top: 30px;
				color: #000000;
				border-left: 1px solid #000000;
			}

/*------------------------------
=CONTENT AREA
------------------------------*/

#content {
	padding: 8px 0px 20px 20px;
	background: #ffffff;
	height: 345px;
	display: block;
}	
	#content a{
		color: #4a6a82;
		text-decoration: underline;
	}

	#content div {
			float: left;
		}
		
			#content div#splash, div.splash {
				width: 300px;
				height: 345px;
				margin-right: 40px;
			}
			
			#content div#splash.anfahrt {
				background: #fff;
			}
			
			#content div#splash.kontakt {
				background: url(images/anfahrt.jpg) no-repeat;
			}
			
			#content div.splash.chairs {
				background: url(images/chairs.jpg) no-repeat;
			}
			
			#content div.splash.welcome {
				background: url(images/chairs.jpg) no-repeat;
			}
			
			#content div#splash.schwarz {
				background: url(images/schwarz.jpg) no-repeat;
			}
			
			#content div#splash.brueckner {
				background: url(images/brueckner.jpg) no-repeat;
			}
			
			#content div#splash.rechtsgebiete {
				background: url(images/rechtsgebiete.jpg) no-repeat;
			}
			
			#content div.arbeitsrecht {
				background: url(images/arbeitsrecht.png) no-repeat;
			}
			#content div.impressum {
				background: url(images/impressum.png) no-repeat;
			}
			
			#content div.baurecht {
				background: url(images/baurecht.png) no-repeat;
			}
			
			#content div.erbrecht {
				background: url(images/erbrecht.png) no-repeat;
			}
			
			#content div.mietrecht {
				background: url(images/mietrecht.png) no-repeat;
			}
			
			#content div.strafrecht {
				background: url(images/strafrecht.png) no-repeat;
			}
			
			#content div.verkehrsrecht {
				background: url(images/verkehrsrecht.png) no-repeat;
			}
			
			#content div.wirtschaftsrecht {
				background: url(images/wirtschaftsrecht.png) no-repeat;
			}
			
			#content div.zivilrecht {
				background: url(images/zivilrecht.png) no-repeat;
			}
				#content div#splash h3, #content div.splash h3  {
				float: left;
				background: #ffffff;
				margin-top: 280px;
				padding: 10px 20px 10px 0px;
				font-family: "Garamond", "Times New Roman", serif;
				font-size: 32px;
				font-weight: normal;
				opacity: 0.9;
				}
			
			
			#content div#mainContent {
				width: 520px;
				height: 345px;
				padding-right: 60px;
				overflow: auto;
			}
				#content div#mainContent p {
					padding-bottom: 10px;
				}
				
			#content div#mainContent ul {
				margin: 0;
				padding: 0;
				list-style-type: square;

			}
			
			#content div#mainContent ul li {
					margin: 0;
		padding: 0;
				margin-left: 20px;
			}
/*------------------------------
=FOOTER
------------------------------*/
DIV#footer {
	padding: 3px 0px;
	text-align: right;
	color: #000;
	font-size: 11px;
}	

DIV#footer h3 {
	display: none;
}	
	DIV#footer a {
		color: #000;
		text-decoration: underline;
	}