@charset "utf-8";
body {
	background-color: #555;
	margin: 0;
	padding: 10px;
	color: #600;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul, ol, dl {
	padding: 0;
	margin: 0px 30px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom:5px;
}

h3 {font-size:0.90em;}

h2	{font-size:1.30em; border-bottom: 2px solid #FCCA04; margin: 20px 0 10px;}

h1 {font-size:1.50em}

ul {margin-left:15px;}
nav ul {padding: 0; margin:0; list-style: none;}
nav li {display: inline-block; margin:10px 10px 10px 0;}
a:link, a:visited {
	font-weight: bold;
	color: #555;
	text-decoration: none; 
}

a:hover,  a:focus, a:active { 
	font-weight: bold;
	color: #FF0D00;
	text-decoration: underline;
}
nav a:link, nav a:visited {
	font-size: 1.05em;
}

nav a:hover, nav a:focus, nav a:active { 
	font-size: 1.05em;
}

table.kurse {
	border: solid 1px #666;
	font-weight: bold;
	width: 100%;
	border-collapse:collapse;
}
table.kurse td	{padding: 7px 5px 0px; vertical-align: top; border: solid 1px #ccc;}

table.kurse th	{
	border: solid 1px #666;
	vertical-align: top;
	font-size: 1.2em;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}


th.sw_kurse   {
	text-align: left;
	background-color: #DDD;
}

.profil_l { 
	padding-bottom: 15px;
	width: 140px;
	vertical-align: top;
	text-align: left;
}

td.profil_r { 
	padding-bottom:15px;
	width: 450px;
	vertical-align: top;
}

.container {
	/*min-width: 240px;*/
	max-width: 800px;
	background: #FCFECC;
	margin: 30px auto; 
}

.header {
	background-color: #FCCA04;
	padding:10px;
}

.intro {margin-top:10px;}

.content {

	padding: 10px;
}

.footer {
	padding: 10px;
	background: #FCCA04;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.top	{display: block; 
		 width:30px; 
		 float:right; 
		 margin-top:5px; 
}
.toplink {display: block;  
		 border: 0;
		 text-align:center;
}
.logo	{border: 1px solid #999;}
/*Flüssiges Passbild*/
#passbild {max-width:21%; height:auto; min-width: 120px;}
@media only screen and (max-width: 800px){
	body {padding:0; margin:0;}
	.container	{width:100%; box-sizing: border-box; border:0; margin:0;}
}
@media only screen and (max-width:460px){
	h1 {font-size:1.25em;}
	h2 {font-size:1.10em;}
	.logo	{width:200px; height:auto;}
}
@media only screen and (max-width:370px){
	.logo	{width:150px; height:auto;}
}