/* *******************************************************************************************
 *         Body & Generic Fonts                                                              *
 ******************************************************************************************* */


BODY {
	margin: 0;
	padding: 0;
	background: #009CD6 url(/images_gui/bg_body_magotland.jpg) top left repeat-x;
	text-align: center;
	font: 0.7em Verdana,Geneva,sans-serif;
	color: #000000;
}

DIV, FORM {
	margin: 0;
	padding: 0;
	text-align: left;
}

.entrepage H1,
.article H1{
	margin: 0.2em 0 0.2em 0;
	font: 1.8em/1.0em Helvetica,Arial,sans-serif;
	color: #000000;
}

.entrepage H2,
.article H2 {
	margin: 1.5em 0 0.8em 0;
	font: bolder 1.2em/1.0em Helvetica,Arial,sans-serif;
	color: #000000;
}

H2.gradient {
	margin: 3px 0 4px 0;
	padding: 3px 11px;
	font: bold 1.2em Verdana,Geneva,sans-serif;
	color: #bc0007;
	text-transform: uppercase;
	letter-spacing: 2px;
	background: transparent url(/images_gui/bg_header_gradient.gif) top left repeat-y;
}

/* *******************************************************************************************
 *         Links Generic                                                                     *
 ******************************************************************************************* */

A:link,
A:visited {
	color: #0000cc;
	text-decoration: underline;
}
A:hover,
A:active {
	color: #cc0000;
	text-decoration: underline;
}


/* *******************************************************************************************
 *         CONTAINER                                                                         *
 ******************************************************************************************* */

#outer_container {
	width: 987px;
	margin: 13px auto;
	background: #003994 url(/images_gui/bg_middle_container.jpg) top left repeat-x;
}


#middle_container {
	width: 967px;
    padding: 10px;
	/*background: #00388F;*/
}


#inner_contatiner {
	padding: 5px;
	/*min-height: 400px;*/
	background: #163E7E;
}


/* *******************************************************************************************
 *         DOCHEAD                                                                           *
 ******************************************************************************************* */

#dochead {
	width: 957px;
	height: 218px;
	background: url(/images_gui/bg_dochead_magotland.jpg) top left no-repeat;
}

#dochead #image {
	padding: 33px 0 80px 20px;
}

/* *******************************************************************************************
 *         TOP MENU                                                                          *
 ******************************************************************************************* */

#topmenu {
	width: 957px;
	padding: 0 0 0 0;
	background: transparent;
}
#topmenu #items {
	padding: 0 10px 0 0;
	float: right;
	text-align: bottom;
}
#topmenu #items .item {
	float: right;
	padding: 0 16px;
	white-space: nowrap;
	border-left: 1px solid #000000;
}
#topmenu #items .item0 {
	border-left: 0;
}

#topmenu A {
	font: bold 0.9em Verdana,Geneva,sans-serif;
	color: #000000;
	text-decoration: none;
}
#topmenu A:hover,
#topmenu A:active {
	color: #cc0000;
	text-decoration: none;
}

/* *******************************************************************************************
 *         Content head                                                                          *
 ******************************************************************************************* */
#content_head {
	width: 957px;
	height: 20px;
	padding: 0 0 0 0;
	background: url(/images_gui/bg_topmenu.jpg) top left no-repeat;
}

/* *******************************************************************************************
 *         LEFT MENU                                                                         *
 ******************************************************************************************* */

#leftmenu {
	float: left;
	width: 166px;
	min-height: 220px;
	padding: 0 10px 10px 0;
	background: url(/images_gui/shadow_left.jpg) top right no-repeat;
	/*border: 1px solid #959595;
	border-width: 0 1px;*/
}

#leftmenu H2 {
	margin: 0 0 4px 0;
	padding: 5px 11px;
	font: bold 0.9em Verdana,Geneva,sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #bc0007;
}

#leftmenu H4 {
	margin: 0 6px 2px 6px;
	padding: 0 0 2px 8px;
	font: bold 1.1em Helvetica,Geneva,sans-serif;
	color: #00A0E1;
	border: 2px dotted #CDCFCF;
	border-width: 0 0 2px 0;
}
#leftmenu H5 {
	margin: 0 6px 0 6px;
	padding: 2px 0 2px 8px;
	font: bold 1.1em Helvetica,Geneva,sans-serif;
	color: #4F4B45;
	border: 2px dotted #CDCFCF;
	border-width: 0 0 2px 0;
}
#leftmenu .no_bottom_border {
	padding: 0 0 0 0;
}
#leftmenu .no_bottom_border H5 {
	margin: 0 6px 0 6px;
	padding: 2px 0 2px 8px;
	font: bold 1.1em Helvetica,Geneva,sans-serif;
	color: #4F4B45;
	border: 0;
	border-width: 0 0 0 0;
}
#leftmenu .links {
	margin: 0 6px 0 6px;
	padding: 2px 0 0 12px;
	border: 2px dotted #CDCFCF;
	border-width: 0 0 2px 0;
}
#leftmenu .links .item {
	padding-bottom: 2px;
}

