
/* 
  W3C CSS1/CSS2 | standard compliance
  -- -- -- -- -- -- --  -- -- -- -- -- -- -- 
  revision: 26.01.2006
  author: 	thomas@norlander.dk
  -- -- -- -- -- -- --  -- -- -- -- -- -- -- 
  leaner, more flexible and compatible markup
*/



* { margin:0px; padding:0px; } /* clear default settings (not IE4) */
a img { border:none; } /* clear border on linked images */
form { margin:0px; } /* clear hidden margin on forms */

p { margin-bottom:10px; }


/* viewport --------------------------------------------------------------------------  */

html,
body { padding:0px; margin:0px; }
/* body { height:100%; }
end */


/* canvas ---------------------------------------------------------------------------  */

#Page { position:relative; width:957px; height:100%;}	
#Page.PT11		{ position:relative; width:788px; height:100%;}  /* PT11 for use for annoncering */
#PageType { position:relative; width:949px; height:100%;}
#PageType.PT11 { position:relative; width:780px; height:100%;}  /* PT11 for use for annoncering */
#PageGrid { position:relative; height:100%;}/* canvas width */
/* end height:100%;*/


/* area Sections -------------------------------------------------------------------  */

.SEC01,
.SEC02,
.SEC03,
.SEC04,
.SEC05,
.SEC06 { float:left; }
/* end */

.SEC01 { width:140px; }/* same width in all areas */
.SEC01 div.frmCont { padding:0px; margin:0px; }
.SEC01 div.dspCont { padding:0px 8px; }

div.max,/* combine with dspCont and frmCont */
div.max { padding:0px; margin:0px; }
/* end */


/* area 01 --------------------------------------------------------------------------  */

#AREA01 div.boxCont { padding-top:0px;padding-bottom:0px; }
#AREA01 div.frmCont,
#AREA01 div.dspCont {padding:0px; margin:0px; }


#AREA01 .SEC01 { width:950px; }/* weather */
/*#AREA01 .SEC02 { width:125px; height:100px; }/* phonebook */
#AREA01 .SEC02 { float:right; width:204px; }/* leaderboard */
/* end */


/* area 02 --------------------------------------------------------------------------  */

#AREA02 { width:100%;/* needed to draw bgtile in IE... render error */ }
#AREA02 div.boxCont, 
#AREA02 div.frmCont,
#AREA02 div.dspCont { padding:0px; margin: -7px 0px 0px 0px; }


#AREA02 .SEC01 { width:300px; }/* logo */
#AREA02 .SEC02,/* theme 1 */
#AREA02 .SEC03 { width:80px; }/* theme 2 */
#AREA02 .SEC04,/* sport */
#AREA02 .SEC05 { width:160px; }/* culture */
#AREA02 .SEC06 { width:154px; }/* club */

#AREA02 .SEC01 div.dspCont { width:300px; position:relative; }

#AREA02.PT11 .SEC01 { width:300px; }/* logo */	/* PT11 for use for annoncering */
#AREA02.PT11 .SEC02 { width:480px; }/* PT11 for use for annoncering */

/* end */


/* area 03 --------------------------------------------------------------------------  */

#AREA03 { width:100%;/* needed to draw bgtile in IE... render error */ }

#AREA03 .SEC01,
#AREA03 .SEC02,
#AREA03 .SEC03,
#AREA03 .SEC04,
#AREA03 .SEC05,
#AREA03 .SEC06 { overflow:hidden !important; }

#AREA03 div.boxCont,
#AREA03 div.frmCont{ padding-top:10px; margin:0px; }
#AREA03 div.dspCont { margin:0 10px 10px 0; }


#AREA03.PT01 .SEC01 div.dspCont { padding-left:10px; }/* space for menu */

#AREA03 .CA { margin-bottom:0px; }
#AREA03 .CA.left { float:left; width:230px; }
#AREA03 .CA.right { float:right; width:230px; margin-left:10px; background:none; }	/* width CHANGED FROM 160px */

#AREA03.PT01 .SEC02 { width:480px; }
#AREA03.PT01 .SEC03 { width:160px; }
#AREA03.PT01 .SEC04 { width:150px; }

#AREA03.PT02 .SEC02 { width:320px; }
#AREA03.PT02 .SEC03,
#AREA03.PT02 .SEC04 { width:160px; }
#AREA03.PT02 .SEC05 { width:150px; }

#AREA03.PT03 .SEC02 { width:640px; }
#AREA03.PT03 .SEC03 { width:150px; }

