﻿/* Global tag definitions */
html { 
    overflow: scroll;
    overflow-x: auto;
}


body,
div,
span,
p,
input,
textarea,
select,
a, 
td,
h1,
h2,
h3
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
}
a,
a:link,
a:visited,
a span,
.menu_root:hover span,
.menu_item:hover span
{
	color: #b5152a;
	text-decoration: none;
}
a:hover,
a:hover span,
.footer_red_bar a:hover span
{
	color:#252728;
	text-decoration:none;
}
div{margin:0;padding:0px;line-height:18px;}
h1,h2,h3{font-weight:bold;}
p,
h1,
h2,
h3
{
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
}
h2
{
	font-size:14px;
}
h3
{
	font-size:12px;
}

/* Colors */
.bg_grey,
.viewport_background,
.viewport_center_layer,
.content_background,
.content_center_layer,
.horizontal_panel,
.footer_grey_bar,
.footer_copyright,
.header_mb_link
{
	background:#c5c7c8;
}
.bg_red,
.viewport_red_layer,
.viewport_center_red,
.content_red_layer,
.menu_main_panel,
.footer_red_bar,
.SectionHeader
{
	background-color: #b5152a;
}
.bg_white,
.content_white_layer,
.logout_panel,
.header_text,
.NewsBody
{
	background-color:#ffffff;
}
.bg_grey_light,
.NewsInfo
{
	background-color:#e8e9e9;
}

.txt_black,
.content_white_layer,
.header_text,
.NewsBody,
h3
{
	color:#000000;
}
.txt_white,
.footer_red_bar,
.SectionHeader,
.menu_item_active:hover span,
.header_mb_link a span,
.header_mb_link a:link span,
.header_mb_link a:visited span
{
	color:#ffffff;
}
.txt_red,
.header_page_name,
.footer_copyright,
.NewsInfo
{
	color:#b5152a;
}
.txt_grey,
.header_mb_link a:hover span
{
	color:#808080;
}
.txt_light_grey,
.menu_item_active span,
.menu_item_active:hover span
{
	color: #c5c7c8;
}

/* Design layers */
.viewport_background,
.viewport_red_layer,
.viewport_center_red,
.content_background,
.content_red_layer,
.menu_main_panel
{
	top:0px;
	left:0px;
}
.full_width_relative_panel,
.viewport_background,
.viewport_center_layer,
.content_background
{
	width:100%;
}
.viewport_red_layer,
.content_red_layer
{
	width:50%;
}
.viewport_background,
.viewport_red_layer,
.viewport_center_layer,
.viewport_center_red,
.content_red_layer,
.menu_main_panel
{
	height:100%;
}
.viewport_center_layer,
.content_center_layer,
.footer_grey_bar
{
	width:980px;
}
.viewport_center_red,
.menu_main_panel
{
	width:191px;
}
.footer_red_bar,
.footer_red_bar a span,
.footer_copyright
{
	font-size:11px;
}
.footer_red_bar,
.footer_red_bar a span
{
	color: #ffffff;
}
.footer_red_bar a span
{
	margin-right:22px;
}

/* Content section */
.relative_panel,
.full_width_relative_panel,
.position_panel,
.viewport_center_layer,
.content_background,
.content_center_layer,
.content_white_layer,
.header_panel,
.header_text,
.horizontal_panel,
.header_page_name,
.SectionHeader
{
	display:block;
	position:relative;
}
.absolute_panel,
.top_image,
.viewport_background,
.viewport_red_layer,
.viewport_center_red,
.content_red_layer,
.LogoImage,
.menu_main_panel,
.header_mb_link
{
	display:block;
	position:absolute;
}
.position_panel
{
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	line-height:normal;
	height:auto;
	width:auto;
}
.footer_grey_bar,
.footer_red_bar,
.footer_copyright
{
	display:block;
	position:relative;
	height:22px;
	vertical-align:middle;
}
.content_panel
{
	padding-top:27px;
	padding-left: 10px;
	padding-bottom: 28px;
	padding-right: 103px;
	vertical-align:top;
}
.top_image
{
	left:86px;
	top:0px;
	border: 0px none;
}
.content_center_layer
{
	text-align:left;
}
.content_white_layer,
.footer_red_bar,
.footer_copyright
{
	left:191px;
	top:0px;
	width:789px;
}
.logout_panel
{
	width:100%;
	text-align:right;
}
.header_panel
{
	top:0px;
	height:150px;
}
.header_text
{
	left:0px;
	top:60px;
	padding:10px;
	font-size:12pt;
	font-weight:bold;
	width:400px;
}
.LogoImage
{
	left:21px;
	top:53px;
	border: 0px none;
}
.horizontal_panel
{
	height:34px;
	vertical-align:middle;
}
.content_panel_x,
.header_panel,
.horizontal_panel
{
	left:86px;
	width:703px;
}
.header_page_name
{
	left:10px;
	top:8px;
	font-weight:bold;
	font-size:12px;
}
.footer_copyright
{
	text-align:right;
}
.DNN_HTMLContent
{
	left:0px;
	top:0px;
	width:auto;
	padding-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
}

