a:link { text-decoration: none; color:#008ACA; }
a:visited { text-decoration: none; color:#008ACA; }
a:active { text-decoration: none; color:#333333; }
a:hover { text-decoration: none; color:#333333; }

body {
	margin:0px;
	background-color:#FFFFFF;
	background-image:url(data/HG_body.png);
	background-position:14px 14px;
}

body,td {
	font-family:Arial, sans-serif;
	margin:0px;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
}

img {
	border:0px;
}

h1 {
	font-size: 24px;
	font-weight:normal;
	line-height:30px;
	margin-top:24px;
	margin-right:16px;
	margin-bottom:4px;
	margin-left:32px;
	color:#600000;
}

h2 {
	color:#600000;
	font-size: 14px;
	line-height:18px;
	margin-right:16px;
	margin-left:32px;
}

h3 {
	color:#600000;
	font-size: 12px;
	line-height:18px;
	margin-right:16px;
	margin-bottom:6px;
	margin-left:32px;
}

h4 {
	clear:both;
	color:#600000;
	font-size: 12px;
	margin-left:32px;
	margin-bottom:6px;
}

p {
	line-height:21px;
	margin-bottom: 6px;
	margin-left:32px;
}

.copyright {
	font-size: 10px;
	color:#FFFFFF;
	margin-top:2px;
}

.claim {
	font-size: 12px;
	color:#FFFFFF;
	margin-left:16px;
	margin-top:2px;
	letter-spacing:1px;
	font-weight:bold;
	margin-right:0px;
}

.link_top {
	text-decoration:none !important;
	font-size:11px !important;
	margin-left:32px;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.anfahrtsskizze {
	border-top: 1px solid #600000;
	border-bottom: 1px solid #600000;
	margin-left:32px;
}

.adresse {
	width:288px !important;
	margin-right:16px;
}

.adresse b {
	color:#008ACA;
}

/************* Listendarstellung *************/

/* Listendarstellung im Text */

.text_liste {
	list-style:none;
	margin-top:0px;
}

.text_liste ul {
	margin: 4px 8px 4px 8px; 
	padding:0px; 
	list-style:none;
}

.text_liste li {
	display:block;
	background-image:url(data/BT_dot_blau.png) !important;
	background-repeat:no-repeat !important;
	background-position: 0px 9px !important;
	padding-left:12px !important;
	margin-left:12px !important;
}

/* Listendarstellung von Links im Text */

ul.link_liste {
	list-style:none;
	margin-top:0px;
}

ul.link_liste li {
	display:block;
	color:#333333;
	background-image:url(data/BT_arrow_blau.png) !important;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left:24px !important;
}

ul.link_liste a {
	text-decoration:none !important;
}

ul.link_liste a:hover {
	text-decoration:underline;
	color:#666666;
}

/*************   Tabs   *************/
/* Tabs fr den Seitenaufbau */

.tab_head1 {
	width:176px; 
	height:96px; 
	background-color:#FFFFFF; 
	background-image:url(data/HG_head-1.png);
}

.tab_head2 {
	width:656px; 
	height:96px; 
	background-color:#FFFFFF;
	background-image:url(data/HG_head-2.png);
}

.tab_head3 {
	width:432px; 
	height:144px; 
	border-bottom: 1px solid #008ACA;
	background-repeat:no-repeat;
}

.tab_head3 h1 {
	color:#FFFFFF;
	font-size:24px;
	margin:0px 0px 12px 32px;
}

.tab_head3 h2 {
	color:#FFFFFF;
	font-size:18px;
	margin:0px 0px 12px 32px;
}

.tab_head3 p {
	color:#FFFFFF;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:8px;
}

.tab_head4 {
	width:224px; 
	height:144px; 
	background-color:#FFFFFF; 
	border-bottom: 1px solid #008ACA;
}

#tab_menu {
	width:176px;
	height:144px;
	background-color:#FFFFFF; 
	border-bottom: 1px solid #008ACA;
}

#tab_submenu {
	width:176px; 
	background-color:#FFFFFF; 
	background-image:url(data/HG_tab-menu.png);
	background-repeat:repeat-x;
	padding-top:16px;
	padding-bottom:32px;
}

#tab_content {
	padding-bottom:32px;
	padding-top:16px;
	background-color:#FFFFFF; 
	width:656px;
}

#frame_content {
	width:640px;
}

#frame_content p {
	margin-right:0px;
	margin-top:0px;
	width:384px;
}

