/************************************************************
*															*
*	Projekt   : Schule Entfelden							*
*															*
*	Copyright : (c)2006 .hausformat gmbh / 5000 Aarau		*
*	Author    : Sacha P. Suter								*
*															*
************************************************************/

/* ****************** */
/* Basis definitionen */
/* ****************** */

html { 
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align:center;
	background-image: url(../gui/img_hintergrund.gif);
	background-repeat: repeat-x;
	background-color: #C1E6FF;
}

p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	display:inherit;
	width:inherit;
}

a {
text-decoration: underline;
}

a.extern {
font-style:italic;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

h1 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}


h2 {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .69em;
}


h3 {
	margin: 5px 0px 3px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .69em;
}


table {
	font-size: 0.69em;
}

th {
	text-align: left;
    background-color: #dcdcdc;
    border-right: solid #ffffff 1px;
	border-bottom:  solid #ffffff 1px;
	font-weight: bold;
	padding: 2px 0px 2px 5px;
}

td {
    text-align: left;
    background-color: #f2f2f2;
    border-right: solid #ffffff 1px;
	border-bottom:  solid #ffffff 1px;
	padding: 2px 0px 2px 5px;
}

table caption {
	text-align: left;
	padding: 3px 0px 3px 5px;
	font-weight: bold;
	border-bottom:  solid #ffffff 1px;
    border-right: solid #ffffff 1px;
}



/* ********************** */
/* Container definitionen */
/* ********************** */

#container {
	width: 892px;
	min-height: 100%;
	_height: 100%; /* ie Hack PC */
	text-align:left;
	margin: 0px auto 0px auto;
	background-image: url(../gui/img_content_hintergrund.gif);
	background-repeat: repeat-y;
	position: relative;
}

#container #content_container {

}

/* ******************* */
/* Header Definitionen */
/* ******************* */

#container #header{
	width: 892px;
	height: 188px;
	background-image: url(../gui/img_kopfzeile_hintergrund_h.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#container #header #quicknavigation{
	padding-left: 585px;
	height: 39px;
}

#container #header #logo{
	width: 216px;
	height: 120px;
	float: left;
	position: relative;
	padding-left: 11px;
	clear: left;
}

#container #header #headerimage{
	width: 655px;
	height: 120px;
	float: left;
	position: relative;
	padding-left: 1px;
}

#container #header #mainnavigation{
	width: 663px;
	margin-left: 228px;
	padding-top: 8px;
	height: 18px;
	clear: left;
}

/* *************** */
/* Quicknavigation */
/* *************** */

ul#quicknavi, ul#quicknavi li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	display: inline;
	float: left;
  }
  
ul#quicknavi li a{
	font-size: 0.69em;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 69px;
	margin-top: 15px;
}

ul#quicknavi li a:hover {
	text-decoration: underline;
}

/* *************** */
/* Hauptnavigation */
/* *************** */

ul#mainnavi, ul#mainnavi li {
	margin:0px;
	padding:0px;
	list-style-type: none;
	display: inline;
  }

ul#mainnavi li ul#dropdown {
	margin:0px;
	padding:0px;
	list-style-type: none;
	position: absolute;
	z-index: 40;
	left: 621px;
	top: 189px;
	width: 260px;
	background-color: #4b99ae;
	border: solid #2e768a 1px;
  }

ul#mainnavi li ul#dropdown li a {
	font-weight: normal;
	width: auto;
	float: left;
	clear: left;
	margin-left: 12px;
	height: 15px;
	margin-top: 3px;
}
  
ul#mainnavi li a{
	width: 131px;
	font-size: 0.69em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	float: left;
}
 
ul#mainnavi li a:hover {
	text-decoration: underline;
}
 
/* ************* */
/* Subnavigation */
/* ************* */

#container #content_container #submenu {
	margin-left: 16px;
	clear: left;
	width: 205px;
	position: relative;
	overflow: hidden;
}

#container #content_container #submenu #menuend {
	clear: left;
	width: 205px;
}

ul#subnavi, ul#subnavi li,ul#subnavi li ul,ul#subnavi li ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
  }
  