#leftmenu .links A {
	font: 1em Verdana,Geneva,sans-serif;
	color: #4F4B45;
	text-decoration: none;
}
#leftmenu .links A:hover,
#leftmenu .links A:active {
	color: #000000;
	text-decoration: underline;
}

#leftmenu H4 A {
	color: #00A0E1;
	text-decoration: none;
}
#leftmenu H4 A:hover,
#leftmenu H4 A:active {
	color: #00A0E1;
	text-decoration: none;
}

#leftmenu H5 A {
	color: #4F4B45;
	text-decoration: none;
}
#leftmenu H5 A:hover,
#leftmenu H5 A:active {
	color: #4F4B45;
	text-decoration: none;
}

#leftmenu .bottom_links {
	padding: 9px 11px;
}
#leftmenu .bottom_links .item {
	padding-bottom: 7px;
}

#leftmenu .bottom_text {
	padding: 9px 11px;
	font-size: 0.9em;
}
#leftmenu .bottom_text DIV {
	padding-bottom: 7px;
}

/* *******************************************************************************************
 *         CONTENT                                                                           *
 ******************************************************************************************* */

#content_container {
	clear: both;
	background-color: #E4E9EC;
background-image: url(/images_gui/bg_gradient_header.jpg) top left repeat-x;
}
#content {
	float: left;
	width: 546px;
	background-color: #ffffff;
}
.article #content {
	float: left;
	width: 557px;
	/*border-right: 1px solid #959595;*/
}
.content_inner {
	padding: 0 15px 0 15px;
}


	/* *********************************************************************************
	 *         Content - Startpage                                                     *
	 ********************************************************************************* */

.startpage #teasers {
	margin: 0 0 10px 0;
	padding: 0 7px;
}

/* TEASER BIG */

.startpage .teaser_big {
	clear: both;
	padding: 10px 5px;
	border-top: 1px dotted #000000;
}
.startpage .teaser_big .date {
	margin: 0 0 4px 0;
	font: italic 1.0em Helvetica,Arial,sans-serif;
	color: #000000;
}
.startpage .teaser_big .image {
	float: left;
	padding: 2px 10px 5px 0;
}
.startpage .teaser_big H1 {
	margin: 0 0 8px 0;
	font: bold 2.0em/1.0em Helvetica,Arial,sans-serif;
}
.startpage .teaser_big H1 A {
	color: #000000;
	text-decoration: none;
}
.startpage .teaser_big H1 A:hover,
.startpage .teaser_big H1 A:active {
	color: #cc0000;
	text-decoration: underline;
}
.startpage .teaser_big .text {
	font: 1.0em Helvetica,Arial,sans-serif;
}

/* TEASER SMALL */

.startpage .teaser_small {
	clear: both;
	padding: 10px 5px;
	border-top: 1px dotted #000000;
}
.startpage .teaser_small .date {
	margin: 0 0 4px 0;
	font: italic 1.0em Helvetica,Arial,sans-serif;
	color: #000000;
}
.startpage .teaser_small .image {
	float: left;
	padding: 2px 10px 5px 0;
}
.startpage .teaser_small H2 {
	margin: 0;
	font: bold 1.5em/1.0em Helvetica,Arial,sans-serif;
}
.startpage .teaser_small H2 A {
	color: #000000;
	text-decoration: none;
}
.startpage .teaser_small H2 A:hover,
.startpage .teaser_small H2 A:active {
	color: #cc0000;
	text-decoration: underline;
}
.startpage .teaser_small .text {
	font: 1.0em Helvetica,Arial,sans-serif;
}


	/* *********************************************************************************
	 *         Content - Entrépage / Article                                           *
	 ********************************************************************************* */

#entre_article_head,
#article_head { /* Print & Backbtn */
	margin: 0 13px 0 13px;
	padding: 2px 0 2px 5px;
	background-color: #29418F;
}
#entre_article_head .white H1,
#article_head .white {
	font: bold 1.2em Helvetica,Verdana,sans-serif;
	color: #ffffff;
}
#entre_article_head .backlink,
#article_head .backlink {
	float: left;
}
#entre_article_head .printbtn,
#article_head .printbtn {
	float: right;
}
#entre_article_head A,
#article_head A {
	color: #666666;
	text-decoration: none;
}
#entre_article_head A:hover,
#article_head A:hover,
#entre_article_head A:active,
#article_head A:active  {
	color: #cc0000;
	text-decoration: underline;
}

