body{
	background-color: #eee;
	background-image: url(pics/blatt.jpg);
/*	background-position: 200px -17px;
	background-position:right;*/
	background-attachment:fixed;
	margin:0; padding:0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:100,1%;
	scrollbar-base-color: #3CA6E6;
	scrollbar-3dlight-color: #D2DBEF;
	scrollbar-arrow-color: #3E72B5;
	scrollbar-darkshadow-color: #D2DBEF;
	scrollbar-face-color: #FDFCCB;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FAF6F3;
}

h1,h2,h3{color: #004A88;}
/*================ der Rahmen in dem sich alles abspielt ===========================*/
.rahmen {	
	text-align:left;
	border: 0px solid #F9F400; /*====== nur für DRUCK! ======
	background-image: url(pics/rahmen-hg.gif);
	/*margin:35px auto; ====wenn unpositioniert;
	background-color:#FCFAC9;*/
	width: 19cm; /*====== nur für DRUCK! ======*/
	position: absolute;top:0cm;left:1.5cm;margin-left:0px; /*====== nur für DRUCK! ======*/
	z-index:10;
}
	
/*========= der Kopfbereich mit Logo und Überschrift =======*/	
div#kopf{
	margin-top:0px; /*====== nur für DRUCK! ======*/
	padding:0;
	height: 120px;
	z-index : 11;
}

/*======== Position und Größe des Logos ==============*/
img#logoINPP{
	float:left; 
	margin:1cm 0.5cm 30px 0cm;/*====== nur für DRUCK! ======*/
 	width:72px;/*====== nur für DRUCK! ======*/
 	height:44px;/*====== nur für DRUCK! ======*/
} 
	
/*=====address=Adresszeile in Kopf=====*/
address {
	font-style:normal;
	padding-top:10px;
	color: #004A88;
	text-align: left;
	font-weight:normal;
	font-size:11px;
	
}
/*=====h3=Kopfzeile in Kopf=====*/
div#kopf h3{
	text-transform : uppercase;
	text-align: left;
	font-weight: normal;
	font-size:18px;
	}
/*================ Ende vom Rahmen in dem sich alles abspielt ===========================*/

/*============ hier kommt die Linkliste  ===========*/
div#linxdiv {
	display:none; /*===== nur für DRUCK! =====*/
	float:left;
	width:225px;
	margin-left:10px; 
	padding-left:0px;
	padding-bottom:20px;
	z-index:10;
	color:#004A88;
	font-size: 14px;
	}
div#linxdiv a, div#linxdiv a:hover, div#linxdiv a:visited, div#linxdiv a:active {
	text-transform:none;
	color: #004A88;
	text-decoration: none;
	display:block;
	width:195px;
	border:1px solid #F9F400;
	padding:4px; /*genau so viel wie div inhalt*/
}
div#linxdiv a:hover{
	text-decoration : underline;
	border:1px solid #FCFAC9;
}

  /*============ Aufklapplinks mit hover (#linksohne ist ohne hover, also immer aufgeklappt) ===========*/
ul#links, ul#links li ul, ul#linksohne, ul#linksohne li ul{
	margin:0;padding:0;
	list-style-type: none;
	list-style-position : outside;
	font-weight: bold;
}
ul#links li, ul#linksohne li{margin:0;padding:0;}

ul#links li ul, ul#linksohne li ul{margin-left:10px;}

/* ===== dynamisches Ein-/Ausblenden; für IE gibts dafür ein Javascript  ===== */
   ul#links li ul{
    display: none;
  }
   ul#linksohne li ul{
    display: block;
  }
  ul#links li:hover ul, ul#linksohne li:hover ul{
    display: block;
	background-color:#transparent;
  }
  /*============ Ende der  Aufklapplinks mit hover =============*/
/*============ Ende der Links  ===================================*/

.inhalt {
	font-size: 90%;
	position:relative;
	width: 90%;/*=========nur für DRUCK! ==========*/
	margin:0px 0px;/*=========nur für DRUCK! ==========*/
	text-align:left;
	line-height: 135%;
	float:right	
	z-index:11;
}
		
/*========= schlagwörter  Aufklappliste Schlagwörterliste mit Hover=====*/
div#schlagwrtr.mehr{
	/*display:none;=========nur für DRUCK! ==========*/
font-weight:normal; font-size:0.7em; letter-spacing:0;}

div#schlagwrtr {
	color: #004A88;
	line-height:115%;
	text-align:left;
	font-weight:bold;
	}
div#schlagwrtr a, div#schlagwrtr a:hover, div#schlagwrtr a:visited, div#schlagwrtr a:active {
	display:none;/*=========nur für DRUCK! ==========*/
	color: #004A88;
	text-decoration : none;
	padding:0px;
	margin:0; 
}

div#schlagwrtr a.mehr:hover{
	color:#FCFAC9;
	text-decoration:underline;
}

/*============  Schlagwörterliste   ===========*/
ul#schlagw{
	font-weight: bold;
	list-style-image : url(pics/pfeil.gif);
	padding-left:0.5em;
	}

#entw, #verh, #lernprobleme{
	position:relative;
	margin:0.2em 0 0 0;
	font-weight: normal;
	color: #000;;
	display:block;visibility:visible;/*=========nur für DRUCK! ==========*/}
	