.content_panel,
.SectionContent
{	
	width:590px !important;
}
.header_mb_link
{
	border-left:1px solid #ffffff;
	border-top:0px;
	border-right:0px;
	border-bottom:0px;
	padding-left:22px;
	padding-top:8px;
	padding-right:0px;
	padding-bottom:0px;
	font-weight:bold;
	left:482px;
	top:0px;
}

/* Menu section */
.menu_root,
.menu_root_active,
.menu_item,
.menu_item_active
{
	font-weight:bold;
	position:relative;
	display:block;
	left:0px;
	top:0px;
	line-height:normal;
	text-decoration:none;
}
.menu_root,.menu_root_active
{
	padding-top:4px;
	padding-left:7px;
	padding-right:10px;
	padding-bottom:4px;
	border: 0px none;
}
.menu_root
{
	background-color:#b5152a;
}
.menu_root span
{
	color:White;
}
.menu_root:hover
{
	background-color:#ffffff;
	text-decoration:none;
}
.menu_root_active,.menu_root_active:hover
{
	color:#b5152a;
	background-color:#ffffff;
	cursor:default;
}
.menu_root_active:hover
{
	text-decoration:none;
}
.menu_item,.menu_item_active
{
	font-weight:bold;
	padding-top:4px;
	padding-left:22px;
	padding-right:10px;
	padding-bottom:4px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	border-left: 0px none;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px dashed #ffffff;
	text-decoration:none;
}
.menu_item
{
	background-image:url(/Portals/0/Images/Icons/menuewinkel.png);
	background-position:7px 7px;
	background-repeat:no-repeat;
}
.menu_item_active
{
	background-image:url(/Portals/0/Images/Icons/menuewinkel_ro.png);
	background-position:7px 7px;
	background-repeat:no-repeat;
}
.menu_item span
{
	color:White;
}
.menu_item:hover
{
	background-color:#ffffff;
	text-decoration:none;
}
.menu_item_active,.menu_item_active:hover
{
	background-color:#b5152a;
	cursor:default;
	text-decoration:none;
}

/* Design classes */
/* Globals */
.ContentTable
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	padding:0px;
}
.SectionHeader
{
	font-weight:bold;
	text-align:center;
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
}
.TextCaption
{
	font-weight:bold;
}

.PunktAbsatz
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-top:0px;
	border-bottom:1px dashed #000000;
}
/*.PunktAbsatz a
{
	display:block;
	position:relative;
	padding-top:10px;
}*/

/* Formulare */
 input.button
{
	border: 1px solid #ababab;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	height: 20px;
	margin-bottom:7px;
}
input.textbox
{
	border: 1px solid #ababab;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	height: 20px;
}
input.dropdown
{
	border: 1px solid #ababab;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	height: 20px;
}
.checkbox
{
	color: #000000;
}
td
{
	vertical-align:top;
}
td.form_label
{
	font-weight:bold;
	text-align:left;
}
table.anmeldung_fortbildung
{
	width:600px;
}
.anmeldung_fortbildung tr
{
	height:33px;
}
.anmeldung_fortbildung .textbox
{
	width:320px;
}

/* Aktuelles */
.content_panel_table
{
	display:block;
	position:relative;
	left:86px;
	top:0px;
	width: 703px;
	min-height: 520px;
}
.content_pane_news
{
	padding-top:27px;
	padding-left: 10px;
	padding-bottom: 28px;
	padding-right: 66px;
	width:407px !important;
	vertical-align:top;
}
.news_pane_cell
{
	background-color:#e8e9e9;
	color:#b5152a;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	vertical-align:top;
}
.news_pane
{
	display:block;
	position:relative;
	background-color:#e8e9e9;
	color:#b5152a;
	padding-top:27px;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:28px;
	height:520px;
	overflow:auto;
}
.hidden_div
{
	display:none;
	visibility:hidden;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* DNN admin stuff */
.clear_float{clear:both; line-height:0; font-size:0; height:0;}
.head_title{margin:0; float:left;width:100%;padding-bottom:3px;border-bottom:1px solid #000000;}
.head_title h1,.c_actions,.c_icon{float:left;}
.head_title h1{margin:0; padding:0;}
.title_vis{margin:0; float:right;}
.c_footer {clear:both;margin-bottom:20px;padding:0; text-align:right;}
.edit_table table{padding:0px;}
.edit_table td{vertical-align:top;padding:2px;white-space:nowrap;}
.edit_table .label{font-weight:bold;}