﻿/* G L O S T R U P  U P G R A D E   2 0 0 9               */
/* www/Elements.css  = styling for Glostrup elements      */
/* Netmester A/S    September 2009                        */


/* Style is sorted by appereance - from top left to bottom right*/
.logoLink
{
    float:left;
    padding:10px 0px 0px 27px;
    clear:both;
}
.logo
{
    float:left;
}

#serviceMenu
{
    float:right;
    padding:10px 20px;
    color:White;
}
#serviceMenu a
{
    color:White;
    font-weight:bold;
    text-decoration:none;
    margin:0px 5px;
}
#serviceMenu div
{
    float:left;
}
#serviceMenu div.container
{
    height:20px;
    width:100px;
}
/*  S U B   M U N I C I P A L L Y   L O G O    */
.topRightArea
{
    float:right;
    height:75px;
    width:240px;
}
.MunicNameRight
{
    float:right;
    padding:10px 20px;
}
.topRightArea #topSearchBox
{
    width:auto;
}
.logoRight
{
    float:right;
    padding:10px 20px 10px 0px;
}
a.subLogoName
{
    color:White;
    font-size:2em;
    text-transform:uppercase;
    text-decoration:none;
    
}
a.subLogoName:hover
{
    color:White;
    font-size:2em;
    text-transform:uppercase;
    text-decoration:none;
}
/*  T O P   S E A R C H   B O X   */
#topSearchBox
{
    float:right;
    height:15px;
    width:500px;
    display:inline;
    padding-right:20px;
}
#topSearchBox .container
{
    float:right;
    width:144px;
}
#topSearchBox .searchField,.searchforminput
{
    background-color:#FFFFFF;
    border:0 solid #FFFFFF;
    height:14px;
    padding-left:4px;
    font-size:10px;
    float:left;
    width:118px;
}
.searchimprove .searchforminput
{
    border:solid 1px #687992;
}
#topSearchBox .searchbutton
{   
    float:left;
    margin:0px 2px;
    padding:1px 0px 1px 2px;
    background-color:White;
}
/*  C O M M O N     B O X    S T Y L E   */
.if h1,.focus h1,.latestNews h1,.contact h1, .subPages h1,.links h1,.eventSearch h1
{
    text-transform:uppercase!important;
    padding:0px 0px 5px 0px!important;
    margin:0px 0px 10px 0px!important;
    border-bottom:solid 1px #BCBCC2;
    color:#BCBCC2!important;
    font-size:15px!important;
    font-family:Arial!important;
}
.focus h1
{
    margin-right:15px;
    width:200px;
    
}
.if h2,.focus h2,.contact h2, .subPages h2,.links h2, .eventSearch h2
{
    padding:10px 0px 5px 0px;
    margin:0px;
    color:#BCBCC2;
    font-size:14px;
    font-family:Arial;
}
.links h2.internal
{
    padding-top:0px;
}
.links div
{
	margin-bottom:5px;
}
.if,#experience,.focus,.subPages,.links,.contact, .eventSearch
{
    background-color:White;
    padding:15px;
    border-bottom:solid 10px #DCDFE0;
    width:200px;
    float:left;
}
.focus
{
    width:215px;
    padding-right:0px;
}
.links,.eventSearch
{
    border-top:solid 10px #DCDFE0;
    border-bottom:none;
}
#experience,.contact
{
    border-bottom:none;
}
.if div,#experience div,.contact div,.subPages div,.eventSearch div, .eventSearch fieldset,.subjectList div
{
     margin:5px 0px;
}
.if a, #experience a,.contact a, .subPages a,.links a,.eventSearch a, .subjectList a
{
    color:#687992;
    font-weight:bold;
    text-decoration:none;
}
.subjectList a:hover
{
    text-decoration:underline;
}
/*  F R O N T P A G E     L A T E S T   N E W S   &   L I S T    I T E M S */
.listItem a
{
/*    color:#687992;
    font-weight:bold;
    text-decoration:none;*/
}
.listItem
{
    width:100%;
}
.listItem h2,.listItem h2 a, .photoAlbum h2  
{
    font-size:105%;
    padding:0px;
    margin:5px 0px;
    color:Black;
    text-decoration:none;
}
.listItem h2 a:hover, #breadCrumb a:hover 
{
    color:#CC0000;
}
.latestNews
{
    background-color:White;
    padding:15px;
    width:408px;
    float:left;   
}
#main .listItem,.latestNews .listItem
{
     padding:5px 0px;
     margin:5px 0px;
     float:left;
     border-bottom:solid 1px #BCBCC2;
}
#main .listItem .imageContainer, .latestNews .imageContainer
{
    float:left;
    margin:0px 15px 15px 0px;
}
#main .listItem .listImage,.latestNews .listImage
{
    float:left;
}
#main .listItem .listText, .latestNews .listText
{
    display:inline;
}
#main .shortCutLink,.latestNews .shortCutLink
{
    float:right;
    padding-right:20px;
    background-image:url(/images/www/elements/graapil.gif);
    background-position:right 5px;
    background-repeat:no-repeat;
    font-weight:bold;
    text-decoration:none;
}
#main .listItem .innerShortCutLink,.latestNews .innerShortCutLink,.innerShortCutLink
{
    padding-right:20px;
    background-image:url(/images/www/elements/pil.gif);
    background-position:right 5px;
    background-repeat:no-repeat;
    color:#CC0000;
    font-weight:bold;
    text-decoration:none;
}
/* F O C U S   B O X  */
.focus div,
.focus div img
{   
    height:62px;
}
.focus div
{   
    float:left;
    margin:0px 0px 15px 0px;
}