#entw em, #verh em, #lernprobleme em{	
	font-weight: normal;
	font-style: normal;}	
	
#entw ul, #verh ul, #lernprobleme ul{
	display:block;
	list-style-image : url(pics/minisquare.gif);
	margin:0.1em 0 0.2em 0em;
	border-top: 0px solid #70A1E9;/*=========nur für DRUCK! ==========*/
	border-bottom: 0px solid #70A1E9;/*=========nur für DRUCK! ==========*/
	width:75%;
	padding:0.1em 0 0.2em 0;
	font-size: 90%;}
	
#entw ul li, #verh ul li, #lernprobleme ul li{margin: 0 0 0 1.5em;padding:0em;}		
	
/*===== nur für DRUCK! unsichtbare Elemente sichtbar machen ========================*/
#liste-baby, #kgarten, #schule, #trotz, #lernprobleme, #entw, #verh{display:block;visibility:visible;}
/*===== nur für DRUCK! mehr ...- links unsichtbar machen ========================*/
#baby-mehr, #kgarten-mehr, #schule-mehr, #trotz-mehr, #mehr{visibility:hidden;display:none;};


h1{
	font-size:1em;
	text-transform:none;
	font-weight: bold;line-height:120%;
	margin-top:1em;
	margin-bottom:8px;
}

h2{
	text-transform:none;
	font-weight: bold;
	font-size:90%;
	margin-top:2em;
	margin-bottom:8px;
}

p{margin-top:0px;margin-bottom:8px;}

p.zitat{
	color: #004A88;
	font-weight:bold;
	font-size:1em;
	margin-top:0em;
	margin-bottom:8px;}

p.ohne-abstand{margin: 0;}

.text{
	padding-right:30px;
	font-family : Arial, Helvetica, sans-serif;/*=========nur für DRUCK! ==========*/
	font-size : 0.9em;
	font-weight:normal;
	text-transform:none;
}

ul {list-style-position:outside; padding-left:0px; margin-left:15px;margin-top:4px;margin-bottom:8px;}
ol {list-style-position:outside; padding-left:0.5em; margin-left:20px;margin-top:4px;margin-bottom:8px;}

li{margin-top:0px;margin-bottom:5px;}	/**/

ul.im-text, ul.pfeil{
	padding-right:30px;
	list-style-position : outside;
	padding-left:0.5em;
	font-size : 0.9em;
	font-family : Arial, Helvetica, sans-serif;
}
ul.im-text{
	list-style-image : url(pics/square.gif);}
ul.pfeil{
	list-style-image : url(pics/pfeil.gif);}

ul.im-text ul{	
	margin-left:-0.4em;
	list-style-image : url(pics/transp.gif);
	list-style-position : outside;
	font-size : 1em;
}

ul.im-text li, ul.im-text ul li{
	font-family : Arial, Helvetica, sans-serif;}/*=========nur für DRUCK! ==========*/
	
a.imtext{color:#004A88;text-decoration: none;
}

a.imtext:hover{
	text-decoration:underline;
}

ul.in-hidden{
	font-size:1em;
	list-style-image : url(pics/glob.png);
	list-style-position : outside;
	margin:0 0 0 0.7em;}
	
ul.in-hidden li{margin:0 1em;}
	
/*===== Ausblenden von Auf - und Einklapplinks im Inhalt  ======/*/
.mehr{text-decoration: none;font-weight:normal; font-size:0.8em;}
.aus{float:right;position:relative; top:0; left:10px; margin-top:3px; width:9px; height:10px; border:0;
display:none;/*====nur für DRUCK! =======*/}
.hidden{
	display:block;/*====nur für DRUCK! =======*/
	list-style-type: none;
	padding-right:40px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	width:490px;
}	

div#krakels{
visibility:hidden;/*====nur für DRUCK! =======*/
position:fixed; right:4px;top:5px;width:200px;float:right;text-align:right;}
img#chaos{width:157px; height:130px; position:absolute; top:10px;right:0;}
img#traum{width:119px; height:33px; margin: 85px 25px 0 0;}
img#zappel{width:156px; height:41px; margin: 30px 5px 0 0;}
img#angst{width:126px; height:36px; margin: 10px 5px 0 0;}
img#ungesch{width:152px; height:36px; margin: 31px 0px 0 0;}
img#tollp{width:160px; height:48px; margin: 8px 5px 0 0;}
img#schlud{width:148px; height:40px; margin: 13px 5px 0 0;}
img#bettn{width:132px; height:45px; margin: 5px 5px 0 0;}
img#trkopf{width:109px; height:36px; margin: 12px 5px 0 0;}
img#sorge{width:200px; height:50px; margin: 10px 5px 0 0;}


.blau{color:#004A88;}
.blaufett{color:#1D5398;/*font-weight:bold;*/}
.grau{color:#666;}

/*======= für nach-oben springen ====*/
p.up{text-align:center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.9em;
}

/*======= TABELLEN =========*/
table{
	margin:8px 0px;
	font-family : Arial, Helvetica, sans-serif;/*======= nur für DRUCK! =========*/
	font-size : 0.9em;
	padding:0;
}
th{
	vertical-align : top;
	border-bottom : 1px solid #3CA6E6;
	text-align : left;
	font-weight : normal;
}
td{
	vertical-align : top;
}