body {
	margin: 0px;
	background-color: #ffffff;
	font-family: sans-serif;
	font-size: 80%;
	color: #039;
}

h1 {
	margin: 0em 0px 1em 0px;
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	font-weight:bold;
	margin: 1.5em 0em 1em 0em;
}

h3 { 
	font-size: 1em;
}

img {
	border: none;
	vertical-align: top;
}

li {
	margin: 0em 0em 1em 0em;
}

ol {
	margin: 0.5em 0em 0.5em 2em;
	padding: 0em;
}

p {
	margin: 0em 0em 0.5em 0em;
	color: #003399;
}

td {
	vertical-align: top;
}

th {
	vertical-align: top;
}

ul {
	margin: 0.5em 0em 0.5em 1.5em;
	padding: 0em;
}

div#content {
	position: relative;
	top: 178px;
	margin: auto;
	text-align: left;
	width: 60%;
}

div#contentStart {
	padding: 1em;
	position: relative;
	top: 178px;
	margin: auto;
	text-align: left;
	width: 790px;
}

div#contentFlash {
	text-align: center;
}

div#login {
	width: 300px;
	border: 1px solid #003399;
	background-color: #abe3ff;
	padding: 4px;
}

div.weiche {
	border: 1px solid #003399;
	position: absolute;
	top: 0px;
	width: 245px;
	height: 263px;
	padding: 8px;
	background-color: #d3effd;
}

td.weiche {
	border: 1px solid #003399;
	width: 245px;
	height: 263px;
	padding: 8px;
	background-color: #d3effd;
}

div.banner {
	position: absolute;
	top: 310px;
	right: -30px;
	font-weight: bold;
}

div.banner img {
	vertical-align: text-bottom;
}

div.banner p.left {
	margin-left: 38px;
	float: left;
}

div.banner p.left img {
	margin-left: 12px;
	vertical-align: middle;
}

div.banner p.right {
	padding-top: 9px;
	float: right;
}

img.left {
	float: left;
	margin-right: 1em;
}

table.list {
	border: 1px solid black;
    margin-bottom: 10px;
}

span.button {
	padding: 0px 4px 0px 4px;
	margin-right: 4px;
	border: 1px solid #999999;
	background-color: #cccccc;
}

A:link {
	text-decoration: none;
}

A:visited {
	text-decoration:none;
}

A:active {
	text-decoration:none;
}

A:hover {
	text-decoration:underline;
}

div#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 159px;
	background-image: url(verlauf-himmel.jpg);
	background-repeat: repeat-x;
	text-align: center;
}


div#login td {
	height: 1.5em;
}

div.navItem {
	width: 400px;
	height: 30px;
	border: 1px solid black;
	text-align: center;
	padding: 8px;
	margin-bottom: 8px;
	background-color: #d3effd;
	margin-top: 12px;
    clear: both;
}

div.navItem#editPersonalData, div.navItem#logout {
	background-color: #d3effd;
}

div.navItem#editWordlist, div.navItem#editUser, div.navItem#horchmal, div.navItem#backToMenu {
	background-color: #78d4ff;
}

div.navItem#news {
	height: auto;
}

span.formelemname {
	width: 8em;
}

span.formeleminput input {
	width: 65px;
	font-size: 10px;
	border: 1px solid #999999;
}






dl.form dt {
	font-weight: bold;
	float: left;
	width: 8em;
}

dl.form dd {
	font-style: italic;
	margin: 0em 0em 0.5em 0em;
}

dd {
  margin: 0;
}

dl.form input#name {
	width: 38em;
}

dl.form input#description {
	width: 300px;
}

td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

td.fieldname {
	font-weight: bold;
	padding-right: 1em;
}

div.aktuelles {
	border: 1px solid black;
	padding: 1em 1em 1em 1em;
}


div#footer {
	position: absolute;
	bottom: 0px;
}

hr {
	height: 1px;
	background-color: #009966; 
}

h2.listBox {
    padding: 6px;
    font-weight: bold;
    color: black;
    background-color: #c0dcd3;
    border-top: 1px solid #009966;
    border-left: 1px solid #009966;
    border-right: 1px solid #009966;
    margin: 1em 0em 0em 0em;
}

div.listBox {
    padding: 6px;
    border: 1px solid #009966;
}

div.listBox span.comment {
	font-style: italic;
}

div.kurs {
    margin-top: 1em;
}

h3 {
    margin: 1em 0em 0em 0em;
}