.focus div.seperator
{   
    width:14px;
    float:left;
}

.focus div img,
.focus div a
{   
    border:none;
}
/* M A I N   C O L U M N  */
#main
{
    background-color:White;
    padding:15px;
    padding-left:97px;
    width:570px;
    float:left;   
    height:100%;
}
.wideCol #main
{
    width:750px;
    padding-right:80px;
}
/*  B R E A D  C R U M B *//* F U N C T I O N   M E N U */

#breadCrumb
{
    padding:0px 0px 10px 0px;
    margin:0px 0px 10px 0px;
    border-bottom:solid 1px #BCBCC2;
}
.functionMenu
{
    float:right;
    margin:0px 0px 20px 230px;
}
.functionMenu div
{
    float:left;
    margin:0px 3px;
}
.functionMenu img
{
    margin-right:2px;
}
.wideCol .functionMenu
{
    margin-left:400px;
}
#breadCrumb,#breadCrumb a,.functionMenu a
{
    background-color:Transparent;
    color:#BDBCC2;
    text-decoration:none;
    font-weight:bold;
}
/*  M A I N   I M A G E   --- o n l y   o n  n e w s i t e m s   */
.mainImage
{
    float:right;
    margin:0px 0px 15px 15px;
}
/*  P A G E   S I G N A T U R E  */
.signature
{
    float:left;
    margin:20px 0px;
    width:100%;
    color:#687992;
}
/* T O   T O P   L I N K  */
.topLink
{
    float:right;
    color:#BDBCC2;
    font-weight:bold;
    text-decoration:none;
}
/*  I F   Y O U   D I D   N O T   F I N D    L I N K  */
.didNotFindLink
{
    float:left;
    margin:0px;
    width:80%;
    
}
.didNotFindLink a
{
    font-weight:bold;
    text-decoration:none;
}
/*  F O O T E R */
#footer
{
    color:#969696;
    font-size:9px;
    font-weight:normal;
    padding-top:2px;
}
#footer a
{
    color:#969696;
    text-decoration:none
}
#footer .address
{
    float:left;
}
#footer .email
{
    float:right
}
/* P H O T O    A L B U M   */
.photoAlbum
{
    float:left;
    width:100%;
}
.photoAlbum .ImageItem
{
    float:left;
    width: 245px;
    margin:0px 5px 20px 0px;
}
.photoAlbum .ImageItem h2
{
    display:inline;
}
.photoAlbum .ImageItem .imageData
{
    float:right;
    width:115px;
}
.photoAlbum .ImageItem .image
{
    float:left;
    width:112px;
}
.photoAlbum .contentContainer
{
    width:100%;
    float:left;
}
.photoAlbum .legend
{
    float:right;
    color:#BCBCC2;
    font-weight:bold;
    font-size:larger;
    margin:0px 0px 20px 0px;

}
.photoAlbum .paging a,.photoAlbum .paging a.on
{
    float:left;
    color:#BCBCC2;
    font-weight:bold;
    margin:20px 3px;
    text-decoration:none;
    
}
.photoAlbum .paging a:hover,.photoAlbum .paging a.on
{
   color:#CC0000; 
}
/* K E Y W O R D   L I S T       --  A - Å   */

