@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: www.baumgarten-pattensen.de
	author: Matthias König
	
	1. Allgemeines
	2. Header
		2.1 Logo
		2.2 Navi
		2.3 Subnavi
	3. Content-Box
		3.1 Sidebar
		3.2 Content
			3.2.1 Dreispaltig
			3.2.2 Zwei-links
			3.2.3 Zwei-rechts
			3.2.4 Halb
	4. Footer
	
----------------------------------------
	Colors
----------------------------------------

	BG			-			#e5e5e5
	
	Grau		-			#515151
	
	Rot			-			#c00
	
----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		}
		
	body {
		font: 62.5%/1.8em Arial, Helvetica, sans-serif;
		color: #515151;
		background: #e5e5e5 url(../images/bg.jpg) 0 0 repeat-x;
		}
		
	#wrapper {
		width: 950px;
		margin: 0 auto;
		font-size: 1.2em;
		background: #fff;
		}
		
	h1 {
		font-size: 2.0em;
		margin: 0 0 1.2em 0;
		color: #999;
		}
		
	h2 {
		font-size: 1.2em;
		color: #c00;
		margin: 0 0 1.2em 0;
		}
		
	p {
		margin: 0 0 1.2em 0;
		}
		
	strong {
		font-weight: normal;
		color: #c00;
		}
		
	.cleaner {
		clear: both;
		float: none;
		}
		
/* -------------------------------------
	2. Header
------------------------------------- */

	#header {
		width: 900px;
		height: 388px;
		background: url(../images/head.jpg) 0 0 no-repeat;
		padding: 0 0 0 50px;
		}
		
			/* -------------------------------------
				2.1 Logo
			------------------------------------- */
			
				#logo {
					width: 250px;
					height: 134px;
					background: url(../images/logo.jpg) 0 0 no-repeat;
					}
					
			/* -------------------------------------
				2.2 Navi
			------------------------------------- */
			
				#navi {
					width: 250px;
					}
					
				#navi ul {
					list-style: none;
					}
					
				#navi ul li a {
					width: 212px;
					height: 28px;
					padding: 12px 0 0 38px;
					display: block;
					background: url(../images/button.jpg) 0 0 no-repeat;
					color: #515151;
					text-decoration: none;
					}
					
				#navi ul li a:hover,
				#navi ul li a.active {
					background: none!important;
					}
					
				#navi ul li a .rot {
					font-size: 1.2em;
					color: #c00;
					font-weight: bold;
					}
					
			/* -------------------------------------
				2.3 Subnavi
			------------------------------------- */
			
				#subnavi {
					width: 250px;
					height: 18px;
					padding: 22px 0 0 0;
					text-align: center;
					color: #8c8c8c;
					font-size: 0.9em;
					}
					
				#subnavi a {
					color: #8c8c8c;
					text-decoration: none;
					margin: 0 5px;
					}
					
				#subnavi a:hover,
				#subnavi a.active {
					color: #c00;
					text-decoration: none;
					}
					
/* -------------------------------------
	3. Content-Box
------------------------------------- */

	#content-box {
		width: 950px;
		}
		
	#content-box a {
		color: #999;
		text-decoration: none;
		}
		
	#content-box a:hover {
		color: #999;
		text-decoration: underline;
		}
		
	#content-box .schmal {
		width: 173px;
		height: 18px;
		background: url(../images/hr_schmal.jpg) 0 0 no-repeat;
		}
		
	#content-box .breit {
		width: 589px;
		height: 25px;
		background: url(../images/hr_breit.jpg) 0 0 no-repeat;
		float: none;
		clear: both;
		}
		
			/* -------------------------------------
				3.1 Sidebar
			------------------------------------- */
			
				#sidebar {
					width: 178px;
					height: 360px;
					border-left: #ccc dotted 1px;
					border-right: #ccc dotted 1px;
					margin: 0 30px 0 50px;
					padding: 37px 31px 0 39px;
					float: left;
					background: url(../images/sidebar.jpg) 0 0 no-repeat;
					}
					
				#sidebar .einzug {
					padding: 0 0 0 34px;
					}
					
			/* -------------------------------------
				3.2 Content
			------------------------------------- */
			
				#content {
					width: 589px;
					padding: 5px 31px 0 0;
					float: left;
					}
					
				#content .img {
					border: 1px solid #ccc;
					background: #fff;
					padding: 4px;
					margin: 0 0 1.2em 0;
					}
					
				#content .icon {
					width: 36px;
					height: 36px;
					float: left;
					}
					
				#content ul {
					list-style: none;
					margin: 0 0 1.2em 0;
					}
					
				#content ul li {
					margin: 0 0 1.2em 0;
					padding: 0 0 0 20px;
					background: url(../images/pfeil.gif) 0 2px no-repeat;
					}
					
				#content #euroweb img {
					float: left;
					margin: 0 15px 0 0;
					}
					
						/* -------------------------------------
							3.2.1 dreispaltig
						------------------------------------- */
						
							#content .drei-eins {
								width: 169px;
								padding: 0 20px 0 0;
								border-right: 1px dotted #ccc;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
							#content .drei-zwei {
								width: 169px;
								padding: 0 20px;
								border-right: 1px dotted #ccc;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
							#content .drei-drei {
								width: 169px;
								padding: 0 0 0 20px;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
						/* -------------------------------------
							3.2.2 Zwei-links
						------------------------------------- */
						
							#content .links-eins {
								width: 379px;
								padding: 0 20px 0 0;
								border-right: 1px dotted #ccc;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
							#content .links-zwei {
								width: 169px;
								padding: 0 0 0 20px;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
						/* -------------------------------------
							3.2.3 Zwei-rechts
						------------------------------------- */
						
							#content .rechts-eins {
								width: 169px;
								padding: 0 20px 0 0;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
							#content .rechts-zwei {
								width: 379px;
								padding: 0 0 0 20px;
								border-left: 1px dotted #ccc;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
						/* -------------------------------------
							3.2.4 Halb
						------------------------------------- */
						
							#content .links {
								width: 274px;
								padding: 0 20px 0 0;
								float: left;
								margin: 0 0 1.2em 0;
								}
								
							#content .rechts {
								width: 274px;
								padding: 0 0 0 20px;
								border-left: 1px dotted #ccc;
								float: left;
								margin: 0 0 1.2em 0;
								}
					
/* -------------------------------------
	4. Footer
------------------------------------- */

	#footer {
		width: 935px;
		height: 35px;
		padding: 15px 15px 0 0;
		background: url(../images/footer.jpg) 0 0 no-repeat;
		text-align: right;
		color: #fff;
		font-size: 0.9em;
		}
		
	#footer a {
		color: #fff;
		text-decoration: none;
		margin: 0 5px;
		}
		
	#footer a:hover,
	#footer a.active {
		color: #fff;
		text-decoration: underline;
		}
		
/* -------------------------------------
	Ende ;)
------------------------------------- */