/*
 *
 *=============================================================================
 *	Menu bar, usually under the page heading
 *=============================================================================
 *
 * #mbar is floated to make it contain the floats below.
 *
 */

/* style the outer div to give it width */
#mbar {
	background-color: #FCFBD8;
	color: #572C7D;
	width: 100%;
	border: 1px solid black;
	margin: 8px 0;
	float: left;
	height: auto;
	padding: 2px 0;
}

#mbleft {
	float: left;
}

#mbright {
	float: right;
}

.menubar img{
	vertical-align: middle;
	border: none;
}

/* Defaults for all elements in this class */
.menubar * {font-size:13px; background:#FCFBD8; position:relative; z-index:100;}
.menubar li,a { vertical-align: middle; }

/* remove all the bullets, borders and padding from the default list styling */
.menubar ul {padding:0; margin:0; list-style-type:none; height:2em; background:#FCFBD8; float:left}

/* style the sub-level lists */
.menubar ul ul {width:7em;float:left;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menubar ul li {float:left;height:2em;line-height:2em; padding: 0 2px 0 3px;}

/* style the sub level list items */
.menubar ul ul li {display:block;width:7em;height:auto;position:relative;line-height:1em;text-align:left;
}

/* style the links for the top level */
.menubar a, .menubar a:visited {display:block; float:left; height:auto; text-decoration:none;
	color:#572C7D; background:#FCFBD8; padding:0;}

/* style the sub level links */
.menubar ul ul a, .menubar ul ul a:visited {
	display:block;background:#FCFBD8; color:#572C7D;width:7em;
	height:100%; line-height:1em; padding:0.5em 0;
}

.menubar ul table ul a, .menubar ul table ul a:visited  {
	width:9em;w\idth:7em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menubar table {position:absolute; left:0; top:0; font-size:small;}
.menubar ul ul table {lef\t:-1px;}
.menubar ul ul table ul.left {margin-lef\t:2px;}

/* style the third level background */
.menubar ul ul ul a, .menubar ul ul ul a:visited {background:#FCFBD8;}
/* style the fourth level background */
.menubar ul ul ul ul a, .menubar ul ul ul ul a:visited {background:#FCFBD8;}
/* style the sub level 1 background */
.menubar ul :hover a.sub1 {background:#572C7D;color:#FDF701;}
/* style the sub level 2 background */
.menubar ul ul :hover a.sub2 {background:#572C7D;color:#FDF701;}

/* style the level hovers */
/* first */
.menubar a:hover {color:#FDF701;background:#572C7D;}
.menubar :hover > a {color:#FDF701;background:#572C7D;}
/* second */
.menubar ul ul a:hover{color:#FDF701;background:#572C7D;}
.menubar ul ul :hover > a {color:#FDF701;background:#572C7D;}
/* third */
.menubar ul ul ul a:hover {background:#572C7D;color:#FDF701;}
.menubar ul ul ul :hover > a {background:#572C7D;color:#FDF701;}
/* fourth */
.menubar ul ul ul ul a:hover {background:#572C7D;color:#FDF701;}


/* hide the sub levels and give them an absolute position so that they take up no room */
.menubar ul ul {visibility:hidden;position:absolute;height:0;top:2em;left:0;width:7em;}

/* position the third level flyout menu */
.menubar ul ul ul{left:10em;top:0;width:7em;}

/* position the third level flyout menu for a left flyout */
.menubar ul ul ul.left {left:-10em;}


/* make the second level visible when hover on first level list OR link */
.menubar ul li:hover ul, .menubar ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em;
	background:transparent url(/images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menubar ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menubar ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menubar ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menubar ul :hover ul :hover ul :hover ul {visibility:visible;}

/*
 *=============================================================================
 *	General class, for buttons, etc
 *=============================================================================
 *
 */
input.menu {
	border: 3px groove black;
	background-color: #FCFBD8;
	color: #572C7D;
}

.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:small;
	text-decoration: none;
	color:#572C7D;
	background:#FCFBD8;
	padding:0 1em 0 1em;
}

.menu a:hover {color:#FDF701;background:#572C7D;}
.menu :hover > a {color:#FDF701;background:#572C7D;}


/* --- A navigation sidebar --- */

#navbar {
	margin: 0px 0px 0px 0px;
	padding: 0 0 10px 0;
	width: 165px;
	clear: left;
	float: left;
	text-align: left;
	margin: 0 0 4px 2px;
	border: 1px solid #668FA8;
}

#navbar h2 {
	width: 100%;
	text-align: center;
	background-color: #668FA8;
	color: white;
	margin: 0;
	padding: 2px 0;
}


.nav ul {
	white-space: nowrap;
	list-style: outside;
	margin-left: 12px;
}

.nav li {
	padding: 2px 0;
}

.nav ul ul {
	list-style: circle inside;
	margin-left: 0;
}


.nav {
	background-color: #EEEEEE;
	color: #668FA8;
	border: 0;
	padding: 0;
	font-size: small;
	font-family: sans-serif;
	text-decoration: none;
}

a.nav:hover {
	color: #EEEEEE;
	background-color: #668FA8;
}

input.nav { border: 2px groove black }

TABLE.nav {
	border-collapse: collapse;
	border: 1px solid #668FA8;
}

/* Highlighted */

.nav_hi {
	background-color: #EEEEEE;
	color: #668FA8;
	border: 0;
	padding: 0;
	font-size: small;
	font-family: sans-serif;
	font-weight: bold;
}

A.nav_hi {	text-decoration: none }

A.nav_hi:hover {
	color: #EEEEEE;
	background-color: #668FA8;
}

TABLE.nav_hi {
	border-collapse: collapse;
	border: 1px solid #668FA8;
}

/* --- Navigation button bar (as distinct from menu) --- */

#navBtnBar {
	font-size: smaller;
}

#navBtnBar table {
	background-color: #EEEEEE;
}

#navBtnBar input {
	border: 2px groove black;
}

/*	--- Same thing as class ---	*/

.navBtnBar {
	font-size: smaller;
}

table.navBtnBar {
	background-color: #EEEEEE;
}

input.navBtnBar {
	background-color: #EEEEEE;
	border: 2px groove black;
}


body, html {
	padding: 0;
	margin: 0;
	background: #668FA8 url(/images/BGstrip_4.jpg) repeat-y center;
}


h1, h2, h3, h4 {
	color: #572C7D;
	padding: 4px 0;
	font-family:Helvetica,Arial,sans-serif;
	font-weight: bold;
}

h1 {	font-size: 12pt;	}
h2, h3, h4 {	font-size: 10pt;	}

div, table, tr, td, ul {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 9pt;
}

img {
	border: 1px solid black;
	padding: 0; margin: 0;
}

ul {
	margin: 0 0 0 1em;
}

ul ul {
	margin: 0 0 0 2em;
}

ul ul ul {
	margin: 0 0 0 3em;
}

table {
	border-collapse: collapse;
}

li {
	color: #572C7D;
	font-size: 1.1em;
}

a {
	color: #572C7D;
	text-decoration: none;
}

hr {
	border: none;
	background: #668FA8;
	height: 1px;
}

pre {
	font-family:Helvetica,Arial,sans-serif;
	padding: 0;
	margin: 0;
}

/* -- Underlined table row -- */

td.uln,th.uln { border-bottom: 1px solid black;padding-left:8px; }

/* --- a translucency class ---	*/
.seethru {
        margin: 0; padding: 0;
        -moz-opacity:0.7;               /* Mozilla 1.6 and below   */
        opacity: 0.7;                   /* newer Mozilla and CSS-3 */
}

/*
 *=============================================================================
 *	Page layout
 *=============================================================================
 */

/* --- All elements have a default position so that z-index works --- */

* { position: static; }

/* --- Page description, keywords --- */
#description {	display: none; }

#description th {
	text-align: left;
	text-decoration: underline;
}

/* --- Wrapper around whole page ---	*/

#page {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	color: #572C7D;
	width: 800px;
	background: #FEFFF0;
	border-style: groove;
	border-width: 0 3px 0 6px;
	border-color: grey;
	height: 1024px;	    /* Internet Explorer doesn't understand this */
	height /**/ : 1024px; /*IE hack. Only IE understands this*/
	font-family:Helvetica,Arial,sans-serif;
	font-size:90%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4em;
}

/* --- Heading block ---	*/

#hdgblk { 
	width:740px;
	color: #572C7D;
	font-family:Helvetica,Arial,sans-serif;
	vertical-align: bottom;
	margin: 0pt auto;
	padding: 16px 0 0 0;
	text-align: center;
	height: auto;
	position: relative;
}

#hdgleft {
	width: auto;
	height: auto;
	float: left;
}

#hdgleft h1 {
	font-size: 2.5em;
	font-family: LuxiSerif, serif;
	text-align: left;
	color: #6B1763;
}

#hdgright {
	width: 300px;
	float: right;
}

#hdgttl {
	font-size: 1.5em;
	margin: 6px 0 0 0;
	text-align: right;
}

#hdgsub {
	font-size: 1.2em;
	width: 100%;
	text-align: right;
}

#path {
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}

#copyright {
	font-style: italic;
	font-size: smaller;
	color: #572C7D;
	float: right;
	margin: 0; padding: 0;
}

/*
 *-----------------------------------------------------------------------------
 *	middle part of page (includes left, center and right columns)
 *-----------------------------------------------------------------------------
 */

#middle {
	clear: both;
	height: auto;
	width: 740px;
	z-index: 5;
}

/*
 *-----------------------------------------------------------------------------
 *	content
 *-----------------------------------------------------------------------------
 */

#content {
	margin: 0px 0px 0px 0px;
	width: 680px;
	text-align: left;
	height: 550px;
	background: transparent;
	color: #572C7D;
	z-index: 6;
}

/* all browsers except IE */
html>body #content {
	height: auto;
/*	min-height: 550px;	*/
}