#frame_content p.weite592 {
	margin-right:0px;
	margin-top:0px;
	width:592px;
}

#tab_footer {
	height:24px;
	background-image:url(data/HG_tab-footer.jpg);
	background-repeat:no-repeat;
}

/* Tabs fuer die Grundrisse unter Haustypen */

.tab_grundriss {
	width:608px;
	clear:both;
	margin-bottom:16px;
	margin-left:32px;
	color:#FFFFFF;
}

td.grundriss {
	width:416px;
	padding-top:16px;
	padding-bottom:16px;
	border-bottom: 1px solid #008ACA;
	border-top: 1px solid #008ACA;
}

td.flaechen {
	width:192px;
	padding-top:16px;
	padding-bottom:16px;
	background-color:#F2F2F2;
	border-bottom: 1px solid #008ACA;
	border-top: 1px solid #008ACA;
}

.tab_flaechen {
	width:176px;
	margin: 4px 8px 4px 8px;
}

.tab_flaechen td {
	color:#333333;
	font-size:11px;
	line-height:18px;
	padding-top:2px;
	padding-bottom:2px;
}

.tab_flaechen b {
	color:#008ACA;
}

/*************   Box Liste der Grundstuecke   *************/

.box_grundstuecke {
	width: 384px;
	margin: 0px 0px 16px 32px;
	border-bottom: 1px solid #600000;
	border-top: 1px solid #600000;
	background-color: #F2F2F2;
}

.box_grundstuecke table {
	width: 368px;
	margin: 8px;
}

.box_grundstuecke td {
	padding: 0px 4px 0px 4px;
}

.tdhead {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color:#999999;
	font-weight:bold;
	color:#FFFFFF !important	;
}

.td1 {
	border-bottom: 1px solid #FFFFFF;
	background-color:#F2F2F2;
}

.td2 {
	border-bottom: 1px solid #FFFFFF;
	background-color:#E8E8E8;
}

/*************   Box "Weitere Ansichten"   *************/

.box_ansichten {
	width:384px;
	margin:8px 0px 16px 32px;
}

.box_ansichten img {
	border: 1px solid #600000;
	width: 384px;
	background-color: #F2F2F2;
}

.box_ansichten a {
	margin-right: 16px;
}

.box_ansichten_thumbs {
	margin-bottom: 12px;
}

.box_ansichten_thumbs img {
	width: 32px !important;
}

/*************   Box Liste der Haeuser, Referenzen, Vorhaben   *************/

.box_liste {
	width:608px;
	margin:16px 0px 16px 32px;
	border-bottom: 1px solid #600000;
	border-top: 1px solid #600000;
	background-color: #F2F2F2;
	clear:both;
}

.box_liste_td {
	width: 400px;
}

.box_liste_td h3 {
	color:#600000;
	margin: 8px 16px 8px 16px;
}

.box_liste_td p {
	margin: 8px 16px 8px 16px !important;
	width: 368px;
}

.box_liste_td b {
	color:#008ACA;
}

.box_liste_td_img {
	width: 192px;
}

.box_liste_td_img img {
	border: 1px solid #600000;
	width: 160px;
}

/*************   Box Kontakt-Formular   *************/

.box_kontakt {
	border-top: 1px solid #600000;
	border-bottom: 1px solid #600000;
	background-color:#F2F2F2;
	margin-left:32px;
	margin-bottom:16px;
	margin-top:16px;
	padding-bottom:0px;
	padding-top:8px;
	width:608px;
}

.box_kontakt table {
	margin-left:8px;
	width:592px;
}

.box_kontakt td {
	padding-top:4px;
	padding-bottom:4px;
}

.box_kontakt img {
	margin-right:8px;
}

