/* allgemeine Stile */
body{
  color: black;
  background: white;
  font: 100.01% 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  min-width: 45em;
}

ul, ol{
  list-style: circle;
  font-size: 0.8em;
  line-height: 1.7em;
}

p, label{font-size: 10pt; background: transparent;}

p{color: #010101;}

blockquote{
  font: italic 16pt/180% Candara, verdana, tahoma, arial, sans-serif;
  background: #F6F6F6;
  border: 1px solid #999;
  padding: 10px 10px 10px 10px;
  width: 75%;
  color: black;
}

.important {font-weight: bold; color: red;}

.important:hover{color: #BF0000;}

body.js .js {	display: block;}
body.js .nojs {	display:none;}
body.nojs .js {	display:block;}
body.nojs .nojs {	display:block;}

/* Links */

a:link, a:visited, a:focus, a:active{font-weight: bold;}

a:hover{
  color: black;
  text-decoration: none;
  font-weight: bold;
}

p a:link{
  font-size: 100.01%;
  margin: 0;
  padding: 0em;
  min-width: 45em;
}

a:link, a:visited{
  color: #5C5C5C;
  padding: 1px;
  text-decoration: none;
  border-bottom: 1px dashed #BFBFBF;
  background: transparent;
}

a:hover{
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}

a:active, a:focus{
  color: red;
  border-bottom: 1px solid red;
}
a.img:link,a.img:visited {
	border-bottom-width: 0px;
}
a.img:link img,a.img:visited img{
	border: 0px;
}


/* Ãœberschriften */

h2, h3, h4, h5, h6{margin-top: 15px;}
h3, h4{font-style: italic; font-size: 0.9em;}
h2, h3, h4{color: #1C1C1C; background: transparent;}
#Inhalt > h2{border: solid #4D4A4A; border-width: 1px 0; padding: 8px 0;}
h2:before{content: "  ";}

/* Tabellen */

table{
  background: transparent;
  border: 1px solid #888;
  border-collapse: collapse;
  padding: 0px;
  cursor: default;
  margin: 0px;
  width: 100%;
}

thead th{
  color: #888;
  background: white;
  text-align: center;
  border-bottom: 1px solid #888;
  font-weight: normal;
  font-style: italic;
}

thead th:hover{background: #FFF2F2;}

tbody th {
	color: black; 
	letter-spacing: 0.15em; 
	font-weight: normal; 
	text-align: center; 
	border-right: 1px solid #888;
	padding: 4px;
}

td { font-size: 0.8em; padding: 4px; border: dotted #888; border-width: 0 1px; text-align: right;  }

td a:hover, td a:active, td a:focus{
  background: transparent;
  color: red;
  border-bottom: 1px solid black;
  text-decoration: none;
}

td a:link, td a:visited, td a:active{
  color: black;
  font-weight: normal;
}

tfoot tr{
  background: #545454;
  color: #EEE;
  font-weight: bold;
}

td.longtext{font-size: 0.72em;}

tr.zeileA, tr.zeile0{background: #EAEAEA;}

tr.zeileB, tr.zeile1{background: #F4F4F4;}

table.tiny {
	width: 320px;	
}
table.tiny td 

/* Formulare */

button, input, textarea, select{
  width: 250px;
  font: 0.9em 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  padding: 2px;
  margin-bottom: 3px;
  margin-left: 10px;
  padding: 3px;
}
select {
	width: auto;
}

textarea.wide{width: 100%;}

input.submit{width: 235px;}

button.upload, input.submit{
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 0.9em;
}
input.submit_small {
	width: 235px;
	font-size: 0.8em;
}

input.short{width: 111px;}

input.check, input.radio{width: 15px; margin-right: 5px;}

textarea{height: 100px;}

textarea.big{height: 250px; width: 300px;}

label {
  display: block;
  font-size: 0.9em;
  margin: 10px 0 5px 0;
  font-style: italic;
}

form.inline{display: block;}

form.inline label, form.inline input{
  display: inline;
  height: 20px;
  margin: 1px;
}

form.inline submit{height:;}

label input.text{
  font-size: 1em;
  width: 170px;
}
label span.note {
	display: block;
	font-size: 0.8em;
}
label {
	text-align: right;
}
fieldset{border: 0px solid black; width: 300px}

fieldset fieldset {
	border: 1px solid #CCC;
}
legend {
	font-size: 0.85em;
}
fieldset fieldset legend {
	border: 1px solid #CCC;
	padding: 3px;
}

form.assistant label.radio, 
form.assistant label.check {
	text-align: left;
	font-size: 1.2em;
	font-style: normal;
}
form.assistant input.submit {
	font-size: 1em;
	height: 2.5em;
}

/* allgemeine Klassen */

.inline, #Navigation li, ul.piclist li{display: inline;}

.breiter{width: 120%;}

.onclick{cursor: pointer;}

.smallnotice{
  position: absolute;
  top: 0;
  left: 0;
  background: #B00;
  color: white;
  padding: 5px;
  z-index: 10;
}

.clear, #Inhalt > h3{
  clear: both;
}
/* -- Spezielle Bereiche  -- */
/* Navi */

#Navigation{
  font-size: 0.83em;
  width: 12em;
  margin: 0 0 1.2em;
  padding-top: 2em;
  position: absolute;
}

#Navigation ul{
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

#Navigation a{
  display: block;
  margin: 0;
  padding: 7px 4px;
  width: 100%;
  font-size: 1.2em;
  text-decoration: none;
  border: 0px;
}

#Navigation a:hover{
  border: 2px inset;
  padding: 5px 2px;
}
/* Inhaltsbox */

#Inhalt{
  margin: 0 0 1em 11em;
  padding: 0 1em;
  border: 0px dashed silver;
  min-height: 29em;
  max-width: 700px;
}

* html div #Inhalt{height: 1em;}

#Inhalt h2{font-size: 1.1em; margin: 0.2em 0;}

#Inhalt h3{font-size: 1.0em; margin: 0.2em 0;}

p, label{
  font-size: 0.8em;
  margin: 1em 0;
  line-height: 1.5em;
}

#Inhalt.breit{width: 74%;}
/* Footer */

#Fusszeile{
  clear: both;
  font-size: 0.9em;
  margin-top: 10px;
  padding: 0.1em;
  text-align: center;
  background: #D6D6D6;
  border: 1px solid silver;
}

p #Fusszeile a:link, p #Fusszeile a:visited, p #Fusszeile a:active{
  color: black;
  background: transparent;
}

