body {
	font-family: Verdana,sans-serif;
	background-color:#E8FFD9;
	margin:0;
	padding:0;
	color:#255823;
}

body,input {
	font-size:11px;
}

input,select,textarea {
	border:1px solid black;
}

#content {
	background:url("/asse/grafiken/Verlauf_Text.png") repeat-x scroll 0 0 #98D172;
	color:#255823;
	font-family:Verdana,sans-serif;
	font-size:11px;
	line-height:22px;
	margin:auto;
	padding:0 39px 27px;
	position:relative;
	width:812px;
}

#ueberschrift { color:white; font-size:20px; line-height:40px;margin-bottom:0.5em;}
#javascript { display:block; border:3px solid red; background-color:yellow; text-align:center; font-weight:bold; font-size:24px; color:darkred; padding:2em 2em 2em 2em; margin-bottom:2em; }

.hinweis { background-color:lightyellow; margin-top:2em;padding-left:1em; }
.hinweis:first-line, .frage { font-weight:bold; }
.frage { margin-top: 2em; }
.points { position:absolute;top:40px; left:0px; }

.ecke1, .ecke2, .ecke3, .ecke4 { position:absolute; }
.ecke1 { top:0;left:0; }
.ecke2 { top:0;right:0; }
.ecke3 { bottom:0;left:0; }
.ecke4 { bottom:0;right:0; }

.label { width:200px; height:20px; float:left; clear:both; }

#kindpre div, #kind1 input, #kind2 input, #kind3 input, #kind4 input, #kind5 input, #kind6 input, #kind7 input {
	float:left;
	width:160px;
}

#kindpre div { padding-left:0.4em; }
.smallerbutton { width: 40px !important; }

#top {
	position:relative;
	margin:auto;
	width:890px;
	height:60px;
	background:url(grafiken/top_verlauf.png) repeat-x top left;
	margin-bottom:1px;
}

#logo {
	position:absolute;
	top:10px;
	left:18px;
	width:44px;
	height:42px;
	background:url(grafiken/logo.png) no-repeat;
}

#logo_text {
	position:absolute;
	top:29px;
	left:68px;
	width:380px;
	height:16px;
	background:transparent;
	color:#fff;
	font-family:Verdana;
	font-size:15px;
}

#legende {
	position:fixed;
	top:2px;
	right:2px;
	border:1px solid black;
	background-color:lightyellow;
	padding:2px 2px 2px 2px;
	font-size:smaller;
	line-height:13px;
}

#downscroller {
	position:fixed;
	bottom:5px;
	right:5px;
/*	border:1px solid black;
	background-color:lightyellow; */
	padding:2px 2px 2px 2px;
	font-size:smaller;
	display:none;
}

/* ----------------------- KALENDER ---------------------- */


#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #71c03f;
	padding:1px;
	background-color: #FFF;
	font-family:Arial,sans-serif;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{

	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}

#calendarDiv .selectBox{
	border:1px solid #ffffff; /* #71c03f; */
	color: black;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #71c03f;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #71c03f;
	color: black;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #71c03f;
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #71c03f;
}
#calendarDiv .activeDay {
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #71c03f;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}

#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #71c03f;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #71c03f;
	border:1px solid #AAAAAA;
	position:absolute;
	color: black;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;
	padding:1px;
	margin:1px;
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#71c03f;
	color: #71c03f;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}