input.textfeld {
	border: 1px solid #333333;
	width:176px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

textarea {
	height: 80px;
	border: 1px solid #333333;
	width:176px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

.button {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}

/*************   Link Arrow   *************/

.link_arrow-blau {
	margin-left: 16px;
	padding-left: 24px;
	padding-bottom: 5px;
	color:#008ACA;
	background-image: url(data/BT_arrow_blau.png);
	background-repeat: no-repeat;
}

/*************   Links im Kopfbereich  *************/

#marginal_header {
	margin-top:8px;
	margin-left:16px;
}

#marginal_header p {
	font-size: 10px;
	color:#999999;
	line-height:16px;
	margin-left:0px;
	margin-right:0px;
}

#marginal_header a:link.negativ { text-decoration: none; color:#999999; }
#marginal_header a:visited.negativ { text-decoration: none; color:#999999; }
#marginal_header a:active.negativ { text-decoration: underline; color:#008ACA; }
#marginal_header a:hover.negativ { text-decoration: underline; color:#008ACA; }

#marginal_header a:link.positiv { text-decoration: underline; color:#008ACA; }
#marginal_header a:visited.positiv { text-decoration: underline; color:#008ACA; }
#marginal_header a:active.positiv { text-decoration: none; color:#008ACA; }
#marginal_header a:hover.positiv { text-decoration: none; color:#008ACA; }

/*************   Tabelle der Teaser auf Home  *************/

.tab_home {
	width:608px;
	margin-left:32px;
}

.tab_home h3 {
	font-size:12px;
	margin: 0px 8px 4px 8px !important;
	color:#600000 !important;
}

.tab_home p {
	font-size:12px;
	margin: 0px 8px 4px 8px !important;
	width:174px !important;
}

.tab_home ul {
	margin: 4px 8px 4px 8px; 
	padding:0px; 
	list-style:none;
}

.tab_home li {
	display:block;
	line-height:16px;
	margin-left:8px;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(data/BT_dot_blau.png);
	background-repeat:no-repeat;
	background-position: 0px 7px;
}

.tab_home a {
	text-decoration:none !important;
	padding-left: 8px !important;
	color:#008ACA !important;
}

.tab_home a:hover {
	text-decoration:underline !important;
	color:#333333 !important;
}

td.home_spacer {
	width:16px;
	background-color:#FFFFFF;
}

td.home_spalte {
	width:190px;
}

.home_spalte_box {
	border: 1px solid #008ACA;
	background-color:#F2F2F2;
	padding-top:8px;
}

.home_spalte_box a {
	padding-left: 8px !important;
	padding-bottom: 4px !important;
}

.home_spalte_head {
	background-image:url(data/HG_spalte_head.png);
	background-repeat:no-repeat;
	border-top:1px solid #600000;
	width:190px;
	height:24px;
}

.home_spalte_head h3 {
	font-size:12px;
	margin: 0px 8px 0px 8px !important;
	color:#FFFFFF !important;
}

.home_spalte_foot {
	background-image:url(data/HG_spalte_foot.png);
	background-repeat:no-repeat;
	border-bottom: 1px solid #600000;
	width:190px;
	height:24px;
}

/*************   Marginalspalte  *************/

#marginal_spalte {
	float:right;
	width:192px;
	line-height:16px !important;
	font-size:11px !important;
}

#marginal_spalte h4 {
	color:#008ACA;
	margin:0px 8px 4px 8px; 
	font-size:11px;
}

#marginal_spalte p {
	width:176px !important;
	margin: 4px 8px 4px 8px !important;
	line-height:16px !important;
}

#marginal_spalte ul {
	margin: 4px 8px 4px 8px; 
	padding:0px; 
	list-style:none;
}

#marginal_spalte li {
	display:block;
	line-height:16px;
	margin-left:0px;
	padding: 2px 0px 2px 12px;
	background-image:url(data/BT_dot_blau.png);
	background-repeat:no-repeat;
	background-position: 0px 7px;
}

#marginal_spalte ul.link li {
	display:block;
	line-height:16px;
	margin-left:0px;
	padding: 2px 0px 2px 16px;
	background-image:url(data/BT_arrow_marginal.png) !important;
	background-repeat:no-repeat;
	background-position: 0px 6px;
}

