html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: #4c2879;
    background-image: url(bg.jpg);
    text-align:center; 
}

.page
{
    width: 800px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

.kopf
{
    background-image: url('kopf.png');
    width: 800px;
    height: 200px;
    position: relative;
}


.log
{
    position: absolute;
    right: 10px;
    top: 5px;
}

.nav
{
    width: 760px;
    padding: 5px 10px;
    border: solid 10px black;
    background-color: White;

}

* html .nav {
    width: 800px;
}
.content
{
    text-align: left;
    width: 780px;
    border: solid 10px black;
    margin-top: 5px;
    background-color: White;
    position: relative;
}

* html .content {
    width: 800px;
}





/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
    background-color: Aqua;
}

/* background color for the content part of the pages */
Body
{
    border: 0px;
    margin: 0px;
}
.PagingTable
{
    background-color: #ffffff;
}
.ControlPanel
{
    border: none 0px #000000;
    background-color: #ffffff;
    color: #000000;
}
.SkinObject
{
    font-weight: bold;
    font-size: 0.8em;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link
{
    text-decoration: none;
    color: #000000;
}

A.SkinObject:visited
{
    text-decoration: none;
    color: #000000;
}

A.SkinObject:hover
{
    text-decoration: none;
    color: #800040;
}

A.SkinObject:active
{
    text-decoration: none;
    color: #000000;
}
/* styles for LANGUAGE skinobject */
.Language
{
    vertical-align: middle;
    margin: 0px;
}

.Language img
{
    border: none;
}
/* background/border colors for the selected tab */
.TabBg
{
    background-color: #000000;
}

.LeftPane
{
}

.ContentPane
{
}

.RightPane
{
}

/* text style for the selected tab */
.SelectedTab
{
    font-weight: bold;
    font-size: 8.5pt;
    color: red;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link
{
    color: #000000;
    text-decoration: none;
}

A.SelectedTab:visited
{
    color: Green;
    text-decoration: none;
}

A.SelectedTab:hover
{
    color: Lime;
    text-decoration: none;
}

A.SelectedTab:active
{
    color: Maroon;
    text-decoration: none;
}

/* text style for the unselected tabs */
.OtherTabs
{
    color: Olive;
    text-decoration: none;
}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link
{
    color: Purple;
    text-decoration: none;
}

A.OtherTabs:visited
{
    color: Orange;
    text-decoration: none;
}

A.OtherTabs:hover
{
    color: Red;
    text-decoration: none;
}

A.OtherTabs:active
{
    color: Silver;
    text-decoration: none;
}
.DNNEmptyPane
{
    height: 20px;
    width: 0px;
}
/* GENERAL */
/* style for module titles */
.Head
{
    color: #000000;
    font-size: 0.8em;
    font-weight: bold;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    color: Teal;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    color: Silver;
}

/* text style used for most text rendered by modules */
.Normal
{
    color: #000000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    color: #000000;
    background-color: #ffffff;
    border: inset 1px black;
}
input /*gilt dan für alle felder*/
{
    color: black; /*ffffff*/
    background-color: #ffffff; /*#000000*/
    border: inset 1px black;
}
.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    color: #000000;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    color: #000000;
    text-decoration: underline;
}

A.CommandButton:visited
{
    color: #000000;
    text-decoration: underline;
}

A.CommandButton:hover
{
    color: #000000;
    text-decoration: underline;
}

A.CommandButton:active
{
    color: #800040;
    text-decoration: underline;
}

/* button style for standard HTML buttons */
.StandardButton
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    font-size: 11px;
    background: #dddddd;
    color: #000000;
    font-family: Verdana, sans-serif;
}

/* GENERIC */
H1
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
}

H2
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
}

H3
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

H4
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

H5, DT
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

H6
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

TFOOT, THEAD
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    color: #000000;
}

