/*
Aabenraa Kommune 
Front institution layout

Version 1.0
Author: AEK                 
*/

/*--------------------------------------------- general definitions ------------------------------------------*/

@import url('default.css');

/* --------------------------------------------- general font definitions ------------------------------------------*/

/*body { color: #000; }

/*
#pagetop { color: #555; }
*/
.inst_front_banner p, #address p { color: #555; padding: 0; }
.inst_front_banner h1 { padding: 0 0 4px 0; line-height: 1em; }
#block_1 p { font-weight: normal; color: #000; }
#block_1 p.manchet { font-weight: bold; }

/* --------------------------------------------- general link definition ------------------------------------------*/

/*#pagetop a:link { color: #555; }

a:link , a:visited { color:#A5050E; text-decoration:none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }*/

/* --------------------------------------------- general element definition ------------------------------------------*/

/* --------------------------------------------- image layout ------------------------------------------*/



/* --------------------------------------------- general layout ------------------------------------------*/

#logo { position: absolute; width: 222px; top: 118px; left: 690px; text-align: left; z-index: 1; }
#flash { padding: 0; margin: 0; background: #f1f1f1; }
#pagecontent { background: #fff url(../../../elements/page_front_bg.gif) repeat-x bottom; padding: 0px 0 8px 0px; }
#mainelements { clear: both; width: 896px; padding: 6px 8px 0 8px; }

#block_1 { float: left; width: 315px; height: 276px; padding: 8px 16px 8px 8px; background: url(../../../elements/block_1_bg.jpg) no-repeat; overflow: hidden; }
#block_2 { float: left; width: 311px; height: 276px; padding: 8px 16px 8px 12px; background: url(../../../elements/block_2_bg.jpg) no-repeat; overflow: hidden; }
#block_3 { float: right; width: 202px; height: 191px; padding: 8px; background: url(../../../elements/block_3_bg.jpg); overflow: hidden; }
#rss { position: absolute; top:14px; left: 653px; width:18px; height: 14px; float: none !important; }
#rss a { margin-left: 3px; } 
.inst_front_banner { float: right; width: 202px; height: 68px; padding: 8px; margin: 8px 8px 0 0; }

/*   Pre-calendar hack  */
#block_3 .inst_front_tekst { float: right; width: 186px; height: 68px; padding: 0 8px; margin: 8px 8px 0 0; }

#pagefooter { float: left; width: 912px; height: 16px; padding: 3px 0 0 0; position: relative; }
#address { float: left; width: 592px; padding-left: 8px; }
#language { float: right; text-align: right; padding: 0 8px 0 0; }

/* --------------------------------------------- document layout ------------------------------------------*/

/* ------ blocks -------- */
#block_1 h1{ color: #fff; padding-bottom: 8px; }
#block_1 p { color: #fff; font-weight: normal; }
#block_1_desc { background: url('../../../elements/block_1_dotline.gif') repeat-x bottom; }
    #leftlist { float: left; width: 132px; height: 100px; overflow: hidden; padding: 8px 8px 8px 16px;  }
    #rightlist { float: right; width: 132px; padding: 8px 8px 8px 16px; }
        #leftlist ul, #rightlist ul{ color: #fff; list-style: disc outside url('../../../elements/front_bullet.gif'); }
#block_1 li { font-weight: bold; color: #fff; padding: 0 0 5px 0; }
#block_1 li a { color: #fff; }

#block_2 div { float: left; }
#block_2 h2{ color: #555; padding: 5px 0 7px 0; }
#block_2 h4 { padding: 10px 0 0 0; *width:100%; _width:100%; }
#block_2 p { color: #555; padding: 0; }
#block_2 .datetime { color: #000; }
#block_2 .newsitem { float: left; width: 140px; height: 47px; padding: 0 15px 0px 0; margin: 0 0 7px 0; overflow: hidden; }
.newsitem h3 { line-height: 0.9em; font-size: 1em; font-weight: bold; padding: 0; margin: 0; color: #a5050e; }
.newsitem p{ line-height: 1.15em; }
.newslink a { font-weight: bold; padding-top: 15px; display: block; }

/* ------ banners -------- */

/* --------------------------------------------- module layout ------------------------------------------*/

/* ------ mcol -------- */


/* ------ rcol -------- */

.comments_front { height: 159px; width: 316px; overflow: auto; border-bottom: 2px solid #a5050e; }
.comments_front h2 { margin: 0; padding: 0 0 9px 0;}
.comments_front h4 { padding: 0; margin: 0; font-size: 1em;line-height: 90%; }
.comments_front p { padding: 0; margin: 0;}
.comments_front p.date { display: block; color: #555;  padding: 0; margin: 0;  line-height:0.7em; height: 3px;}

/* COMMENT FORM */
div#commentForm { margin-top:150px;background:transparent;padding:0px; }
div#dComments, div.cComment { display: block; width: 255px; margin:8px 0 8px 0;background:#;padding:0px; }
div.cComment { width: 291px; }
div#commentForm input { margin:2px 4px 0 0; }
div#commentForm label { color:#666; }
div#commentForm textarea { width:100px; height:50px; }

/*--------------------------------------------- Eventkalender ------------------------------------------*/

table {display:block}
#eventkalender h1 {padding-bottom:5px}
#calendar{width:202px;}
.daycell {width:28px;height:12px;margin:0 2px;text-align:center;}	
.day	{width:12px;height:12px;margin:0 auto;}
.weekday{text-align:center;text-transform:uppercase;}
.activeday .day{font-weight:bold;}
.month { text-transform:capitalize}
.goback,.year,.month{margin-right:5px;float:left;}
.goback{cursor:pointer;}
.goforward {cursor:pointer;float:right;}

.goback, .year, .month {
float:left;
margin-right:5px;
}
.goback {
cursor:pointer;
}
.goforward {
cursor:pointer;
float:right;
}

.topbar {margin-bottom:5px;margin-left:2px;width:190px}
.dayevent {background:#A5050E;cursor:pointer;padding:0pt 1px 2px 2px;*padding:1pt 2px 1px 2px;_padding:1px 1px 1px 2px; color: #fff;}
#showevents {border-top: 1px dashed #fff;margin-top:4px;padding-top:4px;}
#showevents a{color:#000}
#showevents a:hover{text-decoration:underline}
ul.eventlist {list-style-type: disc;padding:4px 0 0 17px;}
/* --------------------------------------------- top menu ------------------------------------------*/

#topmenu ul { list-style: none; }
#topmenu li { display: inline; padding-right: 25px; }

#pagetop a:link, #pagetop a:visited { color: #555; text-decoration: none; }
#pagetop a:hover { color: #A5050E; text-decoration: none; }
#pagetop a:active { color: #A5050E; text-decoration: none; }

/* --------------------------------------------- secondary menu ------------------------------------------*/

#secondary_menu ul { list-style: none; display: inline; padding: 0 4px 0 0; }
#secondary_menu li { display: inline; padding-left: 4px; }

#secondary_menu a:link, #secondary_menu a:visited { color: #555; text-decoration: none; }
#secondary_menu a:hover { color: #A5050E; text-decoration: none; }
#secondary_menu a:active { color: #A5050E; text-decoration: none; }