/*** START Basic Settings ***/
body
{
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.7em; 
	color: #666;
	margin: 0px;
	background-color: #ffffff;
}
p, td{
	font-size: 12px;
	color: #666;
	line-height: 1.7em;
}
input {
	font-size: 12px;
	color: #666;
}
h1 {
	color: #3394E0;
	font-size: 24px;
	padding-top: 0px; 
	padding-bottom: 17px;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	color: #5C5C5C;
	padding-top: 0px;
	padding-bottom: 0px;	
	line-height: 1.3em;
}
ul {
	list-style-image: url('img/list_bullet.gif');
	line-height: 1em;
}
li {
	padding: 0px 0px 5px 0px;
}
a:hover
{
	color: #5c5c5c;
	font-weight: bold;
}
a:active, a:link, a:visited
{
	color: #666;
}
/*** STOP Basic Settings ***/

body.different
{
	background-image: url('img/big_background.jpg');
	background-repeat: repeat-y; 
	background-position: top center;
	background-color: #cccccc;
}

td.page {
	background-color: #ffffff;
}

.page .header, .page .footer {
	background-color: #3394E0
}

.page .header .switches td{
	padding: 12px 10px 5px 0px;
}

/* Abstände content zu header und footer, sowie separator */
.page .upperSpacing {
	height: 8px;
	line-height: 8px;
}

.page .lowerSpacing {
	height: 10px;
}

.page .horizontalSeparator {
	background: url('img/horitontal_separator.jpg'); 
	height: 7px;
	background-repeat:no-repeat;
}
.page .verticalSeparator {
	background: transparent url('img/vertical_separator.jpg') no-repeat scroll top left;
	width: 6px;
}


/* ein-spaltige Seite */
.page .column1of1 {
	width: 980px;
	padding-left: 0px;
	padding-right: 0px;
}

/* zwei-spaltige Seite */
.page .column1of2SubMenu {
	width: 173px;
	padding: 0px 0px 0px 25px;
}

.page .column2of2SubMenu {
	width: 676px;
	padding: 0px 0px 0px 50px;
}

.page .column1of2SideBar {
	width: 676px;
	padding-left: 25px;
	padding-right: 50px;
}

.page .column2of2SideBar {
	width: 163px;
	padding-left: 14px;
	padding-right: 48px;
}

/*** Top-Navigation ***/
.topMenu td {
	border-color: #ffffff;
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0px 0px 0px 0px;
	height: 31px;
}

.topMenu td.active {
	background-color: #fff;
	/* border-bottom-width: 8px;
	border-bottom-style: solid;*/
}

.topMenu td.search  {
	padding: 0px 10px 0px 0px;
	vertical-align: top;
	border: 0px;
}

.topMenu td.search .autocomplete {
	background-color: #ffffff;
}

.topMenu td.search #query {
	font-size: 1.2em;
	border: 1px solid #cccccc;
}

.topMenu td.search .autocomplete ul {
	padding: 2px;
}

.topMenu td.search .autocomplete ul li.page_row{
	color: #777777;
}

.topMenu td.search .autocomplete ul li.selected{
	background-color: #3394E0;
	color: #ffffff;
	cursor: pointer;
}

/*** Drop-Down-Menus of TopMenu ***/
.dropDownMenu div.dropDownMenu {
	cursor: pointer;
	visibility:hidden;
	position:absolute;
	width:260px;
	z-index:101;
	background-color: #F0F0F0;
}

.dropDownMenu div.dropDownMenu a.menuItem, .dropDownMenu div.dropDownMenu a.menuItemTab {
	display:block;
	text-decoration:none;
	white-space:normal;
	width: 100%;
	border: 0px;
}

.dropDownMenu div.dropDownMenu a.menuItem, .dropDownMenu div.dropDownMenu table {
	margin-top:1px;
	height:34px;
}


.dropDownMenu div.dropDownMenu div.mIFolder, div.dropDownMenu div.mIFile {
	padding-left:18px;
	padding-top:7px;
	padding-bottom:6px;
	padding-right:5px;
	font-size: 14px;
	color: #5C5C5C;
}

