/* ================================
    CSS STYLES FOR DotNetNuke 
   ================================*/
/* background color for the content part of the pages */
Body
{
    background: #c7c7c7 url(hg_body.gif) repeat-x left top;
    height: 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}
/* ############################# 
Style for the body tab
############################# */
.pagemaster
{
    width: 100%;
    height: 100%;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
}
.skinmaster
{
    width: 961px;
    height: 100%;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
}
/* ############################# 
Styles fuer den Header Bereich
############################# */
.header
{
    background-color: #fff;
    vertical-align: top;
}
.container_header
{
    width: 961px;
    height: 54px;
    text-align: left;
}
.container_menu{
    width: 961px;
    height: 29px;
    text-align: left;
}
.menuPaneStart{
    width: 16px;
    height: 29px;
    text-align: left;
    background: url(hg_menu.gif) repeat-x left top;
}
.menuPaneEnd{
    width: 16px;
    height: 29px;
    text-align: right;
    background: url(hg_menu.gif) repeat-x left top;
}
.menuPane
{
    width: 929px;
    height: 29px;
    text-align: left;
    background: url(hg_menu.gif) repeat-x left top;
}
.changeTextSizePane{
    width: 426px;
    height: 54px;
    text-align: right;
    vertical-align: bottom;
}
.searchPane
{
    width: 244px;
    height: 54px;
    text-align: right;
    vertical-align: bottom;
}
.iconPane
{
    width: 291px;
    height: 54px;
    text-align: right;
    vertical-align: bottom;
}
.HeadlinePane{
    width: 749px;
    *width: 761px;
    height: 23px;
    *height: 29px;
    padding-bottom: 6px;
    padding-left: 12px;
    text-align: left;
    vertical-align: bottom;
    background: url(hg_title.gif) repeat-x left top;
    clear: both;     
}
.HeadlinePane div, .HeadlinePane span, .HeadlinePane td{
    font-weight: bold !important;
    font-size: 8.5pt !important;
}
.breadcrumbPane
{
    width: 749px;
    *width: 761px;
    height: 20px;
    *height: 26px;
    padding-left: 12px;
    text-align: left;
    border-bottom: solid 1px #96aedd;
    vertical-align: top;
    padding-top: 6px;
}
/* ############################# 
Styles fuer den Content Bereich
############################# */
.content
{
    width: 961px;
    background: #fff url(hg_content.gif) repeat-y right top;
    vertical-align: top;
    height: 100%;
}
.contentAdmin
{
    width: 961px;
    background: #fff;
    vertical-align: top;
    height: 100%;
}
.container_content
{
    text-align: left;
    width: 961px;
    vertical-align: top;
}
.languagePane
{
    width: 174px;
    *width: 200px;
    height: 42px;
    *height: 58px;
    text-align: right;
    vertical-align: top;
    padding: 16px 13px 0px 13px;
}
.logoPane
{
    width: 254px;
    height: 224px;
    vertical-align: top;
    text-align: left;
    float: left;
}
.TopImagePane{
    width: 506px;
    height: 224px;
    vertical-align: top;
    text-align: right;
    float: right;
}
.ContentPane
{
    width: 761px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    clear: both;
}
.ContentPane div, .ContentPane td, .ContentPane span,
.ContentPaneFolge div, .ContentPaneFolge td, .ContentPaneFolge span,
.ContentPaneAdmin div, .ContentPaneAdmin td, .ContentPaneAdmin span
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #000;
}
.ContentPaneFolge
{
    width: 737px;
    *width: 761px;
    padding: 12px 12px 12px 12px;
    vertical-align: top;
    clear: both;
}
.ContentPaneAdmin
{
    width: 920px;
    *width: 961px;/* IE Bug*/
    padding: 0px 20px 0px 20px;
}
.RightPane
{
    width: 174px;
    *width: 200px;
    padding: 0px 13px 0px 13px;
    vertical-align: top;
}
.RightPane div, .RightPane div, .RightPane span
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #000;
}
/* ############################# 
Style fuer den Footer Bereich
############################# */
.footer
{
    background: #fff url(hg_content.gif) repeat-y right top;
    vertical-align: top;
    text-align: center;
    padding-right: 200px;
}
/* ############################# 
Styles fuer DNN aspx Objekte
############################# */
.breadcrumb, A.breadcrumb:link, A.breadcrumb:visited, A.breadcrumb:active
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: none;
}
A.breadcrumb:hover
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: underline;
}
/* text style for the selected tab */
.SearchTab, A.SearchTab:link, A.SearchTab:visited, A.SearchTab:active
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    *vertical-align: middle;
}
A.SearchTab:hover
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: underline;
    vertical-align: middle;
    *vertical-align: middle;
}
/* text style for the unselected tabs */
.OtherTabs, A.OtherTabs:link, A.OtherTabs:active, A.OtherTabs:visited
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: none;
}
A.OtherTabs:hover
{
    color: #003295;
    font-weight: normal;
    text-decoration: underline; /*padding: 1px 3px 2px 3px; 	background-color: #FF9900; 	border: solid 1px #4E5ED7;*/
}
.Login, A.Login:link, A.Login:visited, A.Login:active
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: none;
}
A.Login:hover
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    font-weight: normal;
    text-decoration: underline; /*padding: 5px 3px 2px 3px; 	border: solid 1px #4E5ED7;*/
}
/* button style for standard HTML buttons */
.StandardButton
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
}
/* GENERAL style for module titles */
.TitelBox
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: bold;
    color: #000;
}
.Head
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 9.5pt;
    font-weight: bold;
    color: #47474b;
}
/* style of item titles on edit and admin pages */
.SubHead
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: bold;
    color: #000;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: normal;
    color: #000;
}
/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #000;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: normal;
    vertical-align: middle; 
}
.NormalRed
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: normal;
    color: red;
}
.NormalBold
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: bold;
}
/* #############################
Allgemeine Styles fuer HTML Objekte
############################# */
img
{
    border-width: 0px;
}
p, span
{
    padding: 0px;
    margin: 0px;
}
ul li
{
    list-style-image: url(icon_li.gif);
}

