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

<style type="text/css">


	* 										{		
												padding: 0; margin: 0; 
	}

	body 									{
												 font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
												 font-style:normal;
												 font-size: 12px;
												 background-color:#fff;
	}
										
	#wrapper 							{ 
												 margin: 0 auto;
												 width: 972px;
	}
											
	#header 							{
												 width: 972px;
												 color: #333;
												 padding: 0px;
												 border: 0px solid #ccc;
												 height: 75px;
												 margin: 23px 0px 10px 0px;
												 padding: 0 0 0 0;
												 background: #fff;
	}
										
	#navigation	 					{
												 width: 972px;
												 height: 32px;
												 color: #333;
												 padding: 0px;
												 border: 0px solid #ccc;
												 margin: 0px 0px 0px 0px;
												 margin: 0;
												position: absolute;
												z-index:200;
											 
	}					

	#navigation div#menu		{
												width: 972px; 	
												height: 28px;
												padding: 0 0 0 0;		
												background-color: #fff;
												font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
												font-size: 14px; 
												line-height: 28px; 
												float: left;
										}
								
	#navigation div#menu ul	{	
												float:left;
												width: 194px;
												list-style-type: none; 
												
										}
										
										
	#navigation div#menu h3	{		
												font-family:'PTSansRegular', Arial, sans-serif;
												font-size:14px;
												text-align: center;
												color: #000;
												background-color:#FFF;
											    letter-spacing: 1px;
												
										}
		    
	#navigation div#menu a	{
												text-decoration: none;
												border: 0px solid #fff;
												background-color: #FFF;
												color: #276714;
												display: block;					
												/* Inline-Element verhält sich wie Blockelement; macht komplettes Element 'anklickbar' */
												
												/*Transparenz:*/
												opacity: 0.8;	/* Der Befehl mit Gültigkeit in aller gängigen Browsern in Zukunft? */
												/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  IE 8 */
												/* filter:alpha(opacity=8); IE4-7 */
												-khtml-opacity: 0.8;  /*sehr alte Versionen von Mozilla Firefox */
												-moz-opacity: 0.8;  /*alte Versionen von Mozilla Fireox */
												-webkit-opacity: 0.8;  /*alte Versionen von Webkit-Browsern */
												
												
										}
										
#navigation div#menu a:hover	
											{	color: #FFF;
												background-color: #84B775;
												font-family:  'PTSansRegular', Arial, sans-serif;
												
												/*Transparenz weg bei :hover*/
												opacity: 1;	/* Der Befehl mit Gültigkeit in aller gängigen Browsern in Zukunft? */
												/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha: alpha(Opacity=100)";  IE 8 */
												/*filter:alpha(opacity=1);  IE4-7 */
												-khtml-opacity: 1;  /*sehr alte Versionen von Mozilla Firefox */
												-moz-opacity: 1;  /*alte Versionen von Mozilla Fireox */
												-webkit-opacity:1;  /*alte Versionen von Webkit-Browsern */
												
											}
										
#navigation div#menu li			{				position: relative;
													
											}
											
/*#navigation div#menu li:hover	{		
												border: 0px solid red;
												box-shadow:2px 4px 5px #999;	
											}*/
										
#navigation div#menu ul ul 		{	
												position: absolute;	
												display:none;			
												z-index:200;		
												border: 0px solid red;
												box-shadow:2px 4px 3px #999;	
												/*z-index:300;	*/
											}
										
#navigation div#menu ul li:hover ul 		
											{	display:block;
												/* z-index:300;	*/	
													
											}
													