/* Schriftfarbe für ausgewählten Menüpunkt */
.dropDownMenu div.dropDownMenu a.mIHighlight div.mIFolder, a:hover div.mIFile, 
	.dropDownMenu div.dropDownMenu table.mIHighlight div.mIFolder a {
	color: #3394E0;
	font-weight: bold;	
}

/* Hintergrundfarbe bei Ausgewähltem Menüpunkt der 3. Ebene */
.dropDownMenu div.secondLevelDropDownMenu a:hover div.mIFile {
	background-color: #F0F0F0;
}

/* Hintergrundfarbe der 3. Ebene und bei dem ausgewählten Menüpunkt der 2. Ebene */
.dropDownMenu div.secondLevelDropDownMenu a, .dropDownMenu div.dropDownMenu table.mIHighlight td,
 .dropDownMenu div.dropDownMenu table.mIHighlight a, .dropDownMenu  div.firstLevelDropDownMenu a:hover div.mIFile {
	background-color: #F7F7F7;
}

/* Hintergrundfarbe bei 2. Ebene */
.dropDownMenu div.firstLevelDropDownMenu a, .dropDownMenu div.firstLevelDropDownMenu table {
	background-color: #FFFFFF;
}

/* oberster Eintrag eines Menüs wird nicht eingerückt */
.dropDownMenu div.dropDownMenu a.firstEntry,  .dropDownMenu div.dropDownMenu table.firstEntry{
	margin-top:0px;
}

/*** START Einblenden des Pfeils bei Verzeichnissen ***/
.dropDownMenu div.dropDownMenu div.mIArrow {
	background-repeat:no-repeat;
	width:15px;
	height:20px;
	
}

.dropDownMenu div.dropDownMenu td.mIArrow {
	text-align:left;
	vertical-align:bottom;
	width:15px;
	padding-bottom:6px;
}

/* Bild entsprechend dem Menüpunkt einblenden */
.dropDownMenu div.dropDownMenu div.mIArrow {
	background-image:url(img/pullDownMenuArrow.gif);
}

.dropDownMenu div.dropDownMenu table.mIHighlight div.mIArrow {
	background-image:url(img/pullDownMenuArrowActivated.gif);
}
/*** ENDE Einblenden des Pfeils bei Verzeichnissen ***/