ul li li
{
    list-style-image: url(icon_li.gif);
}

ul li li li
{
    list-style-image: url(icon_li.gif);
}

ol li
{
    list-style-image: url(icon_li.gif);
}

ol ol li
{
    list-style-image: url(icon_li.gif);
}

ol ol ol li
{
    list-style-image: url(icon_li.gif);
}
A:link, A:visited, A:active
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    text-decoration: none;
}
A:hover
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #003295;
    text-decoration: underline; /*background-color: #E4F3F6;*/
}
H1
{
    font-size: 130%;
    color: #47474b;
    font-weight: bold;
}
H2
{
    font-size: 130%;
    color: #000;
    font-weight: bold;
}
H3
{
    font-size: 115%;
    color: #47474b;
    font-weight: bold;
}
H4
{
    font-size: 115%;
    color: #000;
    font-weight: bold;
}
H5, DT
{
    font-size: 100%;
    color: #47474b;
    font-weight: bold;
    padding: 0px;
    margin:0px;
}
H6
{
    font-size: 100%;
    color: #47474b;
    font-weight: normal;
}
HR
{
    color: #cbcbcd;
    height: 1px;
    border: solid 1px #cbcbcd;
    padding: 0px;
    margin: 0px;
}
/************************************************************************************************************* 
This uses 2.1.2 Solpart Menu Options. Classes MUST be set in xml or ASCX file to display correctly  on page.
************************************************************************************************************ */
.ActiveRootTab TD
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #3cedff;
    font-weight: normal;
    height: 29px;
}
.BreadcrumbRootTab TD
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #3cedff;
    font-weight: normal;
    height: 29px;
}
.SubActiveRootTab TD
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    cursor: hand;
    color: #3cedff;
    font-weight: normal;
    font-style: normal;
    border: #003295 1px solid;
    height: 29px;
}
.MainMenu_MenuContainer
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #fff;
    background-color: Transparent;
    height: 29px;
}
.MainMenu_MenuBar
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #fff;
    height: 29px;
    background-color: Transparent;
}
.MainMenu_MenuItem
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    cursor: hand;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    border: #003295 1px solid;
    height: 29px;
}
.MainMenu_MenuIcon
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    cursor: hand;
    background: #003295;
    border: #003295 1px solid;
    text-align: center;
    width: 15px;
    height: 29px; /*display: none;*/
}
.MainMenu_SubMenu
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    z-index: 1000;
    cursor: hand;
    background: #003295;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3); /*border ueber den ganzen menue bereich*/
    border: #37504D 1px solid;
}
.MainMenu_MenuItemSel
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    background-color: transparent;
    cursor: hand;
    color: #3cedff;
    font-weight: normal;
    font-style: normal;
    border: #003295 1px solid;
    height: 29px;
}
.SubMainMenu_MenuItemSel
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    background: #003295;
    cursor: hand;
    color: #3cedff;
    font-weight: normal;
    font-style: normal;
    border: #003295 1px solid;
    height: 29px;
}
.MainMenu_MenuBreak
{
    border: transparent 0px solid;
    font-size: 8.5pt;
    background: transparent;
    height: 29px;
}
.MainMenu_MenuArrow
{
    font-family: webdings;
    color: #fff;
    cursor: hand;
    border: transparent 0px solid;
    height: 29px;
    width: 8px;
}
.MainMenu_RootMenuArrow
{
    font-family: webdings;
    color: #fff;
    cursor: hand;
    border: transparent 0px solid;
    height: 29px;
    width: 8px;
}
/* ############################# 
Styles fuer den Admin Panel
############################# */
.ControlPanel, .PagingTable
{
    width: 100%;
    background: #fff;
    border: #003366 1px solid;
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
}
.SkinObject, A.SkinObject:link, A.SkinObject:visited, A.SkinObject:active
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
A.SkinObject:hover
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    text-decoration: none;
    color: #003366;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #000;
    font-weight: normal;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #000;
}
A.CommandButton:hover
{
    font-family: Verdana,Arial,Thaoma;
    font-size: 8.5pt;
    color: #3cedff;
}
/*STYLES FUER TEMPLATES*/
.startBox{
    width: 252px;
    height: 232px;
    border-right: solid 1px #fff;
    vertical-align: top;
}
.startBoxEnd{
    width: 253px;
    height: 232px; 
    vertical-align: top; 
}
.startTitle{
    background: url(hg_title.gif) repeat-x left top;
    color: #000 !important;
    height: 22px;
    *height: 29px;
    width: 240px;
    *width: 253px;
    vertical-align: top;
    padding-left: 13px;
    padding-top: 7px;
    text-align: left;
    font-weight: bold;
    clear: both;
}
.startImage{
    width: 253px;
    height: 130px;
    vertical-align: top;
    text-align: left;
    clear: both;
}
.startTopContent{
    width: 228px;
    *width: 253px;
    height: 117px;
    *height: 130px;
    vertical-align: bottom;
    text-align: left;
    background: #9ab2db;
    padding-left: 13px;
    padding-right: 12px;
    padding-bottom: 13px;
    clear: both;
}
.startContent{
    width: 228px;
    *width: 253px;
    height: 37px;
    *height: 43px;
    vertical-align: top;
    text-align: left;
    padding-top: 6px;
    padding-left: 13px;
    padding-right: 12px;
    clear: both;
}
.startMoreInfo{
    width: 243px;
    *width: 253px;
    height: 30px;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
    clear: both;
}
.folgePic{
    border-left: solid 1px #cbcbcd;
    width: 253px;
    *width: 266px;
    height: 190px;
    padding-left: 13px;
    vertical-align: top;
}
/*STYLES fuer den DNN Editor*/
.masterguard_blau{
    color: #00509d !important;
}