#navigation div#menu ul li 		{
												width: auto;
												text-align: center;
												color: #276714;
											}													
										
			/* content alt 
										div#content 			
											{ 
												 width: 952px;
												 height: 560px;
												 color: #333;
												 border: 0px solid #ccc;
												 background-color: transparent;
												 margin: 0px 0px 0px 0px;
												 padding: 10px;
												 position:relative;
												 background-image:url(../images/kanten_alle.jpg);
												 background-repeat:no-repeat;
											}/* content alt ende */
											
											
											
							div#content 			
											{
	width: 952px;
	/*												 height: 560px;*/
	height: 660px;
	color: #333;
	border: 0px solid #ccc;
	background-color: transparent;
	margin: 32px 0px 0px 0px;
	padding: 10px;
	position: absolute;
	background-image: url(../images/kanten_alle.jpg);
	background-repeat: no-repeat;
	z-index: 100;
	top: 110px;
											}
											
											
											
											/* ist höher angelegt, hat keine begrenzung nach unten im hintergrundbild */
							div#content_hoch 			
											{ 
												 width: 952px;
												 height: 900px;
												 color: #333;
												 border: 0px solid #ccc;
												 background-color: transparent;
												 margin: 32px 0px 0px 0px;
												 padding: 10px;
												 position:absolute;
												 background-image:url(../images/kanten_nur_seiten.jpg);
												 background-repeat:no-repeat;
												 z-index:100;
											}
											
											
						div#content_danke 			
											{ 
												float:left;
												width:892px;
												height:500px;
												background-color: transparent;
												background-image:url(../images/k_danke_strand_932x560.jpg);

												margin: 0 10px 0 10px;
												padding: 30px 0 30px 40px;
											}
											
											
					div#con_bilder			{	float:left;
												width:892px;
												height:510px;
												background-color: transparent;
												margin: 0 10px 0 0;
												padding: 30px 0 20px 40px ;
												
												
											}
											
											
											
					div#con_bilder	p		{
												font-family: 'PTSansRegular', Helvetica, sans-serif;
												font-size:15px;
												font-style: normal;
												line-height:20px;
												color: #666;
											}
	}
											
					/* grundriss dummy */						
					#con_grund				{	float:left;
												width:892px;
												height:560px;
												background-color: transparent;
												/*background-image:url(../images/w_grundstueck_932x560.jpg);*/

												margin: 0 10px 0 20px;
												padding: 0px 0px 0px 0px;
											}
											
					
											
					/* grundriss reethaus 1 */						
					#con_grund_1				{	float:left;
												width:892px;
												height:500px;
												background-color: transparent;
												background-image:url(../images/w_h1_grundriss_932x500.jpg);

												margin: 0 10px 0 20px;
												padding: 30px 0 30px 40px;
											}						
											
				/* grundriss reethaus 2 */						
					#con_grund_2				{	float:left;
												width:892px;
												height:500px;
												background-color: transparent;
												background-image:url(../images/w_h2_grundriss_932x500.jpg);

												margin: 0 10px 0 20px;
												padding: 30px 0 30px 40px;
											}
											
											
				/* grundriss reethaus 3 */						
					#con_grund_3				{	float:left;
												width:892px;
												height:500px;
												background-color: transparent;
												background-image:url(../images/w_h3_grundriss_932x500.jpg);

												margin: 0 10px 0 20px;
												padding: 30px 0 30px 40px;
											}
											
											
			/* grundriss Appartem */						
					#con_grund_app			{	float:left;
												width:892px;
												height:500px;
												background-color: transparent;
												background-image:url(../images/w_app_grundriss_932x500.jpg);

												margin: 0 10px 0 20px;
												padding: 30px 0 30px 40px;
											}
											
											
			/* grundriss atelier */						
					#con_grund_atelier				{	float:left;
												width:892px;
												height:500px;
												background-color: transparent;
												background-image:url(../images/w_atelier_grundriss_932x500.jpg);

												margin: 0 10px 0 20px;
												padding: 30px 0 30px 40px;
											}														
											
											
											
											
				/*Text Container rechts fuer Kursinfo*/
	div#content div#con_right_text			
											{
												float:left;
												width:370px;
												height:350px;
												background-color: transparent;
												margin: 0 0px 0 520px;
												padding: 30px 0px 20px 0px;
												position:relative;
										}
	
	/* Schrift im container (rechts) für Grundriss */
										
	div#con_right_text h1		
											{ 
												font-family: 'PTSansCaptionRegular', Helvetica, sans-serif;
												font-size: 28px;
												font-style: normal;
												line-height:48px;
												color: #333;
											}
											
	div#con_right_text h2					{ 
												font-family: 'PTSansRegular', Helvetica, sans-serif;
												font-size:15px;
												font-style: normal;
												line-height:20px;
												color: #666;
											}
	
	div#con_right_text p					{ 
												font-family: 'PTSansRegular', Helvetica, sans-serif;
												font-size:14px;
												font-style:normal;
												line-height:22px;
												color: #333;
											}
										
										
	
					a:link	,
					a:visited			{	color: #333;
											font-family: 'PTSansRegular', Arial, sans-serif;
											text-decoration:none;
										}
									
	
					a:hover,
					a:focus				{	color: #84B775;
											font-family: 'PTSansRegular', Arial, sans-serif;
											text-decoration:none;
										}
					
					a:active			{	color: #84B775;
											font-family: 'PTSansBold', Arial, sans-serif;
											text-decoration:none;
										}
	

	
	div#content div#con_left			
											{
												float:left;
											/*	width:520px;*/
													width:390px;
												height:530px;
												background-color: transparent;
												margin: 0 0 0 0;
												padding: 20px 10px 0px 40px ;
											}
											
											
	div#content_hoch div#con_left			
											{
												float:left;
												width:520px;
												height:510px;
												background-color: transparent;
												margin: 0 0 0 0;
												padding: 30px 10px 20px 40px ;
											}
	
	
	div#con_grund div#con_headline			
											{
												float:left;
												width:500px;
												height:510px;
												background-color: transparent;
												margin: 0 0 0 0;
												padding: 0px 0px 0px 0px ;
											}
											
	div#con_grund div#con_headline h1			
											{
												font-family: 'PTSansCaptionRegular', Helvetica, sans-serif;
												font-size: 18px;
												font-style: normal;
												line-height:32px;
												color: #333;
												text-align:center;
											}
										
										
										/* bleibt so! */	
	div#content div#con_left_kontakt			
											{
												float:left;
												width:530px;
												height:510px;
												background-color: transparent;
												margin: 0 0 0 0;
												padding: 30px 10px 20px 40px ;
											}
											
	
	div#content div#con_left_kontakt_danke			
											{
												float:left;
												width:600px;
												height:510px;
												background-color: transparent;
												margin: 0 0 0 0;
												padding: 30px 10px 20px 40px ;
											}
		
	
										/*Bilder Container rechts*/
	div#content div#con_right			
											{
												float:left;
												width:500px;
												height:5
													50px;
												background-color:transparent;
												margin: 0 0px 0 0;
												padding: 30px 10px 20px 0px;
												position:relative;
	}
	
	
		
	/*Bilder Container rechts, aber hoch bzw hoeher als normaler div#con_right */
	div#content_hoch div#con_right_hoch			
											{
												float:left;
												width:370px;
												height:810px;
												background-color:transparent;
												margin: 0 0px 0 0;
												padding: 30px 10px 20px 0px;
												position:relative;
	}
	
	
	
											/* bleibt so! */	
