﻿html, body {
	height: 100%;         /* required */
	color: #000;
    font-family: Arial, Myriad Pro;
    font-size:12px;
    font-weight:normal;
	
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
    background-color:#45c3d2;
}

div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	/*height: 100%;          required - desired height */
	width: 988px;          /* required - desired width */
	/*background: blue;      cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	padding-top:10px;
	padding-bottom:10px;
	
}

div#footer
{
    width:988px;
    height:14px;
    bottom:-10px;
    position:relative;
    padding:0;
    margin:0;
}
.footertext
{
    width:988px;
    height:14px;
    text-align:center;
    background-image: url(images/footer-trans.png);
}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */

	}
	/* holy grail 3 column settings */
	.holygrail 
	{
	    background-color:White;
	        	/* Right column background colour */
	    

	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-218px; 	/* Width of right column */
        position:relative;
        right:100%;
        background-color:Transparent; 	/* Centre column background colour */
        border-right-style:solid;
        border-right-width:10px;
        border-right-color:#45c3d2;
        background-image: url(images/bottomcenter.png);
	    background-repeat: no-repeat;
	    background-position: bottom right;

    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:426px;         	/* Left column width + right column width */
        background-color:Transparent;   	/* Left column background colour */
        border-right-style:solid;
        border-right-width:10px;
        border-right-color:#45c3d2;
        background-image: url(images/bottomsides.png);
	    background-repeat: no-repeat;
	    background-position: bottom right;
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:208px;        	/* Width of left column */
	    	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin: 0 218px 0 218px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	    background-color:Transparent;

	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:208px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        background-color:Transparent;

        

        /*right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:208px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
        background-color:Transparent;

    }
    
div#bottomcenter
{
    width:552px;
    height:10px;

    background-image: url(images/bottomcenter-trans.png);
}

div#topcenter
{
    width:552px;
    height:10px;
    background-image: url(images/topcenter-trans.png);
}

.bottomsides
{
    width:208px;
    height:10px;
    background-image: url(images/bottomframe-trans.png);
}
.topsides
{
    width:208px;
    height:10px;
    background-image: url(images/topframe-trans.png);
    padding:0;
    margin:0;
}
.menu
{
    margin-top:2px;
    height:15px;
    width:201px;
    background-image: url(images/menu-trans.png);
    font-size:11px;
    padding: 1px 0 0 7px;
    text-decoration:none;
    color:Black;
    text-transform:uppercase;
    cursor:pointer;
}
.menulink
{
    text-decoration:none;
}
div#centercontent
{
    padding-left:15px;
    padding-right:15px;
    height:100%;
}

a img { border:0;}

.bottomright
{
    position:absolute; 
    height:10px; 
    width:998px; 
    bottom:0;
    right:0;
    text-align:right;
    display:inherit;
    padding:0;
    margin:0;
    /*background-image: url(images/bottomsides.png); 
    background-repeat: no-repeat; 
    background-position: bottom right;*/
}

div#divContactform
{
    padding-left:18px;
    padding-right:18px;
    padding-top:20px;
    padding-bottom:10px;
}

.contactUs
{
    padding-left:5px;
}
div#avdelinger
{
    padding-left:5px;
    padding-right:5px;
    background-color:White;
    display:inline-block;
    width:198px;
    overflow:hidden;
}
.divAd
{
    background-color:#45c3d2;
}

