/*
	template.css
	(c) 2012 Die Theosophische Gesellschaft Point Loma - Covina, Goedekeweg 8, 30419 Hannover
*/

/* global */
html {height: 100%;}
img {border: 0px;}
a {outline: none;}

body {
	margin: 0;
	padding: 0;
	/*padding-top: 20px;*/
	text-align: center;
	background-color: rgb(246,251,255);
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
  font-style:  normal;
  font-weight: normal;
	color: #000000;
}
p, td, ul, table p, li p {
  line-height: 135%;
}
p {
  margin-left:   0;
  margin-right:  0;
  margin-top:    0;
  margin-bottom: 8px;
}

#seitenkopf {
	height: 210px;
	background-image: url(images/seitenkopfhintergrund.jpg);
	background-repeat:repeat-x;
}
#seitencontainer {
	width: 970px;
	margin: 0 auto 0 auto;
	background-image: url(images/seitenhintergrund.jpg);
	background-repeat:repeat-y;
	text-align: left;
  height: 1000%;
  overflow: hidden;
}
#menu {
	float:left;
	background-image: url(images/menuespaltenkopf.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	width: 245px;
	margin-left:  25px;
	padding-top:  90px;
}
#content {
	float:left;
	height: auto;
	width: 675px;
}

#content-kopf, #content-startseite-kopf-1 {
	background-image: url(images/bildspaltenkopf.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:150px;
	height: 90px;
}
#content-kopf              { width: 525px; overflow: hidden;}
#content-startseite-kopf-2 { width: 525px; overflow: auto; height:80px; font-size:12px;}
#content-kopf h1, #content-kopf h2, #content-startseite-kopf-2 h1 { margin: 0px 150px 15px 0px; font-family: Arial, Helvetica, sans-serif; }
#content-kopf h1 { font-size: 17px; font-weight: bold; color:#000; }
#content-kopf h2 { font-size: 16px; font-style:  normal; font-weight: normal; color: rgb(26,0,191); }
#content-startseite-kopf-2 h1 { font-size: 22px; font-weight: normal; color: #B0BEFF; margin: 0px 0px 5px 0px;}


#content-2 {
	float:left;
	width: 414px;
	padding: 12px 0px 15px 16px;
	background-image: url(images/inhalthintergrund.jpg);
	background-repeat: repeat-y;
	height:auto;
}
#bildspalte {
	float:left;
	width: 205px;
	margin-left:20px;
	font-size: 11px; 
}

#content-startseite-infospalte-1, #content-startseite-infospalte-2 {
	float:left;
	width: 200px;
	height:auto;
	margin-right:20px;
	padding-right:5px;
	background-repeat: repeat-y;
	font-size:12px;
}
#content-startseite-infospalte-1 { background-image: url(images/infospaltenhintergrund-1.jpg); }
#content-startseite-infospalte-2 { background-image: url(images/infospaltenhintergrund-2.jpg); }
#content-startseite-infospalte-1 h1, #content-startseite-infospalte-2 h1 {
	background-image: url(images/infospaltenkopf.jpg);
	background-repeat: no-repeat;
	background-position:top;
	margin: 0px 0px 17px 0px;
	padding-top: 12px;
	font-size: 18px;
	font-weight:normal;
	color: rgb(26,0,191);
}
#content-startseite-infospalte-1 p,   #content-startseite-infospalte-2 p   { margin-bottom: 6px; font-size: 12px; }
#content-startseite-infospalte-1 ul,  #content-startseite-infospalte-2 ul  { list-style-type: disc; margin: 0; padding-left: 15px; }
#content-startseite-infospalte-1 li,  #content-startseite-infospalte-2 li  { margin-bottom: 6px; }
#content-startseite-infospalte-1 img, #content-startseite-infospalte-2 img { float:left; margin-right: 10px; margin-bottom: 8px; }
#content-startseite-infospalte-1 a,   #content-startseite-infospalte-2 a   { text-decoration:none; color: rgb(26,0,191); }

#content-2 h1 {
	margin-top:0px;
	font-size: 15px;
	color: #039;
}
#content-2 h2 {
	font-size: 14px;
	color: #039;
}
#content-2 h3 {
	font-size: 13px;
	color: #039;
	margin-bottom:6px;
}
#content-2 h6 {  /* für Quellenangaben  z. B. am Artikelende */
	font-size: 11px;
	font-weight:normal;
	color:#777;
	margin-top: 15px;
	padding-left:100px;
	text-align:right;
}

#content-2 ul  { list-style-type: disc; margin: 0; padding-left: 15px; }
#content-2 li  { margin-bottom: 0px; }


#seitenfuss {
	clear:both;
	background-image: url(images/seitenfuss.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	width: 900px;
	height: 35px;
	padding-left: 70px;
	padding-top:  35px;
}
#seitenfuss p { font-size: 10px; color: #FFF; }
#seitenfuss a { color: #B0BEFF; text-decoration: none; }
#seitenfuss a:hover { color: #FFF; }


ul {
  list-style-type: disc;
  border-style: none;
  line-height:  120%;
  margin-left:  1.4em;
}


a:link, a:visited, a:active {
	color: #03C;
	text-decoration: none;
}
a:hover {
	color: #930;
	text-decoration: none;
}
hr {
	margin: 15px 0px 15px 0px;
	color: #036;
	height: 1px;
	width: 100%;
}
h1 {
	font-size: 18px;
	color:#000;
	margin: 20px 0px 10px 0px;
}
h2 {
	font-size: 15px;
	color: #369;
	margin: 15px 0px 5px 0px;
}

/* --- Menue --- */
#menu ul, #menu li{
	list-style-type: none;
	margin:0;
	padding:0;
}
#menu ul {
	border-bottom: 30px;
	padding-left: 45px;
	font-size:16px;
}
#menu ul li { padding-bottom: 30px; }
#menu ul ul {
	font-size:14px;
	padding-left: 15px;
	font-size:13px;
}
#menu ul ul li { padding-top: 10px; padding-bottom: 0px; }

#menu a {	text-decoration: none; color:#000; display: block; }
#menu a:hover { color:rgb(26,0,191); }
#menu_current {	font-weight: bold; }
/* --- Menue-Ende --- */


.fussnote-1 {
	margin-top: 30;
	padding-left:  35px;
	font-size: 10px;
}

.img-float-1 {
	float:left;
	margin-right:  15px;
	margin-bottom: 10px;
}
.img-float-2 {
	float:right;
	margin-right:  25px;
	margin-bottom: 10px;
}

/* ---------- Tabellen */
#tabelle-1 { }
#tabelle-1 td {
	vertical-align: top;
	/* padding-top: 5px; */
}
#tabelle-1 p {
  margin-top: 5px;
  margin-bottom: 0;
}