div#content div#con_right_kontakt			
											{
												float:left;
												width:350px;
												height:510px;
												background-color:transparent;
												margin: 0 0px 0 0;
												padding: 30px 0px 20px 0px;
												position:relative;
	}
	
		/*Bilder im Container rechts*/
	
		div#con_right img					{	float:left;
												margin: 0 0 10px 10px;

											}
	
		div#con_right div#karte				{	float:left;
												margin: 0 0 10px 10px;
											}
											
		/*kontakt*/
											
		div#con_right_kontakt img					{	float:left;
												margin: 0 0 10px 10px;
											}
	
		div#con_right_kontakt div#karte				{	float:left;
												margin: 0 0 10px 10px;
											}									
	
		
	
											
		div#content div 					{	float:left;
											}
											
		div#content div#con_half
											{	width:426px;
												height: 510px;
												margin: 30px 0 20px 40px;
												padding: 0;	
												position:relative;
											}
											
		div#content div#con_half_right
											{	width:426px;
												height: 510px;
												margin: 30px 0px 20px 20px;
												padding: 0;	
												position:relative;

											}
											
			/*2 container für aktiv.php */
			
			#con_left_left_aktiv					{	width:195px;
														float:left;
														margin: 20px 0px 0 0;
													}
			
			
			
			#con_left_right_aktiv					{	width:195px;
														float:left;
														margin: 20px 0 0 0px;
													}
			/*ENDE  2 container für aktiv.php */

											
		div#content div#con_half div#con_half_klein_right		
											{	height:130px;
												width:213px;
											  	float:right;
												margin: 0 0 0 0;
											}
											
											
		div#content div#con_half div#con_half_klein_left			
											{
												height:130px;
												width:210px;
											  float:left;
											  margin:  0 0 0 0 ;
											  
											}
											
		.pfeil_tiefer 					{	vertical-align: -30%;
											}
											
											
			/* Schriften im Content con_left */								
											
											
	#content div#con_left h1		
											{ 
												font-family: 'PTSansCaptionRegular', Helvetica, sans-serif;
												font-size:28px;
												font-style: normal;
												line-height:48px;
												color: #333;
											}
											
	#content div#con_left h2		
											{ 
												font-family: 'PTSansRegular', Helvetica, sans-serif;
												font-size:15px;
												font-style: normal;
												line-height:20px;
												color: #666;
											}
	
	div#content div#con_left p		
											{ 
												font-family: 'PTSansRegular', Helvetica, sans-serif;
												font-size:15px;
												font-style:normal;
												line-height:22px;
												color: #333;
											}
											
	div#content div#con_left a		
											{ 
												font-family: 'PTSansRegular', Helvetica, sans-serif;
												font-size:15px;
												font-style:normal;
												line-height:22px;
												text-decoration:none;
												color: #333;
											}
											
																		
