html { overflow-y: scroll; }
body	{ background-color: #eaeaea; margin: 0px;	}
#Dateien .Dateien , #Aktuelles .Aktuelles , #Uebungen .Uebungen , #Kontakt .Kontakt , #Informationen .Informationen { background-color: #EAEFF5; color: #005500; }
div#main	{
	position: relative;
	margin: 0px auto 0px auto;
	max-width: 1000px;
	padding: 0px;
	background-color: #ffffff;
	opacity: 1.0;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	color: #000000;	
	box-shadow: 0px 2px 2px 1px #555;
}		



/**** Begin header ****/
	div#header	{
		position: relative;
		background-image: linear-gradient(#08298A 0%, #08298A  100%);
		height: 5em;
		margin: 0px 0px 0px 0px;
		padding: 8px 30px 0px 30px;
	}	
	img.logo {
		position: relative;
		float: right;
		height: 3em;
		margin-top: 0.8em;
		margin-right: 0.2em;
	}
	h1 {
		font-family: times,serif;
		margin: 0px 1.6em 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-size: 2.0em;
		color: #FFFFFF;
		display:block;
		text-shadow: 2px 2px 5px #888;
	}	
	h2 {
		font-family: times,serif;
		margin: -5px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		text-align: center;
		color: #FFFFFF;
		font-size: 1.2em;
		font-weight: bold;
		display:block;
		text-shadow: 2px 2px 5px #888;
	}
/**** End header ****/



/**** Begin nav ****/
	div#navigation {
		background-image: linear-gradient(#659ca3 0%, #08298A 100%);
		margin: 0em 0em 2em 0em;
		padding: 0px 5% 0px 5%;
	}			
	div#navigation a {
		font-family: times,serif;
		color: #FFFFFF;
		text-decoration: none; 
		display: inline-block; 
		margin: 0px 0px 0px 0px;
		padding: 4px 4px 4px 4px;
		text-align: left; 
		font-weight: bold;
		font-size: 1.2em;
	}	
	div#navigation a:hover {
		background-color: #FFFFFFF;
		color: #08298A;
	}
	div#navigation a:focus {
		color: #08298A;
		background-color:#FFFFFF;
	}
/**** End nav ****/



/**** Begin text ****/
	div#text {
		font: 1.0em sans-serif;
		margin-left: 0px;
		margin-right: 0px;
		padding: 0px 1em;
		line-height: 1.5em;
		min-height: 200px;
		overflow: auto;
		padding-bottom: 50px;
	}
	h3 {
		font-family: times,serif;
		margin: 1em 8em 1em 0em;
		padding: 0px 50px 7px 50px;
		display: block;
		border-bottom: 1px solid #0b0;
		color: #08298A;
		font-size: 1.5em;
		text-shadow: 2px 2px 5px #aaa;
	}

	h4 {
		font-family: times,serif;
		margin: 1em 1em;
		color: #08298A;
		font-size: 1.5em;
		text-shadow: 2px 2px 5px #aaa;
	}

	strong {
		color: #c00;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
	}
	em {
		margin-left: 0px;
		margin-bottom: 0px;
		font-size: 1.0em;
		font-weight: bold;
	}
	p {
		text-align: justify;
		margin: 1.5em 0em;	
		font-size: 1em;
	}
	ul {
		margin: 1em 0em;
	}
	img.email {
		margin:0px 0px -5px 0px;
		width: 280px;
	}
/**** End text ****/



/**** Begin footer ****/
	div#footer	{
		background-image: linear-gradient(#08298A 0%, #08298A 100%);
		border-top: 1px solid #FFFFFF;
		margin: 20px 0px 0px 0px;
		padding: 8px 15px 8px 15px;
		font-size: 0.8em;
		text-align: center;
	}
	img.emailfooter {
		margin:0px 0px -5px 0px;
		height: 1.45em;
	}
/**** End footer ****/

*:focus {outline: none;}

form {
margin: 0px -1em;
padding: 0px;
}

fieldset {padding: 10px 15px;
margin: 0px;}


.data label {
	width:130px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
	margin-right: 0.5em;
	font-weight: bold;
}



.data input, input.small, .pwd input, input.normal {
border:1px solid #aaa;
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
border-radius:2px;
padding-right:20px;
-moz-transition: padding .5s; 
-webkit-transition: padding .5s; 
-o-transition: padding .5s;
transition: padding .5s;
background-image:         -moz-linear-gradient(top, #fffbbb, #fff555);
background-image:  -webkit-gradient(linear, left top, left bottom, from(#fffbbb), to(#fff555)); /* Saf4+, Chrome */
background-image:  -webkit-linear-gradient(top, #fffbbb, #fff555); /* Chrome 10+, Saf5.1+ */
background-image:      -ms-linear-gradient(top, #fffbbb, #fff555); /* IE10 */
background-image:       -o-linear-gradient(top, #fffbbb, #fff555); /* Opera 11.10+ */
background-image:          linear-gradient(top, #fffbbb, #fff555);
height: 20px;
width:130px;
padding:5px 8px;
}

/*.data input:focus {
background-image: -moz-linear-gradient(top, #fffbbb, #fff555);
border:1px solid #555; 
box-shadow: 0 0 3px #aaa; 
padding-right:70px;
}*/


.data select {
height: 35px;
width:148px;
padding:5px 3px;
}

div.data {
margin: 5px;
padding: 2px;
}

span.day {
width: 190px;
display-inline:block;float:left;}


.groups select {
height:30px;
width:100px;
padding: 3px;}



div.groups {
/*float: left;*/
margin: 0px 30px 30px 20px;
padding: 20px;
/*max-width: 350px;*/
border: 1px solid black;}


ul.groups {
/*max-width:750px;*/
list-style-type:none;
list-style-position:outside;
margin:0px;
padding:0px;
}

.groups li {
margin: 5px;
}

input#pwd
{
background-image: -moz-linear-gradient(top, #fff, #bbb);
color: #F00;
}

input#pwd:focus
{
background-image: -moz-linear-gradient(top, #fff, #bbb);
color: #FFFFFF;
}

.submit 
{
margin: 0.5em;
width: 80px;
height: 30px;
border-radius: 25px 10px / 10px 25px;	
box-shadow: 5px 5px 2px #888;
background-image: linear-gradient(#fffaaa 0%, #ffffff 100%);
}

.submit:hover
{
background-image: linear-gradient(#fffaaa 0%, #ffffff 100%);
box-shadow: 2px 2px 2px #888;
}


table, th, td
{
border: 1px solid black;
}
table
{
border-collapse:collapse;
margin-bottom: 20px;
}
th,td {
padding: 5px;
text-align: center;
}

input.small, .pwd input{
width: 100px;}

div.pwd {margin: 5px;}

.pwd label {
	width:150px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
	margin-right: 0.5em;
	font-weight: bold;}

legend {
		font-family: times,serif;
		margin: 0px 0px 0px 0px;
		padding: 5px;
		text-align: center;
		color: #0b37af;
		font-size: 1.7em;
		font-weight: bold;
		display:block;
		text-shadow: 2px 2px 5px #888;
}