/*
Basisformatierung, 
Wrapper und Content fuer Layout,
Inhaltsformatierung
*/

/* Font + Text
===================================================*/
/* Beginn Standart -------------------------------- */
* {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
}
body {
  font-family: Myriad Pro,Myriad Web,Lucida Grande,Trebuchet MS,Tahoma,Helvetica,Arial,sans-serif;
}

body * {
  font-size: 100.01%;
  line-height: 1.5;
}
/* Ende Standart ------------------------------------*/

a {
  text-decoration: none;
}


h1 {
  font-size: 2.2em;
  letter-spacing: -0.05em;
  line-height: 1.0;
}

h2 {
  font-size: 1.8em;
  line-height: 1.0;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.1em;
}


p {

}

caption {
  font-size: 1.2em;
  font-weight:bold;
}

table tfoot td {
    font-weight: bold;
}

strong {
  font-weight: bold;
}

legend{
 font-weight:bold;
}

/*pre { dicktengleich
  padding: 3%;
  border-width: 1px;
  border-style: dotted;
  overflow: auto;
}*/

cite{/*Quelle oder Autor*/
  font-style:italic;
  font-size: 0.9em;
}

.hinweis{
  font-weight: bold;
}

.marker{
  font-weight: bold;
}

.downline_baum{
line-height:20px;
vertical-align:middle;
}

a.tooltip span{
  display:none;
}

#content ul{
  list-style:none;
}

#wrapper{
  font-size: 0.9em;
}

#secondaryContent p{
  display:block;
  line-height: 1.2;
}

#footer {
  font-size: 0.9em;
}

.table-wrap {
	/*\*/ display: table; /**/
	width: 100%;
	border-spacing: 0;
	margin-bottom: 10px;
}

.table-wrap img, .table-wrap p{
  display: table-cell;
}

.table-wrap img{
  float:right;
}

/* Das macht der IE falsch
.table-row {
  display:table-row;
} */


/*===================================================
Color + Background



===================================================*/
body {
  background: #f2f2f2 url(../grafik/hintergrund.png) repeat-x;
}

strong {
  color: #95371e;
}

em {
  color: #a43d1e;
}

pre {
  background-color:#f2fdae;
  /*border-color:#ac4b22;
  border-width: 1px;
  border-style: dotted;*/
}

a{
 color: #df6929;
}

a:link {
  color: #95371e;
}
a:visited {
  color: #000000;
}
a:hover {
  color: #e59035;
}
a:active {
  color: #f3b900;
}

a[href^="http"] { /*kennzeichnet externe Links mit einer Grafik ab IE 7.0*/
 background: url(../grafik/css_icon_extern.gif) no-repeat right top;
 padding-right: 15px;
 }

h1,h2,h3,h4 {
  color: #95371e;
  border-color: #ac4b22;
}

li{
  background: url(../grafik/bullet.png) no-repeat left center;
}

table {
 background-color:#f2f2f2;
 border: 1px solid #000000;
}

.blindeTabelle, .blindeTabelle th, .blindeTabelle td, .blindeTabelle thead, .blindeTabelle tbody, .blindeTabelle tfoot{
  border-style:none;
  border:0px;
  padding:0px;
  border-spacing:0px;
  border: hidden;
  border: #FFFFFF;
}

th, td {
 border: 1px solid #000000;
}

thead{
 background:url(../grafik/tabelle_ueberschrift.png) repeat-x left center;
 border-top:1px solid #000000;
 border-bottom:1px solid #000000;
}

th{
 color:#f2f2f2;
}

legend{
 background: #b8b6be;
}

fieldset{
 background: #ffffff;
}

input:active, input:focus, input:hover{
 background-color:#e0dfe3;
}

.tabellenZeilenMarkierung{
 background-color:#e0dfe3;
}

tr:hover {
 background-color:#eccb52;
 color:#95371e;
}

thead tr:hover, table.keinHover, .blindeTabelle, tr:hover{
 background-color:transparent;
 color:inherit;
}


a.tooltip:hover span{
  background-color:#f3b900;
  color:#f2f2f2;
}

.hinweis{
 background-color:#f3b900;
 color: #df6929;
}

