/******************************************************************
 CSS englisches-instutut.de - Grundschule
 (c) 2006 Diplix Solutions Claude Schmidhuber
 
|-------------990-------------| 
|---185---|---620---|---185---|
|05-170-10|10-600-10|10-165-10|
|-----------------------------|

|---------600--------|
|--400--|-15-|--185--| text-left
|--185--|-15-|--400--| text-right
|--------------------|
 
*******************************************************************/

/******************************************************************
 Generisch
*******************************************************************/
html 
{
	height:100%;
}

html body
{
	height:100%;
	width:auto;	
	padding:0px; 
	margin:0px; 
	background-color:#FFCC33; 
	background-image:url(bilder/ly_hg.gif);
	background-repeat: repeat-x;
}

body,td,ul,li,h1,h2,h3,p,div
{
	font-family: Arial, Sans-Serif, Tahoma;
	color:#000099;
}

body.popup
{
	background-image:none;
}

p,td
{
	font-size:10pt;
}

td
{
	vertical-align:top;
}

img
{
	border:0 none;
	margin:0;
	padding:0;
}

/* mozilla fix for img-only tds */
td img 
{
	display: block;
} 

/* for js debugger win */
#dbg
{
	position:absolute;
	left:500px;
	top:0px;
	width:300px;
	height:100px;
	overflow:scroll;
	border-color:red;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff;
	font-size:10px;
	font-family:Arial;
	z-index:99;
	visibility:hidden;
}

/******************************************************************
 Hauptlayout 
*******************************************************************/

/** base def **********************************************************/
#base-container
{
	height:100%;
	/* for testing: background-color:Aqua; */
}

#base-table
{
	height:100%; 
	width:990px;
	border:0;
	border-collapse:collapse;
	margin:0;
	padding:0;
	table-layout:fixed;
}

#base-top-left
{
	background-color:#FF6600;
	height:15px;
	width:185px;
	font-size:1px;
}
#base-top-mid
{
	background-color:#FF6600;
	height:15px;
	width:620px;
	font-size:1px;
}
#base-top-right
{
	background-color:#FF6600;
	height:15px;
	width:185px;
	font-size:1px;
}

#base-topnavi
{
	background-color:#FFCC00;
	height:20px;
}

#base-topnavi UL
{
	padding:0px 0px 0px 35px;
	margin:0;
	display:inline;
}
#base-topnavi UL LI
{
	display:inline;
	font-family:Verdana;
	font-size:8pt;
	color:#003399;
}
#base-topnavi UL LI A
{
	font-weight:bold;
	color:#003399;
	text-decoration:none;
}

#base-left
{
	background-color:#FF9933;
	width:185px;
	height:auto;
	padding:100px 10px 5px 5px;
}
#base-mid  /* top padding to be done by child element (prefer: -header elements!) -> default: 100px */
{
	background-color:#FFCC33;
	height:auto;
	width:auto;
	padding:0px 10px 5px 10px;
}
#base-right
{
	background-color:#99CC00;
	width:185px;
	height:auto;
	padding:100px 10px 5px 10px;
}

#base-bottom-left
{
	background-color:#FF9933;
	height:20px;
	width:185px;
	vertical-align:bottom;	
	padding:0px 10px;
}
#base-bottom-mid
{
	background-color:#FFCC33;
	height:20px;	
	vertical-align:bottom;
	padding:0px 10px;
}
#base-bottom-right
{
	background-color:#99CC00;
	height:20px;	
	width:185px;
	vertical-align:bottom;
}

.base-bottom-area
{
	border-color:#CD3300;
	border-width:1px;
	border-style:solid none none none;
}

.base-bottom-area A
{
	color:#CD3300;
	font-size:8pt;
	text-decoration:underline;
}

#base-language-layer
{
	position:absolute;
	left:6px;
	top:57px;
	width:170px;
	height:20px;
	overflow:hidden;
	padding:0;
	margin:0;
	border: 0 none;
	z-index:1;
	visibility:visible;
}

/** base navlayers **********************************************************/
#base-navlayers
{
	/* blank on purpose */
}

.base-singlenavlayer
{ 
	position:absolute; 
	left:0px;
	top:35px;
	width:200px; 
	height:250px; 
	z-index:11;
	visibility:hidden;
}

.base-singlenavlayer UL
{
	padding:0;
	margin:0;
	display:inline-block;
	background-color:#eeeeee;
}

.base-singlenavlayer UL LI
{
	list-style: none;
	display:inline-block;
	margin:0;
	padding:1px 5px 1px 5px;
	font-family:Verdana;
	font-size:8pt;
	color:#003399;
	background-color:#eeeeee;
}

