/* CSS für www.mekoa.com */

/* Farben:
dunkelgrau = #333333 (Text, Punkte Navi)
blau = #7599BD (Überschriften, Links)
blau = #003366 (Links over)
blau = #6688AA (Text footer)
hellblau = #E9F2FA (HG Menü)
blau = #85AED6 (HG Sprachen)
blau = #517293 ("strong" im Content)
*/

html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: center; /* zur Zentrierung nötig */
}

/* Container, in dem die ganze Seite sitzt */
#alles {
	width: 960px;
	margin: 0px auto; /* 0px = Abstand oben und unten | auto = Abstand links und rechts | div ist also auf der Seite zentriert */
	text-align: left;
	background-image: url(/property/hg_navi.jpg);
}

#head {
	color: #FFFFFF;
	font-weight: bold;
	height: 164px;
	background-image: url(/property/hg_head.jpg);
}

#head-bild {
	padding: 0px 0px 0px 0px; /* Abstand: oben rechts unten links */
}

/* News */
#head-news {
	float:left;
	font-size: 11px;
	padding: 3px 0px 0px 18px; /* Abstand: oben rechts unten links */
}

/* Sprachen */
#head-sprachen {
	text-align:right;
	font-size: 11px;
	padding: 3px 9px 0px 0px; /* Abstand: oben rechts unten links */
	/* visibility: hidden; */
}

/* Translation */
#head-translation {
	text-align:left;
	color: #B82119;
	font-size: 11px;
	padding: 4px 0px 0px 0px; /* Abstand: oben rechts unten links */
}

/* Content (Navi und Inhalt) */
#content {	
	height: auto; /* Resthöhe abzüglich head und footer */
	overflow: auto;	
}

#content-navi {
	color: #003366;
	line-height: 11px;
	float: left; /* ist nötig damit "#content-inhalt" sich danebeben plaziert, sonst würde er darunter plaziert */
	width: 172px;
	padding: 17px 0px 0px 8px; /* 172+8 = 180 (Breite Navi) */	
}

#content-navi2 {
	color: #003366;
	line-height: 11px;
	float: left; /* ist nötig damit "#content-inhalt" sich danebeben plaziert, sonst würde er darunter plaziert */
	width: 172px;
	padding: 0px 8px 0px 0px; /* 172+8 = 180 (Breite Navi) */	
}

#content-inhalt {
	padding: 4px 0px 0px 200px; /* Abstand: oben rechts unten links */
}

/* kleine Bilder im Content */
#container-bild {
	padding: 5px 9px 9px 0px; /* Abstand: oben rechts unten links */
	float: left;
}

#bild-klein {

	position: relative;

}

#untertitel {
/*	position: relative;*/
	top: 170px;
	left: 0px;
}

/* Footer */
#footer {
	color: #6688AA;
	font-size: 11px;
	word-spacing: -1px;
	text-align: justify;
	text-align-last: justify;
	padding: 4px 0px 0px 0px;
	height: 22px;
	background-image: url(/property/hg_footer.jpg);
	clear: both; /* sorgt dafür, dass der Footer auch im IE immer unten abschließt */
}

/* Klassen, h, br, a, img */
.untertitel { /* unter der kleinen Bildern */
	color: #003366;
	font-size: 11px;
	padding-left: 4px; /* Abstand: oben rechts unten links */
	background-image: url(/property/hg_untertitel.jpg);

}

.untertitel-2zeilen {
	color: #003366;
	font-size: 11px;
	padding-left: 4px; /* Abstand: oben rechts unten links */
	background-image: url(/property/hg_untertitel_2zeilen.jpg);
}

.untertitel-3zeilen {
	color: #003366;
	font-size: 11px;
	padding-left: 4px; /* Abstand: oben rechts unten links */
	background-image: url(/property/hg_untertitel_3zeilen.jpg);
}

/* bei Investing */
.tabellen { 
	font-size: 12px;
	line-height: 17px;
	padding-left: 4px;
	border-color: #7599BD;
}