.marker{
 background-color:#f3b900;
}

.downline_baum{

}

#wrapper{
  /*background-color: #e0dfe3;*/
  background-color: #ffffff;
}

#mainContent{
  background-color: #ffffff ; /* #e0dfe3 */
}

#mainContent a {
 color: #df6929;
}

#mainContent a:hover {
 color: #b55022;
}

#secondaryContent{
  background-color: #ffffff;
  /*background-color: #b8b6be;*/
}

#branding{
  /*siehe menue.css*/
}

#footer{
  background-color: #e69a3a;
}

#footer a:hover{
  color: #f2f2f2;
}

#downline_baum{
 background-color:#f2f2f2;
}

#downline_baum a{
 color:inherit;
}

/*===================================================
Box




===================================================*/
*{
  padding: 0em;
  margin: 0em;
}

html,body {
height: 100%;
}

body{
  min-width: 900px; /*Netscape 6*/
}

p, .hinweis, .marker{
  padding: 0px 11px 0px 11px;
}

.langerText p{
  padding: 11px 11px 0px 11px;
}

h1{
  padding: 11px 11px 22px 11px;
}

h2, h3, h4{
  padding: 22px 11px 0px 11px;
}

ul{
  padding: 11px 0px 11px 11px;
}

li{
  padding-left:20px;
}

table {
  border-collapse: collapse;
  margin: 11px 11px 22px 11px;
}

caption {
  margin:1em 0;
}

th, td {
  padding: 0.1em 1em;
}

img{
  padding: 11px;
  /*display:block;*/
}

fieldset{
 width: 320px;
 margin: 1em 0 11px 11px;
 padding: 1em;
 border: solid 0 transparent;
}

legend{
 padding: 0 3px 0 3px;
}

label{
 display: block;
}

.hinweis{
 margin-left:11px;
 border:1px solid #df6929;
}

.marker{
 margin:11px;
}

.downline_baum{
display:block;
height:20px;
 border:0px;
 margin:0px;
 padding:0px;
}

a.tooltip:hover span{
  width: 250px;
  padding:0.2em 0.6em;
  border:1px solid #ac4b22;
}

.bildRechts, .bildLinks{
  width: 750px;
  padding: 11px;
}

.bildRechts img,.bildRechts p, .bildRechts h2, .bildRechts h3,
.bildLinks img, .bildLinks h2, .bildLinks h3, .bildLinks p
{
  padding: 0px 11px 11px 0px;
}

/*
.bildRechts p, .bildRechts img, .bildLinks p, .bildLinks img{
  width: auto;
}*/

.wrapper-img{
  width: 700px;
}


#wrapper{
  width: 900px;
  margin-left: -450px;
}


#branding{
  /*siehe menue.css*/
}

#content{
  min-height:90%;
  height:auto !important;  /* fuer moderne Browser */
  height:90%;  /*fuer den IE */
  width: 900px;
}

#mainContent{
  width: 747px;
}

#secondaryContent{
	margin:11px 0px 11px 0px;
	width: 150px;
	border-left:1px dashed #ac4b22;
}

#secondaryContent h1, #secondaryContent h2, #secondaryContent h3,
#secondaryContent p{
	padding: 0px 3px 11px 3px;
	margin: 0px
}

#footer{
  margin-top: 11px;
  padding-left: 3px;
}

#downline_baum{
  margin-left:11px;
  padding: 11px;
  width:515px;
  border:1px solid;
}

/* Positionierung



===================================================*/

img{
  float:left;
}

.bildRechts img{
  float:right;
}

.bildLinks img{
  float:left;
}

fieldset{
 float:left;
}

.clear{
  clear:both;
}

.hinweis{
 width:300px;
}

.downline_baum{

}

a.tooltip{
  position:relative;
}

a.tooltip:hover span{
  display:block;
  position:absolute;
  z-index:100;
  top:1em;
  left:3em;
}


#wrapper{
  position: relative;
  top:3px;
  left: 50%;
}

#content{
  /*float: right;*/
}

#mainContent{
  float: left;
}

#secondaryContent{
	float: right;
}

#footer{
	clear: both;
}