/*************   Marginalspalte | Tabelle  *************/

.marginal_table {
	width:176px;
	margin:0px 8px 0px 8px; 
}

.marginal_table td {
	padding-top:2px;
	padding-bottom:2px;
	line-height:16px !important;
	font-size:11px !important;
}

.marginal_table b {
	color:#008ACA;
}

/*************   Marginalspalte | Box mit blauem Rand  *************/

.marginal_blaubox {
	width:192px;
	padding-top:4px;
	padding-bottom:4px;
	border: 1px solid #008ACA; 
	background-color:#F2F2F2;
	margin-bottom:16px;
}

.marginal_blaubox_text {
	font-size: 10px; 
}

/*************   Marginalspalte | Tabelle fr Details  *************/

#marginal_details {
	float:right;
	width:192px; 
	margin-bottom:16px;
	border: 1px solid #008ACA; 
	background-color:#F2F2F2;
}

#marginal_details table {
	width:176px;
	margin: 4px 8px 4px 8px;
}

#marginal_details td {
	font-size:11px;
	line-height:16px;
	padding-top:2px;
	padding-bottom:2px;
}

#marginal_details b {
	color:#008ACA;
}

/*************   Menu   *************/

#tab_menu ul, #tab_submenu ul { 
	list-style:none; 
	padding:0px;
	margin-bottom:0px;
}

#tab_menu a, #tab_submenu a { 
	text-decoration: none; color:#000000;
}

.hide { display:none }

/*************   Menu Kategorie 1   *************/

.nl1 {
	padding:0px;
	margin:0px;
}

.nl1 li {
	display:block;
	line-height:24px;
	background-image:url(data/BT_menu.jpg); 
}

.nl1 li a {
	display:block;
	height:24px;
	line-height:24px;
 	padding-left:16px; 
	font-size:11px;
	background-image:url(data/BT_menu.jpg); 
}

.nl1_active a {
	padding-left:16px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF !important;
	background-image:url(data/BT_menu-exp.jpg) !important; 
}

.nl1 li a:hover { 
	background-image:url(data/BT_menu-ov.jpg); 
}

/*************   Menu Kategorie 2   *************/

.nl2 {
	border-top: 1px solid #FFFFFF;
	color: red;
	padding:0px;
	margin:0px;
}

.nl2 li {
	display:block;
	line-height:23px;
	border-bottom: 1px solid #FFFFFF;
}

.nl2 li a {
	display:block;
	height:100%;
	font-size:11px;
	padding-left: 16px;
}

.nl2_active a { 
	
	font-weight:bold; 
	background-color:#B5DDF3;
}

.nl2 a:hover { 
	background-color:#BABABA; 
}

/*************   Menu Kategorie 3   *************/

.nl3 {
	padding:0px;
	margin:0px;
}

.nl3 a { 
	font-weight:normal
}

.nl3 li {
	display:block;
	line-height:23px;
	border-bottom:1px solid #999999;
	color:#E8E8E8;
}  

.nl3 li a {
	display:block;
	height:100%;
	padding-left:25px;
	font-size:11px;
	background-color:#E8E8E8;
}

.nl3_active a { 
	font-weight:bold;
	background-color:#FFFFFF !important;
	color:#008ACA !important;
}

.nl3 a:hover { 
	background-color:#FFFFFF; 
}

span.blau {
	color: #008ACA;
}

/*************   Grundrisse Datenbank  *************/

.tab_grund {
	width:608px;
	margin-left:32px;
	margin-top:16px;
	clear:both;
}

.tab_grund_riss {
	width:400px;
	border: 1px solid #E8E8E8;
}

.tab_grund_riss_flaeche {
	width: 192px;
	border-bottom: 1px solid #77AD1C;
}

.tab_grund_riss_flaeche_head {
	background-color: #B1DDF2 !important;
	font-size:11px !important;
	font-weight:bold !important;
	padding-left:8px;
	border-top: 1px solid #008ACA;
}