ul#subnavi li{
	float: left;
	clear: left;
	width: 205px;
}
  
ul#subnavi li a{
	text-decoration: none;
	font-size: 0.69em;
	font-weight: bold;
	float: left;
	margin-top: 5px;
	height: 16px;
	padding-left: 24px;
}

ul#subnavi li ul li {
	border: none;
	background-image: url(../gui/empty.gif); 
	width: 201px;
}

ul#subnavi li.abnorm {
	background-image: url(../gui/empty.gif); /* SACHA */
}


* html body ul#subnavi li ul li  {
	width: 205px;  	 /* Internet Explorer < 6 */
	w\idth: 201px;   /* Internet Explorer >= 6 */
}


ul#subnavi li ul li a, ul#subnavi li.act ul li a {
	font-size: 0.69em;
	text-decoration: none;
	font-weight: normal;
	height: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/* ******************** */
/* Breadcrumpnavigation */
/* ******************** */

#container #content_container #breadcrump{
	padding-left: 228px;
	height: 22px;
	margin-top: 5px;
	/* font-size: 0.69em; */
}

#container #content_container #breadcrump span.act, #container #content_container #breadcrump a:hover {
	text-decoration: underline;
}

#container #content_container #breadcrump a{
	text-decoration: none;
}

/* ******** */
/* Infoline */
/* ******** */

#container #content_container #infoline{
	height: 25px;
	/* font-size: 0.69em; */
	padding: 0px 30px 0px 30px;
	background-image: empty.gif;
}

#container #content_container #infoline #bereich{
	height: 18px;
	color: #444444;
	font-weight: bold;
	width: 832px;
	padding-top: 4px;
	float: left;
}

#container #content_container #infoline #seitentitel {
	color: #FFFFFF;
	font-weight: bold;
	width: 440px;
	padding-top: 4px;
	float: left;
	height: 18px;
	left: 240px;
}

#container #content_container #infoline #versenden {
	color: #FFFFFF;
	width: 180px;
	padding-top: 4px;
	float: right;
	height: 18px;
	position: relativ;
}

#container #content_container #infoline #versenden a{
	color: #FFFFFF;
	text-decoration: none;
}

/* *********** */
/* Hauptinhalt */
/* *********** */

#container #content_container #home_nav_container {
	/* height: 292px; */
	float: left;
	width: 848px;
	padding: 10px 18px 10px 26px;
}

* html body #container #content_container #home_nav_container  {
	width: 873px;  	 /* Internet Explorer < 6 */
	w\idth: 848px;   /* Internet Explorer >= 6 */
}

#container #content_container #home_nav_container #nav_info {
	background-image: url(../gui/home_info.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 273px;
	float: left;
	margin: 0 7px 0 0;
}

#container #content_container #home_nav_container #nav_kindergarten {
	background-image: url(../gui/home_kindergarten.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 273px;
	float: left;
	margin: 0 7px 0 0;
}

#container #content_container #home_nav_container #nav_primar {
	background-image: url(../gui/home_primar.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 273px;
	float: left;
	margin: 0 7px 0 0;
}

#container #content_container #home_nav_container #nav_sekundar {
	background-image: url(../gui/home_sekundar.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 273px;
	float: left;
	margin: 0 7px 0 0;
}

#container #content_container #home_nav_container #nav_musik {
	background-image: url(../gui/home_musik.gif);
	background-repeat: no-repeat;
	width: 162px;
	height: 273px;
	float: left;
	margin: 0 7px 0 0;
}

/* ############################################
  Navigation für Information
############################################### */

.mainnav_container {
	float: left;
	height: 112px;
}

#menu_image_a,#menu_image_b,#menu_image_c,#menu_image_d,#menu_image_e {
	float: left;
	height: 150px;
    padding-left: 6px;
}