#AREA03.PT04 .SEC02,
#AREA03.PT04 .SEC03 { width:160px; }
#AREA03.PT04 .SEC04 { width:320px; }

#AREA03.PT10 .SEC02 { width:643px; }
#AREA03.PT10 .SEC04 { width:150px; }

#AREA03.PT11 .SEC01 { width:10px; }	/* space for left */
#AREA03.PT11 .SEC02 { width:480px; }
#AREA03.PT11 .SEC03 { width:280px; }

#AREA03.PT12 .SEC02 { width:805px; }

#AREA03 .SEC04 iframe { margin-bottom:10px;/* space between adds */ }

#AREA03.PT01 .SEC02 .CA05 { width:480px; }
#AREA03.PT01 .SEC02 .CA06 { width:480px; }
/* end */



/* area 04 --------------------------------------------------------------------------  */

#AREA04 { width:100%; }

#AREA04 div.boxCont,
#AREA04 div.frmCont{ padding-top:10px; margin:0px; }
#AREA04 div.dspCont { padding:10px; }
/* end */


/* column modules -------------------------------------------------------------------------- */

.COL01,
.COL02,
.COL03 { clear:both; margin:-6px 0 10px 0; }
.COL04 { clear:both; margin:-12px 0 0px 0; }   /*front_aarhus distace betveenm poll and døgnvagt */

#AREA03 .CA01,
#AREA03 .CA02,
#AREA03 .CA03 { float:left; overflow:hidden; }

#AREA03 .COL01 div.frmCont,
#AREA03 .COL02 div.frmCont,
#AREA03 .COL03 div.frmCont,
#AREA03 .COL04 div.frmCont,
#AREA03 .COL05 div.frmCont { padding-top:0px; }

#AREA03 .COL01 div.dspCont,/* change default CA/CT settings */
#AREA03 .COL02 div.dspCont,
#AREA03 .COL03 div.dspCont { padding:0px; margin:0 10px 0 0; }
#AREA03 .COL05 div.dspCont { padding:0px;padding-bottom:0px; margin:0 13px 0 0; }

#AREA03 .COL01 .CA01,
#AREA03 .COL01 .CA02,
#AREA03 .COL01 .CA03 { width:160px; }

#AREA03 .COL02 .CA01 { width:320px; }
#AREA03 .COL02 .CA02 { width:160px; }

#AREA03 .COL03 .CA01,
#AREA03 .COL03 .CA02 { width:238px; }

#AREA03 .COL04 .CA01 { width:320px; height:150px;background:#e5e5e5;}
#AREA03 .COL04 .CA02 { width:160px;height:150px;background:#ffffff url("/design/assets/gfx/gfx_bgtile_colbox4_03.gif") no-repeat; }

#AREA03 .COL05 .CA01,
#AREA03 .COL05 .CA02 { width:240px; }	  /*used for twocolums aarhusnet only*/

#AREA03 .COL10 .CA01 { width:480px; }
#AREA03 .COL10 .CA02 { width:160px; }	  /*used for valg only*/

/* end */



/* add modules -------------------------------------------------------------------------- */

/*fieldset.ADD01 { width:468px; }*/
fieldset.ADD01,
fieldset.ADD02 { margin:10px 12px 8px 0; border:0px; }

fieldset.ADD01 img,
fieldset.ADD02 img { margin:0px; }
/* end */


/* user polls -------------------------------------------------------------------------- */

fieldset#POL01 { padding:4px; margin:0px; border:#F3CC21 1px solid }
fieldset#POL01 legend { color:#000042; padding:2px 8px; margin:0px; background:#F3CC21; }
fieldset#POL01 input.submit { color:#000042; padding:1px; margin:8px 20px; border:#FFF 1px solid; background:#F3CC21; }
/* end */

							
/* article equipment -------------------------------------------------------------------------- */

fieldset.artItems { padding:0px; margin:0px; border:#F3CC21 1px solid; }
fieldset.artItems legend { color:#336699; font-weight:bold; padding:2px 8px; margin:0px; background:#F3CC21; }
fieldset.artItems ol { margin-left:30px; } 
/* end */



/*
table { width:96%; } IE problems with 100%!!! */

#tema img { float:left; margin-right:4px; }

select.agenda,
select.articles { width:150px; }

select.zone { margin-bottom:4px; }/* zone ext content */
input.zone { margin:4px 0; }/* zone ext content */