/* TEASERS */

.entrepage #teasers,
.article #teasers{
	margin: 0 0 10px 0;
	padding: 0 7px;
}

.entrepage .teaser_small,
.article .teaser_small {
	clear: both;
	padding: 10px 5px;
	border: 2px dotted #CDCFCF;
	border-width: 2px 0 0 0;
}
.entrepage .teaser_small .date,
.article .teaser_small .date {
	margin: 0 0 4px 0;
	font: italic 1.0em Helvetica,Arial,sans-serif;
	color: #000000;
}
.entrepage .teaser_small .image,
.article .teaser_small .image {
	float: left;
	padding: 2px 10px 5px 0;
}
.entrepage .teaser_small H2,
.article .teaser_small H2 {
	margin: 0;
	font: bold 1.1em Helvetica,Arial,sans-serif;
}
/*.entrepage .teaser_small H2 A,
*.article .teaser_small H2 A {
*	color: #000000;
*	text-decoration: none;
*}
*.entrepage .teaser_small H2 A:hover,
*.entrepage .teaser_small H2 A:active,
*.article .teaser_small H2 A:hover,
*.article .teaser_small H2 A:active {
*	color: #cc0000;
*	text-decoration: underline;
*}*/
.entrepage .teaser_small .text,
.article .teaser_small .text {
	font: 1.0em Helvetica,Arial,sans-serif;
}
.entrepage .teaser_small .text A,
.article .teaser_small .text  A {
	font: 1.0em Helvetica,Arial,sans-serif;
	color: #000000;
	text-decoration: none;
}
.entrepage .teaser_small .text A:hover,
.entrepage .teaser_small .text A:active,
.article .teaser_small .text A:hover,
.article .teaser_small .text A:active {
	font: 1.0em Helvetica,Arial,sans-serif;
	color: #cc0000;
	text-decoration: underline;
}
#partner_header {
	float: left;
	width: 339px;
	/*margin: 0 0 0 24px;*/
	padding: 5px 0 0 30px;
	text-align: center;
	font: bold 1.0em Helvetica,Arial,sans-serif;
	color: #ACADB0;
}
#sponsor_header {
	float: left;
	width: 141px;
	/*margin: 0 24px 0 0;*/
	padding: 5px 0 0 0;
	text-align: center;
	font: bold 1.0em Helvetica,Arial,sans-serif;
	color: #ACADB0;
}
#partner_logos {
	width: 339px;
	float: left;
	padding: 5px 0 5px 30px;
	/*margin: 0 0 0 24px;*/
}
#sponsor_logo {
	width: 141px;
	float: left;
	padding: 5px 0 5px 0;
	/*margin: 0 24px 0 0;*/
}
.border_main_content {
	height: 4px;
	background: url(/images_gui/border_main_content.gif) center no-repeat;
}
/* *******************************************************************************************
 *         RIGHT FRAME COLUMN                                                                      *
 ******************************************************************************************* */

#right_frame_column {
	float: left;
	min-height: 220px;
	width: 9px;
	background: url(/images_gui/shadow_right.jpg) top left no-repeat;
}
/* *******************************************************************************************
 *         RIGHT COLUMN                                                                      *
 ******************************************************************************************* */

#rightcol {
	float: left;
	width: 216px;
	border: 1px solid #CDCFCF;
	border-width: 0 1px 0 1px;
	background-color: #ffffff;
}
#rightcol H4 {
	margin: 0 4px 2px 4px;
	padding: 0 0 2px 6px;
	font: bold 1.1em Helvetica,Geneva,sans-serif;
	color: #00A0E1;
	text-transform: uppercase;
	border: 2px dotted #CDCFCF;
	border-width: 0 0 2px 0;
}
#rightcol .links {
	padding: 7px 12px 9px 12px;
}
#rightcol .links .item {
	padding-bottom: 5px;
}

#rightcol .links A {
	font: bold 0.9em Verdana,Geneva,sans-serif;
	color: #000000;
	text-decoration: none;
}
#rightcol .links A:hover,
#rightcol .links A:active {
	color: #cc0000;
	text-decoration: none;
}

#rightcol .banners {
	padding: 6px 3px 0 3px;
}
#rightcol .banners .item {
	padding: 0 0 4px 0;
}
#rightcol .text {
	padding: 2px 0px 9px 0;
}

#rightcol .text A {
	font: 0.9em Verdana,Geneva,sans-serif;
	color: #000000;
}
#rightcol .text A:hover,
#rightcol .text A:active {
	color: #cc0000;
	text-decoration: underline;
}

.entrepage #rightcol .image {
	text-align: center;
}

/* *******************************************************************************************
 *         RIGHT MENU BOXES                                                                   *
 ******************************************************************************************* */