ul#informationen, ul#informationen li,ul#informationen li ul,ul#informationen li ul li,
ul#kindergarten, ul#kindergarten li,ul#kindergarten li ul,ul#kindergarten li ul li,
ul#primar, ul#primar li,ul#primar li ul,ul#primar li ul li,
ul#sekundar, ul#sekundar li,ul#sekundar li ul,ul#sekundar li ul li,
ul#musik, ul#musik li,ul#musik li ul,ul#musik li ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
  }
  
ul#informationen li,
ul#kindergarten li,
ul#primar li,
ul#sekundar li,
ul#musik li {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 162px;
}
  
ul#informationen li a{
	text-decoration: none;
	font-size: 0.69em;
	font-weight: bold;
	float: left;
	padding: 1px 1px 0 3px;
	margin: 10px 0 4px 6px;
	background-color: #ffa110;
	color:#FFFFFF;
	width: 146px;
	height: 15px;
}

ul#kindergarten li a{
	text-decoration: none;
	font-size: 0.69em;
	font-weight: bold;
	float: left;
	padding: 1px 1px 0 3px;
	margin: 10px 0 4px 6px;
	background-color: #e94d11;
	color:#FFFFFF;
	width: 146px;
	height: 15px;
}


ul#primar li a{
	text-decoration: none;
	font-size: 0.69em;
	font-weight: bold;
	float: left;
	padding: 1px 1px 0 3px;
	margin: 10px 0 4px 6px;
	background-color: #445180;
	color:#FFFFFF;
	width: 146px;
	height: 15px;
}


ul#sekundar li a{
	text-decoration: none;
	font-size: 0.69em;
	font-weight: bold;
	float: left;
	padding: 1px 1px 0 3px;
	margin: 10px 0 4px 6px;
	background-color: #4b99ae;
	color:#FFFFFF;
	width: 146px;
	height: 15px;
}


ul#musik li a{
	text-decoration: none;
	font-size: 0.69em;
	font-weight: bold;
	float: left;
	padding: 1px 1px 0 3px;
	margin: 10px 0 4px 6px;
	background-color: #9cc520;
	color:#FFFFFF;
	width: 146px;
	height: 15px;
}

ul#informationen li ul li {
	border: none;
	background-image: url(../gui/empty.gif); 
	width: 162px;
}

ul#informationen li.abnorm {
	background-image: url(../gui/empty.gif); /* SACHA */
}

* html body ul#informationen li ul li  {
	width: 162px;  	 /* Internet Explorer < 6 */
	w\idth: 162px;   /* Internet Explorer >= 6 */
}

ul#informationen li ul li a, ul#informationen li.act ul li a {
	font-size: 0.69em;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 4px;
	background-color: #f5d8aa;
	color: #8e5608;
	height:auto;
}

ul#kindergarten li ul li a, ul#kindergarten li.act ul li a {
	font-size: 0.69em;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 4px;
	background-color: #eead95;
	color: #b33b0d;
	height:auto;
}

ul#primar li ul li a, ul#primar li.act ul li a {
	font-size: 0.69em;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 4px;
	background-color: #b4b9ca;
	color: #343e62;
	height:auto;
}

ul#sekundar li ul li a, ul#sekundar li.act ul li a {
	font-size: 0.69em;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 4px;
	background-color: #bfe2ec;
	color: #2e768a;
	height:auto;
}

ul#musik li ul li a, ul#musik li.act ul li a {
	font-size: 0.69em;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 4px;
	background-color: #cee964;
	color: #5f7c0c;
	height:auto;
}

ul#informationen li ul li a:hover ,
ul#kindergarten li ul li a:hover ,
ul#primar li ul li a:hover ,
ul#sekundar li ul li a:hover ,
ul#musik li ul li a:hover {
        text-decoration: underline;
}

ul#informationen li a:hover ,
ul#kindergarten li a:hover ,
ul#primar li a:hover ,
ul#sekundar li a:hover ,
ul#musik li a:hover {
        text-decoration: underline;
}

/* ############################################
  Navigation für Information
############################################### */




#container #content_container #maincontent {
	width: 830px;
	float: left;
	padding-right: 10px;
	padding-left: 30px;
}

* html body #container #content_container #maincontent {
	width: 840px;
	w\idth: 830px;
}