.base-singlenavlayer UL LI:hover,
.base-singlenavlayer UL LI.ieover
{
	background-color:#aeaeae;
}

.base-singlenavlayer UL LI A
{
	font-weight:bold;
	color:#003399;
	text-decoration:none;
}

/** base-left content **********************************************************/

#base-searchbox
{
	border-color:#003399;
	border-width:1px;
	border-style:solid solid none none;
	padding:0;
	margin:0;
	vertical-align: top;
}
#base-searchbox form
{
	padding:0;
	margin:0;
}
#base-search-title
{
	color:#003399;
	font-size:8pt;
}
#base-search-input
{
	/* leer */	
}
#base-search-button
{
	text-align:right;
}

#base-leftnavi
{
	padding:5px 0 0 0;
	margin:0;
}
#base-leftnavi-table
{
	padding:0;
	margin:0;
	width:100%;
}
.base-leftnavi-lv0
{
	padding:0;
	margin:0;
	font-size:8pt;
	font-weight:bold;
}
.base-leftnavi-lv0 A
{
	color:#003399;
	text-decoration:none;
}
.base-leftnavi-lv0 A:hover
{
	text-decoration:underline;
}
.base-leftnavi-divider
{
	padding:0;
	margin:0;
	font-size:0pt;
	height:2px;
	background-image: url(bilder/base-navi-divider.gif);
}
.base-leftnavi-lv1
{
	padding:0px 0px 0px 20px;
	margin:0;
	font-size:8pt;
	font-weight:bold;
}
.base-leftnavi-lv1 A
{
	color:#FFFECE;
	text-decoration:none;
}
.base-leftnavi-lv1 A:hover
{
	text-decoration:underline;
}
.base-leftnavi-lv2
{
	padding:0px 0px 0px 30px;
	margin:0;
	font-size:8pt;
	font-weight:normal;
}
.base-leftnavi-lv2 A
{
	color:#003399;
	text-decoration:none;
}
.base-leftnavi-lv2 A:hover
{
	text-decoration:underline;
}

#base-left-visual
{
	position:absolute;
	width:160px;
	height:180px;
	left:10px;
	top:360px;
}


/** base-mid content **********************************************************/

#base-content
{
	padding:0;
	margin:0;
}

#base-content-header
{
	border-color:#CC0001;
	border-width:1px;
	border-style:solid none;
	margin:100px 0px 0px 0px;
}
#base-content-header h1
{
	padding:0;
	margin:0;
	color:#003399;
	font-weight:bold;
	font-size:10pt;
}
#base-content-header h2
{
	padding:0;
	margin:0;
	/* color:#009933; */
	color:#007929;
	font-weight:normal;
	font-size:10pt;
}

#base-content-kids-header
{
	margin:50px 0px 0px 0px;
}
#base-content-kids-title
{
	border-color:#009933;
	border-width:1px;
	border-style:solid none none none;
	color:#009933;
	margin:0px;
}



#base-content-text
{
	margin:15px 0px 0px 0px;
}

#base-content-text h1
{
	font-weight:bold;
	font-size:15px;
	padding:0;
	margin:15px 0px 5px 0px;
	color:#000099;
}

.base-content-tbl
{
	width:100%;
}

.base-content-td-image
{
	margin:0px;
}

.base-content-td-text-left
{
	padding:0px 15px 0px 0px;
	vertical-align:top;
	color:#000099;
	font-size:10pt;
	line-height:130%;
	text-align: justify;
	width:400px;
}
.base-content-td-text-right
{
	padding:0px 0px 0px 15px;
	vertical-align:top;
	color:#000099;
	font-size:10pt;
	line-height:130%;
	text-align: justify;
	width:400px;
}
.base-content-td-text-middle
{
	padding:0px 0px 0px 0px;
	vertical-align:top;
	color:#000099;
	font-size:10pt;
	line-height:130%;
	text-align: justify;
	width:100%;
}


/** base-mid content 4 kids ***************************************************/

#base-content-kids-news-container
{
	
}

#base-content-kids-news01 /* extra IE*/
{
	background-image: url(bilder/kids_news_01.gif);
	width: 262px; /* 312 */
	height: 77px; /*157*/
	padding:40px 20px 40px 30px;
	overflow:hidden;

	font-size:16pt;
	color:#ff6600;
	overflow:hidden;
}

#base-content-kids-news02 /* extra IE*/
{
	background-image: url(bilder/kids_news_02.gif);
	width: 235px; /* 285 */
	height: 77px; /*157*/
	padding:40px 20px 40px 30px;
	overflow:hidden;

	font-size:16pt;
	color:#54943b;
}