/* Hauptnavi ausgewählt ("h" ist automatisch "bold") */
h1 {
	font-size: 12px;
	margin: 0px;	
}

/* Seitenüberschrift im content-inhalt */
h2 {
	color: #7599BD;
	font-size: 17px;
	font-style: italic;
	line-height: 20px;
}

/* Untertitel im content-inhalt */
h3 {
	color: #7599BD;
	font-size: 15px;
	font-style: italic;
	padding-bottom: 3px;
	margin: 0px;
}

/* Unternavi ausgewählt ("h" ist automatisch "bold") */
h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 0px;	
}

/* "br" hat einen etwas kleineren Abstand */
br {
	line-height: 9px;
}

/* "images" haben keinen Rand */
img {
	border: 0px;
}

/* Liste */
ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
}

hr {
  border: 0;
}

hr.menu1 {
  margin-left: 10px;
  margin-right: 20px;
  border-top: 0px;
  border-bottom: 1px  dotted #003366;
  height: 1px;
}
hr.menu2 {
  margin-left: 20px;
  margin-right: 20px;
  border-top: 0px;
  border-bottom: 1px  dotted #003366;
  height: 1px;
}


strong {
	color: #517293;
}

/* Links Hauptnavi */
a:link, a:visited, a:active {
	font-weight: bold;
	color: #7599BD;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

/* Links Footer */
a.footer:link, a.footer:visited, a.footer:active {
	font-weight: normal;
	color: #7599BD;
}

a.footer:hover {
	font-weight: normal;
	color: #003366;
}

/* Links Sprachen */
a.sprachen:link, a.sprachen:visited, a.sprachen:active {
	font-weight: normal;
	color: #FFFFFF;
}

a.sprachen2:link, a.sprachen2:visited, a.sprachen2:active {
	font-weight: bold;
	color: #FFFFFF;
}

a.sprachen:hover {
	font-weight: normal;
	color: #003366;
}

/* Links Translation */
a.translation:link, a.translation:visited, a.translation:active {
	color: #DC261C;
}

a.translation:hover {
	color: #B82119;
}

/* Links UNternavi ausgewählt, aber anwählber */
a.unternavi:link, a.unternavi:visited, a.unternavi:active, a.unternavi:hover {
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

/* Formular */
input.contact2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 160px;
	border: 1px solid #517293;
	margin-top: 3px;
	position: absolute;
	left: 300px;
}
.submit {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 195px;
	color: #333333;
	background-color: #E9F2FA;
	border: 1px solid #517293;
}
textarea.tcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 360px;
	height: 175px;
	border: 1px solid #517293;
	margin-top: 3px;
	margin-bottom: 10px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #517293;
	scrollbar-highlight-color: #517293;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #517293;
  wrap: physical;
  float:left;
}
textarea {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E9F2FA;
	width: 590px;
	height: 18px;
	border: 1px solid #517293;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-right: 5px;
  overflow: auto;
  float:right;
}
ul.left {
	list-style-position: inside;
  margin-left: 0px;
  padding-left:10px;
  padding-right:10px;
}

table.txtimg {

/*float:right;
border:1px solid #7599BD;
margin-left: auto;
	border-spacing: 0px;
	border-collapse: collapse;

*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;


	border-collapse: collapse;

margin-right: 0px;
padding-right:0px;
width:757px;
}

td.ctext {
/*
width:385px;
border:1px solid #7599BD;
*/
vertical-align:top;
padding-top:1px;
padding-right:10px;
margin:0px;
}
td.cimgs {
/*
border:1px solid #7599BD;
	border-spacing: 0px;
*/
margin-right: 0px;
padding-top:1px;
padding-right:0px;
width:360px;

/*border:inset 30px;*/
vertical-align:top;
padding-left:0px;
/*text-align:right;*/
}

