
html, body, p
{
    font-size: 11px;
    font-family: Arial, Sans-Serif;
    color: #333;
}

body
{
    background-color: #fff;
    margin: 0;
}


a
{
    text-decoration: none;
}

a, a:hover, a:visited, a:active
{
    color: #22A0BB;
}

a.GobalNaviInternal:link, a.GobalNaviInternal:hover, a.GobalNaviInternal:active, a.GobalNaviInternal:visited
{
    color: White;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 14px;
}



a.GobalNavi:link, a.GobalNavi:hover, a.GobalNavi:active, a.GobalNavi:visited
{
    color: White;
    padding-right: 10px;
    border-right: dotted 1px white;
    font-size: 14px;
}




a.naviLinkIntern:link, a.naviLink:active, a.naviLink:hover, a.naviLink:visited
{
    margin-right: 12px;
    color: #000000;
}



a.GridLink:hover
{
    font-weight: bold;
    text-decoration: underline;
    color: #aaa;
}






A.ElearningNaviNormal:link, A.ElearningNaviNormal:hover, A.ElearningNaviNormal:active, A.ElearningNaviNormal:visited
{
    font-weight: 700;
    color: #ED542D;
}
A.ElearningNaviSelected:link, A.ElearningNaviSelected:hover, A.ElearningNaviSelected:active, A.ElearningNaviSelected:visited
{
    font-weight: 700;
    color: #333333;
}


A.ElementLink:link, A.ElementLink:hover, A.ElementLink:active, A.ElementLink:visited
{
    color: #505050;
    font-size: 11px;
    z-index: 101;
    text-align: left;
}

A.EventLinkBold:link, A.EventLinkBold:hover, A.EventLinkBold:active, A.EventLinkBold:visited
{
    color: #22A0BB;
    font-size: 11px;
    z-index: 101;
    text-align: left;
}

A.MetaNavMenu:link, A.MetaNavMenu:hover, A.MetaNavMenu:active, A.MetaNavMenu:visited
{
    color: #505050;
    font-size: 10pt;
    text-align: left;
}

A.MetaNavMenuItem:link, A.MetaNavMenuItem:hover, A.MetaNavMenuItem:active, A.MetaNavMenuItem:visited
{
    color: #505050;
    font-size: 11px;
    text-align: left;
}


a.ContentBoxSmallLink:link, a.ContentBoxSmallLink:active, a.ContentBoxSmallLink:visited
{
    font-weight: 700;
    color: #22A0BB;
}

a.ItemViewLink:link, a.ItemViewLink:active, a.ItemViewLink:visited
{
    font-weight: 700;
    color: #22A0BB;
}

a.ItemElearningLink:link, a.ItemViewLink:active, a.ItemViewLink:visited
{
    font-weight: 700;
    color: #22A0BB;
}



a.ContentBoxLargeHeadLink:link, a.ContentBoxLargeHeadLink:active, a.ContentBoxLargeHeadLink:hover, a.ContentBoxLargeHeadLink:visited
{
    font-weight: 700;
    letter-spacing: 3px;
    color: #ED542D;
}

a.ContentBoxLargeLink:link, a.ContentBoxLargeLink:active, a.ContentBoxLargeLink:hover, a.ContentBoxLargeLink:visited, a.ButtonStyle:link, a.ButtonStyle:visited, a.ButtonStyle:active, a.fnButton:link, a.fnButton:visited, a.fnButton:active
{
    font-weight: 700;
    color: #ED542D;
    padding-right: 8px;
}

a.ContentBoxLargeButton:link, a.ContentBoxLargeButton:active, a.ContentBoxLargeButton:hover, a.ContentBoxLargeButton:visited
{
    font-weight: 700;
    color: #ED542D;
    padding-right: 8px;
}

a.igtofnbutton:link, a.igtofnbutton:active, a.igtofnbutton:hover, a.igtofnbutton:visited
{
    font-weight: 700;
    color: #ED542D;
    padding-right: 8px;
}


.ImageAlbumNaviBarTop, .ImageAlbumNaviBarBottom
{
    margin-top: 5px;
    margin-bottom: 5px;
}

a.ImageAlbumNavi:link, a.ImageAlbumNavi:active, a.ImageAlbumNavi:hover, a.ImageAlbumNavi:visited
{
    color: #000;
    background-color: #FFF;
    margin: 2px;
    padding: 2px;
}

a.ImageAlbumNaviSelected:link, a.ImageAlbumNaviSelected:active, a.ImageAlbumNaviSelected:hover, a.ImageAlbumNaviSelected:visited
{
    color: #FFF;
    background-color: maroon;
    margin: 2px;
    padding: 2px;
}

