/* (c) CWG */

div#spezdepartment{
width:	653px;
height: 128px;
}

div#spezdepartment_img1{
   float: left;
   width: 105px;
   height: 125px;
}

div#spezdepartment_img2{
   float: right;
   width: 100px;
   height: 125px;
}

div#spezdepartment_txt1{
   float: left;
   width: 215px;
}

div#spezdepartment_txt2{
   float: left;
   width: 215px;
}

body {
	color: #0C4D25;
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;
	font-size: 10pt;
	background-color: #F5FDD8;
	margin: 0px;
}
h1 {
	color:#7C0201;
	font-size:12pt;
	margin-bottom:5pt;
}

h2 {
	color:#7C0201;
	font-size:12pt;
	margin-bottom:5pt;
}

h3 {
	margin-top: 0px;
}


a img{border:0;} 


#wrapper {
	width: 915px;
	margin-left: 10px;
	margin-top: 10px;
}

#header {
	height: 105px;
	/*background: transparent url(../images/headimg.jpg) repeat scroll 0%*/
}

#lang_menu_container {
	height: 54px;
}

#lang_menu {
	float: right;
	margin-top:10px;
}

#lang_text {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
	color: #7C0201;
}

#page {
	width: 915px;
}

#sidebar {
	/*width: 263px;*/
	/*width: 200px;*/
	float: left;
	margin-left:10px;
}


#content {
	float: right;
	width: 652px;
	margin-top: 45px;
}


#menu {
	height: 22px;
	width: 652px;
	float: right;
}


* html #menu {
	height: 21px;
	width: 653px;
	float: right;
}

#footer {
	width: 652px;
	float: right;
	font-size: 11px;
}

#footer a, #footer a:visited {
	color: #0000ee;
}

.arrow {
	font-size:16px;
	font-family:serif;
}

.spacer {
border-top:1px solid;
height:16px;
}
.bridge {
	/*border: 1px solid red;*/
	float: right;
	position:absolute;
	left:128px;
	top:0px;
	width:3px;
	height:20px;
}

.bridge .bridge{
	left:118px;
}

.bridge .bridge ul {
	width: 118px;
}

hr {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #878c77;
	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	margin-top: 15px;
}

.clear {
	clear: both;
}

.line {
	border: 0px; /* Für Firefox und Opera */
	border-top: solid 1px #878c77;
	border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	margin-top: 15px;
}

.bridgeMenu {
	/*border: 1px solid red;*/
	position:absolute;
	width:68px;
	height:3px;
	top:21px;
}

/* Menu */