div#content div#con_left a:link	,
div#content div#con_left a:visited			{	
												color: #333;
												font-family: 'PTSansRegular', Arial, sans-serif;
												text-decoration:none;
												font-size:15px;
												font-style:normal;
												line-height:22px;
											}
									
	
div#content div#con_left a:hover,
div#content div#con_left a:focus			{	color: #84B775;
												font-family: 'PTSansRegular', Arial, sans-serif;
												text-decoration:none;
											}
					
div#content div#con_left a:active			{	color: #84B775;
												font-family: 'PTSansRegular', Arial, sans-serif;
												text-decoration:none;
											}
												
												
	
	
	
	/* FOOTER */
	
										
					div#footer 				{ 
												
												 width: 920px;
												 height: 10px;
												 border: 0px solid #ccc;
												 background: transparent;
												 margin: 0px 0px 0px 0px;
												 padding: 0px 0px 0px 10px;
												 z-index:100;
												 float:right;									
						/*		 float:center;*/
											}
											
									
					div#footer p			{ 
												 color: #666;
												 text-align:right;
												 font-size:12px;
												 font-family: 'PTSansRegular', Arial, sans-serif;
												 letter-spacing:1px;
												 font-style:normal;
												
											}
											
					div#footer a:link,
					div#footer a:visited	{ 
												 color: #666;
											}	 
				div#footer a:hover,
				div#footer a:focus			{	color: #84B775;
												font-family: 'PTSansRegular', Arial, sans-serif;
												text-decoration:none;
											}
					
				div#footer a:active			{	color: #84B775;
												font-family: 'PTSansRegular', Arial, sans-serif;
												text-decoration:none;
											}
											
												
											
											
	/* Tabelle */
	
	
	div#content div#con_left_kontakt table 			{ 
												border: 0px solid #FFF;
												width: 520px;
												height:225px; 
												/*align:center;*/
												cellpadding:5px; 
												cellspacing:5px;
												
											}	
											
	
	div#content div#con_left_kontakt table tr th 	{ 
												 color: #666;
												 text-align: left;
												 font-size:17px;
												 font-family: 'PTSansNarrowRegular', Arial, sans-serif;
												 font-style:normal;
												 border:2px solid #FFF;
												 vertical-align: middle;
												 padding-left:0px;										
												}
												
	div#content div#con_left_kontakt table tr th[width="72"]
											{ 
												 text-align: center;
												 line-height:1.2em;
											}
												
	
																		
	div#content div#con_left_kontakt table tr td 	{ 
												
												 color: #333;
												 text-align: center;
												 font-size:15px;
												 font-family: 'PTSansRegular', Arial, sans-serif;
												 font-style:normal;
												 background-color: #d9ebc3;
												 border:2px solid #FFF;
												 vertical-align: middle;
												 												 												

											}	
					
											
					



</style>

@media (max-width: 1436px){
}

@media (max-width: 1436px){
}

@media (max-width: 1436px){
}

@media (max-width: 1431px){
}