/* styles fuer: Faux Frames */

* {
margin: 0;
padding: 0;
}

html, body { 
top: 		0;
right: 		0;
left: 		0;
min-height: 100%;
width: 		100%;
}

body { 
position: absolute;
font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size: 86%;
line-height: 1.5;
background: #fff;
color: #000;
}

/* container */
#header {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 108px;
background: white url(../images/neueleiste568x108.jpg) center;
border-bottom: 1px solid #600;
overflow:hidden;
z-index: 20;
}

#head {
float:left;
position: relative;
top: 0;
width: 430px;
bottom: 0;
left: 0;
height: 100%;
background: white url(../images/HL_Logo430x108.gif);
color: #000;
border-bottom: 1px solid #600;
}

#breadcrumbs {
float:left;
position: relative;
top: 0;
bottom: 0;
width:12em;
height: 100%;
background: white url(../images/HL_Logo1x108.gif);
color: #000;
border-bottom: 1px solid #600;
}

#menue {
position: fixed;
top: 110px;
left: 10px;
width: 140px;
padding: 10px 0px;
z-index: 90;    
}

#content {
position: absolute;
top: 108px;
right: 0;
bottom: 30px;
left: 0;
overflow: auto;
background: white url(../images/bgcont948x5.jpg);
background-repeat: repeat-y;
padding: 0px 50px 40px 200px;
color: #000;
}

#spiegel {
max-width: 500px; 
padding-left: 0px;  /* 60px; */
height:100%;
}

#footer {
position: fixed;
bottom: 0;
right: 0;
left: 0;
height: 30px;
z-index: 20;
}

#foot {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 30px;
background: #FF6600;
color: #e0d0b0;
border-top: 1px solid #600;
z-index: 100;
}

#switcher {
position: fixed;
top: 10px;
right: 20px;
z-index: 100;
}

/* ==== Formate === */
/* menue und links */

a {
text-decoration: none;
background: transparent;
color: #600;
border-bottom: 1px solid #600;
}

#menue li {
list-style: none;
padding: 5px;
}

#menue a {
display: block;
padding: 1px 0 2px 5px;
background: #ff9900; /* #d0c0a0; */
color: #600;
border: 1px solid;
border-color: #ccc #000 #000 #ccc;
}

#menue a:visited {
background: #ff9900; /* #d0c0a0; */
color: #300;
}

#menue a:hover,
#menue a.aktiv,
#menue a:hover.aktiv {
padding: 2px 0 1px 6px;
background: #FF6600; /* #faeaca;  */
color: #a00;
border: 1px solid;
border-color: #000 #ccc #ccc #000;
}

#menue a.aktiv,
#menue a:hover.aktiv {
font-weight: bold;
cursor: default;
}

#switcher a {
margin-right: 5px;
padding: 1px 5px 1px 5px;
background: #e0d0b0;
color: #600;
border: 1px solid;
border-color: #ccc #000 #000 #ccc;
}

#switcher a:hover {
padding: 1px 4px 1px 6px;
background: #f0e0c0;
color: #a00;
border: 1px solid;
border-color: #000 #ccc #ccc #000;
}

/* Text-Formate */
h1 {
padding: 0 0 20px 0;
background: transparent;
color: #ff3300; /* #e0d0b0; */
}

h2,
h3,
h4 {
padding: 0 0 15px 0;
background: transparent;
color: #ff3300; /* #666; */
}

p, li { /* das wirk sich auf alle p & li aus */
/*font-size: 80%;
line-height: 140%;*/
}

#spiegel p {
margin-bottom: 10px;
}


#spiegel li {
margin: 10px 0 10px 20px;
}

#foot p {
padding: 5px 0 0 20px;
font-size: 80%;
background: transparent;
color: #e0d0b0;
}

p.topper {  /* für den Sprung zum Seitenanfang. Beim Drucken unsichtbar. */
padding: 20px 0;
}

#switcher p {
padding: 2px 0;
}

/* sonstige */
img {
border: 0 none;
}

.invis, hr {
display: none;
}

code {
font-family: 'Courier New', Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
background-color: #transparent;
color: #939;
}

/* ----    Links zu Bildern ---- */
a.image {  /*   sollen ohne Unterstrich erscheinen  aber mit einer Umrandung*/
display:block;
	text-decoration: none;
	border-style: solid;
	border-color: #c66 #600 #600 #c66;
	border-width: 2px 1px 1px 2px;
}

a:hover.image {
display:block;
	text-decoration: none;
	border-style: solid;
	border-color: #600 #c66 #c66 #600;
	border-width: 1px 2px 2px 1px;
}

a img {
	padding: 0;
}

img.Link { /* Für die Imagelinks im Footer */
	border: 0;
	height: 20px;
}

a.ImgLink {  /* Für die Imagelinks im Footer */
	border: none;
}


div.Moniereisen {  /* Trenner für die Bauvorhaben einer Kategorie */
	height:		12px;
	width:		100%;
	background:	url(../images/moniereisen.jpg) top left repeat-x
}

a.NoPrint {   /* Für Links, die beim Drucken bedeutungslos sind. */
text-decoration: none;
background: transparent;
color: #600;
border-bottom: 1px solid #600;
}


.PrintOnly {  /* für Links, die nur beim Drucken relevant sind, z. B. auf der Links-Seite */
	display: none;
}


div#Standort {  /* Für die Landkarte auf der Kontaktseite. Damit sie sich beim Drucken einreiht.  */
	width:300px;
	height:500px;
	/* position:absolute;
	right:20px;
	top:150px; */
}

	div.Neuigkeiten    { position:relative; width:500px; font:x-small; border:4px solid #ff3300; }	
	table.Neuigkeiten { background:#666666;height:100%;width:100%; }	
	table.Neuigkeiten tr td { background:#99999; }	
	table.Neuigkeiten tr td h2 { font:larger Arial,Helvetica,sans-serif; color:white; }	
	td.Neuigkeiten { width:200px; font:x-small Arial,Helvetica,sans-serif; color:white; }	
	th.Neuigkeiten { width:200px; font:  small Arial,Helvetica,sans-serif; color:white; text-align:left; }