TH
{
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

A:link
{
    text-decoration: none;
    color: #000000;
}

A:visited
{
    text-decoration: none;
    color: #000000;
}

A:hover
{
    text-decoration: underline;
    color: #800040;
}

A:active
{
    text-decoration: none;
    color: #800040;
}

SMALL
{
    font-size: 8px;
}

BIG
{
    font-size: 14px;
}

BLOCKQUOTE, PRE
{
    font-family: arial;
}


UL LI
{
    list-style-type: square;
}

UL LI LI
{
    list-style-type: disc;
}

UL LI LI LI
{
    list-style-type: circle;
}

OL LI
{
    list-style-type: decimal;
}

OL OL LI
{
    list-style-type: lower-alpha;
}

OL OL OL LI
{
    list-style-type: lower-roman;
}
OL UL LI
{
    list-style-type: disc;
}

HR
{
    height: 2px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    border-collapse: collapse;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
    color: purple;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
    color: purple;
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer
{
    border: none 0px #000000;
}

.ModuleTitle_MenuBar
{
    cursor: pointer;
    height: 16px;
    background-color: Transparent;
}

.ModuleTitle_MenuItem
{
    color: #000000;
    font-size: 0.8em;
    font-weight: bold;
    font-family: Verdana,Arial;
    cursor: pointer;
    background-color: Transparent;
    border-top: none 0px Transparent;
    border-bottom: solid 1px #000000;
    border-left: none 0px Transparent;
    border-right: none 0px Transparent;
}

.ModuleTitle_MenuIcon
{
    background-color: Transparent;
    text-align: center;
    width: 15px;
    height: 21px;
    cursor: pointer;
    border: none 0px #000000;
    border-bottom: solid 1px #000000;
}

.ModuleTitle_SubMenu
{
    z-index: 1000;
    font-size: 0.8em;
    font-weight: bold;
    font-family: Verdana,Arial;
    background-color: #ffffff;
    cursor: pointer;
    border: double 1px #000000;
    border-width: medium;
}

.ModuleTitle_MenuBreak
{
    border-left: transparent 0px none;
    border-right: transparent 0px none;
    border-top: transparent 0px none;
    border-bottom: dotted medium #ffffff;
    height: 10px;
    background-color: Transparent;
}

.ModuleTitle_MenuItemSel
{
    cursor: pointer;
    color: #800040;
    font-size: 0.8em;
    font-weight: bold;
    font-family: Verdana,Arial;
    background-color: transparent;
    border-top: none 0px Transparent;
    border-bottom: solid 1px #800040;
    border-left: none 0px Transparent;
    border-right: none 0px Transparent;
}

.ModuleTitle_MenuArrow
{
    font-size: 10pt;
    cursor: pointer;
    border: none 0px Transparent;
    background-color: Transparent;
}

.ModuleTitle_RootMenuArrow
{
    font-size: 10pt;
    font-family: webdings;
    cursor: pointer;
    border: none 0px Transparent;
    background-color: Transparent;
}

/* Main Menu */

.MainMenu_MenuContainer
{
    background-color: Transparent;
}

.MainMenu_MenuBar
{
    background-color: blue;
}

.MainMenu_MenuItem
{
    cursor: pointer;
    color: #000000;
    font-size: 0.8em;
    font-weight: bold;
    font-family: tahoma,arial, Helvetica;
    background-color: Transparent;
    border-top: none 0px Transparent;
    border-bottom: solid 1px #000000;
    border-left: none 0px Transparent;
    border-right: none 0px Transparent;
}

.MainMenu_MenuIcon
{
    border: none 0px #000000;
    border-bottom: solid 1px #000000;
    width: 15px;
    height: 21px;
    cursor: pointer;
    background-color: Transparent; /*background-image: url(MenuItemRLeft.png);*/
}

.MainMenu_SubMenu
{
    z-index: 1000;
    background-color: #ffffff;
    cursor: pointer;
    border: double 1px #000000;
    border-width: medium; /*background-image: url(MenuItemMid.png);*/
}

.MainMenu_MenuBreak
{
    height: 0px;
    border-left: solid 0px transparent;
    border-right: solid 0px transparent;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #ffffff;
}

.MainMenu_MenuItemSel
{
    cursor: pointer;
    color: #800040;
    font-size: 0.8em;
    font-weight: bold;
    font-family: tahoma, Arial;
    background-color: transparent;
    border-top: none 0px Transparent;
    border-bottom: solid 1px #800040;
    border-left: none 0px Transparent;
    border-right: none 0px Transparent;
}

.MainMenu_MenuArrow
{
    font-size: 10pt;
    cursor: pointer;
    border: none 0px transparent;
    background-color: transparent; /*background-image: url(MenuItemRight.png);     background-position:right;*/
}

.MainMenu_RootMenuArrow
{
    font-size: 10pt;
    font-family: webdings;
    cursor: pointer;
    border: none 0px transparent;
    background-color: transparent;
}

/* Login Styles */
.LoginPanel
{
    color: Red;
}

.LoginTabGroup
{
    color: Red;
}

.LoginTab
{
    color: Red;
}

.LoginTabSelected
{
    color: Red;
}

.LoginTabHover
{
    color: Red;
}

.LoginContainerGroup
{
    color: Red;
}

.LoginContainer
{
    color: Red;
}
/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color: #ffffff;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
    background-color: #ffffff;
}
.DataGrid_Footer
{
    background-color: Transparent;
}
.DataGrid_Header
{
    background-color: Transparent;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color: Transparent;
    color: #000000;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
/* styles used in the FileManager */
.FileManager
{
    border: solid 1px #000000;
    height: 400px;
}
.FileManager_ToolBar
{
    border-bottom: solid 1px #000000;
    background-color: #ffffff;
    height: 25px;
}
.FileManager_Explorer
{
    height: 100%;
    border: solid 1px #000000;
    background-color: #ffffff;
    margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
    height: 100%;
    border: solid 1px #000000;
    background-color: #ffffff;
    margin: 2px 2px 2px 2px;
    overflow: auto;
}

.FileManager_MessageBox
{
    text-align: center;
    vertical-align: middle;
    background-color: White;
    padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
    border-bottom: solid 1px #000000;
    height: 25px;
}

.FileManager_Pager
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffffff;
    border-top: solid 1px #000000;
    height: 25px;
    color: #000000;
}

.FileManager_StatusBar
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #ffffff;
    height: 25px;
    margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    border-top: dashed 1px #000000;
    border-bottom: dashed 1px #000000;
}

.FileManager_AltItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    border-style: none;
}
.FileManager_SelItem
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: Transparent;
    border-style: none;
}

.FileManagerTreeNode
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.FileManagerTreeNodeSelected
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    background-color: #ffffff;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
    text-decoration: none;
    color: red;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
    text-decoration: none;
    color: green;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
    text-decoration: none;
    color: red;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
    text-decoration: none;
    color: White;
}