#content H1 {
	padding: 24px 0 8px 0;
	margin: 0;
	font-size: 16pt;
	text-align: left;
}

/*
 *-----------------------------------------------------------------------------
 *	general left column
 *-----------------------------------------------------------------------------
 */

#left {
	width: 150px;
	height: 550px;
	float: left;
	clear: left;
	border: 1px solid white;
	color: #668FA8;
	background-color: white;
	margin: 0 0 4px 0;
	padding: 0 0 10px 0;
	z-index: 6;
}

/*
 *-----------------------------------------------------------------------------
 *	general right column
 *-----------------------------------------------------------------------------
 */

#right {
	width: 150px;
	height: 550px;
	float: right;
	border: 0;
	color: #668FA8;
	background-color: white;
	margin: 0 0 4px 0;
	padding: 0 0 10px 0;
	z-index: 6;
}


/*
 *-----------------------------------------------------------------------------
 *	calendar
 *-----------------------------------------------------------------------------
 */

#calendar {
	border: 1px solid #668FA8;
	color: #668FA8;
	background-color: white;
	margin: 0 0 4px 0;
	padding: 0 0 10px 0;
	z-index: 6;
}

#calendar h2 {
	width: 100%;
	text-align: center;
	background-color: #668FA8;
	color: white;
	margin: 0;
	padding: 2px 0;
}