.tab_grund_riss_flaeche_td1 {
	font-size:11px !important;
	border-bottom: 1px solid #FFFFFF;
	background-color:#F2F2F2;
	padding-left:8px;
	padding-right:8px;
}

.tab_grund_riss_flaeche_td2 {
	font-size:11px !important;
	border-bottom: 1px solid #FFFFFF;
	background-color:#E8E8E8;
	padding-left:8px;
	padding-right:8px;
}

.tab_grund_riss_flaeche_summe {
	font-size:11px !important;
	font-weight:bold !important;
	background-color: #D0E2B0 !important;
	padding-left:8px;
	padding-right:8px;
}

/*************   Bildgalerie  *************/

.tab_galerie {
	width:400px; 
	margin-left:32px; 
	margin-bottom:16px;
	border: 1px solid #008ACA; 
	background-color:#F2F2F2;
}

.tab_galerie_td1 {
	font-size: 11px !important;
	padding-left: 8px;
	padding-right: 8px;
	height:24px;
	color:#999999 !important;
}

.tab_galerie_td1 a {
	color:#008ACA;
}

.tab_galerie_td1 b {
	color:#333333;
}

.tab_galerie_td2 {
	height:254px;
	border-top: 1px solid #008ACA; 
}

.tab_galerie_td3 {
	font-size: 11px !important;
	height:24px;
	padding-left: 8px;
	border-top: 1px solid #008ACA; 
}

/*************   Tabelle Wohnungen  *************/

.box_wohnungen {
	clear:both;
	width:608px; 
	margin: 0px 0px 16px 32px;
	border-bottom: 1px solid #600000;
	border-top: 1px solid #600000;
	background-color: #F2F2F2;
}

.box_wohnungen table {
	width: 592px;
	margin: 8px;
}

.box_wohnungen td {
	padding: 0px 4px 0px 4px;
}

.tdhead {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color:#999999;
	font-weight:bold;
	color:#FFFFFF !important	;
}

.td1 {
	border-bottom: 1px solid #FFFFFF;
	background-color:#F2F2F2;
	font-size:11px !important;
}

.td2 {
	border-bottom: 1px solid #FFFFFF;
	background-color:#E8E8E8;
	font-size:11px !important;
}

/*************   Admin Bereich (Alvaro)  *************/

input.admin {
	border: 1px solid #333333;
	width: 230px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	margin-left: 8px;
}


textarea.admin {
	height: 200px;
	border: 1px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
}

select.admin {
	margin-left: 8px;
}

td.admin-feld {
	width: 60px;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	
}

td.admin-eingabe {
	width: 250px;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	
}

td.admin-hinweiss {
 	width: 92px; 
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	
}

th.admin {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color:#999999;
	font-weight:bold;
	color:#FFFFFF !important;
}


/******   Admin Bereich: Menue Administration (Alvaro)  ******/

tr.sitemap_level_0, td.sitemap_level_0 {
	padding-left:12px !important;
	margin-left:12px !important;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

tr.sitemap_level_1, td.sitemap_level_1 {
	padding-left:24px !important;
	margin-left:24px !important;
	color: #000000;
	font-size: 14px;
}

tr.sitemap_level_2, td.sitemap_level_2 {
	color: #666FFF;
	margin-left:32px !important;
	padding-left:32px !important;
}

td.admin_up_arrow {
	width: 20px;
	background-image:url(data/BT-up.png); 
	background-repeat:no-repeat;
	background-position: center left;
}

td.admin_down_arrow {
	width: 20px;
	background-image:url(data/BT-down.png); 
	background-repeat:no-repeat;
	background-position: center left;
}

ul.recht_liste li {
	display:block;
	color:#333333;
	background-image:url(data/BTZ_arrow_blau.png) !important;
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding-left:24px !important;
}

.box {
	width: 384px;
	margin: 0px 0px 16px 32px;
	border-bottom: 1px solid #600000;
	border-top: 1px solid #600000;
	background-color: #F2F2F2;
}
.box table {
	width: 368px;
	margin: 8px;
}

.box td,th {
	padding: 4px;
	border-bottom: 1px solid #FFFFFF;
	font-size:11px !important;
	line-height:16px !important;
	text-align:left;
}
