/* css Zen Garden submission 139 - 'The Hall', by Michael Simmons, http://www.thoughtanomalies.com/ */
#css-main {
	margin: 0;                                                          /* Standard: keinerlei Raender                                      */
  min-width: 750px;                                                   /* wird für das dynamische Anpassen an die Fensterbreite benoetigt  */
	background-color: silver; /* #95a799;  #BCB8AE ; /*#CEBF73; /*url(images/bialas_bild_06a.jpg) ;*/
	font-family: arial, verdana, sans-serif;
  color: black;
}
#container {
	position: absolute;
	right: 1.5%;
	top: 0;
	margin-left: 1.5%; 
  margin-top: 1.5%;
  padding: 11px  11px 11px 42px;
	background:  whitesmoke; /* seashell url(images/linklist_back.jpg) repeat-y 100% 0 */;
	border: solid 1px #A2965A;
  min-width: 600px;
  max-width: 1200px;
  width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}
/* -------------------------------------------------------------------- */
/* Der Kopfbereich                                                      */
/* -------------------------------------------------------------------- */
#container #pageHeader {
	height:       231px;
/*  margin-right: 340px; */
  margin-left:   1%;
/*	border-bottom: solid 1.5px #A2965A ; */
/*  background:  lightgoldenrodyellow; */
}
#container  #pageHeader h1 {
	display: block;
	padding: 0;
  color: #000;
  font: italic normal 16px georgia,serif;
}
#container  #pageHeader h2 {   display: block  ;font: italic normal 16px georgia,serif }
#container  #pageHeader h3 {  
/*  display: none;  */
  position: absolute;
  top: 100px;
}
/* -------------------------------------------------------------------- */
/* linke obere Ecke : Der Logobereich                                   */
/* -------------------------------------------------------------------- */
#container #pageHeader #logoEntry{
  top:0  ;
  width:260px;
  margin-left:10px;
  height:110px;
/*  float:left;  */
  text-indent:-2000px;
  background: transparent url(images/ficoach_logo.png) no-repeat top left;
}

/* -------------------------------------------------------------------- */
/* Titelbereich: Willkommen                                             */
/* -------------------------------------------------------------------- */
#container #pageHeader #thema  #Willkommen{
 	background: transparent  url(images/ficoach_willkommen.png) no-repeat top left; 
	text-indent: -2000px;
  margin-top: 50px; 
  height: 50px;
	border-bottom: solid 1.5px #A2965A ; 
/*  margin-right:290px; */
}
/* -------------------------------------------------------------------- */
/* Titelbereich: Finanz-Coaching                                        */
/* -------------------------------------------------------------------- */
#container #pageHeader #thema  #Finanz-Coaching{
 	background: transparent  url(images/ficoach_quo_vadis.png) no-repeat top left; 
	text-indent: -2000px;
  margin-top: 50px; 
  height: 50px;
	border-bottom: solid 1.5px #A2965A ; 
/*  margin-right:290px; */
}
/* -------------------------------------------------------------------- */
/* Titelbereich: Vermögensbildung                                       */
/* -------------------------------------------------------------------- */
#container #pageHeader #thema  #Vermögensbildung{
 	background: transparent  url(images/ficoach_vermögensbildung.png) no-repeat top left; 
	text-indent: -2000px;
margin-top: 50px; 
height: 50px;
	border-bottom: solid 1.5px #A2965A ; 
}
/* -------------------------------------------------------------------- */
/* Titelbereich: Anlageprodukte                                         */
/* -------------------------------------------------------------------- */
#container #pageHeader #thema  #Anlageprodukte{
 	background: transparent  url(images/ficoach_anlageprodukte.png) no-repeat top left; 
	text-indent: -2000px;
margin-top: 50px; 
height: 50px;
	border-bottom: solid 1.5px #A2965A ; 
}
/* -------------------------------------------------------------------- */
/* Titelbereich: Research                                               */
/* -------------------------------------------------------------------- */
#container #pageHeader #thema  #Research{
 	background: transparent  url(images/ficoach_research.png) no-repeat top left; 
	text-indent: -2000px;
margin-top: 50px; 
height: 50px;
	border-bottom: solid 1.5px #A2965A ; 
/*  margin-right:290px; */
/* padding funktioniert bei der Platzierung von Hintergrundbildern nicht  */
}

/* -------------------------------------------------------------------- */
/* Die Textdarstellung (allgemein)                                      */
/* -------------------------------------------------------------------- */
#container #intro, 
#container #preamble, 
#container #explanation, 
#container #benefits, 
#container #marktanalysen {
/* #container #text {  */
	/* width: 469px; */
  margin: 0 0 2em 0 ; /* 42px; */
  padding-right: 5px;
/*  background: lightgoldenrodyellow; */
}

