/**
 * Röd - Pantone 193 C: #C0143C
**/

#logon img {
    background-image: url(/resources/images/loginLogo_infokompgymnasiet.gif);
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

body { background-color: #FFFFFF; font-family: verdana, arial, sans-serif; font-size: 11px;}

/** Behinde topimage **/
.topBody { background-color: #FFFFFF;}

/** Topmenu **/
.topBg { background-color: #B81A44; border: 1px solid #FFFFFF; height: 22px;}
.topBg ul.leftTop li { border-right: 1px solid #FFFFFF;}
.topBg ul.rightTop li { border-left: 1px solid #FFFFFF;}
.topBg li a { color: #FFFFFF; padding-left: 15px; padding-right: 15px; font-weight: bold; text-decoration: none; font-size: 11px;}
.topBg li a:hover { text-decoration: underline}
.topBg li.selected { background-color: #005991;}
.topBg li.selected a { color: #FFFFFF;}

/** Content top **/
.mainTitle { background-color: #EEEEEE; border: 1px solid #B81A44; padding: 12px; width: 98%; -moz-box-sizing: border-box; margin-bottom: 0px; margin-top: 0px; padding-bottom: 10px; border-bottom: 0px;}

/** Content **/
.mainBorder { background-color: #FFFFFF; border: 1px solid #B81A44; padding: 12px; width: 98%; -moz-box-sizing: border-box;}

/** Left menu **/
.border { border: none; padding: 2px;}

.menu_level_0 {color: #C0143C; font-size: 11px; font-weight: bold; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_0 a {color: #666666; text-decoration: none; font-weight: bold; }
.menu_level_0 a:hover {text-decoration: underline; color: #000000;}
.menu_level_0_hilite {color: #000000; background-color: #EEEEEE; font-size: 11px; font-weight: bold; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_0_hilite a {color: #000000; text-decoration: underline;}
.menu_level_0_hilite a:hover {text-decoration: underline; color: #000000;}
.menu_level_1 {color: #C0143C; font-size: 11px; font-weight: bold; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; padding-bottom: 3px;}
.menu_level_1 a {color: #666666; text-decoration: none; font-weight: bold; }
.menu_level_1 a:hover {text-decoration: underline; color: #000000;}
.menu_level_1_hilite {color: #000000; background-color: #EEEEEE; font-size: 11px; font-weight: bold; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; padding-bottom: 3px;}
.menu_level_1_hilite a {color: #000000; text-decoration: underline;}
.menu_level_1_hilite a:hover {text-decoration: underline; color: #000000;}
.menu_level_2 {color: #000000; font-size: 10px; font-weight: bold; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_2 a {color: #666666; text-decoration: none; font-weight: bold; }
.menu_level_2 a:hover {text-decoration: underline; color: #000000;}
.menu_level_2_hilite {color: #000000; background-color: #EEEEEE; font-size: 10px; font-weight: bold; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_2_hilite a {color: #000000; text-decoration: underline;}
.menu_level_2_hilite a:hover {text-decoration: underline; color: #000000;}
.menu_level_3 {color: #000000; font-size: 9px; font-weight: normal; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_3 a {color: #666666; text-decoration: none; font-weight: normal;}
.menu_level_3 a:hover {text-decoration: underline; color: #000000;}
.menu_level_3_hilite {color: #000000; background-color: #EEEEEE; font-size: 9px; font-weight: normal; font-style: normal; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_3_hilite a {color: #000000; text-decoration: underline;}
.menu_level_3_hilite a:hover {text-decoration: underline; color: #000000;}
.menu_level_4 {color: #000000; font-size: 11px; font-weight: normal; font-style: italic; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_4 a {color: #666666; text-decoration: none;}
.menu_level_4 a:hover {text-decoration: underline; color: #000000;}
.menu_level_4_hilite {color: #000000; background-color: #EEEEEE; font-size: 11px; font-weight: normal; font-style: italic; font-family: verdana, arial, helvetica, sans-serif;}
.menu_level_4_hilite a {color: #000000; text-decoration: underline;}
.menu_level_4_hilite a:hover {text-decoration: underline; color: #000000;}

/** Standard fonts **/
h1 {font-family: futura, verdana, arial, sans-serif; font-size: 22px; font-weight: bold;  color: #C0143C;}
h2 {font-family: futura, verdana, arial, sans-serif; font-size: 14px; color: #C0143C;}
h3 {font-family: futura, verdana, arial, sans-serif; font-size: 13px; color: #C0143C;}

/**
h4 { font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: normal; font-style: italic;}
h5 { font-family: verdana, arial, sans-serif; font-size: 12px; font-weight: normal;}
td { font-family: verdana, arial, sans-serif; font-size: 12px;}
.copyright { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; clear: both; margin-top: 10px;}
**/
p {font-family: verdana, arial, sans-serif; font-size: 11px; color: #333333;}
a {color: #666666; text-decoration: none;}
a:hover {text-decoration: underline; color: #000000;}
.link {color: #666666; text-decoration: none;}
.link A:hover {text-decoration: underline; color: #000000;}

.infobox {margin: 0px; padding-left: 10px; border-left: 2px dotted #999999; -moz-box-sizing: border-box;}
.infobox ul {margin-left: 10px; -moz-box-sizing: border-box;}

.infoboxcontent ul {margin: 0px; padding: 0px;}
.infoboxcontent ul {margin-left: 20px;}
.infoboxcontent p {margin-bottom: 5px; }

.main {margin: 0px; padding: 0px; height: 100%; border-right: 1px solid #999999;}
.left {margin: 0px; padding: 0px; height: 100%; border-left: 1px solid #999999; }
.content {margin: 0px; padding: 16px; width: 380px; height: 100%; -moz-box-sizing: border-box;}
//.content p {text-align: justify;}
.right {margin: 0px; padding: 0px; width: 170px; height: 100%; float: right; text-align: center;}
.rightitem {margin: 5px; text-align: left; font-size: 10px;}

hr {border: 0; color: #C0143C; height: 1px; width: 100%; text-align: left;}

.tabletop {border-left: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999; padding-left: 10px}

.tabletopLeft {border-left: 1px solid #999999; border-top: 1px solid #999999; }
.tabletopRight {border-top: 1px solid #999999; border-right: 1px solid #999999; }