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

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: laborarztpraxis-van-de-loo.de
	
	1. Allgemeines
	2. Header
		2.1 Header
		2.2 Subnavi
			2.2.1 Home
			2.2.2 Kontakt
			2.2.3 Newsletter
			2.2.4 Anfahrt
			2.2.5 Impressum
		2.3 Anschrift
	3. Inhalt-Box
		3.1 Sidebar
		3.2 Content-Box
			3.2.1 Content
			3.2.2 Footer
		
----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		}
		
	body {	
		font: 62.5% Arial, Helvetica, sans-serif;
		color: #666;
		line-height: 18px;
		background: #fff;
		}
		
	#wrapper {
		width: 994px;
		margin: 0 auto;
		}
		
	h1 {
		display: none;
		}
		
	h2 {
		font-size: 2.0em;
		color: #389ff8;
		font-weight: normal;
		margin: 0 0 14px 0;
		position: relative;
		}
		
	h2 span {
		background: none;
		position: absolute;
		display: block;
		width: 100%;
		height: 22px;
		}
		
	h3 {
		width: 235px;
		height: 47px;
		margin: 45px 0 0 0;
		padding: 9px 0 0 20px;
		background: url(../images/h3.jpg) 0 0 no-repeat;
		font-size: 1.2em;
		color: #fff;
		}
		
	h4 {
		width: 260px;
		height: 47px;
		margin: 45px 0 0 0;
		padding: 9px 0 0 20px;
		background: url(../images/h4.jpg) 0 0 no-repeat;
		font-size: 1.2em;
		color: #fff;
		}
		
	p {
		margin: 14px 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
	#euroweb {
		margin: 14px 0;
		}
		
	.download {
		width: 32px;
		height: 30px;
		display: block;
		background:url(../images/pdf.gif) 0 0 no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		font-size: 0.01em;
		}
		
/* -------------------------------------
	2. Header
------------------------------------- */

	#header {
		width: 994px;
		height: 323px;
		background: url(../images/header.jpg) 0 0 no-repeat;
		position: relative;
		font-size: 1.3em;
		}
		
			/* -------------------------------------
				2.1 Logo
			------------------------------------- */
			
				#logo {
					width: 245px;
					height: 55px;
					position: absolute;
					top: 61px;
					left: 41px;
					}
			
			/* -------------------------------------
				2.2 Subnavi
			------------------------------------- */
			
				#subnavi {
					width: 403px;
					height: 26px;
					position: absolute;
					top: 82px;
					left: 569px;
					}
					
				#subnavi ul {
					list-style-type: none;
					}
					
				#subnavi ul li {
					float: left;
					}
					
				#subnavi ul li a {
					height: 26px;
					text-indent: -10000px;
					color: #fff;
					font-size: 1px;
					overflow: hidden;
					display: block;
					}
					
						/* -------------------------------------
							2.2.1 Home
						------------------------------------- */
								
							#subnavi ul li a.home {
								width: 62px;
								background: url(../images/home.jpg) 0 0 no-repeat;
								}
								
							#subnavi ul li a.home:hover,
							#subnavi ul li a.homeActive {
								width: 62px;
								background: url(../images/home.jpg) 0 -26px no-repeat;
								}
								
						/* -------------------------------------
							2.2.2 Kontakt
						------------------------------------- */
								
							#subnavi ul li a.kontakt {
								width: 76px;
								background: url(../images/kontakt.jpg) 0 0 no-repeat;
								}
								
							#subnavi ul li a.kontakt:hover,
							#subnavi ul li a.kontaktActive {
								width: 76px;
								background: url(../images/kontakt.jpg) 0 -26px no-repeat;
								}
								
						/* -------------------------------------
							2.2.3 Newsletter
						------------------------------------- */
								
							#subnavi ul li a.newsletter {
								width: 93px;
								background: url(../images/newsletter.jpg) 0 0 no-repeat;
								}
								
							#subnavi ul li a.newsletter:hover,
							#subnavi ul li a.newsletterActive {
								width: 93px;
								background: url(../images/newsletter.jpg) 0 -26px no-repeat;
								}
								
						/* -------------------------------------
							2.2.4 Anfahrt
						------------------------------------- */
								
							#subnavi ul li a.anfahrt {
								width: 74px;
								background: url(../images/anfahrt.jpg) 0 0 no-repeat;
								}
								
							#subnavi ul li a.anfahrt:hover,
							#subnavi ul li a.anfahrtActive {
								width: 74px;
								background: url(../images/anfahrt.jpg) 0 -26px no-repeat;
								}
								
						/* -------------------------------------
							2.2.5 Impressum
						------------------------------------- */
								
							#subnavi ul li a.impressum {
								width: 98px;
								background: url(../images/impressum.jpg) 0 0 no-repeat;
								}
								
							#subnavi ul li a.impressum:hover,
							#subnavi ul li a.impressumActive {
								width: 98px;
								background: url(../images/impressum.jpg) 0 -26px no-repeat;
								}
			
			/* -------------------------------------
				2.3 Anschrift
			------------------------------------- */
			
				#anschrift {
					width: 250px;
					color: #fff;
					font-weight: bold;
					position: absolute;
					top: 153px;
					left: 40px;
					}

