/* Grundeinstellungen */	
	
	
	body { 
		margin:0;  
		background:#111111; color:#ffffff;
		font-family:Arial; font-size:11px;}

	#seite {
		width:900px; 
		margin:20px auto 20px auto; }

		#slider {
			display:block;
			width:900px; height:auto; 
			background:#004067 url('../src/blauerverlauf.png') repeat-x; }

		#subinhalt {
			display:inline-block;
			padding:0 0 0 40px; margin:20px 0 0 0;
			width:860px; 
			background:#222222 url('../src/westhafenstudios.jpg') no-repeat;}
			
			#subinhalt div {
				display:inline-block;
				vertical-align:top;  }
					#subinhalt div:first-child { width:365px; }
					#subinhalt div.anfahrtsskizze { width:288px; height:274px; background:url('../src/turmstrasse.png'); border:1px solid #262626; border-top:0; border-left:0; }
					#subinhalt div:first-child { width:365px; }
			
		#footer {
			display:block; }

ul, li {
	padding:0; margin:0;
	list-style:none; }

	ul.teaser {
		display:inline-block;
		width:900px; padding:0 0 20px 0; }
	
	ul.items {
		display:inline-block;
		padding:0; margin:0; }
	
		ul.items li {
			vertical-align:top;
			display:inline-block;
			width:300px; }
			
			ul.items ul {
				display:block;
				margin:0px; padding:0px 0px 0px 14px; }

				ul.items ul li {
				margin:0px; padding:0px; line-height:20px; color:#b3c1ca; }
		
		.merken { border:1px #004067 solid; }
		
h1, h2, h3 , h1 a, h2 a, h3 a { color:#FFF; }	

	h2, h3 { font-size:11px; }
	h1,h4 { font-size:12px; }
	h1 { margin:14px 0px 0px 14px; }
	h2 { margin:0px 0px 6px 14px; }
	h3 { margin:14px 0px 12px 14px; font-weight:normal; }
	h4 { margin:14px 0px 12px 14px; }

.bx_pager { display:none; background:#ffffff; }

.next, .prev { display:inline-block; background:#ffffff; padding:10px; margin:5px 0 0 0; width:430px; color:#666666;  }
.prev { top:0; left:0; float:left; text-align:left;  }
.prev:hover { background:#ffffff url('../src/pfeilinks.png') center right no-repeat; } 
.next { top:0; left:0; float:right; text-align:right; }
.next:hover { background:#ffffff url('../src/pfeirechts.png') center right no-repeat; } 


	

	/* Überschriften */		
	
	
		


	#subinhalt {color:#999999;}

	/* Absätze */

	p { 
		margin:0px 0px 6px 20px; padding:0px; color:#b3c1ca; }

	div#subinhalt p { margin-left:14px; margin-right:14px; color:#999999; }

	div#footer p { color:#333333; }

	/* Textformatierung */

	.blau { 
		color:#0077bf; }

	.grau {
		color:#777777; }

	/* Auflistungen */

	

	/* Verweise */

	

	#subinhalt a { color:#999999; }




* { padding:0; margin:0; border:0; text-decoration:none; list-style:none; }

a, a:hover { border:0; text-decoration:none }

p a, h3 a, .item ul li a {
		color:#b3c1ca; border-bottom:1px solid #0077bf; text-decoration:none; }
		
		h3 a { color:#fff; }
		
		
p a:hover {
		border-bottom:1px solid #ffffff; color:#ffffff; }
 


	a.selected .button {background:#00213b; color:#ffffff;}
  
	.button {float:left; color:#999999; font-weight:normal; padding:6px 10px 6px 10px; background:#222222; font-size:11px; text-align:center; }
	a:hover .button {color:#ffffff; }


	

		img {
			border:none }

			img.angebot { 
				margin:8px 0px 0px 0px; position:relative; top:0px; left:180px; background:url('src/probestunde.gif'); }

			img.pdf { 
				margin:8px 0px 0px 0px; position:relative; top:0px; left:170px; background:url('src/pdf.gif'); }

			img.angebotnicht {
				margin:8px 0px 0px 0px; position:relative; top:0px; left:180px; background:none; }

			img.bild {
				width:288px; height:288px; }
/*

span.punkt {color:#0066a4; margin:0px 5px 0px 1px; font-weight:bolder; }

*/

span.punkt {margin:0px 5px 0px 3px; font-weight:bolder; }

div#footer {
	float:left; clear:both; margin:0px 0px 60px 0px;
	width:932px; height:auto; padding:0px; ;
	color:#333333; }

	div#footer div {
		float:left;
		width:310px; }

	div#footer div {
		float:left;
		width:310px; }

	div#footer h1 {
		padding:0px; margin:14px 0px 0px 14px; }

	div#footer p {
		padding:0px; margin:4px 0px 4px 14px; }  

	div#footer a {
		color:#333333; border:none; }

	div#footer a:hover {
		border-bottom:1px solid #333333; color:#ffffff; }