/* ========================================================= */
/* ========================================================= */
/* Common style that apply to all medias */
/* ========================================================= */
/* ========================================================= */

/* Document elements ======================================= */ 
html, body { margin:0px; padding:0px; }
body { background-color:#878787; text-align:center; }
body { font:normal normal normal 11px/13px Arial, Verdana; color:#040000; }

/* Common elements ========================================= */ 
a img { border-width:0px; }
input.txt { font-size:11px; }
textarea { font-family:Arial Verdana; }

h1 { font-size:18px; text-transform:uppercase; font-weight:normal; margin:0.5em 0em 0.3em; color:#040000; line-height: 100%;}
h2 { font-size:14px; text-transform:uppercase; font-weight:normal; margin:0.5em 0em 0.1em; color:#040000; }
h3 { font-size:11px; text-transform:uppercase; font-weight:normal; margin:0.5em 0em 0em; color:#040000; }
h4 { font-size:11px; text-transform:none; font-weight:bold; margin:1em 0em 0em; color:#040000; }
h5 { font-size:11px; text-transform:none; font-weight:bold; margin:1em 0em 0em; color:#040000; }
h6 { font-size:11px; text-transform:none; font-weight:bold; margin:1em 0em 0em; color:#040000; }

p { margin:0px 0px 0.8em 0px; line-height: 15px; }
sup { line-height: 60% }

/* Page ==================================================== */ 
#page { margin:0px auto; text-align:left; }
#page { width:956px; background:#FFFFFF; }

/* Top ===================================================== */ 
#top { position:relative; background:transparent url(img/bg_top.gif) repeat-x left top; height:82px; }

	/* === Logo */
	#logo { position:absolute; right:0px; top:0px; width:164px; height:67; overflow:hidden; }
	#logo img { display:block; }
	
	/* === Utils */
	#utils { position:absolute; right:164px; top:41px; }

	#utils ul.links { float:left; margin:0px 11px 0px 0px; padding:0px; height:20px; overflow:hidden; }
	#utils ul.links li { list-style:none; float:left; margin:0px 0px 0px 8px; padding:0px; }
	#utils ul.links a { border:1px solid #C2C1C1; display:block; }
	#utils ul.links a:hover { border-color:#000000; }
	
	#utils .search { float:left; border:1px solid #C2C1C1; height:18px; }
	#utils .search form { margin:0px; padding:0px; }
	#utils .search input { width:104px; border:none; margin:1px 0px 0px 2px; vertical-align:top; background-color:Transparent; font-size:11px; }
	#utils .search a.btn { }
	#utils .search a.btn img { }

	/* === Partners */
	#partners { position:absolute; top:23px; left:22px; width:auto; height:59px; overflow:hidden; }
	#partners .partner-group { float:left; margin-bottom:5px; margin-right:9px; }
	#partners .partner-group-last { margin-right:0px; clear:right; }
	#partners .partner-group-header { margin-bottom:2px; height:7px; overflow:hidden; float:left;}
	#partners .partner-group-header img { vertical-align:top; }
	#partners .partner-group-logos { clear:left;height:29px; background:url(img/bg_partherlogos.gif) repeat-x left top; float:left; overflow:hidden; }

	#partners .partner-group-logos a { display:block; position:relative; float:left; border:1px solid #C7C7C7; border-width:1px 0px; }
	#partners .partner-group-logos a.first { border-left:1px solid #C7C7C7; }
	#partners .partner-group-logos a.last { border-right:1px solid #C7C7C7; }
	#partners .partner-group-logos a:hover { border:1px solid #000000; z-index:2; margin:0px -1px}
	#partners .partner-group-logos a.first:hover { margin-left:0px; }
	#partners .partner-group-logos a.last:hover { margin-right:0px; }	
	
	#partners .title { text-align:center; background-color:#000000; clear:left; }
	#partners .title img {  }

	/* Fix: IE7 sometimes left-align the title image when hovering it right after hovering the partners. This is fixed by border:none when hovering it. */
	#partners .title a:hover img { border:none; }
/* ========================================================= */
/* Refer A Friend ========================================== */
	#reffriend {background-color: #E3E4E4; width: 698px; margin:-7px 0px 30px; padding:6px 10px; border: solid 1px #CDCDCD; display: none;}
	#reffriend input.txt {font-size: 10px; font-family:Arial Verdana; border: solid 1px #BFBFBF; width:156px; padding:3px 5px 2px 5px;}
	
	#leftcol {float: left; width: 140px; margin-right:30px;}
		#leftcol h6 {font-weight:normal;}
	
	#midcol {float: left; width: 168px; margin-right: 18px;}
	
	#midcol2 {float: left; width: 168px;margin-right: 18px;}
	
	#rightcol {float: left; width: 156px;}
	
	#btncol {width: 156px; padding-top: 30px; text-align: right;}
	#dnn_twinsReferAfriend_btnSend, dnn_twinsReferAfriend_btnAnnuller {padding-left: 20px;}
	
	#statuscol {color: Red; padding-top: 26px; width: 156px;}
	
/* ========================================================= */
/* Navigation ============================================== */
#nav { z-index:1; position:relative; background:transparent url(img/bg_nav.gif) repeat-x left bottom; height:66px; }
	
	#nav a { display:block; color:#5A5A5A; text-transform:uppercase; text-decoration:none; }
	
	/* === Direct links */
	.topnav-plain ul.AspNet-Menu { position:absolute; top:18px; right:0px; padding:0px 0px 0px 2px; margin:0px 12px 0px 12px; }
	.topnav-plain ul.AspNet-Menu li { list-style:none; display:block; float:left; height:19px; }
	.topnav-plain ul.AspNet-Menu li a { padding:1px 7px 0px; line-height:19px; color:#000000; font-size:9px; font-weight:bold; margin:1px;}
	.topnav-plain ul.AspNet-Menu li.selected { margin:0px -1px; }
	.topnav-plain ul.AspNet-Menu li.selected a { border:1px solid #000000; margin:0px; padding-left:8px; padding-right:8px; }
	.topnav-plain ul.AspNet-Menu li a:hover { border:1px solid #000000; margin:0px;}
	
	/* === Multilevel navigation */
	.topnav-dropdown ul.AspNet-Menu { position:absolute; top:39px; left:0px; padding:0px; margin:0px 10px; }
	.topnav-dropdown-admin ul.AspNet-Menu { right:0px; left:auto; }
	.topnav-dropdown ul.AspNet-Menu li { list-style:none; display:block; float:left; position:relative; }
	.topnav-dropdown ul.AspNet-Menu li a { padding:0px 10px 0px; height:25px; line-height:25px; float:left; margin:1px }	
	.topnav-dropdown ul.AspNet-Menu li a:hover { background-color:#BDBEBE; }	
	
	.topnav-dropdown ul.AspNet-Menu li.hovering  { margin:0px -1px !important; margin:0px; background-color:#E3E4E4; }
	.topnav-dropdown ul.AspNet-Menu li.hovering a { border-width:1px; border-style:solid; margin:0px; padding-left:11px; padding-right:11px; }

	.topnav-dropdown ul.AspNet-Menu li.selected,
	.topnav-dropdown ul.AspNet-Menu li.childSelected { margin:0px -1px; }

	.topnav-dropdown ul.AspNet-Menu li.selected a,
	.topnav-dropdown ul.AspNet-Menu li.childSelected a { border-width:1px; border-style:solid; padding:0px 11px; margin:0px 1px !important; margin:0px 0px; background-color:#BDBEBE; }
	
		/* === Sublevel navigation */
		.topnav-dropdown ul.AspNet-Menu li ul.AspNet-SubMenu { display:none; position:absolute; top:26px; left:0px; margin:0px; padding:0px; width:200px; border:1px solid #000000; border-width:1px 1px 0px 1px; }
		.topnav-dropdown ul.AspNet-Menu li.hovering ul.AspNet-SubMenu { display:block; }
		.topnav-dropdown ul.AspNet-Menu li.selected ul.AspNet-SubMenu,
		.topnav-dropdown ul.AspNet-Menu li.childSelected ul.AspNet-SubMenu { left:1px; }
		
		.topnav-dropdown-admin ul.AspNet-Menu ul.AspNet-SubMenu { position:absolute; left:auto !important; right:0px;}
	
		.topnav-dropdown ul.AspNet-Menu ul.AspNet-SubMenu li { float:none; border-width:0px 1px }
		.topnav-dropdown ul.AspNet-Menu ul.AspNet-SubMenu li a { float:none; color:#5A5A5A; font-size:9px; font-weight:bold; margin:0px; padding:0px 10px; line-height:25px; background-color:#F3F3F3; }
		.topnav-dropdown ul.AspNet-Menu li.hovering li a:hover { background-color:#BDBEBE; border-color:#000000; border-width:1px 0px; margin-top:-1px; }
		.topnav-dropdown ul.AspNet-Menu li.hovering li a.selected { background-color:#BDBEBE; border-color:#000000; border-width:1px 1px; margin-top:-1px; }
		.topnav-dropdown ul.AspNet-Menu li.hovering li a.selected:hover { border-width:1px 1px; }
		
		.topnav-dropdown ul.AspNet-Menu li.selected li a,
		.topnav-dropdown ul.AspNet-Menu li.childSelected li a { margin:0px !important; } 
		.topnav-dropdown ul.AspNet-Menu li.childSelected li.childSelected a { margin:-1px 1px 0px !important; background-color:#BDBEBE; border-top:1px solid #000000 !important; border-bottom:1px solid #000000 !important; } 
		.topnav-dropdown ul.AspNet-Menu li.selected li a.selected,
		.topnav-dropdown ul.AspNet-Menu li.selected li a:hover,
		.topnav-dropdown ul.AspNet-Menu li.childSelected li a.selected,
		.topnav-dropdown ul.AspNet-Menu li.childSelected li a:hover { margin-top:-1px !important; }
		
		.topnav-dropdown ul.AspNet-Menu li.hovering li a { background-color:#F3F3F3; border:1px solid #C1C0C0; border-width:0px 0px 1px 0px; margin:0px; }
		.topnav-dropdown ul.AspNet-Menu li.hovering li.last a { border-bottom-color:#000000; } 

#subnav { width:180px; margin:30px 16px 0px 0px; float:left; margin-bottom:100px; }

	/* All levels */
	.subnav-tree ul { padding:0px; margin:0px; }
	.subnav-tree ul li { padding:0px; margin:0px; list-style:none; display:block; }
	.subnav-tree li a { padding-left:10px; }
		
	.subnav-tree ul { display:none; }
	.subnav-tree ul li li { padding-left:10px; }
		
	/* Only display 3 levels */
	.subnav-tree ul.lvl3 { display:none; }		
	
	/* Display */
	.subnav-tree ul.lvl0 { display:block; border-bottom:1px solid #FFF; }
	
	.subnav-tree ul.lvl0 li.selected ul.lvl1,
	.subnav-tree ul.lvl0 li.childSelected ul.lvl1 { display:block; }
	
	.subnav-tree ul.lvl1 li.selected ul.lvl2,
	.subnav-tree ul.lvl1 li.childSelected ul.lvl2 { display:block; }
	
	/* Background pictures */
	.subnav-tree ul.lvl0 li.lvl0 a { background:transparent url(img/gx_leftmenu_item.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl0 li.lvl0 a:hover { background:transparent url(img/gx_leftmenu_item_sel.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl0 li.selected a,
	.subnav-tree ul.lvl0 li.selected a:hover { background:transparent url(img/gx_leftmenu_item_sel.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl0 li.childSelected a,
	.subnav-tree ul.lvl0 li.childSelected a:hover { background:transparent url(img/gx_leftmenu_item_childsel.gif) no-repeat 0px 4px; }
	
	.subnav-tree ul.lvl1 li.lvl1 a { background:transparent url(img/gx_leftmenu_item.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl1 li.lvl1 a:hover { background:transparent url(img/gx_leftmenu_item_sel.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl1 li.selected a { background:transparent url(img/gx_leftmenu_item_sel.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl1 li.childSelected a,
	.subnav-tree ul.lvl1 li.childSelected a:hover { background:transparent url(img/gx_leftmenu_item_childsel.gif) no-repeat 0px 5px; }
	.subnav-tree ul.lvl1 li.parentSelected a { background:transparent url(img/gx_leftmenu_item.gif) no-repeat 2px 4px; }
	.subnav-tree ul.lvl1 li.parentSelected a:hover { background:transparent url(img/gx_leftmenu_item_sel.gif) no-repeat 2px 4px; }
	
	.subnav-tree ul.lvl2 li.lvl2 a,
	.subnav-tree ul.lvl2 li.lvl2 a:hover { background:none; }	
	
	/* Font styles and text transform */	
	.subnav-tree ul.lvl0 li { margin:0px 0px 11px; }
	.subnav-tree ul.lvl0 li a { color:#000000; text-transform:uppercase; text-decoration:none; }
	.subnav-tree ul.lvl0 li a:hover { color:#000000; }
	
	.subnav-tree ul.lvl1 li { margin:5px 0px 5px; }
	.subnav-tree ul.lvl1 li a { color:#8C8C8C; text-transform:none; }
	.subnav-tree ul.lvl1 li a:hover { color:#000000; }
	.subnav-tree ul.lvl1 li.selected a { color:#000000; }
	.subnav-tree ul.lvl1 li.childSelected a { color:#000000; }
	.subnav-tree ul.lvl1 li.parentSelected a { color:#8C8C8C; }
	.subnav-tree ul.lvl1 li.parentSelected a:hover { color:#000000; }
	
	.subnav-tree ul.lvl2 li.lvl2 a { color:#8C8C8C; }
	.subnav-tree ul.lvl2 li a:hover { color:#000000; }
	.subnav-tree ul.lvl2 li.selected a { color:#000000; }
	.subnav-tree ul.lvl2 li.childSelected a { color:#000000; }	
	
	.subnav-tree ul.lvl0 ul.lvl1 { margin-bottom:23px; }		
		
		
/* ========================================================= */

/* Breadcrumb ============================================== */
#breadcrumb { /*position:absolute; left:213px; top:4px;*/ color:#5A5A5A; margin:-20px 0px 15px 0px; position:relative; }		
	#breadcrumb a { color:#5A5A5A; text-decoration:none; font-weight:normal; text-transform:uppercase; font-size:9px; margin:0px 6px 0px 0px; }
	#breadcrumb a:hover { color:#000000; }				
		
/* ========================================================= */

/* Content ================================================= */
.content { }

	.content a { color:#324696; font-weight:normal; }
	.content a:hover { }
	
	.content .pageinfo { font-style:italic; color:#787878; }
	.content .alternatecolor,
	.content .alternatecolor * { color:#787878; }
	.content .alternatecolor a { color:#324696; }
		
	.content ul { margin:0px; padding:0px; }
	.content ul li { margin:0px; padding:0px; list-style:square; margin-left:15px; }
	
	/* The FCK Editor have a habbit of nesting tabels inside a paragraph,
	   which Firefox renders as <p></p><table>..</table> which causes the 
	   bottom margin from the paragraph to push the table down. This fix
	   will select tables that are renderd right after a paragraf, and move
	   the table back up where it belongs. */
	p + table { margin-top:-0.8em !important; }
	

/* ========================================================= */

/* Login =================================================== */
#login { text-align:right; margin:0px 20px; padding:5px 0px; clear:both; }
	#login a { margin-left:15px; }

		
/* ========================================================= */

/* Frontpage =============================================== */
#frontpage { z-index:0; position:relative; padding:20px; }
		
	table.frontpageMainGrid { width:916px; border-collapse:collapse; margin:0px; }
	table.frontpageMainGrid * { color:inherit; }
	
	table.frontpageCoverStory { width:100%; border-collapse:collapse; margin:0px 0px 18px 0px; border-bottom:1px solid #C7C7C7; color:#000000; }
	table.frontpageCoverStory td { padding-bottom:4px; }
	table.frontpageCoverStory h1 { color:inherit; margin:12px 0px 5px; }	
	table.frontpageCoverStory { font-size:12px; }
	
	
	table.frontpageStory { width:100%; border-collapse:collapse; margin:0px 0px 18px 0px; border-bottom:1px solid #C7C7C7; color:#787878; }
	table.frontpageStory td { padding-bottom:7px; }
	table.frontpageStory h2 { margin:0px 0px 5px; }
	table.frontpageStory img { margin:0px 14px 10px 0px;  }
	
	 
/* ========================================================= */
 
/* Left nav layout ========================================= */
#leftnavpage { z-index: 0; position:relative; padding:0px 20px 20px 20px; }
	#leftnavpage #content { float:left; width:720px; margin-top:25px; }
	
	table.page2ColGrid { width:720px; border-collapse:collapse; margin:0px; }
	table.page2ColGrid * { color:inherit; }
	
	table.pageContent { margin:0px 0px 10px 0px; border-bottom:1px solid #C7C7C7; }
	table.pageGallery { margin:0px 0px 10px 0px; border-bottom:1px solid #C7C7C7; color:#5A5A5A; }
	table.pageGallery td { padding-bottom:15px; }
	table.pageGallery p { margin-bottom:0.3em }
	table.pageGallery a { color:#5A5A5A; text-decoration:none; }
	table.pageGallery a:hover { color:#040000; font-weight:bold; text-decoration:none; }
	
  
/* ========================================================= */

/* Search page layout ====================================== */
#searchpage { z-index:0; position:relative; padding:20px; }
	#searchpage #content { float:left; width:600px; margin-top:10px; }
	#searchpage #teasers { float:right; width:300px; margin-top:10px; margin-left:16px; }
	
	
	#searchpage #content a { text-decoration:none; color:#324696 }
	#searchpage #content a:hover { text-decoration:underline; color:#324696 }
	
	#searchpage #content table td { vertical-align:top; padding-bottom:10px; }
	
 
/* ========================================================= */

/* AvancedSearchForm layout ====================================== */
.AvancedSearchForm {border-collapse: collapse;border-width: 0px;}
 
	.AvancedSearchForm td.Labels {vertical-align: middle; padding-right: 20px;}
	.AvancedSearchForm td.Inputs {}
/* ========================================================= */

/* sitemappage layout ====================================== */
#sitemappage { z-index:0; position:relative; padding:20px; }

	#sitemappage #content { float:left; width:600px; margin-top:10px; }
	#sitemappage #teasers { float:right; width:300px; margin-top:10px; margin-left:16px; }
	
	#sitemappage #sitemap { margin-top:10px; }
	#sitemappage #sitemap a { color:#040000; text-decoration:none; }
	#sitemappage #sitemap a:hover { color:#040000; font-weight:bold; text-decoration:none; }

		#sitemapArea1,
		#sitemapArea2 { margin:30px 0px 0px 20px; }
	
	 
/* ========================================================= */

/* Teaser Boxes ============================================ */

	/* Cell types */	
	td.teaserboxPictureCell { padding:0px; }
	td.teaserboxPictureCell p { margin:0px; }
	td.teaserboxTextCell { padding:10px 10px 5px 10px; color:inherit; }
	td.teaserboxTextCell h3 { margin:0px 0px 0em 0px; color:#5A5A5A; }
			
	.teaserboxlinks a { color:#5A5A5A; text-decoration:none; }
	.teaserboxlinks a:hover { color:#040000; font-weight:bold; text-decoration:none; }
	
	/* Image and text */
	table.teaserboxType1,
	table.teaserboxType2,
	table.teaserboxType3,
	table.teaserboxType4 { width:100%; border-collapse:collapse; margin:0px 0px 15px 0px; color:#5A5A5A; border:1px solid #CDCDCD; }
	
	table.teaserboxType2,
	table.teaserboxType4 { background-color:#E3E4E4; }
		
	table.teaserboxType1 td.teaserboxTextCell,
	table.teaserboxType2 td.teaserboxTextCell { padding-left:15px; }
	table.teaserboxType6 td.teaserboxTextCell { padding:5px 10px 0px; }
	
	
	/* Image only */
	table.teaserboxType5 { width:100%; border-collapse:collapse; margin:0px 0px 15px 0px; }
	
	/* Page info text box */
	table.teaserboxType6 { width:215px; border:1px solid #C7C7C7; margin:0px 0px 15px 0px; }
	
/* ========================================================= */



/* ========================================================= */
/* ========================================================= */
/* Styles that apply to screen medias only ================= */
/* ========================================================= */
/* ========================================================= */
@media screen 
{

	/* Clear floats fix */
	.clear-fix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
	/* Hides from IE-mac \*/
	* html .clear-fix { height:1%;}
	/* End hide from IE-mac */

}



/* ========================================================= */
/* ========================================================= */
/* Styles that apply to print medias only ================== */
/* ========================================================= */
/* ========================================================= */
@media print 
{

	#top, #nav, #subnav, #login, .ControlPanel { display:none; }
	
	#page { width:100%; }
	
	/*#frontpage, #leftnavpage, #searchpage, #sitemappage{ z-index:auto !important; border:1px solid red }*/
	#sitemappage #content { float:none; width:auto; margin-top:0px; }
	#leftnavpage #content { float:none; width:auto; margin-top:0px; }


}



/* ========================================================= */
/* ========================================================= */
/* Styles that apply to handheld medias only =============== */
/* ========================================================= */
/* ========================================================= */
@media handheld 
{




}