div.kurs dl {
    margin: 0em;
}

div.kurs dt {
    font-weight: bold;
    margin: 0em 2em 0em 0em;
}

div.navFrameElement a {
	color: #ffff00;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	margin: 0em 1em 0em 1em;
}

div#navigation h2 {
	margin: 0em;
}

form.wordlist {
	z-index: 99;
}

form.wordlist h2 {
	margin: 1em 0em 0em 0em;
}


table.list th {
	background-color: #68ccfd;
	padding: 4px 24px 4px 4px;
	vertical-align: bottom;
	color: white;
}
table.list th a {
	color: white;
}

table.list td {
	padding: 2px 4px 10px 4px;
}

table.list td.description {
	font-style: italic;
}

td.button {
	text-align: center;
	vertical-align: middle;
	color: black;
	height: 3em;
}

input#submit {
	background-color: #00cc66;
}

input#cancel {
	background-color: #78d4ff;
}

div.choice {
	float: left;
	border: 1px solid black;
	width: 8em;
	height: 8em;
	padding: 1em;
	margin-right: 2em;
	margin-bottom: 2em;
	background-color: #dddddd;
	overflow: hidden;
}

div.choice .name {
	font-weight: bold;
}

div.choice .description {
	font-style: italic;
}

input.submit {
	border: 1px solid #999999;
	background-color: #00cc66;
}

th.sortedAsc {
	padding-right: 10px;
	background: url(../img/bg/sorted_asc.gif) bottom right no-repeat;
}
th.sortedDesc {
	padding-right: 10px;
	background: url(../img/bg/sorted_desc.gif) bottom right no-repeat;
}

.narrow li {
	margin: 0px;
}

/***************************************
 * Homepage
 ***************************************/
/* Lurs image */
img.box {
	position: absolute;
}

/* Text boxes */
div.box {
	position: absolute;
	width: 263px;
	height: 294px;
}
/* left border */
div.borderLeft {
	position: absolute;
	height: 100%;
	width: 10px;
	background: url(boxBorderLeft.jpg) repeat-x;
}
/* right border */
div.borderRight {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 15px;
	background: url(boxBorderRight.jpg) repeat-x;
}

/* content area */
div.column {
	position: absolute;
	top: 0px;
	left: 10px;
	height: 251px;
	width: 228px;
	padding: 9px 5px 34px 5px;
	background: url(verlauf-box.jpg) repeat-x;
}
div.middle {
	left: 310px;
}

/* content in second column */
/* headline */
div.middle img {
	margin: 0px 0px 20px 5px;
}
div.middle label {
	display: block;
	float: left;
	width: 82px;
	text-align: left;
	color: #003399;
}
div.middle input {
	width: 138px;
	height: 1.5em;
	margin-bottom: 10px;
	vertical-align: middle;
	text-align: center;
	color: #003399;
}
div.middle button {
	left: 5px;
	width: 226px;
	height: 33px;
	border: none;
	color: white;
	cursor: pointer;
	background: transparent url(button-login-middle.jpg) no-repeat;
	padding-bottom: 5px;
	text-align: center;
	font-size: 1.3em;
}
div.middle form {
	padding: 0px;
	margin: -10px 0px 1em 0px;
}

/* third column */
/* headline */
div.right img {
	margin: 3px 0px 10px 0px;
}
div.right {
	left: 587px;
	font-size: 0.95em;
}
div.right ul {
	margin: 0px 0px 10px 1.2em;
	padding: 0px;
	color: #003399;
}
div.right li {
	margin: 0px;
}
a.button {
	position: absolute;
	left: 5px;
	display: block;
	color: white;
	width: 226px;
	height: 25px;
	text-align: center;
	margin-bottom: 4px;
	background-color: transparent;
	padding-top: 3px;
}
a.button#description {
	background: url(button-description.jpg) no-repeat;
	bottom: 55px;
}
a.button#license {
	background: url(button-license.jpg) no-repeat;
	bottom: 25px;
}
a.button:hover {
	text-decoration: none;
}
a.button#preview {
	background: url(button-preview.jpg) no-repeat;
	height: 33px;
	top: 60px;
	padding-top: 7px;
	font-weight: bold;
}

div.warning {
	color: red;
}

/*****************************
 * untere Navigationsleiste
 *****************************/
body.frameNavigation a {
	font-weight: bold;
	line-height: 26px;
	padding: 0px 10px 0px 10px;
	color: #ffff00;
}