/********************************************************************************
********  Layer  ****************************************************************
********************************************************************************/

#container {
/* CONTAINER (to center all) */
	/*width: 770px;*/
	width: 896px; /* +126 */
	/*margin: 10px 0px 0px 0px; /* top, right, bottom, left */
	margin : auto;
	text-align:left;
	border: 1px solid #003;
	
	
	background-color: #FFF;
	background-repeat: repeat-y;
	background-image: url('../artwork/bg_leftmenu.gif');
	background-position: top left;
	
	
}

/******************************************************************************/
/******************************************************************************/
/* TOP-MENU (First/Upper Box) */
#topmenu {
	/*background-color: #FF0;*/
}

/*********************************************/
/*********************************************/
/* ROW 1 */
#tm_r1 {
	height: 120px;
	background-color: #CCF;
}

.tm_r1_left {
	width: 132px;
	height: 115px;
	padding-top: 5px;
	text-align: center;
	
	background-repeat: repeat-x;
	background-image: url('../artwork/dot_blue_light_white.gif');
	background-position: bottom left;
	
	float: left;
}

.tm_r1_left_shadow {
	width: 8px;
	height: 120px;
	
	background-repeat: repeat-y;
	background-image: url('../artwork/bg_top_shadow1.gif');
	background-position: top left;
	float: left;
}

.tm_r1_imBox {
	height: 116px;
	background-color: #009;
	padding: 4px 3px 0px 3px;
	
	color: #CCF;
	font: bold 12px/26px Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
}

.tm_r1_imBox_OLD {
	height: 116px;
	background-color: #009;
	
	color: #CCF;
	font: bold 12px/24px Arial, Helvetica, sans-serif;
	float: left;
	text-align: center;
	border-top: solid 4px #009;
	border-right: solid 3px #009;
	border-left: solid 3px #009;
}



/*********************************************/
/*********************************************/
/* ROW 2 */
#tm_r2 {
	clear: both;
	height: 35px;
	background-color: #9CF;
}

.tm_r2_left {
	width: 132px;
	height: 25px;

	padding-top: 10px;
	text-align: center;
	font-weight: bold;
	
	background-repeat: repeat-x;
	background-image: url('../artwork/dot_black.gif');
	background-position: bottom left;
	
	float: left;
}

.tm_r2_left_shadow {
	width: 8px;
	height: 35px;
	
	background-repeat: repeat-y;
	background-image: url('../artwork/bg_top_shadow2.gif');
	background-position: top left;
	float: left;
}

		  
.tm_r2_right {
	/*width: 630px;*/
	width: 756px; /* +126 */
	
	height: 35px;
	/*background-color: #ABC;*/
	font-weight: bold;
	float: left;
}

.mTab_line{
	padding: 0px;
	border-bottom: solid 1px #003;
	overflow:hidden;
}

.mTab_nav{
	border-bottom: solid 1px #003;
	padding: 5px 3px 1px 3px;
	background: transparent url('../artwork/nav_tab.gif');
	
}
.mTab_navL{
	background: transparent url('../artwork/nav_tab_l.gif');
	border-bottom: solid 1px #003;
}
.mTab_navR{
	background: transparent url('../artwork/nav_tab_r.gif');
	border-bottom: solid 1px #003;
}

.mTab_navSel{
	padding: 5px 3px 1px 3px;
	background: transparent url('../artwork/nav_tab_sel.gif');
}
.mTab_navSelL{
	background: transparent url('../artwork/nav_tab_sel_l.gif');
}
.mTab_navSelR{
	background: transparent url('../artwork/nav_tab_sel_r.gif');
}



/*********************************************/
/*********************************************/
/* ROW 3 */
#tm_r3 {
	clear: both;
	/*height: 20px;*/
	background-color: #06F;
	border-bottom: solid 2px #003;
	padding: 3px 0px 3px 11px;
	color: #9CF;
	font-size: 11px;
	
}

/******************************************************************************/
/******************************************************************************/
/* MAIN (Second/Lower Box) */
#main {
	/*background-color: #CCF;
	background-repeat: repeat-y;
	background-image: url('../artwork/bg_whiteLine.gif');
	background-position: 0px 140px;*/
}
#main_OLD {
	background-color: #CCF;
	background-repeat: repeat-y;
	background-image: url('../artwork/bg_leftmenu.gif');
	background-position: top left;
}



/*********************************************/
/*********************************************/
/* LEFT-MENU */
#leftMenu {
	width: 140px;
	/*margin-bottom: 10px;*/
	/*background-color: #F00;*/
	float: left;
}

.leftMenuGapBottom {
	height: 20px;
	background-color: #CCF;
	overflow:hidden;
}

#filmStripBox {
	border-right: solid 1px #003;
	border-bottom: solid 1px #003;
	/*margin-bottom: 150px;*/
}

.filmStripHead {
	height: 16px;
	overflow:hidden;
	background-image: url('../artwork/filmstrip.gif');
	border-top: solid 1px #06F;
}

