/*******************************************************/
/*	G L O B A L                                    */
/*******************************************************/

*
{
	font-family: Verdana, Arial;
	font-size: 11pt;
	color: #333333;
}

html
{
	background-image: url("./grafik/beams.jpg");
}

body
{
	margin-left: 10%;
	margin-right: 10%;
}

/*******************************************************/
/*	Layout-Bereiche                                */
/*******************************************************/

header, footer, section, aside, nav
{
	background-color: #FEFEFE;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	border-radius: 4px;
	padding: 6px;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 6px;
}

header
{
	padding-top: 0px;
	padding-bottom: 0px;
}

footer
{
	padding-top: 0px;
	padding-bottom: 0px;
}

section
{
	height: 600px;
	overflow: auto;
}

.brett
{
	background-color: black;
}

nav
{
//	padding-left: 6px;
	padding: 0;
	margin-bottom: 2px;
}

aside
{
	float: right;
	width: 220px;
	background-color: #EFEFEF;
	border-style: none;
	padding-left: 8px;
	margin-right: 4px;
	margin-left: 20px;
}

/*******************************************************/
/*	Überschriften                                  */
/*******************************************************/

h1
{
	font-size: 14pt;
}

h2
{
	font-size: 12pt;
	color: #0000CF;
}

h3
{
	color: blue;
}

/*******************************************************/
/*	Bilder                                         */
/*******************************************************/

img
{
	border-style: none;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.rechts
{
	margin-left: 20px;
	margin-right: 0px;
}

img.welcome
{
	border-style: none;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
}

/*******************************************************/
/*	Verlinkungen                                   */
/*******************************************************/

a
{
	text-decoration: none;
	color: orange;
}

.button
{
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

/*******************************************************/
/*	Absätze                                        */
/*******************************************************/

p
{
	text-align: justify;
	line-height: 140%;
	width: 90%;
}

.fett
{
	font-weight: bold;
}

.bild
{
	margin: 0;
}

.klein
{
	font-size: 10pt;
	line-height: 120%;
}

.kasten
{
	background-color: orange;
	color: white;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	border-radius: 4px;
	padding: 4px;
}

.ok
{
	background-color: lightgreen;
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	border-radius: 4px;
	padding: 4px;
}

.rot
{
	color: red;
	border-style: solid;
	border-width: 1px;
	border-color: red;
	border-radius: 4px;
	padding: 4px;
}

.orange
{
	color: orange;
}

.grau
{
	background-color: silver;
}

/*******************************************************/
/*	Auflistungen                                   */
/*******************************************************/

li
{
	list-style-type: square;
	padding-bottom: 4px;
}

/*******************************************************/
/*	DIV-Blöcke                                     */
/*******************************************************/

div.pic
{
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	border-radius: 4px;
	padding: 8px;
	margin: 10;
//	float: right;
}

div.pic img
{
	margin: 0;
}

div.postfix
{
	font-size: 10pt;
	background-color: #FFEE88;
	padding: 6px;
	border-radius: 3px;
	margin: 4px;
	width: 200px;
	height: 170px;
	float: left;
}

/*******************************************************/
/*	Tabellen                                       */
/*******************************************************/

table
{
	empty-cells: show;
	border-collapse: separate;
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	border-radius: 4px;
	border-spacing: 0;
}

th
{
	font-weight: normal;
	text-align: left;
	color: white;
	background-color: #33CCFF;
	padding: 4px 6px;
}

td
{
	vertical-align: middle;
	border-top-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	padding: 4px 6px;
}

/*******************************************************/
/*      Formulare                                      */
/*******************************************************/

form table
{
	border-style: none;
}

form table tr:hover
{
	background-color: none;
}

form td
{
	border-style: none;
}

form.zettel
{
	background-color: #FFEE88;
//	width: 400px;
	padding: 10px;
}

/*******************************************************/
/*      Dropdown-Menue                                 */
/*******************************************************/

nav ul
{
	padding: 0px;
	margin: 0px;
}

nav ul:after
{
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

nav ul, nav ul li
{
	background-color: #222222;
}

nav ul li
{
	list-style: none;
	float:left;
}

nav ul li a
{
	text-decoration: none;
	display: block;
	color: white;
	padding: 4px 16px 4px 16px;
}

nav ul li:hover > ul
{
	visibility: visible;
}

nav ul li ul
{
	display: inline;
	visibility: hidden;
	position: absolute;
	padding: 0px;
}

nav ul li ul li
{
	float: none;
}

nav ul li ul li a:hover
{
	color: #33CCFF;
}

nav ul li.cat
{
	border-right-style: none;
	border-width: 1px;
	border-color: silver;
	text-align: left;
}