#Fusszeile a:hover{color: blue; background: transparent;}

#footer a:link, #footer a:visited, #footer a:hover{
  font-size: 0.9em;
  color: black;
  border: 0px;
}

#footer a:hover{text-decoration: underline;}

#footer h4{	
  margin: 0px;
  font-size: 0.8em;
  text-decoration: underline;
}

.firstcol {
	float: left;
	width: 50%;
}

/* spezielle Klassen */

p.head_nachricht{
  font-style: italic;
  font-weight: bold;
}

p.nachricht{
  margin-left: 25px;
}
/* Error-Handling */

label input.fehler, label input.error {background:#FFBBBB none repeat scroll 0 0;
border:1px solid red;}

p.fehler, p.error {
  background:#FFBBBB none repeat scroll 0 0;
  border:1px solid red;
  color:black;
  font-size:110%;
  padding:4px;
  text-align:left;
}

p.sub_fehler{color: red; margin: 0px;}

p.erfolg{
  background: #DDFFDD;
  padding: 3px;
  border: 1px solid green;
  color: #040;
}
div.success-big { 
  background: #DDFFDD;
  padding: 7px;
  border: 2px solid green;
  color: #040;
  -moz-border-radius: 6px;
}
div.success-big .message {
	text-align: center;
	font-weight: bold;
	line-height: 3em;
}

.hinweis{
  background: #FFD7D7;
  color: black;
  border: 1px solid red;
  padding: 3px;
}

.print,.hidden{display: none;}

/* Bilderlisten etc. */
div.pics{
  border: 1px solid silver;
  height: 100%;
  width: 100%;
}

ul.piclist li a{
  display: block;
  float: left;
  border: 1px dashed silver;
  margin: 3px;
}

ul.pics{line-height: 0em; margin-bottom: 5px;}

ul.pics li{display: block; float: left;}

ul.pics li a{
  display: block;
  border: 1px dashed silver;
  margin: 13px 3px;
}

ul.pics li a:link img, ul.pics li a:visited img{
  margin: 1px;
}


/* Und der ganze Rest */

.nobullets{list-style: none;}

ul.big li, ol.big li{
  font-size: 1.4em;
  margin-left: -30px;
  line-height: 0.9em;
}

div #rechts{
  font-size: 0.9em;
  font-weight: bold;
  float: right;
  width: 12em;
  margin: 0em 2em 0em 0em;
  padding: 0;
  background: transparent;
  border: 0px;
}

div #links{
  font-size: 0.9em;
  font-weight: bold;
  float: left;
  width: 12em;
  margin: 0em 0em 0em 2em;
  padding: 0;
  background: transparent;
  border: 0px;
}

div #oben{
  background: black;
  padding: 0;
  border: 0px solid black;
  width: 28em;
  position: relative;
  min-height: 2.2em;
}

div #oben a:link, div #oben a:visited{
  color: #D6D6D6;
  background: transparent;
  border: 0px;
}

div #oben a:hover{color: white; border: 0px;}

div.wrapper{
  padding: 1px;
  border: 1px solid #A6A6A6;
  width: 28em;
  margin-left: 2em;
}

span.showInfos{color: #6C6C6C; font-size: 0.8em;}

span.extInfos{
  font-size: 0.9em;
  margin-top: -2px;
  font-style: italic;
}

ul.courses {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.courses li {
	display: inline;
}
ul.courses li div {
	width: 8em;
	height: 8em;
	float: left;
	border: 1px solid #999;
	margin: 0 5px 5px 0;
	padding: 5px;
}
ul.courses li div a:link,
ul.courses li div a:visited {
	border-bottom: 1px solid #DDD;
	font-weight: normal;
	padding-bottom: 0px;
}
ul.courses li div:hover {
	background: #EFEFEF;
}
ul.courses li div:hover a:link,
ul.courses li div:hover a:visited {
	border-bottom: 1px solid black;
}

#tooltip {
	position: absolute;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	max-width: 150px;
	border: 1px solid #91C2DC;
	z-index: 10000;
	color: #333333;
	background: url('information.png') center left no-repeat #FFFFFF;
	margin: 10px 5px 5px 10px;
	padding: 20px 3px 3px 3px;
}

td.onclick:hover { background: white; }

form.test table td {
	font-size: 1em;
}
form.test table {
	border-width: 0px;
}

#randomQuote form { -moz-opacity: 0.6; -opacity: 0.6; -webkit-opacity: 0.6}
#randomQuote form:hover { -moz-opacity: 1; -opacity: 1; -webkit-opacity: 1}
#randomQuote p.msg { clear: both; }

div.enhancer {
	width: 100%;
	height: 100%;
	border: 1px solid #A6A6A6;
}