.box {
	margin: 0 3px;
	background: #eeefef url(/images_gui/corner_leftmenu_tl.gif) top left no-repeat;
}
.box .tr {
	background: transparent url(/images_gui/corner_leftmenu_tr.gif) top right no-repeat;
}
.box .br {
	background: transparent url(/images_gui/corner_leftmenu_br.gif) bottom right no-repeat;
}
.box .content {
	padding: 3px 8px 10px 8px;
	background: transparent url(/images_gui/corner_leftmenu_bl.gif) bottom left no-repeat;
}
.box .content .item {
	padding-top: 7px;
}
.box_spacer { /* Bug in IE6 made margin on box-div unusefull, so this was the solution */
	height: 4px;
	font: 1px/0px Verdana;
	background-color: #d5d6d6;
}

/* *******************************************************************************************
 *         MISC                                                                              *
 ******************************************************************************************* */

A IMG {
	border: 0;
}

.noBorder {
	border: 0 !important;
}
.noBorder {
	border: 0 !important;
}


UL {
	margin-top: 10px;
}
LI {
	padding-bottom: 0.5em;
}


/* *******************************************************************************************
 *         imCMS-specific                                                                    *
 ******************************************************************************************* */
/*
INPUT.imcmsFormBtnSmall {
	background-color: #20568D;
	color: #ffffff;
	font: 10px Tahoma, Arial, sans-serif;
	border: 2px outset #668DB6;
	border-color: #668DB6 #000000 #000000 #668DB6;
	cursor: pointer;
	padding: 0 2px;
}
.changePageButton {
	background-color:#e2e2e4;
	font: 10px Tahoma, Arial, sans-serif;
	color:#000000;
	padding: 0 4px;
	border-width: 1px;
	border-style: outset;
	border-color: #cccccc #666666 #666666 #cccccc;
	cursor: pointer;
}
.imcmsAdmBgHead {
	background-color: #20568D;
	color: #ffffff;
}
.imcmsAdmBgCont {
	background-color: #f5f5f7;
	color: #000000;
}
.imcmsFormBtnPanel {
	font: 9px Verdana, Geneva, sans-serif;
	color: #000000;
	background-color: #e7e7e7;
	cursor: pointer;
	height: 20px;
	border: 1px outset #000000;
	border-color: #ffffff #000000 #000000 #ffffff;
	text-align: center;
}
.imcmsFormBtnPanelActive {
	font: 9px Verdana, Geneva, sans-serif;
	color: #000000;
	background-color: #e7e7e7;
	cursor: pointer;
	height: 20px;
	border: 1px inset #000000;
	border-color: #000000 #ffffff #ffffff #000000;
	text-align: center;
}*/

.imcms_label,
A.imcms_label:link,
A.imcms_label:visited {
	font: 10px Verdana !important;
	color: #c00000 !important;
	text-decoration: none !important;
	background-color: #ffffcc !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
A.imcms_label:active,
A.imcms_label:hover {
	font: 10px Verdana !important;
	color: #000099 !important;
	text-decoration: underline !important;
	background-color: #ffffcc !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

DIV.postit {
	background-color: #ffff99;
	border: 1px solid #000000;
	border-width: 0 2px 2px 1px;
	margin: 10px 0;
	display: block;
	font: 10px/11px verdana,geneva,sans-serif !important;
	color: #000000;
}
DIV.postit H2 {
	font: bold 11px/13px verdana,geneva,sans-serif !important;
	margin: 0;
	padding: 3px 5px;
	background-color: #ffff33;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #000000;
}
DIV.postit DIV {
	padding: 5px;
	font: 11px/13px verdana,geneva,sans-serif !important;
	color: #000000;
}
/*
.adminLinksTable {
	border: 1px solid #000000;
	border-width: 0 1px 1px 0;
}

#adminLinksDiv {
	margin: 5px 0 0 0 !important;
	padding: 0 !important;
	float: right;
}
#adminPanelDiv {
	margin: 5px 0 5px 5px !important;
	padding: 0 !important;
	float: left;
}
#changePageDiv {
	margin: 0 0 0 5px !important;
	padding: 0 !important;
	clear: left;
} */


/* *******************************************************************************************
 *         Special for print                                                                 *
 ******************************************************************************************* */

#dochead_print {
	width: 100%;
	margin: 0 0 35px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #000000;
}
#dochead_print_logo {
	float: left;
	padding-bottom: 20px;
}
#dochead_print H1 {
	float: left;
	margin: 0;
	padding: 65px 0 0 50px;
	font: bold 1.2em Verdana,Geneva,sans-serif;
	color: #000000;
}
#dochead_print_url {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #000000;
	font-size: 0.8em;
	color: #999999;
}



.printHidden {
	display: block;
}
.printVisible {
	display: none;
}