.filmStripFoot {
	height: 16px;
	overflow:hidden;
	background-image: url('../artwork/filmstrip.gif');
	border-bottom: solid 1px #06F;
}
.filmStripImage {
	background-color: #000;
	text-align: center;
}

#leftmenu {
	width: 140px;
	/*margin-bottom: 10px;*/
	/*background-color: #F00;*/
	float: left;
}
/***************************************************************************************/
/***************************************************************************************/
/* CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT */
/* CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT */
/* CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT  CONTENT */
/***************************************************************************************/
/***************************************************************************************/
#content {
	/*width: 470px;*/
	/*padding: 0px 10px 0px 10px; /* top, right, bottom, left */
	width: 556px; /* +126 */ /* -20 wegen groesserem Padding*/
	padding: 0px 30px 0px 30px; /* top, right, bottom, left */
	background-repeat: repeat-x;
	background-image: url('../artwork/c_top_shadow.gif');
	background-position: top left;
	float: left;
}

.contentHeadline {
	margin: 20px 0px 5px 0px; /* top, right, bottom, left */
	/*height: 26px;*/
	
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	text-align: center;
}

.anchorTag {
	/*background-color: #CBA;*/
	height:14px;
	font-size: 10px;
	/*margin-bottom:10px;*/
}

.contentBox {
	/*background-color: #FFF;*/
	margin-bottom:30px;
	padding: 4px 2px 4px 2px; /* top, right, bottom, left */

	border-width:1px;
	border-style:solid;
	border-color:#CCF;
	/*float: left;*/
}

.seContentBox {
	/*background-color: #FFF;*/
	margin-bottom:20px;
	/*padding: 4px 2px 4px 2px; /* top, right, bottom, left */

	border-width:1px;
	border-style:solid;
	border-color:#CCF;
	/*float: left;*/
}


.contentBoxItems {
	/*font: 12px/12px Arial, Helvetica, sans-serif;*/
	padding: 2px 2px 0px 2px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}


.contentBoxTitle {
	/*font-size: 14px;*/
	font-weight: bold;
	margin: 2px 0px 4px 0px; /* top, right, bottom, left */
}

.contentItemTitle {
	/*font-size: 12px;*/
	font-weight: bold;
	margin: 2px 0px 4px 0px; /* top, right, bottom, left */
}

.contentItem {
	/*margin-bottom:5px;*/
}

/* -- BILDERGALERIE ----------------------- */
/* -- BILDERGALERIE ----------------------- */

.bilderBack {
	text-align: center;
	margin: 0px 0px 14px 0px; /* top, right, bottom, left */
}

/* -- Listendarstellung -- */
.contentBilderBoxList {
	/*font: 12px/12px Arial, Helvetica, sans-serif;*/
	/*padding: 4px 10px 0px 60px; /* top, right, bottom, left */
	padding: 10px 10% 30px 10%; /* top, right, bottom, left */
	/*margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

.bilderBox {
	background-color: #E3EEFF; /* color */
	padding: 0px 2px 0px 4px; /* top, right, bottom, left */
	margin: 3px 0px 0px 0px; /* top, right, bottom, left */
	font-weight: bold;
	clear:both;
}
.bilderPageTab {
	width: 20px;

	text-align: right;
	padding: 0px 2px 0px 0px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	
	float:left;
}
.bilderPage {
	/*background-color: #CBA; /* color */
	width: 340px;
	padding: 1px 1px 1px 1px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	float:left;
}

/* -- Bilderdarstellung -- */
.contentBilderImages {
	/*font: 12px/12px Arial, Helvetica, sans-serif;*/
	/*padding: 4px 10px 0px 60px; /* top, right, bottom, left */
	padding: 10px 10px 10px 10px; /* top, right, bottom, left */
	/*margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	text-align: center;
}

.bilderImageText {
	padding: 2px 2px 2px 2px; /* top, right, bottom, left */
	margin: 2px 0px 30px 0px; /* top, right, bottom, left */
}


/* -- / BILDERGALERIE ----------------------- */


.divCenter {
	text-align: center;
}


.contentItemProductTable {
	padding: 2px 2px 0px 2px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

#contentItemTable {
	padding-left:26px;
}

/* Table */
.tabCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tabCellBorder {
	border-top: solid 1px; 
	border-color: #FFF;
}


/* Images */
img.img1 {
  border: 1px solid #000033;
}

/* Table <td class="tdStyle">

td.tdStyle {
  padding: 5px 5px 5px 5px;
  color: #0000FF;
  font-weight: bold;
  background-color: #ffffff;
}
*/


.startPageItemMargin {
	padding: 6px 0px 4px 0px;
}


/***************************/
/* Termine */

.terminRow {
	clear: both;
}
.ftc {
	width: 33%;
	float: left;
}
.stc {
	width: 66%;
	float: left;
}

.tbt {
	margin-bottom: 3px;
}
.bit {
	font-weight: bold;
	margin: 2px 0px 4px 0px; /* top, right, bottom, left */
}
.ti {
	/*margin: 2px 0px 4px 0px; /* top, right, bottom, left */
}

/* / Termine */
/***************************/


/***************************/
/* Elternbriefe */
.ebTable {
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}