/* ****** */
/* Footer */
/* ****** */

#container #content_container .schluss{
	clear: both;
}

#container #footer{
	clear: both;
	font-size: 0.69em;
	color: #b2b2b2;
	text-align: center;
	border-top: dashed #b2b2b2 1px;
	margin: 20px 15px 0px 15px;
	padding-top: 3px;
}

#container #footer ul,#container #footer li  {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#container #footer a  {
       text-decoration: none;
}

#container #footer a:hover  {
       text-decoration: underline;
}
/*-----------------------------------  NEWS  -----------------------------------*/
  /* prevent floated images from overlapping the div-containers they are wrapped in  */
  
  
  /*-----------------------------------  clearer  -----------------------------------*/
  /* prevent floated images from overlapping the div-containers they are wrapped in  */
  
  .news-list-container HR.clearer, .news-latest-container HR.clearer{
  clear:right;
  border: none; 
  background-color: #BDBDBD;
  height:0px;
  }
  .news-latest-container HR.clearer {
  clear:left;
height:0px;
  }
  .news-single-item HR.clearer {
  border: 0; 
  height: 0;
	visibility: hidden;
  }
  
  /*-----------------------------------  tt_news LATEST view  -----------------------------------*/
  
  .news-latest-container H2{
  font-size:11px;
  }
  
  .news-latest-container H2,.news-latest-gotoarchive {
  	color:#666666;
  	padding:3px;
  	margin:3px;
          font-weight:normal;
  }
  
  .news-latest-gotoarchive {
  	font-weight:bold;
  	margin-top:5px;
  }
  .news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
  	color:#e24d3b;
  }
  .news-latest-gotoarchive A {
  	color:#333333;
  }
  .news-latest-item {
  	padding:3px;
  	margin:3px;
  
  }
  .news-latest-item H3{
          font-size:10px;
          font-weight:normal;
          margin-top:0px;
          margin-bottom:0px;
  }
  
  .news-latest-item IMG {
  	margin-bottom:5px;
  	margin-right:5px;
  	float:left;
  }
  .news-latest-category IMG {
  	float: none;
          border:none;
          margin:0px;
  }
  .news-latest-date,.news-latest-morelink,.news-latest-category {
          font-size:9px;
  }
  span.news-latest-date A:hover{
  	font-size:9px;
  }
  .news-latest-morelink {
  	height:12px;
  }
  
  .news-latest-morelink A {
  	float:left;
  }
  
  
  /*--------------------------------- tt_news LIST view  -----------------------------------*/
  .news-list-container {
  }
  
  .news-list-item p{
          margin:0px 0px 5px 0px;
  	}
  	

  .news-single-category {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.69em;
  }

  .news-single-timedata {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.69em;
  }

  .news-search-emptyMsg{
  
  margin:0px;
  }
  .news-search-form FORM {
  	margin:0px;
  }
  .news-list-container H3 {
  	margin-bottom: 5px;
  	font-size: 11px;
  }
  .news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER {
  	color:#e24d3b;
  }
  .news-list-container H3 A {
  	color:#e24d3b;
  
  }
  
  .news-list-date {
  	float: right;
  	width: 120px;
  	text-align: right;
  	height: 13px;
  	margin-top: 0;
  	margin-right: 0px;
  	font-size: 9px;
  	font-weight: normal;
  	color: #666666;
  	}
  
  .news-list-imgcaption {
  	float: right;
  	padding-top:3px;
  	padding-right:3px;
  	font-size: 9px;
  
  	}
  
  .news-list-container IMG {
  		float: right;
  	border:1px solid #666;
  margin-bottom:5px;
  margin-right:2px;
  margin-left:5px;
  }
  .news-list-category IMG {
  	float: none;
  border:none;
  margin:0px;
  }
  
  .news-list-morelink,.news-list-category {
  	  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  .news-list-morelink A{
  margin-bottom:3px;
  color: #e24d3b;
  text-decoration: none;
  font-size: 0.69em;
  }
  .news-list-browse {
  	text-align: right;
  }