/*
 * semsys - Online Seminars
 * © iucon GmbH 2009 | Komnex E-Management Systeme
 */
 
/* imports */ 
@import url('Layout.css');
@import url('Seminars.css');
@import url('Host.css');
@import url('Frontend.css');

/* COLORS 
   _magenta    #ca0071
   _darkblue   #224666
   _midblue    #4d7290
   _lightblue  #cbd5dd
   _white      #fff
   _black      #000
   _grey       #555
*/
 
/* COMMON */
* {
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; 
	text-decoration: none;
    color: #345a7b;
}

body { overflow-y: scroll; }

body, div, table, th, tr, td, span, p, a, img, form {
	margin: 0; padding: 0; border: none;
}

/* BASICS */
.flRight { float: right; }
.flLeft { float: left; }
.clear { clear: both; display: inline; }
.max { width: 100% !important; }

.vtop { vertical-align: top !important; }
.vbottom { vertical-align: bottom !important; }
.vmiddle { vertical-align: middle !important; }
.vmiddle input, .vmiddle label { vertical-align: middle; color: #000; }

/* TEXT FORMAT */
.normText { font-size: 11px !important; color: #345a7b !important; }
.sizeUp1 { font-size: 12px !important; }
.sizeUp1 span { font-size: 12px !important; }
.sizeDown1 { font-size: 10px !important; }
.em { font-weight: bold !important; color: #000 !important; }
.italic { font-style: italic; }
.strong, .strong label { font-weight: bold !important; }
.less { font-size: 10px !important; color: #888 !important; }
.black { color: #000 !important; }
.pJustify { text-align: justify !important; }
.pCenter { text-align: center !important; }
.pLeft { text-align: left !important; }
.pRight { text-align: right !important; }
.pFlow { line-height: 16px; }
.sem { color: #4d7290 !important; font-weight: bold; }
.sys { color: #224666 !important; font-weight: bold; }
input.error { background: #fffacd !important; }
strong { font-weight: bold !important; }
span label { margin: 0 0 0 3px; }

/* LISTS */
ul { list-style-type: square; }

ul.checked { margin: 4px 0; padding: 0 0 0 20px; list-style-image: url('../images/listItem_checked.png'); }
ul.checked li { line-height: 16px; }

ul.pdf { margin: 4px 0 4px 20px; padding: 0 0 0 20px; list-style-image: url('../images/listItem_pdf.gif'); }
ul.pdf li { vertical-align: top; padding: 3px 0; }
ul.pdf li a { vertical-align: top; }

ul.ulFlow li { line-height: 18px !important; }

ul.brCrump { margin: 4px 0; padding: 0 0 0 20px; list-style-image: url('../images/breadcrump_separator.gif'); }
ul.brCrump li { line-height: 16px; }

ul.simple { margin: 4px 0; padding: 0 0 0 20px; list-style-type: none; }
ul.simple li { line-height: 16px; }


/* LINKS */
a:link, a:active, a:focus, a:visited { color: #ca0071 !important; text-decoration: underline; }
a:hover { color: #345a7b !important; text-decoration: none; }

a.simple { color: #345a7b !important; text-decoration: none; }
a.home { font-size: 10px; }

.mceFirst a { color: #345a7b !important; text-decoration: none; }

/* FORM */
a.buttonOnWhite:link, a.buttonOnWhite:active, a.buttonOnWhite:focus, a.buttonOnWhite:visited, a.buttonOnWhite:hover  
{
    display: block; height: 13px; padding: 4px 9px 6px;
    color: #ca0071; text-decoration: underline;
    background: url('../images/bgr_buttonOnWhite.gif') top left no-repeat;
} 
a.buttonOnWhite:hover { text-decoration: none; color: #345a7b; }

a.iconButton:link, a.iconButton:active, a.iconButton:focus, a.iconButton:visited, a.iconButton:hover  
{
    color: #000 !important; text-decoration: underline !important; 
}
a.iconButton:hover { color: #ca0071 !important; text-decoration: none !important; }
img.iconButtonDivider { vertical-align: middle; margin: 0 8px; }

.input { color: #333; font-size: 11px; border: 1px solid #333; background: #f5f5f4; padding: 2px; }
span.mceEditor table.mceLayout { border: 1px solid #333 !important; }

/* MASTER: DEFAULT */
form.mDefault { width: 100%; float: left; padding: 0; margin: 0; background: #fff; }

div.mDefaultTop { width: 100%;  height: 194px; float: left; 
                  background: url('../images/bgr_mainTop.gif') top left repeat-x; }
    #topContainer { width: 800px; margin: 0 auto; position: relative; }

div.mDefaultTopL { width: 635px; float: left; height: 194px; background: none; }
div.mDefaultBasics { width: 133px; float: right; height: 194px; padding: 10px 16px 0 16px;
                     background: url('../images/bgr_mainBasics.gif') top left no-repeat; }

div.mDefaultBasicsLogin { width: 135px; height: 90px; float: left; }
    div.mDefaultBasicsLogin p { margin: 3px 0 5px; }

div.mDefaultBasicsSearch { width: 135px; height: 90px; float: left; }
    div.mDefaultBasicsSearch div { margin-top: 21px; float: right; }

div.mDefaultInspiration { width: 635px; height: 115px; float: left; margin: 0 0 0 1px; }

div.mDefaultSection { width: 100%; float: left; }

div.mDefaultMenu { width: 635px; float: left; height: 36px; background: none; }

div.mDefaultContent { width: 798px; margin: 0 auto; }

div.mDefaultFooter { width: 798px; height: 36px; margin: 0 auto; border-top: 1px solid #a6bbcc; 
                     background: url('../images/bgr_mainFooter.gif') top left no-repeat #cbd5dd; }

    #footer { height: 26px; padding: 5px; }


/* MASTER: BASICS (MENU) */
input.mDefaultBasics { width: 129px; height: 14px; margin: 5px 0 0; padding: 1px 2px; border: 1px solid #345a7b; background: #f5f5f4; }
input.mDefaultSearch { width: 94px; height: 16px; margin: 8px 2px 0 0; padding: 6px 2px 4px; border: 1px solid #000; background: #f5f5f4; font-size: 11px; }

/* MASTER: BREADCRUMP */ 
div.mDefaultBreadcrump  { width: 625px; height: 20px; float: left; 
                          margin: 4px 0 0; padding: 5px 0 4px;
                          background: #fff; border-bottom: 1px solid #cbd5dd; }

div.mDefaultBreadcrump img.breadcrumpHome { margin: 0 0 0 10px; }
    
span.mDefaultBreadcrumpContainer { float: left; }    

div.mDefaultBreadcrump span { float: left; height: 24px; }

span.mDefaultBreadcrumpCurrent { font-weight: bold; color: #000;  height: 24px;
                                 background: url('../images/breadcrump_current.gif') center bottom no-repeat; }

span.mDefaultBreadcrumpSeparator { width: 24px; height: 14px; float: left; display: block;
                                   background: url('../images/breadcrump_separator.gif') center top no-repeat; }


/* MASTER: MENU */
div.AspNet-Menu-Vertical { float: left; background: url('../images/menuItem_bgr.gif') top left no-repeat; }
div.menuItem_1st { width: 120px; height: 36px; float: left; margin: 0 1px 0 0; cursor: pointer; }
div.menuItem_1st a { display: block; width: 120px; height: 16px; padding: 10px 0;
                     color: #fff !important; font-size: 11px; text-align: center; text-decoration: none;
                     background: url('../images/menuItem_bgr.gif') top right no-repeat; }
div.menuItem_1st a:hover { background: url('../images/menuItem_hover_bgr.gif') top left no-repeat; }                   

div.menuItem_1st_selected a { background: url('../images/menuItem_hover_bgr.gif') top left no-repeat !important; }
a.menuItem_selected { background: url('../images/menuItem_hover_bgr.gif') top left no-repeat !important; }

div.menu_subMenu  
{
    width: 271px; height: 198px; float: left; margin: -7px 0 0 0; padding: 20px 0 0 0;
    background: url('../images/bgr_subMenu.gif') top left no-repeat; border-bottom: 1px solid #4d7290; }

div.menu_subMenu a { display: block; width: 230px; height: 15px; padding: 4px 0 2px 40px;
                     color: #214566 !important; font-size: 10px; text-align: left; text-decoration: none;
                     background: url('../images/bgr_subMenuItem.gif') left center no-repeat !important; }
div.menu_subMenu a:hover { background: url('../images/bgr_subMenuItem_hover.gif') left center no-repeat #cbd5dd !important; color: #000 !important; }

div.menuItem_2nd a.menuItem_selected { display: block; width: 230px; height: 15px; padding: 4px 0 2px 40px;
                     color: #214566 !important; font-size: 10px; text-align: left; text-decoration: none;
                     background: url('../images/bgr_subMenuItem.gif') left center no-repeat; }
div.menuItem_2nd a.menuItem_selected:hover { background: url('../images/bgr_subMenuItem_hover.gif') left center no-repeat #cbd5dd; color: #000 !important; }

/* USER TEXT */
div.htmlText p  { margin-bottom: 5px; width: 100%; }
div.htmlText strong { font-weight: bold; }
div.htmlText ul { margin: 4px 0; padding: 0 0 0 20px; list-style-type: square; }
div.htmlText ul li { }