/*
tr.ebRow {
	background-color: #ABCCBA;
}
*/

td.ebCell {
	padding: 4px;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

td.ebCellCenter {
	text-align: center;
}

td.ebDate {
	background-color: #DDD;
	border-left: 1px solid #E8E8E8;
}
td.ebText {
	/*border: 1px solid #ABCDEF;*/
}

td.ebHl {
	background-color: #999;
	color:#FFFF00;
	font-weight: bold;
	border-top: 1px solid #E8E8E8;
}

td.ebDateHl {
	width: 80px;
	/*border: 1px solid #AAAAAA;*/
	border-left: 1px solid #E8E8E8;
}

td.ebTextHl {
	/*border: 1px solid #ABCDEF;*/
}

/* / Elternbriefe */
/***************************/


/*********************************************/
/*********************************************/
/* RIGHT-MENU */
#rightMenu {
	width: 140px;
	/*background-color: #F0F;*/
	background-repeat: repeat-x;
	background-image: url('../artwork/c_top_shadow.gif');
	background-position: top left;
	float: left;
}


#clickMenu {
	margin-top: 60px;
	/*background-color: #F0F;*/
	/*float: left;*/
}

#rightImages {
	margin: 16px 0px 30px 0px;
}

.sideMenuSeparator {
	height: 2px;
	overflow:hidden;
	background-color: #FC0;
	border-right: solid 1px #003;
	border-bottom: solid 1px #003;
	border-left: solid 1px #003;
}

.sideMenuHead {
	height: 2px;
	overflow:hidden;
	background-color: #FC0;
	border-top: solid 1px #003;
	border-right: solid 1px #003;
	border-left: solid 1px #003;
}
.sideMenuFoot {
	height: 2px;
	overflow:hidden;
	background-color: #FC0;
	border: solid 1px #003;
}

.sideMenuHeadline {
	background-color: #006;
	padding: 4px 2px 4px 5px; /* top, right, bottom, left */
	color: white;
	
	font-weight: bold;
	
	border-right: solid 1px #003;
	border-bottom: solid 1px #003;
	border-left: solid 1px #003;
	/*float: left;*/
}


.sideMenu {
	background-color: #009;
	padding: 3px 8px 4px 10px; /* top, right, bottom, left */
	color: white;
	
	font-weight: bold;
	
	border-top: solid 1px #06F;
	border-right: solid 1px #003;
	border-bottom: solid 1px #003;
	border-left: solid 1px #06F;
	/*float: left;*/
}

.sideMenuGap {
	border-top: solid 2px #FC0;
	border-right: solid 1px #003;
	border-bottom: solid 1px #003;
	border-left: solid 1px #06F;
	/*float: left;*/
}



/*********************************************/
/*********************************************/
/* FOOT */
#foot {
	/*width: inherit;*/
	padding: 6px 5px 5px 11px;
	/*border-top: solid 1px #003;*/
	color: #0CF;
	background-color: #30C;
	font-size: 10px;
	
	background-repeat: repeat-x;
	background-image: url('../artwork/dot_black_blue_light.gif');
	background-position: top left;
	
}



/*********************************************/
/*********************************************/
/* All */
.nl{
	clear:both;
}


/********************************************************************************
********  Image  ****************************************************************
********************************************************************************/

img.border1 {
  border: 1px solid #003;
}



/********************************************************************************
********  Text  *****************************************************************
********************************************************************************/


/*********************************************/
/*********************************************/
/* href's */



a.navi:link    { color:#EEF;}
a.navi:visited { color:#EEF;}
a.navi:focus   { color:#EEF;}
a.navi:hover   { color:#FC0;}
a.navi:active  { color:#EEF;}

a.naviSel:link    { color:#FC0;}
a.naviSel:visited { color:#FC0;}
a.naviSel:focus   { color:#FC0;}
a.naviSel:hover   { color:#FC0;}
a.naviSel:active  { color:#FC0;}

a.naviSelTop:hover   { color:#EEF;}

/*********************************************/
/*********************************************/

/*
h1 {
	font-size: 15px;
	line-height: 15px;
}

h2 {
	font-size: 14px;
	line-height: 14px;
}

h3 {
	font-size: 12px;
	letter-spacing:22.6px;
 	font-weight:bold;
	line-height: 0.2em;
}
*/
/*
 font-size:1em;
 letter-spacing:0.6px;
 font-weight:bold;
 line-height:0.6em;
*/

.text01 {
	/*font: 12px/14px Arial, Helvetica, sans-serif;*/
	/* 16×0.75=12 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bold {
	font-weight: bold;
}

.red {
	color: #F00;
}

.text_size8 {
	font-size: 8px;
}
.text_size10 {
	font-size: 10px;
}
.text_size12 {
	font-size: 12px;
}
.text_size14 {
	font-size: 14px;
}
.text_size16 {
	font-size: 16px;
}
.text_size18 {
	font-size: 18px;
}
.text_size24 {
	font-size: 24px;
}
.text_size36 {
	font-size: 36px;
}
.text_size48 {
	font-size: 48px;
}