/* CSS  */

/* Farben: */



body 
{
text-align:center; 
padding:0px 0px 0px 0px; 
margin:0px;
background-color:#999999;
}

p, h1, h2, h3, h4, ul, li, a, td, label, input, textarea
{
font-family: verdana, arial, sans-serif;
font-weight:normal;
color:#333333;
margin:0px;
padding:0px;
font-size:12px;
}

ul{list-style-type:none;}
li, h2, a, div{background-repeat:no-repeat;}

a{text-decoration:none;}
img{border:none; }

em, em a{font-weight:bold; font-style:normal;}

table{border-collapse:collapse; border-spacing:0px;}


/* hauptbox ------------------------------------------------------------------*/

#box-center
{
width:792px; 
margin:0px auto; 
padding:0px 0px 0px 13px;
background-color:FFFFFF; 
text-align:left; 
background-image:url(../upload/design/hg_body.jpg);
background-repeat:repeat-y;
}


/* header ------------------------------------------------------------------*/
#box-header
{ 
height:66px;
}
	#img-logo{float:left;}
	#img-slogan{float:right; padding-right:20px;}


/* header - 2 ------------------------------------------------------------------*/
#box-header-2
{ 
height:200px;
}
	#box-header-2-links
	{ 
	height:160px;
	width:171px;
	/* background-color:#CCFF00; temp */
	float:left;
	background-image:url(../upload/design/bg_header_2_links.jpg);
	padding:40px 0px 0px 20px;
	}
		#box-header-2-links p
		{ 
		font-size:11px;
		color:#666666;
		padding-bottom:7px;
		line-height:15px;
		}
		
		#box-header-2-links a{text-decoration:underline; color:#666666; font-size:11px;}
		#box-header-2-links a:hover{text-decoration:none;}
	
	#box-header-2-rechts
	{ 
	height:200px;
	width:588px;
	float:right;
	margin-right:13px;
	background-image:url(../upload/headerbilder/bg_header_2_rechts.jpg);
	}

/* box-links ------------------------------------------------------------------*/
#box-links
{
width:191px;
float:left;
padding:0px;
}


	/* box-navi ------------------------------------------------------------------*/
	
		#box-links #ul-hauptnavipunkte{margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; float:left;}
			#box-links #ul-hauptnavipunkte li{margin:0px; padding:0px; line-height:0px; float:left;}
			
			/* Links */
			#box-links #ul-hauptnavipunkte li a
			{
			display:block;
			width:166px;
			margin:0px;
			color:#333333;
			font-size:12px;
			font-weight:bold;
			padding:5px 0px 5px 15px;
			line-height:12px;
			border-left:10px solid #FBFBFB;
            text-decoration:none;
			}	
			#box-links #ul-hauptnavipunkte li a:hover, #box-links #ul-hauptnavipunkte li a.a-over{text-decoration:underline; border-left:10px solid #FEF20A;}


            /* Ebene 2 */ 
		   #box-links #ul-hauptnavi-e2{margin:0px 0px 0px 0px; padding:0px 0px 0px 23px; float:left;}			
					
	           /* Links */
			#box-links #ul-hauptnavi-e2 li a
			{
			display:block;
			width:166px;
			margin:0px;
			color:#333333;
			font-size:11px;
			font-weight:bold;
			padding:5px 0px 5px 7px;
			line-height:12px;
			border-left:3px solid #FBFBFB;
            text-decoration:none;
			}	
			#box-links #ul-hauptnavi-e2 li a:hover, #box-links #ul-hauptnavi-e2 li a.a-over-2{text-decoration:underline; border-left:3px solid #FEF20A;}

					
					
/* content ------------------------------------------------------------------*/

