/************************************************************
*															*
*	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: #ffffff;
}

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: 0.69em;
}

h2 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
}

h3 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.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: 670px;
	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: 650px;
	height: 128px;
	background-image: url(../gui/img_kopfzeile_hintergrund.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#container #header #quicknavigation{
	padding-left: 460px;
	height: 39px;
	display: none;
}

#container #header #logo{
	width: 216px;
	height: 120px;
	float: left;
	position: relative;
	padding-left: 430px;
	clear: left;
        
}

#container #header #headerimage{
	width: 453px;
	height: 120px;
	float: left;
	position: relative;
	padding-left: 1px;
  display: none;
}

#container #header #mainnavigation{
	width: 663px;
	margin-left: 0px;
	padding-top: 8px;
	height: 18px;
	clear: left;
		display: none;
}

/* *************** */
/* 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: #444444;
	text-align: center;
	text-decoration: none;
	float: left;
	width: 65px;
	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;
	color: #444444;
}
  
ul#mainnavi li a{
	width: 131px;
	font-size: 0.69em;
	color: #444444;
	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;
        display: none;
}

#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: 10px;
	height: 22px;
	margin-top: 5px;
	font-size: 0.69em;
		display: none;
}

#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: 18px;
	font-size: 0.69em;
	padding: 0px 0px 0px 0px;
}

#container #content_container #infoline #bereich{
	height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	width: 210px;
	padding-top: 4px;
	float: left;
  display: none;
}

#container #content_container #infoline #seitentitel {
	color: #444444;
	font-weight: bold;
	width: 440px;
	padding-top: 4px;
	float: left;
	height: 30px;
	left: 240px;
}

#container #content_container #infoline #versenden {
	color: #FFFFFF;
	width: 180px;
	padding-top: 4px;
	float: right;
	height: 18px;
	position: relativ;
        display: none;

}

#container #content_container #infoline #versenden a{
	color: #FFFFFF;
	text-decoration: none;
}

/* *********** */
/* Hauptinhalt */
/* *********** */

#container #content_container #maincontent {
	width: 650px;
	float: left;
	padding-right: 0px;
}

* html body #container #content_container #maincontent {
	width: 660px;
	w\idth: 650px;
}


/* ****** */
/* 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;
		display: none;
}

#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;
}

/*******************************************************
 Formulare
****************************************************** */
form.formularStyle1 {
	width: 99%;
	margin: 0px;
	padding: 0px;
}
.formularStyle1 fieldset {
	background-color: #f5f6f0;
	border: 1px solid #dee2cd;
	border-top-width: 0;
	margin: 10px auto;
	padding: 0;
}
.formularStyle1 p.legend{
	padding: 5px 5%;
	margin: 0;
	width: 90%;
	float: left;
	border-top: 1px solid #dee2cd;
	font-weight: bold;
	background-color: #f2f3eb;
}
.formularStyle1 fieldset dl {
	margin: 0;
	padding: 0;
}
.formularStyle1 fieldset dt {
	margin: 0;
	padding: 0;
	width: 40%;
	float: left;
}
.formularStyle1 fieldset label {
	border-top: solid #ffffff 2px;
	height: auto;
	clear: left;
	width: 87.5%;
	margin: 0px;
	padding: 7px 0 7px 12.5%;
	float: left;
}
.formularStyle1 fieldset dd {
	border-top: solid #ffffff 2px;
	float: left;
	height: auto;
	width: 60%;
	margin: 0px;
	padding: 5px 0px;
}
.formularStyle1 fieldset p {
	padding: 8px 5%;
	margin: 0;
	width: 90%;
	float: left;
	border-top: solid #ffffff 2px;
}
.formularStyle1 fieldset p.input, 
.formularStyle1 fieldset p.tx-newloginbox-pi1-forgotP {
	padding: 2px 0 2px 0;
	margin: 0;
	float: left;
	border: none;
}
.formularStyle1 fieldset p strong {
	font-weight: bold;
	color: red;
}
.formularStyle1 fieldset p,
.formularStyle1 fieldset label,
.formularStyle1 fieldset input,
.formularStyle1 fieldset select,
.formularStyle1 fieldset legend,
.formularStyle1 fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .69em;
	color: #4A4B47;
	float: left;
}
.formularStyle1 fieldset input,
.formularStyle1 fieldset select,
.formularStyle1 fieldset textarea {
	margin-right: 5px;
}

.formularStyle1 .oberstesElement {
	border-top: 1px solid #dee2cd;
}

.formularStyle1 input.submit {
	border: solid #666666 1px;
  background: #e9e4dc;
  cursor: pointer;
}

.formularStyle1 fieldset p.info {
  border-top: none;
  float: left;
  margin: 0px;
  padding: 2px 0px 5px 0px;
}

p.error {
  margin: 0px;
  padding: 0px 0px 5px 0px;
	color: red;
  font-weight: bold;
  float: left;
  border-top: none;
}

#rechts { display: none;}