.keyWordLetters
{
    padding:5px 0px;
    border-top:solid 1px #BCBCC2;
    border-bottom:solid 1px #BCBCC2;
    color:#BDBCC2;
    font-weight:bold; 
}
.keyWordLetters span
{
    width:10px;
}
.keyWordLetters .available a
{
    
}
.keywordpage
{
    margin:2px 0px 2px 15px;
}
/*           S I T E   M A P                 */
.siteMap
{
    float:left;
}
.siteMap ul, .siteMap li
{
    list-style-type:none;
}
.siteMap a
{
    text-decoration:none;
}
.siteMap a:hover
{
    text-decoration:underline;
}
.siteMap ul.level_0
{
    width:750px;
    padding-left:0px;
    margin-left:0px;
}
.siteMap ul.level_0 li a.pageLevel_0
{
    color:White;
    font-weight:bold;
    width:730px;
    padding:3px 10px;
    background-color:#687992;
    display:block;
    float:left;
}
.siteMap ul.level_0 li a.pageLevel_0:hover
{
    text-decoration:none;
}
.siteMap ul.level_1,.siteMap ul.level_3
{
   padding-left:10px;
   margin-left:0px;
}
.siteMap ul.level_2
{
   padding-left:5px;
   margin-left:0px;
}
.siteMap li.level_1
{
    width:245px;
    float:left;
    margin-bottom:10px;
}
.siteMap a.pageLevel_1
{
    text-transform:uppercase;
    padding:0px 0px 3px 0px;
    margin:5px 0px;
    border-bottom:solid 1px #BCBCC2;
    font-weight:bold;
    font-size:12px;
    font-size:115%;
    width:227px;
    display:block;
    font-family:Arial;
}
.siteMap a.pageLevel_2
{
    font-weight:bold;
    padding:2px 0px;
    display:block;
}
/*  E S D H     T A B L E    */
.esdhTable
{
    border:none;
    border-collapse:collapse;
    width:100%;
}
.esdhTable th, .esdhTable td 
{
    text-align:left;
    padding:5px 10px!important;
}
.esdhTable tfoot
{	
    color:White;
}
/*  C O M M O N     I N P U T     S T Y L E     */
.button, .buttons, .buttons input,a.button:hover 
{
    background-color:#B0BFD2;
    border:0 solid #B0BFD2;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;
    padding:2px;
}
.fullButton
{   
    width:170px;
    margin-left:10px;
    margin-top:10px;
}
input, textarea, select, submit
{
    font-family:Verdana,Arial,Sans-Serif;
    font-size:10px;
}
a.button
{
    text-decoration:none;
}
.checkBox
{
    display:block;
}
.dateSelectorContainer
{
    float:left;
}
.dateInputField
{
    width:90px;
    margin-right:2px;
    cursor:pointer;
}
.dateSelectorContainer .button /* button for datesearch; button removed - class not in use */
{
    margin-top: 11px;
}
.eventSearch .textField
{
    width:185px;
}
/*  C O M M O N     F O R M     S T Y L E     */
fieldset
{
    padding:0px;
    border:none;
}
legend
{
    font-weight:bold;
    padding:10px 0px;
}
.label
{
    font-weight:bold;
    display:block;
}
/*  S U B S C R I P T I O N     */
.subscribeformfield,.subscriptionButton,.subscriptionLoginLabel
{
    float:left;
    margin:0px 1px;
}
.subscriptionLoginLabel
{
    width:48px;
}
.newSubscriberButton
{
    margin-left:50px;
}
.subscriptionNewUserForm .subscribeformfield, .subscriptionNewUserForm .subscribeLabel 
{
    display:block;
    float:none;
    width:190px;
}
.imageLabel
{
    margin:2px 4px 0px 2px;
    vertical-align:bottom;
}
.subscriptionListTable a
{
    font-weight:bold;
    text-decoration:none;
    color:#333;
}
/*  M A I L  S P A M   B O X     S T Y L E     */
.mailspamsummarybox
{
    float:left;
    margin:10px;
    margin-bottom:0px;
    width:400px;
    border-top:solid 1px #DCDFE0;
    padding:5px;
    background-color:#FFFFD4;
}
.mailspamsummarybox p
{
    margin:0px;
}
.mailspamsummaryitem
{
    float:left;
    margin:0px 10px;
    padding:0px 5px 2px 5px;
    width:400px;
    background-color:#FFFFD4;
}

/*  J O B    Z O N E     S T Y L E   */
table.light
{
    border-collapse:collapse;
    margin-bottom:20px;
}
table.light th
{
    background-color:#B0BFD2;
    padding:2px 5px;
    text-align:left;
    color:White;
}
table.light td
{
    border-bottom:solid 1px #B0BFD2;
    padding:10px 5px 10px 5px!important;
}
table.light td a
{
    font-weight:bold;
    text-decoration:none;
}
table.light td a:hover
{
    text-decoration:underline;
}
table.light th.col1,table.light td.col1
{
    width:480px;
}
table.light th.col2,table.light td.col2
{
    width:200px;
}
table.light th.col3,table.light td.col3
{
    width:70px;
}
/* C R O S S F L O W S    */
#crossflowsfields, #crossflowsbuttons,#crossflowserrormessages,
.crossflowsfield, .crossflowsfieldlabel,.crossflowsfieldfield
{
    float:left;
}
#crossflowsfields,
#crossflowsbuttons
{
    width:510px;
}
.crossflowsfield
{
    width:100%;
    margin:5px 0px;
}
.crossflowsfieldlabel
{
    width:200px;
    margin-right:10px;
}
.crossflowsfieldfield
{
    width:300px;
}
.crossflowsfieldfield input[type="text"],
.crossflowsfieldfield input[type="file"],
.crossflowsfieldfield textarea
{
    width:290px;
}
.crossflowsfieldinfo .crossflowsfieldfield
{
    width:100%;
}
#crossflowsbuttons
{
    text-align:right;
}
#crossflowserrormessages
{
    width:500px;
    padding:5px;
    border:1px dotted Red;
    margin:10px 0px;
}
/*  C O M M O N     H E L P    S T Y L E     */
.block
{
    display:block;
}
.hiddenLabel
{
    position:absolute;
    left:-2000px;
}
/*  R A D    C L A S S E S     */
.venstreStillet
{
    float:left;
    margin:0px 15px 15px 0px;
}
.hojreStillet
{
    float:right;
    margin:0px 0px 15px 15px;
}