/*** SubMenu ***/
.subMenu a:active, .subMenu a:visited, .subMenu a:hover, .subMenu a:link {
	text-decoration: none;
}
.subMenu td {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.subMenu tr.subMenuLevel2 td.secondColSelected a{
	font-size: 14px;
	color: #3394E0;
	font-weight: bold;	
}

.subMenu tr.subMenuLevel2 td.secondColParentElement a{
	font-size: 14px;
	font-weight: bold;	
}

.subMenu tr.subMenuLevel3 td.secondColSelected a{
	color: #3394E0;
	font-weight: bold;	
}

.subMenu td.firstCol{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 30px;
}

.subMenu td.secondCol {
	padding: 0px 0px 0px 0px;
}

.subMenu tr.subMenuLevel2 td.secondCol a{
	font-size: 14px;
	color: #5C5C5C;
}

.subMenu tr.subMenuLevel3 td.secondCol a{
	color: #5C5C5C;	
}

.subMenu tr.subMenuLevel2 td{
	padding-top: 10px;	
	
}

.subMenu tr.subMenuLevel3 td{
	padding-top: 2px;	
}


/*** Main ***/
.main {
	background-color: #ffffff;
}

/*** Article Content Element ***/
.article .subheading {
	font-weight: bold;
	padding: 0px;
}
.article .separator {
	padding: 12px 0px 7px 0px;
}
.article td.label {
	padding-left: 10px;
	font-size: 14px;
}
.article td.label a {
	text-decoration: none;
}
.article tr.detailsLinkRow td{
	height:20px;
	padding-top:10px;
}

/*** Search Result ***/
.search_result .heading {
	padding: 8px 5px 35px 0px;
}
.search_result .heading td.spacing {
	width: 17px;
}
.search_result .summary {
	font-size: 14px;
	color: #3394E0;
}
.search_result table.relevance {
	border: 1px solid #999999;
}
.search_result .label {
	font-weight: bold;
	padding-right: 10px;
}
.search_result .separator {
	padding-top: 20px;
	padding-bottom: 20px;
}
.search_result .result_table td {
	text-align: center;
	vertical-align:middle;
}
.search_result .result_table a {
	text-decoration: none;
}
.search_result .result_table img{
	border:0px;
	vertical-align: bottom;
}
.search_result .result_table a.active {
	text-decoration: underline;
}

/*** Box2Col ***/

.box2col
{
	background: transparent url(img/box_676_bottom.jpg) no-repeat scroll left bottom;
	margin: 0px 0px 15px 0px;
	padding-bottom: 6px;
	width: 676px;
}

.box2col .top
{
	background: transparent url(img/box_676_top_with_separator.jpg) no-repeat scroll left top;
	padding-top: 6px;
}

.box2col .content
{
	border-left: 1px solid #F0F0F0;
	border-right: 2px solid #F0F0F0;
	min-height: 63px;
	vertical-align: top;
}

.box2col td, .box2col div.text_body
{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.box2col div.text_body, .box2col div.text_body img {
	margin: 0px;
	padding: 0px;
}

.box2col h2 {
	padding-top: 14px;
	padding-bottom: 18px;
	margin: 0px;
}

.box2col td.left_article
{
	padding: 0px;
	width: 500px;
}

.box2col td.left_article p {
	padding: 0px 14px 0px 14px;
	margin: 0px;
}

.box2col td.right_article
{
	padding-left: 14px;
	padding-right: 0px;
	width: 137px;
}

.box2col .heading
{
	color: #5C5C5C;
	font-size: 18px;
	text-align: left;
	padding-bottom: 3px;
	padding-left: 15px;
}
.box2col .summary
{
	color: #5C5C5C;
	padding-left: 0px;
	padding-right: 35px;
}
.box2col td.thumbnail
{
	padding-left: 15px;
	width: 112px;
}
.box2col td.thumbnail table {
	width: 92px;
	height: 92px;
}
.box2col .thumbnail_print { /* image used for printing only */
	display: none; 
}
.box2col td.thumbnail td {
	vertical-align: bottom;
}
.box2col .open_button
{
	width: 40px;
	height: 40px;
}

.box2col div.close_button
{
	padding: 10px 0px 0px 68px;	
}

.box2col .close_button .label {
	padding-left: 15px;
	padding-bottom: 13px;
	vertical-align: text-bottom;
}

.box2col .close_button .label a:active, 
.box2col .close_button .label a:visited, 
.box2col .close_button .label a:link {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
}
.box2col .close_button .label a:hover {
	text-decoration: underline;
}

.box2col .content td.vertical_separator
{
	vertical-align: top;
	width: 6px;
}

.box2col .separator
{
	padding: 15px 0px 7px 0px;
}
/*** Kontaktfromular ***/

.custom_form
{	
	
}

div.custom_form
{	
	width: 618px;
}

.custom_form p
{
	font-family: Arial, Tahoma, sans-serif;
	background-color: #FFFFFF;
	color: #5C5C5C;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.custom_form table
{
	margin-top: 11px;
	margin-left: 80px;
	border: 0px;
}

.custom_form td
{
	background-color: #FFFFFF;
	color: #5C5C5C;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
}

.custom_form td img
{	
	margin: 0px 0px 0px 13px;
	padding: 11px 0px 0px 0px;
}

.onlineform
{	
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	color: #5C5C5C;
	margin: 0px 0px 2px 13px;
	padding: 0px;
	vertical-align: bottom;
	border: 1px solid #999999;
}

select.onlineform, input.onlineform
{
	height: 19px;
}

select.onlineform
{
	width: 202px;
}

input.onlineform
{
	width: 200px;
}

textarea.onlineform
{
	width: 483px;
	height: 160px;
	overflow: auto;
}

.custom_form div.formbutton, div.formbutton_over
{
	text-align: right;
	background-image: url(img/horizontal_separator_598.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
}

.custom_form div.formbutton input, .custom_form div.formbutton_over input
{
	font-size: 12px;
	font-weight: normal;
	border: 0pt none;
	background-image: url(img/button_bg.jpg);
	background-repeat: no-repeat;
	width: 100px;
	height: 25px;
	padding-bottom: 7px;
	vertical-align: text-bottom;	
}

.custom_form div.formbutton_over input
{
	cursor: pointer;
}

.custom_form span.error, .custom_form span.error_label
{
	color: #CC0000;
}

.custom_form span.error
{
	padding: 0px;
	margin-left: 13px;
	width: 200px;
	white-space: normal;
}

.custom_form span.error_label
{
	font-weight: bold;
}

/*** START Styles für den WYSIWIG Editor ***/
.wysiwig_article_box {
  width: 676px;
  background:url("img/box_676_bottom.jpg") no-repeat left bottom;
  padding-bottom:6px;
  margin-bottom:15px;
}
.wysiwig_article_box2 {
  background:url("img/box_676_top.jpg") no-repeat left top;
  padding-top:6px;
}
.wysiwig_article_box3 {
  border-left:1px solid #F0F0F0;
  border-right:2px solid #F0F0F0;
  padding:2px 10px;
}
.wysiwig_article_box2>.wysiwig_article_box3 {
  border-bottom-width:0;
}
.wysiwig_article_event_details {
	border: 1px dashed #3394E0;
	padding: 5px;
}
.wysiwig_article_event_details td.even, .wysiwig_article_event_details td.uneven{
	padding: 2px;	
}
.wysiwig_article_event_details td.even {
	background-color: #ededed;
}
.wysiwig_external_link {
	padding-left: 12px;
	background: url("img/Icon-Extlink.png") no-repeat left top;
}
.wysiwig_button_list {
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 14px;
	vertical-align: middle;
	background: url("img/arrow_button_closed.jpg") no-repeat left;
}
.wysiwig_highlight {
	color: #3394E0;
}
.wysiwig_content_table td.content {
	padding-left: 5px;
	vertical-align:top;
}
.wysiwig_content_table td.image {
	width:130px;
	vertical-align: top;
}
.wysiwig_content_table {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	width: 650px;
}
.wysiwig_button_list a, .wysiwig_button_list span {
	color: #666;
	text-decoration: none;	
}
.wysiwig_picture_with_caption td {
	padding-right: 5px;
}

/*** STOP Styles für den WYSIWIG Editor ***/



/*** Footer ***/
.footer .linkCollection td {
	border-color: #ffffff;
	border-left-width: 1px;
	border-left-style: solid;
	font-weight: bold;
	text-align: center;
	font-size: 1px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	margin: 0px;
}
.footer .linkCollection td.active {
	background-color: #fff;
}
.footer .social {
	padding-right: 10px;
}
.footer a:active, .footer a:link, .footer a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.footer .utils a:hover {
	text-decoration: underline;
}
.footer img {
	border: none;
}
/***Form Field Definitions***/
form
{
	padding:0px;
	margin: 0px;
}

.input
{
	width: 180px;
	height: 19px;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	vertical-align: middle;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal; 
	color: #333333;
}

textarea
{
	width: 300px;
	height: 150px;
	padding:2px;
	margin: 2px 0px 2px 0px;
	vertical-align: middle;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal; 
	color: #333333;
}

select
{
	width: 180px;
	height: 19px;
	padding: 2px 2px 2px 2px;
	margin: 2px 0px 2px 0px;
	vertical-align: middle;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal; 
	color: #333333;
}

.button
{
	width: 100px;
	height: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal; 
	color: #333333;
	background-color: #DDDDDD;
}

table.form_confirmation {
	width: 100%;
}

table.form_confirmation td {
	background-color: #ededed;
	padding: 3px;
}

/* START: Lässt Button wie link aussehen */
/*div.formbutton, div.formbutton_over {
	text-align: right;
}

div.formbutton_over input{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	border: 0pt none;
	text-decoration: underline;
	cursor: pointer;
}

div.formbutton input {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: transparent;
	border: 0pt none;
}*/
/* STOP: Lässt Button wie link aussehen */