#box-content
{	
width:546px;
float:right;
padding-right:35px;
padding-bottom:50px;
}


	#box-content h1
	{
	font-size:19px;
	color:#0181E9; 
	margin:20px 0px 30px 0px;
	}
	
	#box-content h2, #box-content h2 a 
	{
	font-size:15px; 
	color:#0181E9; 
        font-weight:bold;
	margin:5px 0px 20px 0px;
	}
	
	#box-content h3, #box-content h3 a 
	{
	font-size:12px; 
	font-weight:bold;
	margin:0px 0px 15px 0px;
	}

	#box-content p{font-size:12px; margin:0px 0px 15px 0px; line-height:1.6em; }
	#box-content td{font-size:12px; line-height:1.6em;}
	#box-content td p{font-size:12px; line-height:1em; margin:0px; padding:0px;}
	
	
	#box-content ul
	{
		margin-left:10px;
	}
	/* listen ohne links */
	#box-content ul li
	{
	font-size:12px; 
	background-image:url(../upload/design/hg_liste_typ_1.gif);
	padding:0px 20px 7px 18px;
	display:block;
	margin:0px;
	line-height:15px;
	background-position:0px 7px;
	}
	
	/* Liste in einem Listenpunkt */
	#box-content .liste-1 {margin:5px 0px 10px 0px;}
	#box-content .liste-1 li
	{
	font-size:12px; 
	background-image:url(../upload/design/hg_liste_typ_1.gif);
	background-position:0px 7px;
	padding:3px 20px 0px 16px;
	display:block;
	margin:0px 0px 5px 5px;
	line-height:1.0em;
	}

	
	
	/* abstände */	
	#box-content .abstand-unten-0{padding-bottom:0px;}
	#box-content .abstand-unten-1{padding-bottom:10px;}
	#box-content .abstand-unten-2{padding-bottom:20px;}
	#box-content .abstand-unten-3{padding-bottom:30px;}	
	#box-content .abstand-unten-5{padding-bottom:40px;}	
	#box-content .abstand-unten-7{padding-bottom:70px;}	
	#box-content .abstand-unten-10{padding-bottom:220px;}	
	#box-content .abstand-oben-0{padding-top:0px;}
	#box-content .abstand-oben-1{padding-top:10px;}
	#box-content .abstand-oben-2{padding-top:20px;}
	#box-content .abstand-oben-3{padding-top:30px;}	
	#box-content .abstand-oben-5{padding-top:40px;}	
	#box-content .abstand-oben-7{padding-top:70px;}	
	#box-content .abstand-oben-8{padding-top:130px;}	
	#box-content .abstand-oben-10{padding-top:220px;}	

	/* abstände */		
	#box-content .abstand-unten-5-margin{margin-bottom:40px;}	
	
	/* Links allgemein */
	a{text-decoration:underline; color:#0072CF; } /* font-weight:bold; */
	a:hover{color:#5FB7FF;}


        /* Links allgemein - 3 verschiedene typen */
        a.a-typ-3{background-image:url(../upload/design/hg_link_typ_3.gif); display:block; padding-left:20px; background-position:0px 2px;}
	
	/* fett */
	#box-content .fett{font-weight:bold;}
	/* farbig */
	#box-content .farbig{color:#B50D00;}
	
	#box-content .icon-pdf{background-image:url(../upload/icons/icon_pdf.gif); padding-left:25px; background-position:0px 0px; padding-bottom:3px;}
	#box-content .icon-word{background-image:url(../upload/icons/icon_word.gif); padding-left:25px; background-position:0px 0px; padding-bottom:3px;}

        /* clear:both - zurücksetzen float*/
	.clear, #box-content .clear{clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}	

        .div-center{text-align:center;}
		
		


        /* Beschreibung unter einem Bild - Voreinstellung - evtl. Spezialisiert durch div-box außen herum */
	#box-content .p-img-beschreibung{font-size:10px; clear:both; padding:5px 0px 0px 0px; margin:0px; line-height:12px;}


        #box-content .trennlinie-1{border-bottom:1px solid #EFEFEF; width:535px;}

        
        #box-content .font-klein p, #box-content .font-klein a{font-size:11px;}
        #box-content .font-klein h3{font-size:11px; margin-bottom:5px;}


	/* Standard-Tabelle z.B. für Bilddarstellung Planungsbüro ------------------------------------ */ 
	#box-content .tbl-typ-1{border-collapse:collapse; margin:0px 10px 0px 10px; background-color:#FBFBFB;}
	#box-content .tbl-typ-1 td{padding:3px 3px 3px 3px; vertical-align:middle; border:1px solid #EFEFEF; text-align:center; font-size:11px;}
		#box-content .tbl-typ-1 td img{margin:10px; border:1px solid #EFEFEF;}

	/* Standard-Tabelle z.B. für Bilddarstellung Referenzen Startseite ------------------------------------ */ 
	#box-content .tbl-typ-2{border-collapse:collapse; margin:0px 10px 0px 10px; background-color:#FBFBFB;}
	#box-content .tbl-typ-2 td{padding:10px 10px 10px 10px; vertical-align:top; border:1px solid #EFEFEF; text-align:left; font-size:11px;}
		#box-content .tbl-typ-2 td img{margin:10px; border:1px solid #EFEFEF;}


/* Impressum ------------------------------------------------------------------*/




/* Kontaktformular ------------------------------------------------------------------*/

#box-content #formular-kontakt{margin-bottom:30px;}

/* tabelle kontaktformular  */
#box-content #tbl-kontaktformular{border-collapse:collapse; margin:0px 0px 0px 0px; width:500px; background-color:#FBFBFB; border:1px solid #EFEFEF;}
#box-content #tbl-kontaktformular td{padding:3px 0px 3px 10px; vertical-align:middle;}
#box-content #tbl-kontaktformular .td-1{width:150px;}
#box-content #tbl-kontaktformular .td-2{width:320px;}

#box-content #tbl-kontaktformular .fett{font-family:georgia,Arial,sans-serif; }



/* input felder kontaktformular */
#box-content .vorname-name, #box-content .strasse, #box-content .plz-ort,
#box-content .telefon, #box-content .mobiltelefon, #box-content .nr, #box-content .email, #box-content .anzahl-zimmer,
#box-content .nachricht, #box-content .empfohlen, #box-content .textarea-interesse,
#box-content .tag, #box-content .monat, #box-content .jahr
{height:18px; padding:3px 0px 0px 4px; border:1px solid #7F9DB9; font-size:1.0em; background-color:#FFFFFF;}

/* input felder */
#box-content .vorname-name{width:230px;}
#box-content .strasse{width:230px;}
#box-content .plz-ort{width:230px;}
#box-content .telefon{width:230px;}
#box-content .mobiltelefon{width:230px;}
#box-content .nr{width:230px;}
#box-content .email{width:230px;}

#box-content .nachricht{width:450px; height:170px;}

/* Kontaktaufnahme */
#box-content #tbl-kontaktformular .td-kontaktaufnahme{padding-top:0px; padding-bottom:15px;}
/* Optionen Kontaktaufnahme */
#box-content .td-kontaktaufnahme-2{padding-top:5px; padding-bottom:5px;}

#box-content #tbl-kontaktformular .td-kontaktaufnahme-einzeln{padding-right:10px;}

#box-content  #tbl-kontaktformular .vertical-top{vertical-align:top;}

#box-content  #tbl-kontaktformular #h2-anfrage{padding-top:20px;}
#box-content  #tbl-kontaktformular .td-nachricht{padding-top:0px; padding-bottom:20px;}


/* button senden */
#box-content .senden{margin:30px 0px 30px 10px;}

/* Eingabefehler */
#box-content .p-eingabefehler{margin:30px 0px 40px 30px; padding:10px; border:1px solid red; background-color:transparent; width:510px;}
#box-content .eingabefehler{border:1px solid red;}

/* Erfolg */
#erfolgsmeldung{margin:30px 0px 140px 30px; padding:15px 10px 10px 0px; border:1px dashed #91DF29; width:510px; background-color:transparent;}

/* Fehler */
#fehlermeldung{margin:30px 0px 140px 30px; padding:15px 10px 10px 0px; border:1px solid red; background-color:transparent; width:510px;}


/* Allgemeine Festlegungen zum Formular */
#box-content .vertical-top{ vertical-align:top;}

#a-anker-formular{text-decoration:none; line-height:0px; margin:0px; padding:0px; font-size:0px;}


/* Box Eingabefehler */
#box-content #box-meldung-kontakt-eingabefehler
{
width:460px;
margin:20px 0px 20px 0px;
padding:20px 20px 8px 20px;
border:none; 
background-color:#FBFBFB; 
border:1px solid red;
}
	#box-content #box-meldung-kontakt-eingabefehler p
	{
	}



/* Box Erfolg/nicht erfolg */
#box-content #box-meldung-kontakt-ok
{
width:460px;
margin:40px 0px 20px 0px;
padding:20px 20px 8px 20px;
border:none; 
background-color:#FBFBFB; 
border:1px solid #54CF4D;
}
   #box-content #box-meldung-kontakt-ok p{color:#333333;}

#box-content #box-meldung-kontakt-unten-ok{}

#box-content #box-meldung-kontakt-fehler
{
width:460px;
margin:20px 0px 20px 0px;
padding:20px 20px 8px 20px;
border:none; 
background-color:#FBFBFB; 
border:1px solid red;
}
	#box-content box-meldung-kontakt-fehler p
	{
	color:red;
	}



/* Footer ------------------------------------------------------------------*/

#box-footer
{
height:31px;
background-image:url(../upload/design/hg_footer.jpg);
width:792px;
float:left;
margin-bottom:0px;
text-align:center;
}

#box-footer p{font-size:11px; padding-top:12px; color:#666666;}


/* Links im footer  - RESERVE*/
#box-footer p a{color:#666666; text-decoration:underline;}
#box-footer p a:hover{text-decoration:none;}





/* boxen linke seite - allgemeine definitionen  --------------------------------------------------------*/

/* allgemeine Boxenelemente */
	
		.box-typ-1-trennlinie
		{
		width:191px;
		display:block;
		height:1px;
		line-height:0px;
		background-image:url(../upload/design/hg_box_typ_1_trennlinie.gif);
		}

		.box-typ-1-unten
		{
		width:191px;
		float:left;
		height:12px;
		line-height:0px;
		background-image:url(../upload/design/hg_box_typ_1_unten.gif);
		}


        .box-typ-3-trennlinie
		{
		width:191px;
		display:block;
		height:1px;
		line-height:0px;
		background-image:url(../upload/design/hg_box_typ_3_trennlinie.gif);
		}

                #box-links h2
		{
			padding:20px 0px 10px 20px;
			color:#0181E9; 
			font-size:12px;
			font-weight:bold;
		}

                #box-links table td{font-size:11px;}

                #box-links a{font-size:11px;}



/* box-referenz ------------------------------------------------------------------*/
	
	#box-referenz
	{
	width:191px;
	float:left;
	background-image:url(../upload/design/hg_box_typ_1_oben.gif);
	background-color:#F0F0F0;
	}
		#box-referenz h2{padding-bottom:10px;}
       #box-referenz img{border:1px solid #888888; margin-left:10px;}
	   #box-referenz table{margin-left:20px; margin-bottom:7px;}
              #box-referenz table td.td-1{padding-right:15px;}
       #box-referenz a{margin-left:10px;}
	
	
	
/* box-mitgliedschaft ------------------------------------------------------------------*/
	
	#box-mitgliedschaft
	{
	width:191px;
	float:left;
	}
            #box-mitgliedschaft img{border:1px solid #EEEEEE;}
            #box-mitgliedschaft h3{font-size:11px; padding:10px 10px 15px 10px;}



/* Referenzen - Detailseite ------------------------------------------------------------------*/
	
#tbl-referenzen-detailseite{border-collapse:collapse; border-spacing:0px; margin:20px 0px 40px 0px; background-color:#FBFBFB;}
#tbl-referenzen-detailseite td{padding:5px 5px 5px 5px; border:1px solid #EFEFEF; vertical-align:top;}
#tbl-referenzen-detailseite .td-1{width:60px;}
#tbl-referenzen-detailseite .td-2{width:160px;}			

#div-referenzen-detailseite-beschreibung{margin-bottom:30px;}

#div-referenzen-detailseite-bilder{padding-left:0px;}
   #div-referenzen-detailseite-bilder .trennlinie{border-bottom:1px solid #EFEFEF; margin-top:15px; margin-bottom:15px; width:535px;}
   #div-referenzen-detailseite-bilder img{padding-left:10px;}


/* Referenzen - Schlüsselfertiges bauen - Artikelliste ------------------------------------------------------------------*/

#box-content .div-referenzen-auflistung-schluesselfertiges-bauen{border-top:1px solid #EFEFEF; padding:10px 10px 10px 10px; margin-bottom:0px; width:535px;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen h3{margin-bottom:0px;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen h3 a{margin-bottom:0px; color:#0181E9;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen img{float:left; border:1px solid #EFEFEF; margin:10px 20px 0px 0px;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen table{border-collapse:collapse; border-spacing:0px; margin:20px 0px 10px 0px; background-color:#FBFBFB;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen table td{font-size:11px; padding:5px 5px 5px 5px; border:1px solid #EFEFEF; vertical-align:top;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen table .td-1{width:60px;}
   #box-content .div-referenzen-auflistung-schluesselfertiges-bauen table .td-2{width:160px;}	  


/* Referenzen - Bauunternehmen - Artikelliste ------------------------------------------------------------------*/

#box-content .div-referenzen-auflistung-bauunternehmen{border-top:1px solid #EFEFEF; padding:10px 10px 10px 10px; margin-bottom:0px; width:535px;}
   #box-content .div-referenzen-auflistung-bauunternehmen h3{margin-bottom:0px;}
   #box-content .div-referenzen-auflistung-bauunternehmen h3 a{margin-bottom:0px; color:#0181E9;}
   #box-content .div-referenzen-auflistung-bauunternehmen img{float:left; border:1px solid #EFEFEF; margin:10px 20px 0px 0px;}
   #box-content .div-referenzen-auflistung-bauunternehmen table{border-collapse:collapse; border-spacing:0px; margin:20px 0px 10px 0px; background-color:#FBFBFB;}
   #box-content .div-referenzen-auflistung-bauunternehmen table td{font-size:11px; padding:5px 5px 5px 5px; border:1px solid #EFEFEF; vertical-align:top;}
   #box-content .div-referenzen-auflistung-bauunternehmen table .td-1{width:60px;}
   #box-content .div-referenzen-auflistung-bauunternehmen table .td-2{width:160px;}	 
   
/* Grundrisse - Artikelliste ------------------------------------------------------------------*/
   
#box-content .div-grundrisse-auflistung{border-top:1px solid #EFEFEF; padding:10px 10px 10px 10px; margin-bottom:0px; width:535px;}
   #box-content .div-grundrisse-auflistung h3{margin-bottom:0px;}
   #box-content .div-grundrisse-auflistung h3 a{margin-bottom:0px; color:#0181E9; font-size:14px;}
   #box-content .div-grundrisse-auflistung img{float:left; border:1px solid #EFEFEF; margin:0px 20px 0px 0px;}
/* Reserve   
   #box-content .div-grundrisse-auflistung table{border-collapse:collapse; border-spacing:0px; margin:20px 0px 10px 0px; background-color:#FBFBFB;}
   #box-content .div-grundrisse-auflistung table td{font-size:11px; padding:5px 5px 5px 5px; border:1px solid #EFEFEF; vertical-align:top;}
   #box-content .div-grundrisse-auflistung table .td-1{width:60px;}
   #box-content .div-grundrisse-auflistung table .td-2{width:160px;}	
*/ 
   
   
   
   
/* Imobilien -------------------------------------------------------------------------------------------------------*/

#box-content table.tbl-immobilien{border-collapse:collapse; border-spacing:0px; padding:0px 0px 10px 0px; background-color:#FBFBFB;}
#box-content table.tbl-immobilien td{font-size:11px; padding:5px 5px 5px 5px; border:1px solid #EFEFEF; vertical-align:top;}
#box-content table.tbl-immobilien .td-1{width:60px;}
#box-content table.tbl-immobilien .td-2{width:160px;}