img.icont {

	padding: 0px 0px 0px 0px;
border:1px solid #7599BD;

/*width:360px;*/
/*
margin:0px;
	border-spacing: 0px;
	border-collapse: collapse;
margin-right: 0px;
*/
}

.table2 {
width:360px;
	font-size: 12px;
	line-height: 17px;
	padding-left: 0px;
  border:1px solid #7599BD;
	border-color: #7599BD;

	border-spacing: 2px;
	border-collapse: collapse;

}
.table2a {
width:740px;
	font-size: 12px;
	line-height: 17px;
	padding-left: 0px;
  border:1px solid #7599BD;
	border-color: #7599BD;

	border-spacing: 2px;
	border-collapse: collapse;

}

td.tab2a {
width:92px;
border:1px solid #7599BD;
vertical-align:top;
margin:0px;
	padding: 1px 1px 1px 10px;
	border-style: inset inset inset inset;
}

td.tab2h {
width:160px;
border:1px solid #7599BD;
vertical-align:top;
	padding: 1px 1px 1px 10px;
	border-style: inset inset inset inset;
}

td.tab2b {
border:1px solid #7599BD;
vertical-align:top;
	padding: 1px 1px 1px 10px;
	border-style: inset inset inset inset;
}
td.tab2num {
border:1px solid #7599BD;
vertical-align:top;
	padding: 1px 10px 1px 10px;
	border-style: inset inset inset inset;
	text-align:right;
}
#container-bild2 {
/*
	float: right;
*/
	float: left;
padding: 5px 0px 9px 0px; 
}

#bild-klein {
/*
  	position: relative;
  	padding-right:0px;
	padding: 0px 0px 100px 0px;
margin-top: 0px;

*/
}
.untertitel { /* unter der kleinen Bildern */
	color: #003366;
	font-size: 11px;
	padding-left: 4px; /* Abstand: oben rechts unten links */
	background-image: url(/property/hg_untertitel.jpg);
}

.dontselect { /* prevent mouse selection */
  unselectable: on;
  onselectstart: return false; 
}

a.mekoa1
{
  font-size: 12px; 
  color: #7599BD;
    line-height: 18px;
}
a.mekoa2
{
  font-size: 11px;
  color: #7599BD;
  line-height: 14px;
}
p.mekoa3
{
  width: 148px;
  border-style: dotted;
  border-width: 1px 1px 1px 1px;
  border-color: #7599BD; 
  font-size: 11px;
  line-height: 14px;
  color: #555555;
  padding: 2px 2px 3px 3px;
}

.thumbnail_left {
  float:left;
  margin-right:12px;
  margin-bottom:4px;
  border:0px;
  clear: both;
}

.thumbnail_navi {
  float:left;
  margin:0px 7px 0 0;
  border:0px;
  clear:both;
}

/* Hauptnavi ausgewählt ("h" ist automatisch "bold") */
h5 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;	
}


div.hr1{
  margin: 6px 10px;
  height: 0px;
  line-height: 0px;
  width: 142px;
  border-bottom: 1px dotted  #003366;
}
div.hr1 hr{
	display: none;
}


div.hr2{
  margin: 6px 20px;
  height: 0px;
  line-height: 0px;
  width: 132px;
  border-bottom: 1px dotted  #003366;
}

div.hr2 hr{
	display: none;
}

div.hr3{
/*  margin: 6px 10px;*/
  height: 0px;
  line-height: 0px;
  width: 145px;
  border-bottom: 1px solid  #003366;
}
div.hr3 hr{
	display: none;
}

/* text underneath menu */
#navi-text {
padding:0 6px 0 7px; 
font-size: 11px; 
line-height: 15px;
}

a.panoa 
{
position: absolute;
display: block;
width: 960px;
height: 140px;
text-decoration: none;
top: 0; left: 0;
z-index: 2;
background: url("/images/blankpx.gif") 0 0 no-repeat;
}
a:hover.panoa 
{
background: url("/images/play-pause.gif") 0 0 no-repeat;
z-index: 2;
}