#calendar h3 {
	background-color: #668FA8;
	color: white;
	font-size: smaller;
	padding: 2px 0;
}

table.calhdr {
	width: 100%;
	margin: 0; padding: 0;
	border-collapse: collapse;
}

table.calhdr th {
	text-align: center;
	background-color: #668FA8;
	color: white;
	margin: 0;
	padding: 2px 0;
}
	
/* - for the edit icon - */
table.calhdr td {
	text-align: left;
	vertical-align: middle;
	background-color: #668FA8;
	color: white;
	margin: 0; padding: 0;
}
	
table.cal {
	width: 100%;
	margin: 4px 0;
	border-bottom: 1px solid ;
}
table.cal th {
	background-color: #E8821B;
	color: white;
	font-size: 12px;
	text-align: center;
	padding-left: 8px;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
}
table.cal td {
	font-size: smaller;
	color: #668FA8;
	background-color: white;
	padding: 4px 4px 4px 4px;
}



/*
 *-----------------------------------------------------------------------------
 *	Indented list (outline form)
 *-----------------------------------------------------------------------------
 */
div.ilist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*
 *-----------------------------------------------------------------------------
 *	Folding outline (Klappliste)
 *-----------------------------------------------------------------------------
 */


#Klappliste, #Klappliste ul, #Klappliste ul ul {
/*	list-style-image:none;	*/
	list-style-position:outside;