/* -------------------------------------
	3. Content-Box
------------------------------------- */

	#inhalt-box {
		width: 994px;
		font-size: 1.3em;
		}
		
	#inhalt-box a {
		color: #389ff8;
		text-decoration: none;
		}
		
	#inhalt-box a:hover {
		color: #389ff8;
		text-decoration: underline;
		}
		
	#inhalt-box a.active {
		color: #389ff8;
		text-decoration: underline;
		}
		
			/* -------------------------------------
				3.1 Sidebar
			------------------------------------- */
			
				#sidebar {
					width: 349px;
					padding: 0 0 0 21px;
					margin: 0 0 30px 0;
					background: #fff url(../images/sidebar.jpg) 0 0 no-repeat;
					float: left;
					}
					
				#sidebar p {
					margin: 0 90px 14px 20px;
					}
				
				#sidebar ul#navi {
					list-style-type: none;
					margin: 0 0 0 20px;
					}
					
				#sidebar ul#navi li {
					width: 220px;
					height: 30px;
					padding: 0 0 0 20px;
					background: url(../images/pfeil.png) 0 4px no-repeat;
					font-size: 1.0em;
					}
					
				#sidebar ul#navi li.leistungen-aktiv {
					width: 220px;
					height: 30px;
					padding: 0 0 0 20px;
					background: url(../images/leistungen_aktiv.jpg) 0 5px no-repeat;
					}
					
				#sidebar ul#navi li.unterpunkt {
					width: 200px;
					height: 30px;
					padding: 0 0 0 20px;
					margin: 0 0 0 30px;
					background: url(../images/unterpunkt.jpg) 0 0 no-repeat;
					}
					
				#sidebar ul#navi li.unterpunkt-last {
					padding: 0 0 0 20px;
					margin: 0 0 0 30px;
					background: url(../images/unterpunkt_last.jpg) 0 0 no-repeat;
					}
					
				#sidebar ul#navi li a {
					color: #666;
					text-decoration: none;
					}
					
				#sidebar ul#navi li a:hover {
					color: #666;
					text-decoration: underline;
					}
					
				#sidebar ul#navi li a.active {
					color: #000;
					text-decoration: none;
					}
					
				#sidebar ul#navi li a.active:hover {
					color: #000;
					text-decoration: underline;
					}
					
			/* -------------------------------------
				3.2 Content
			------------------------------------- */
			
				#content-box {
					width: 552px;
					padding: 0 72px 0 0;
					float: left;
					background: #fff url(../images/content.jpg) 0 0 no-repeat;
					}
					
				#content-box .links {
					width: 256px;
					float: left;
					margin: 0 20px 0 0;
					}
					
				#content-box .rechts {
					width: 256px;
					float: left;
					margin: 0 0 0 20px;
					}
					
						/* -------------------------------------
							3.2.1 Content
						------------------------------------- */
							
							#content {
								width: 552px;
								padding: 16px 0;
								}
								
							#content .highlighted {
								border: 1px solid #ccc;
								padding: 20px;
								background: #eee;
								}
								
							#content .register {
								border: 1px solid #ccc;
								padding: 20px;
								background: #eee;
								text-align: center;
								margin: 0 0 1.2em 0;
								}
								
							#content ul {
								list-style-type: none;
								margin: 14px 0;
								}
								
							#content ul li {
								background: url(../images/pfeil.png) 0 5px no-repeat;
								padding: 0 0 0 20px;
								}
								
							#content ul#registerliste {
								list-style-type: none; 
								margin: 0 0 14px 0;
								}
								
							#content ul#registerliste li {
								float: left;
								margin: 0 12px;
								background: none;
								padding: 0;
								}
								
							#content input {
								padding:  2px;
								border: 1px #ccc solid;
								background:#fcfcfc url(../images/form-hg.png) repeat-x;
								color: #515151;
								}
					
						/* -------------------------------------
							3.2.2 Footer
						------------------------------------- */
						
							#footer {
								width: 552px;
								padding: 16px 0;
								height: 100px;
								border-top: 1px solid #666;
								float: left;
								}
								
/* -------------------------------------
	Ende ;)
------------------------------------- */