#base-content-kids-news03 /* extra IE*/
{
	background-image: url(bilder/kids_news_03.gif);
	width: 262px; /* 312 */
	height: 74px; /*154*/
	padding:40px 20px 40px 30px;
	overflow:hidden;

	font-size:16pt;
	color:#ffffff;
}

#base-content-kids-news04 /* extra IE*/
{
	background-image: url(bilder/kids_news_04.gif);
	width: 225px; /* 285 */
	height: 74px; /*154*/
	padding:40px 20px 40px 40px;
	overflow:hidden;

	font-size:16pt;
	color:#6699cc;
}

#base-content-kids-news05 /* extra IE*/
{
	background-image: url(bilder/kids_news_05.gif);
	width: 227px; /* 312 */
	height: 66px; /*151*/
	padding:45px 20px 40px 65px;
	overflow:hidden;

	font-size:16pt;
	color:#003399;
}

#base-content-kids-news06 /* extra IE*/
{
	background-image: url(bilder/kids_news_06.gif);
	width: 225px; /* 285 */
	height: 71px; /*151*/
	padding:40px 20px 40px 40px;
	overflow:hidden;

	font-size:16pt;
	color:#ffff99;
}

#base-content-kids-rhymes01
{
	position:absolute;
	left:200px;
	top:90px;
	width:280px;
	height:520px;
	overflow:hidden;
}

#base-content-kids-rhymes02
{
	position:absolute;
	left:520px;
	top:90px;
	width:280px;
	height:260px;
	overflow:hidden;
	color:#ffcc33;
}

#base-content-kids-rhymes03
{
	position:absolute;
	left:520px;
	top:390px;
	width:280px;
	height:260px;
	overflow:hidden;
	color:#ffcc33;
}

.kids-galerie-imgframe
{
	width:125px;
	float:left;
}
.kids-galerie-imgtext
{
	width:155px;
}
/** base-right content **********************************************************/

#base-right-container
{
	padding:0;
	margin:0;
}

.base-box-aktuelles-head
{
	background-color:#3401CC;
	color:#FFCC00;
	font-weight:bold;
	font-size:10pt;
	margin:0;
	padding:2px 5px;
}
.base-box-aktuelles-content
{
	margin:5px 0px 0px 0px;
	padding:15px 5px;
	border-color:#ffffff;
	border-width:1px;
	border-style:none solid solid solid;
	font-size:9pt;	
	color:#000165;
	line-height:130%;
}
.base-box-aktuelles-content h1
{
	color:#990035;
	font-size:9pt;
	font-weight:bold;
	padding:0;
	margin:0;
}
.base-box-aktuelles-content h2
{
	font-size:9pt;
	text-decoration:underline;
	font-weight:normal;
	padding:0;
	margin:0;
}

#base-right-visual
{
	position:absolute;
	width:80px;
	height:65px;
	left:915px;
	top:93px;
}

/******************************************************************
 Overlay-DIVs
*******************************************************************/
#head-keyvisual-a
{
	position:absolute;
	top:35px;
	left:99px;
	padding:0;
	margin:0;
	width:670px;
	height:120px;
}
#head-keyvisual-b
{
	position:absolute;
	top:1px;
	left:768px;
	padding:0;
	margin:0;
	width:220px;
	height:145px;
}
/******************************************************************
 Formulare
*******************************************************************/
.df-search
{
  border-color: #003399;
  border: 1px solid #003399;
  margin: 0 0 0 0;	
  background-color:#FFCC9A;
  font-family:Arial;
  font-size:8pt;
  width:150px;
}

.df-button
{
 font-family:Verdana,Arial,sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 font-weight:normal;
 border-color:000000;
 background-color:#F5F5F5;
 border-width:1;
}

.df-smallbutton
{
 font-family:Verdana,Arial,sans-serif;
 font-size: 10px;
 color: #000000;
 text-decoration: none;
 font-weight:normal;
 border-color:000000;
 background-color:#F5F5F5;
 border-width:1;
}

input.df-line
{ 
  border-color: #000000;
  border: 1px solid #000000;
  margin: 0 0 0 0;
}
.df-box
{
  border: 1px solid #000000;
  border-color:#000000;
  font-family:Helvetica, Arial, sans-serif;
  background-color:#ffffff;
}


/******************************************************************
 CMS Styles
*******************************************************************/

.content-box-default
{
	/* to do */
}

.content-pic-caption
{
	font-size:9px;
}

.taggreen
{
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  color: #007929;
  display: inline;
  clear: none;
  float: none;
}