/* Template für BUNDjugend-Homepage */

html {
  height: 99.5%;
  width: 100%;
  margin: 0%;
  padding: 0%;
}

.standardbody{		/* definition des body. über class geregelt um den rest der seite nich zu stören */
  height: 80%;
  width: auto;
  padding: 0%;
  margin: 0%;
  font-family: Verdana, Arial, Georgia, sans-serif;
  font-size: 12px;
  border-collapse: collapse;
  color: #454545;
  background-color: #ffffff;
  width: 820px;
  border-style: 0px solid #000000;
  background-image: url("./images/Banner.png");
  background-repeat:no-repeat;
  background-position: 0px 0px;
  padding-top: 115px;
  padding-left: 115px;

}

.overall{
  min-width: 800px;
  width:auto !important;  /* für moderne Browser */
  width:800px;  /*für den IE */

  min-height: 100%;
  height:auto !important;  /* für moderne Browser */
  height:100%;  /*für den IE */

  border: 0px solid #454545;
  margin: 0%;
  position: relative;
  background: #BADFA1;
  background: #75B84E;
}

.head{
  margin: auto;
  margin-bottom: 0px;

  min-width: 800px;
  width:auto !important;  /* für moderne Browser */
  width:800px;  /*für den IE */

  min-height: 30px;
  height:auto !important;  /* für moderne Browser */
  height:30px;  /*für den IE */

  border: 0px solid #454545;
  background: #75B84E;
}

.left{
  position: absolute;

  min-width: 170px;
  width:auto !important;  /* für moderne Browser */
  width:170px;  /*für den IE */

  min-height: 80%;
  height:auto !important;  /* für moderne Browser */
  height:99%;  /*für den IE */

  float: left;
  border: 0px solid #454545;
  background: #75B84E;
  bottom: 0px;
  top: 0px;
  margin-top:30px;
}

.content{
  min-width: 630px;

  min-width: 630px;
  width:auto !important;  /* für moderne Browser */
  width:630px;  /*für den IE */

  min-height: 600px;
  height:93%;  /*für den IE */

  margin: 0px;
  margin-left: 170px;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 35px;
  border: 5px solid #454545;
  border-style: solid none none solid;
  background: #BADFA1;
}

.foot{
  min-width: 100%;
  width:auto !important;  /* für moderne Browser */
  width:100%;  /*für den IE */

  position: absolute;
  border: 0px solid #454545;
  text-align: right;
  bottom: 0px;
  background: #75B84E;
}


.admin{
  position: relative;
  border: 1px solid #000000;
}

.feldchen{
width: 95%;
margin: 1%;
padding: 1%;
border: 1px #FFCC66 solid;
background-color: #FFFFAA;
}

td{
	width: auto;
}
.colorchart{
	width: 15px;
	height: 15px;
	border: 0px solid #454545;
}

fieldset{
	width: 200px;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	color: #000000;
	border: 1px solid #000000;
	background: #A0D37E;
}
legend{
	outline: 1px solid #000000;
	background: #BAE59D;
}
button,input{
	background: #E7E7E7;
	border: 1px solid #000000;
	margin-bottom: 3px;
}
button:hover{
	background: #FFFFFF;
}
input:focus{
	background: #FFFFFF;
}
input:hover{
	background: #FFFFFF;
}
textarea{
border: 1px solid #000000;
}

button{
min-width: 200px;
}

a:link {
  text-decoration: none;
  color: #454545;
 }
a:visited {
  text-decoration: none;
  color: #454545;
}
a:hover {
  text-decoration: underline;
  color: #000000;
}
a:active {
  text-decoration: none;
  color: #454545;
}


/* LISTENSTYLE FÜR KATEGORIESORITERUNG */
ul.sortable li {
	position: relative;
}

ul.boxy {
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
	width: 10em;
    border: 1px solid #454545;
	background-color: #A0D37E;
}
ul.boxy li {
	cursor:move;
	margin-bottom: 4px;
	padding: 2px 2px;
	border: 1px solid #454545;
	background-color: #BAE59D;
}
sortable:focus {

	background-color: #BAE59D;
	}


/* KALEDNERSTYLE --- REIHENFOLGE IST WICHTIG!*/

.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}
.dynCalendar_dayname {
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
}

.dynCalendar_day {
	background-color: #eeeeee;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: #eeeeee;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
}

.dyncalendar table {
	background-color: #eeeeee;
}

.dynCalendar td {
	background-color: #eeeeee;
}

td.dynCalendar_today {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}