/*	list-style-type:none;	*/
margin-left:16px;
}

#Klappliste li.klzu ul, #Klappliste li li.klzu ul {
	display:none;
}

#Klappliste li.klauf ul, #Klappliste li li.klauf ul {
	display:block;
}

#Klappliste li.klzu .clk, #Klappliste li li.klzu .clk {
	background:transparent url(/images/plus.gif) no-repeat scroll left center;
	cursor:pointer;
	padding-left:16px;
	text-decoration:underline;
}

#Klappliste li.klauf .clk, #Klappliste li li.klauf .clk {
	background:transparent url(/images/minus.gif) no-repeat scroll left center;
	cursor:pointer;
	padding-left:16px;
	text-decoration:underline;
}

/*
 *-----------------------------------------------------------------------------
 *	image bar
 *-----------------------------------------------------------------------------
 */

table.imagebar {
	border-spacing: 0 3px;
	border-collapse: separate;
}

table.imagebar td {
	border: 1px solid ;
	vertical-align: bottom;
}

table.imagebar td div {
	z-index: 1;
	margin: 0;
	padding: 0;
}

.imagebar img {
	border: 0;
}

table.imagebar td div p {
	position: absolute;
	text-align: center;
	bottom: 0; left: 0;
	color: black;
	font-weight: bold;
	margin: 2px 0;
	width: 100%;
}



/*
 *-----------------------------------------------------------------------------
 *	separator table row
 *-----------------------------------------------------------------------------
 */

.sep {
	background-color: #8887B5;
	color: white;
	font-size: x-small;
}


/*
 *-----------------------------------------------------------------------------
 *	Page footer
 *-----------------------------------------------------------------------------
 */

#footer {
	position: relative;
	width: 800px;
	background-color: transparent;
	color: grey;
	font-size: xx-small;
	margin: 16px auto 4px auto;
	bottom: 0;
	clear: both;
}

#footer a {
	color: grey;
}

#bottom {
	background: white;
	margin: 0 auto;
	height: 24px;
}

/*
 *-----------------------------------------------------------------------------
 *	Links table
 *-----------------------------------------------------------------------------
 */

table.linktbl { margin: 0;}

table.linktbl table { margin: 0;}

.linktbl td { padding: 4px;}

.linktbl a { padding: 0; vertical-align: middle;}

.linktbl img { padding: 0; margin:0; border: 2px solid ; vertical-align:middle}

/*
 *-----------------------------------------------------------------------------
 *	link elements as buttons
 *-----------------------------------------------------------------------------
 */

a.btn, input.btn {
	border: 2px groove black;
	padding: 2px 4px;
	background-color: lightgray;
}

table.linkbar {
	background-color: #DFDFDF;
	border: none;
}
th.linkbar, td.linkbar {
	background-color: #DFDFDF;
	border: none;
	padding: 4px 0;
}

/*
 *=============================================================================
 *	Messages
 *=============================================================================
 */

.error {
	background-color: yellow;
	color: red;
	font-weight: bold;
	font-family:Helvetica,Arial,sans-serif;
}

div.error {
	border: 2px solid red;
	padding: 8px 16px;
	text-align: justify;
}

.warning {
	background-color: yellow;
	color: green;
	font-weight: bold;
	font-family:Helvetica,Arial,sans-serif;
}

div.warning {
	padding: 8px 16px;
	border: 2px solid green;
	padding: 8px
}

.message {
	color: green;
	font-family:Helvetica,Arial,sans-serif;
}

div.message {
	padding: 8px;
	border: 1px solid black;
}

/*
 *=============================================================================
 *	Security, anti-spam
 *=============================================================================
 */

.sec {
        visibility: hidden;
        display: none;
}