a:link.igtoElementEditorBtnAddElement, a:visited.igtoElementEditorBtnAddElement, a:link.igtoElementEditorBtnRemoveElement, a:visited.igtoElementEditorBtnRemoveElement, a:link.igtoElementEditorBtnConfigElement, a:visited.igtoElementEditorBtnConfigElement
{
    color: #000;
    font-weight: 700;
    font-size: 11px;
}

a.naviLink:link, a.naviLink:visited, a.naviLink:active, a.naviLink:hover
{
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

a.naviLinkSelected:link, a.naviLinkSelected:visited, a.naviLinkSelected:active, a.naviLinkSelected:hover
{
    font-weight: 700;
    color: #900;
}

a.ButtonStyle:hover, a.fnButton:hover
{
    color: #aaa;
}



a.GridLink:link, a.GridLink:visited, a.GridLink:active
{
    font-weight: bold;
    text-decoration: underline;
    color: #000;
}



INPUT.InputThemeTextBox, TEXTAREA.InputThemeMultiLine
{
    font-family: Verdana,Arial,Tahoma,sans-serif;
    font-size: 11px;
    border-color: #A7C3F2;
    border-style: solid;
    border-width: 1px;
}
.errorMessage
{
    font-weight: bold;
    color: #cc0000;
}

td
{
    vertical-align: top;
}
tdleft
{
    text-align: left;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #7F9DB9;
    padding-top: 3px;
    width: 150px;
    font-size: 11px;
}



.EditorInput, .titleSelect
{
    border: 1px solid #7F9DB9;
    padding-top: 3px;
    width: 150px;
    font-size: 11px;
    margin-right: 10px;
}

td.rightColumn{padding-top:10px; padding-left:5px; vertical-align:middle}
td.leftColumn{padding-top:10px;}


table.icmsDetailTable
{
    border-spacing: 5px;
}

.icmsImageButton
{
    padding-right: 9px;
}
.icmsImageButtonLeft
{
    padding-right: 4px;
}
.downloadBox
{
	padding-top:0px;
    margin-top:0px;
    padding-right: 9px;
}

#icmsDetailTable
{
    margin-top: 20px;
    margin-bottom: 20px;
}

#LanguagePickerCell
{
    margin-bottom: 10px;
    margin-right: 50px;
    border: solid 0 red;
}

#contentTable
{
    margin-top: 20px;
}
#contentTableDark
{
    margin-top: 0px;
}
.homeHeadSpacer{height:15px;}
#contentMainMenu
{
    margin-left: 10px;
    margin-top:5px;
}

#contentcenter
{
    width: 1004px;
    position: absolute;
    left: 50%;
    margin-left: -502px;
    background-color: #f3f3f3;
    height: 100%;
    overflow: visible;
}

#maincontent
{
    width: 1004px;
    background-color: #f3f3f3;
    height: 100%;
    overflow: visible;
}

tdContent
{
    background-color: #f3f3f3;
}

#basis
{
    height: 650px;
    width: 404px;
}

#leftBackGround
{
    position: absolute;
    color: #000;
    background-color: #111;
}

#middleText
{
    position: absolute;
    z-index: 2;
}

.ContentBoxSmallHead
{
   margin-left:10px;
    padding-bottom: 3px;
    border-bottom: solid 1px #22A0BB;
}
.ContentBoxSmallHeadDark
{
    margin-left:6px;
    padding-bottom: 3px;
    border-bottom: solid 1px #22A0BB;
}
.ContentBoxSmallHeadText
{
    font-weight: 700;
    color: #22A0BB;
    font-size: 14px;
}

a.ContentBoxSmallLink:hover
{
    color: #505050;
}

.ContentBoxLargeHead
{
    padding-bottom: 3px;
    border-bottom: solid 1px #253f62;
}

.ContentBoxLargeHeadText
{
    font-weight: 700;
    color: #253f62;
    font-size: 14px;
}

.WhiteText
{
    color: #CFCFD1;
}

.ImageAlbumImageSmall
{
    border: solid 1px #FFF;
}

.ImageAlbumImageLarge
{
    border: solid 1px #FFF;
    margin: 5px;
}

.ImageAlbumImageTitleDetail
{
    font-weight: 700;
    color: #FFF;
    margin-bottom: 10px;
}

.ImageAlbumImageDescriptionDetail
{
    font-weight: 400;
    color: #FFF;
    margin-bottom: 10px;
}

.ImageAlbumImageTitleAlbum
{
    color: #FFF;
}

.subHead
{
    font-size: 12px;
    font-weight: 700;
    color: #253F62;
}

.ControlContainer
{
    border: solid 1px navy;
    width: 500px;
    float: left;
    margin: 5px;
}

.ControlHead
{
    border: solid 1px green;
    height: 30px;
    background-color: #eee;
    margin: 1px;
}

.ControlElement
{
    border: 1px solid #F90;
    height: 80px;
    margin: 1px;
}

.igtoElementEditorHead
{
    position: absolute;
    z-index: 3;
    width: 700px;
    height: 20px;
    top: 0;
    left: 0;
    border: solid 2px navy;
    background-color: #ccc;
    margin: 0;
    padding: 5px;
}

div.igtoElementEditorConfigElement
{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 500px;
    top: 100px;
    left: 10px;
    border: solid 2px navy;
    background-color: #f3f3f3;
    margin: 10px;
    padding: 10px;
}

div.igtoElementEditorAddElement
{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 600px;
    top: 100px;
    left: 10px;
    border: solid 2px navy;
    background-color: #f3f3f3;
    margin: 10px;
    padding: 10px;
}

div.igtoElementEditorRemoveElement
{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 500px;
    top: 100px;
    left: 100px;
    border: solid 2px navy;
    background-color: #f3f3f3;
    margin: 10px;
    padding: 10px;
}

div.igtoElementEditorElement
{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 600px;
    top: 50px;
    left: 0;
    border: solid 2px navy;
    background-color: #f3f3f3;
    margin: 10px;
    padding: 10px;
}

.igtoElementEditorBody
{
    position: absolute;
    z-index: 3;
    width: 700px;
    height: 670px;
    top: 60px;
    left: 0;
    border: solid 2px navy;
    background-color: #f3f3f3;
    margin: 0;
    padding: 5px;
}


.StatusOk
{
    color: #050;
}

.StatusError
{
    color: #500;
}

.ExerciseHead
{
    font-size: 20px;
}

.SolutionRowHead
{
    background-color: #eee;
}

.SolutionCorrect
{
    color: green;
}

.SolutionWrong
{
    color: maroon;
}

.SolutionExerciseTitle
{
    color: #fff;
    background-color: #aaa;
    font-size: 14px;
    padding: 10px;
}



td.icmsText1, .stdNewsBlockTitel
{
    font-weight: 700;
}

#MetanavText, #leftText, #rightText
{
    position: absolute;
    z-index: 2;
    color: #505050;
}

#MetanavBackground, #middleBackGround, #rightBackGround
{
    position: absolute;
    background-color: #111;
}

.ContentBoxSmall
{
    margin: 5px;
   
}

 .ContentBoxLarge
{
    margin: 5px;
}
.ContentBoxSmallDark
{
    margin: 5px;
    margin-left:0px;  
}

ContentBoxLargeDark
{
    margin: 5px;

}


.ContentBoxSmallBody
{
	margin-left:3px;
    margin-top: 26px;

}
.ContentBoxSmallBodyDark
{
    margin-top: 26px;
    margin-left:3px;
}

 .ContentBoxLargeBody
{
    margin-top: 15px;
}
.ContentBoxSmallBodyText, .ContentBoxLargeBodyText
{
    color: #505050;
    font-size: 11px;
}



.ContentBoxLargeInput, .ContentBoxLargeInputTextbox, .ContentBoxLargeInputMemo, .ContentBoxLargeInputNumber
{
    color: #000;
    background: #ddd;
    border: 1px solid #ccc;
}

td.elearningQuestionBar
{
    color: #ffffff;
    background-color: #253F62;
    width: 400px;
    padding: 5px;
}

td.elearningPointsBar
{
    color: #ffffff;
    background-color: #253F62;
    width: 400px;
    padding: 5px;
}

td.elearningNavigationBottom
{
    text-align: center;
}

span.ExerciseHead
{
    font-size: 9pt;
    font-weight: bold;
}

td.tdSearchButton
{
    vertical-align: bottom;
    text-align: right;
}
.SearchField
{
    margin-top: 20px;
}

.tdSpacer
{
    height: 10px;
}
.tdHalfSpacer
{
    height: 4px;
}
.tdTenSpacer
{
    height: 8px;
}


td.cbSearch
{
    vertical-align: top;
}

#fnAddNew
{
    padding-top: 10px;
}

td.ICMSGridDetailCellEdit
{
    vertical-align: top;
}

#titleLogo
{
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#languageIgtoChoose
{
    margin-right: 48px;
    margin-top: 5px;
    margin-bottom: 5px;
}
div.homeText{padding:10px;}
span.homeTextHead{color:#253f62; font-weight:bold;}

.openMenuIndent{padding-left:5px;padding-right:5px;}