/* -------------------------------------------------------------------- */
/* Allgemeine Definitionen                                              */
/* -------------------------------------------------------------------- */
#container p , #container ul, #container ol, #container table{
	font-size: 12px;
	line-height: 18px;
	color: #444;
/*  padding-right:5px; */
}

#container p acronym {
	border-bottom: dotted 1px #444;
	cursor: help;
}
#container a:link
{
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #336699;
  color: #635f57;
}
#container a:visited {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #336699;
  color: #635f57;
}

#container a:hover, #container a:active {
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #003366;
  color: #996633;
}
 
#container h3{
  font-size:14px;
}
/* -------------------------------------------------------------------- */
/* Menue und weitere Einträge der linken Spalte                         */
/* -------------------------------------------------------------------- */
/*   ausgelagert in navigation.css 
#container #left_side{
	position: absolute; 
	top: 0;
	right: 0; 
	width: 260px;
  height:100%;
}
#linkList2 {
	padding: 18px 35px 0 23px;
}

#container #left_side #linkList h3 {
	margin: 10px 0 0 10px;
	padding: 0;
	width: 180px;
	height: 19px;
}
/*  wird zur Zeit nicht benutzt 
#container #left_side #linkList h3.select { background: url(images/t_selectadesign.jpg) no-repeat; }
#container #left_side #linkList h3.archives { background: url(images/t_archives.jpg) no-repeat; }
#container #left_side #linkList h3.resources { background: url(images/t_resources.jpg) no-repeat; }

#container #left_side #linkList ul {
	margin: 10px 0 20px 20px;
	padding: 0;
	list-style: none;
  letter-spacing:1px;
}
#container #linkList ul li {
	margin: 0 0 9px 0;
	padding: 0 0 0 12px;
	background: url(images/bluearrow.gif) no-repeat 0 5px;
	font-size: 12px;
	color: #fff;
}

#container #linkList ul li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	letter-spacing:-0.025em;  
  font-weight: bold;
	color: #426279;
}
#container #linkList ul li a:hover { color: #21313C; }
#container #linkList #lselect ul li a { display: block; }
#container #linkList #lselect ul li a.c {
	display: inline;
	text-transform: none;
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
}
#container #linkList #lselect ul li a.c:hover { text-decoration: none; }

/* -------------------------------------------------------------------- */
/* Zusatzinformationen                                                 */
/* -------------------------------------------------------------------- */

#container #left_side #more ul{
  padding-right:0;
  margin: 0;
  border-left: 1px solid  #98AFC7;
}

#container #text h2, #container #preamble h2 {
margin: 0 0 13px ;
padding: 0;
width: 299px;
height: 1em;
color: #426279;
}

#container #text h3, #container #preamble h3 {
padding: 0;
width: auto;
height: 1em;
color: #426279;
}

#container #text table, #container #preamble table, #container  #marktanalyse table {
color:#2740B1; 
border: solid 1px #53ab89
}
tr.infozeile {
  font-style: oblique;
  background-color: cornsilk;
}

td.kapital, th.kapital{
  padding: 0 1em;
  text-align: right;
}

#container #explanation h3 {
	margin: 40px 0 10px 42px;
	padding: 0;
	height: 16px;
}
#container #participation h3 {
	margin: 40px 0 6px 42px;
	padding: 0;
	height: 20px;
}
#container #benefits h3 {
	margin: 40px 0 10px 42px;
	padding: 0;
	height: 16px;
}
#container #requirements h3 {
	margin: 40px 0 6px 42px;
	padding: 0;
	text-indent: -2000px;
	width: auto;
	height: 20px;
	background: url(images/t_requirements.jpg) no-repeat;
}

#container #requirements p.p5 {
	margin: 40px 0 40px 42px;
	font-size: 11px;
	font-style: italic;
}
#container #benefits ul , #container #explanation ul{
	margin-left: 20px;
	padding-left:45px;
	list-style: url(images/attachment.gif) outside; 
}
#container #benefits ul ul , #container #explanation ul ul{
	padding-left:5px;
	list-style: disc outside; 
  width:400px;
}

#container #benefits h4, #container #explanation h4{
  color: #426279;
  margin-bottom:0
}
/*
 * #container p a {
	text-decoration: none;
	color: #9E3E02;
	border-bottom: dotted 1px #9E3E02;
}
#container p a:hover {
	border-bottom: none;
}
  */
#footer {
color: #444;
	right: 0;
	border-top: solid 1.5px #A2965A ;
	padding: 9px 0 0 0;
	font-size: 11px;
text-align: center;
}
#footer a {
	padding: 9px 0 0 0;
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #fff;
}
#footer a:hover {
	background: url(images/littlearrow.gif) no-repeat top center;
}

textarea{
  margin-right:200px;
}