.menu {width:652px; height:22px; position:relative; z-index:100;border-right:1px solid #0C4D25; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
/** html .menu {width:746px; w\idth:745px;}*/
* html .menu {width:652px; w\idth:652px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
/*.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#7C0201; height:20px; border:1px solid #000; border-width:1px 0 1px 1px; border-color:#0C4D25; background:#e0fab4; padding-left:10px; line-height:19px;cursor:pointer;text-align:center;}*/
.menu a, .menu a:visited {display:block;color:#7C0201;font-size:11px;text-decoration:none; color:#7C0201; height:20px; border:1px solid #000; border-width:1px 0 1px 1px; border-color:#0C4D25; background:#e0fab4; line-height:19px;cursor:pointer;text-align:center;}

/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FFFFFF url(../images/arrow_black.gif) no-repeat scroll 105px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#99cc99 url(k/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#99cc99 url(/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#E0FAB4;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#99cc99;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2px;left:0; width:149px;border-top:1px solid #0C4D25;}
/* another hack for IE5.5 */
/** html .menu ul ul {top:21px;t\op:21px;}*/

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;visibility:hidden;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0px; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#E0FAB4; color:#7C0201; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#7C0201; background:#99CC99;}


.menu :hover > a, .menu ul ul :hover > a {color:#7C0201; background:#99CC99;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
/*.menu ul a:hover ul ul{visibility:hidden;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul ul ul{visibility:hidden;}*/
.menu ul a:hover ul ul{visibility:visible; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu ul li:hover ul ul, .menu ul ul ul {
visibility:hidden;
}

/*****************************************/
.menu ul a:hover ul ul{visibility:hidden;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul ul ul{visibility:hidden;}
/*****************************************/

.menu ul ul li:hover ul,
.menu ul ul a:hover ul ul{visibility:visible; }


/*Menu Sidebar*/
.menuSidebar ul .expand { visibility:visible; position:relative;margin:-1px 0px 19px 15px;}
.menuSidebar .border {border-bottom:1px solid #0C4D25}
.menuSidebar .indent {width:113px;margin-bottom:0px;}
.menuSidebar .indent_first {width:113px;}
.menuSidebar .indent_last {width:113px;}



.menuSidebar .indent .bridge {
	/*border: 1px solid green;*/
	left:113px;
}
.menuSidebar .indent_first .bridge {
	/*border: 1px solid green;*/
	left:113px;
}
.menuSidebar .indent_last .bridge {
	/*border: 1px solid green;*/
	left:113px;
}


/*********************************************************************/

/* Menu Sidebar*/
/*.menuSidebar {width:652px; height:22px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}*/
.menuSidebar {position:relative; width:128px; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menuSidebar {width:128px; w\idth:128px;}
/* remove all the bullets, borders and padding from the default list styling */
.menuSidebar ul {padding:0;margin:0;list-style-type:none;}
/*.menuSidebar ul ul {width:128px;}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuSidebar li {width:128px;position:relative;float:left;}
/* style the links for the top level */
/*.menuSidebar a, .menuSidebar a:visited {display:block;font-size:11px;text-decoration:none; color:#7C0201; height:20px; border:1px solid #000; border-width:1px 0 1px 1px; border-color:#0C4D25; background:#e0fab4; padding-left:10px; line-height:19px;cursor:pointer;text-align:center;}*/
/*.menuSidebar a, .menuSidebar a:visited {display:block;font-size:11px;text-decoration:none; color:#7C0201; min-height:20px; border-style: solid; border-width:1px 1px 0px 1px; border-color:#0C4D25; background:#e0fab4; padding-left:3px; line-height:19px;cursor:pointer;text-align:left;}*/
/*.menuSidebar a, .menuSidebar a {display:block;font-size:11px;text-decoration:none; color:#7C0201; min-height:20px; border-style: solid; border-width:1px 1px 0px 1px; border-color:#0C4D25; background:#e0fab4; padding-left:3px; line-height:19px;cursor:pointer;text-align:left;}*/
.menuSidebar a, .menuSidebar a {display:block;font-size:11px;text-decoration:none; color:#7C0201; border-style: solid; border-width:1px 1px 0px 1px; border-color:#0C4D25; background:#e0fab4; padding-left:3px; line-height:19px;cursor:pointer;text-align:left;}
* html .menuSidebar a, * html .menuSidebar a:visited {display:block;font-size:11px;text-decoration:none; color:#7C0201; height:20px; border-style: solid; border-width:1px 1px 0px 1px; border-color:#0C4D25; background:#e0fab4; padding-left:3px; line-height:19px;cursor:pointer;text-align:left;}
/* a hack so that IE5.5 faulty box model is corrected */
/** html .menuSidebar a, * html .menuSidebar a:visited {width:128px; w\idth:138px;}*/

/* style the second level background */
.menuSidebar ul ul a.drop, .menuSidebar ul ul a.drop:visited {background:#E0FAB4 url(../images/arrow_black.gif) no-repeat scroll 105px center;}
.menuSidebar ul a.drop, .menuSidebar ul a.drop:visited {background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}
.menuSidebar ul a.drop:hover {background:#99cc99 url(../images/arrow_black.gif) no-repeat 100px center}
/*.menuSidebar .indent_first a.drop, .menuSidebar .indent_first a.drop:visited {background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}*/
.menuSidebar .indent_first a.drop {background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}
/*.menuSidebar .indent a.drop, .menuSidebar .indent a.drop:visited {background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}*/
.menuSidebar .indent a.drop{background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}
/*.menuSidebar .indent_last a.drop, .menuSidebar .indent_last a.drop:visited {background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}*/
.menuSidebar .indent_last a.drop{background:#E0FAB4 url(../images/arrow_black.gif) no-repeat 100px center}
/* style the second level hover */
.menuSidebar ul ul a.drop:hover{background:#99cc99 url(../images/arrow_black.gif) no-repeat scroll 105px center;}
.menuSidebar ul ul :hover > a.drop {background:#99cc99 url(menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */

/*.menuSidebar ul ul a.drop, .menuSidebar ul a.drop:visited {background:#E0FAB4 url(../	images/arrow_black.gif) no-repeat 115px center}*/


/*
.menuSidebar ul li a.active {
	background: #99cc99;
}
.menuSidebar ul li ul li a.active {
	background: #99cc99;


}

.menuSidebar ul li a.active-drop {
	background: #99cc99 url(../images/arrow_black.gif) no-repeat 115px center;
}

.menuSidebar ul ul a.active-drop {
	background: #99cc99 url(../images/arrow_black.gif) no-repeat scroll 100px center;
}

*/

.menuSidebar ul ul ul a, .menuSidebar ul ul ul a:visited {background:#E0FAB4;}
/* style the third level hover */
.menuSidebar ul ul ul a:hover {background:#99cc99;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
/*.menuSidebar ul ul {visibility:hidden;position:absolute;height:0;top:0px;left:128px; width:128px;border-top:1px solid #000;margin-left:2px;}*/
/*.menuSidebar ul ul {visibility:hidden;position:absolute;top:0px; width:125px;border-top:1px solid #0C4D25;margin-left:2px;}*/
.menuSidebar ul ul {visibility:hidden;position:absolute;top:0px; width:123px;border-top:1px solid #0C4D25;margin-left:2px;}
* html .menuSidebar ul ul {visibility:hidden;position:absolute;top:0px; width:118px;border-top:1px solid #0C4D25;margin-left:2px;}
/* another hack for IE5.5 */
/** html .menuSidebar ul ul {top:30px;t\op:31px;}*/

/* position the third level flyout menu */
.menuSidebar ul ul ul{left:0px; top:-1px; width:128px;}

/* position the third level flyout menu for a left flyout */
.menuSidebar ul ul ul.left {left:-128px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menuSidebar table {position:absolute; top:0; left:0px; display:block; border-collapse:collapse;;}
.menuSidebar table li {width:118px;}
/* style the second level links */
/*.menuSidebar ul ul a, .menuSidebar ul ul a:visited {background:#E0FAB4; color:#7C0201; height:20px; line-height:19px; width:113px;border-width:0px 1px 1px 1px;}*/
/*.menuSidebar ul ul a, .menuSidebar ul ul a:visited {background:#E0FAB4; color:#7C0201; min-height:20px; line-height:19px; width:118px;border-width:0px 1px 1px 1px;}*/
.menuSidebar ul ul a, .menuSidebar ul ul a:visited {background:#E0FAB4; color:#7C0201; padding-top: 5px; padding-bottom: 5px; line-height:1em; width:118px;border-width:0px 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menuSidebar ul ul a, * html .menuSidebar ul ul a:visited {width:118px;w\idth:118px;}


/* style the top level hover */
.menuSidebar a:hover, .menuSidebar ul ul a:hover, .menuSidebar .middle a:hover, .menuSidebar .first_sidebar a:hover, .menuSidebar .last_sidebar a:hover{color:#7C0201; background:#99CC99;}
.menuSidebar :hover > a, .menuSidebar ul ul :hover > a {color:#7C0201; background:#99CC99;}

/* make the second level visible when hover on first level list OR link */
.menuSidebar ul li:hover ul,
.menuSidebar ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menuSidebar ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menuSidebar ul :hover ul :hover ul{ visibility:visible;}


/* own rules */
/*.menuSidebar ul li:hover ul ul, .menuSidebar ul a:hover ul ul{
visibility:hidden;
}first hide three*/

.menuSidebar ul li:hover ul ul, .menuSidebar ul ul ul {
visibility:hidden;
}

.menuSidebar ul ul li:hover ul, .menuSidebar ul ul ul{
visibility:visible;
}

.menuSidebar ul ul ul {visibility:hidden}
.indent {
margin-left: 15px;
display:inline;
}

.indent_first {
margin-left: 15px;
display:inline;
}

.indent_last {
margin-left: 15px;
border-bottom: 1px solid;
margin-bottom: 15px;
display:inline;
}

.last_sidebar{
border-style: solid; border-width:0px 0px 1px 0px; border-color:#0C4D25;
}

.first_sidebar {
border-bottom: 1px solid;
margin-bottom: -1px;
}

.menuSidebar .first_sidebar .middle_drop_a {
background:#e0fab4 !important;
}

.menuSidebar .first_sidebar .middle_drop_a:hover {
background:#99cc99 !important;
}

.dep_image {
	width: 125px;
}

.dep_image img{
	width: 100px;
	height: 125px;
}


/***********RTE**************/
/* Left, center, right and justify alignment of text in block elements*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }

#menu .top_link_sub {
	background:#E0FAB4 url(../images/arrow_black_top.gif) no-repeat scroll right;
}

#menu .top_link_sub:hover {
	background:#99CC98 url(../images/arrow_black_top.gif) no-repeat scroll right;
}

* html #menu .top_link_sub:hover {
	background:#99CC98 url(../images/arrow_black_top.gif) no-repeat scroll right !important;
}

#active {
	background: #99cc99;
}

.active {
	background: #99cc99 !important;
}

.active-sub {
/*	background: #99cc99 !important;*/
	background: #99cc99 url(../images/arrow_black_top.gif) no-repeat scroll right !important;
}
.active-drop {
	background: #99cc99 url(../images/arrow_black_top.gif) no-repeat 100px center !important;
}

* html .active-drop:hover {
	background: #99cc98 url(../images/arrow_black_top.gif) no-repeat 100px center !important;
}

.active-drop-top {
	background: #99cc99 url(../images/arrow_black_top.gif) no-repeat 115px center !important;
}

* html .active-drop-top {
	background: #99cc98 url(../images/arrow_black_top.gif) no-repeat 115px center !important;
}

.first_sidebar .active-drop {
	background: #99cc99 !important;
}

.menuSidebar .middle_drop_a {
	background:#E0FAB4 url(../images/arrow_black.gif) no-repeat scroll 115px center !important;
}

.menuSidebar .middle_drop_a:hover {
	background:#99CC99 url(../images/arrow_black.gif) no-repeat scroll 115px center !important;
}


* html .menuSidebar .middle_drop a:hover {
	background:#99CC99 url(../images/arrow_black.gif) no-repeat scroll 115px center !important;
}

.eventtables td:first-child {
width:120px;
}

.eventtables p {
margin:0px;
}
