/*  with thanks to http://matthewjamestaylor.com/blog/perfect-3-column.htm
	
	    Max layout width and the biggest img you can use before they get chopped off
	    800 x 600
        Left & right columns: 162 pixels
        Center page: 357 pixels
        
        1024 x 768
        Left & right columns: 210 pixels
        Center page: 459 pixels

3 Col Blogstyle        
800 x 600
Center & right columns: 162 pixels
Left page: 357 pixels

1024 x 768
Center & right columns: 210 pixels
Left page: 459 pixels
        */
	
	body {
		margin:0 auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		
	    background-image: url(../Images/bkgBody.jpg);
	    background-repeat:repeat-y; 
		text-align:center;

        font-family: Arial, sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: normal;
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.6em;
		color:White;
	}
	.container
	{
	    min-width:600px;		/* Minimum width of layout - remove line if not required */
		max-width:980px;		/* The min-width property does not work in old versions of Internet Explorer */
		margin:0 auto;
		text-align:left;
	}

/*---------------------HTML --------------------------*/
h1, h2, h3 
{
		margin:.8em 0 .2em 0;
		padding:0;
}
h1
{
    font-family: Times New Roman, Sans-Serif;
    letter-spacing: -1px;
    font-size: 58px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    line-height: 1.2em;
    color:White;
    text-shadow: 5px 5px 5px #000;

}
h2
{
    font-family:Times New Roman, Sans-Serif;
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    line-height: 1.1em;
    color:White;
    text-shadow: 4px 4px 4px #000;
}
h3
{
    font-family:Times New Roman, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 1.1em;
    color:White;
    text-shadow: 3px 3px 3px #000;
}
a
{
    color:Orange;
}
a:hover
{
    color:Silver;
}

/*--------------------- Row identifier ---------------------*/
#topRow
{
    clear:both;
	margin-top:20px;
	height:230px;
	text-align:left;
	   
}
#navigation
{
    clear:both;
    float:left;
	width:100%;
	margin:0;
	padding:0;
	height:40px;
	text-align:center;
	
}

#header 
{
		clear:both;
		float:left;
		width:100%;
		height:100px;
	    text-align:center;
		
}
#header p,#header h1,#header h2 
{
		padding: 15px 15px 15px 25px;
		margin:0;
		color:#fff;
}

#footer 
{
		clear:both;
		float:left;
		width:100%;
}
#admin
{
    clear:both;
    float:left;
    width:100%;
    font-size:.8em;
    color:#fff;
}
#admin a
{
    color:#fff;
}
#admin a:hover
{
    color:Silver;
}

/*------------------background settings-----------------------*/
.mainBkgTop
{
    height:20px;
    background-image:url(../Images/mainBkgTop.png);
    background-repeat:no-repeat;
}
.mainBkgMiddle
{
    background-image:url(../Images/mainBkgMiddle.png);
    background-repeat:repeat-y;
    padding:0 2em 0 2em;

}
.mainBkgBottom
{
    height:20px;
    background-image:url(../Images/mainBkgBottom.png);
    background-repeat:no-repeat;
}

/*------------------ Column container------------------- */
.colmask 
{
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		text-align:left;
}

/*----------------- common column settings --------------- */
.colright,.colmid,.colleft 
{
		float:left;
		width:100%;			/* width of page */
		position:relative;
}
.col1,.col2,.col3 
{
		float:left;
		position:relative;
		padding:1em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						        only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
}

/*---------------------- 3 Column settings ----------------------------*/
.threecol 
{
		/*background:#000;		 right column background colour */
}
.threecol .colmid 
{
		right:25%;			    /* width of the right column */
		/*background:#000;	 center column background colour */
}
.threecol .colleft 
{
		right:50%;			/* width of the middle column */
		 /*background:#000;	left column background colour */
}
.threecol .col1 
{
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 
{
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 
{
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/*---------------------- 3 Column Even settings ----------------------------*/
.threecolEven 
{
		/*background:#000;		 right column background colour */
}
.threecolEven .colmid 
{
		right:33%;			    /* width of the right column */
		/*background:#000;	 center column background colour */
}
.threecolEven .colleft 
{
		right:33%;			/* width of the middle column */
		 /*background:#000;	left column background colour */
}
.threecolEven .col1 
{
		width:29%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
}
.threecolEven .col2 
{
		width:29%;			/* Width of left column content (column width minus padding on either side) */
		left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolEven .col3 
{
		width:29%;			/* Width of right column content (column width minus padding on either side) */
		left:77%;			/* Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
						    
}
	
/*------------------ 2 Column (double page) settings -------------- */
.doublepage 
{
	background-color:Transparent;	    /*right column background colour */
}
.doublepage .colleft 
{
	right:50%;			            /* right column width */
	background-color:Transparent;	 /*left column background colour */
}
.doublepage .col1 
{
		width:46%;			    /* left column content width (column width minus left and right padding) */
		left:52%;			    /* right column width plus left column left padding */
}
.doublepage .col2 
{
		width:46%;			    /* right column content width (column width minus left and right padding) */
		left:56%;			    /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
	
/*-------------------- 2 Column (right menu) settings ---------------*/
.rightmenu 
{
    background-color:Transparent;		/* right column background colour */
}
.rightmenu .colleft 
{
    right:25%;			                /* right column width */
	background-color:Transparent;		/* left column background colour */
}
.rightmenu .col1 
{
		width:71%;			    /* left column content width (left column width minus left and right padding) */
		left:27%;			    /* (right column width) plus (left column left padding) */
}
.rightmenu .col2 
{
		width:21%;			    /* right column content width (right column width minus left and right padding) */
		left:31%;			    /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/*--------------------- 3 Column blog style settings -----------------------*/
.blogstyle 
{
		background:#fff;		/* right column background colour */
}
.blogstyle .colmid 
{
		right:25%;				/* width of the right column */
		background:#fff;		/* center column background colour */
}
.blogstyle .colleft 
{
		right:25%;				/* width of the middle column */
		background:#fff;		/* left column background colour */
}
.blogstyle .col1 
{
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of center column */
}
.blogstyle .col2 
{
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 
{
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:60%;				/* Please make note of the brackets here:
							    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*-------------------- Full page settings -------------------------- */
.fullpage 
{
		background-color:Transparent;		/* page background colour */
}
.fullpage .col1 
{
		width:96%;			    /* page width minus left and right padding */
		left:2%;			    /* page left padding */
}

	
/*.width100
{
    clear:both;
    float:left;
	width:100%;
}
.width100 p, .width100 h1, .width100 h2, .width100 h3 
{
		padding: .4em 15px 15px 15px;
		margin:0;
}*/

/*---------------Color----------------------*/
.accentColorBkg
{
    background-color:#0099ff;
}
.accentColorText
{
    color:#f7941d
}


/*-------------Alignment----------------------*/

.alignLeft
{
    text-align:left;
}
.alignRight
{
    text-align:right;
}
.alignCenter
{
    text-align:center;
}
.floatLeft
{
    float:left;
}
.clear
{
    clear:both;
    height:20px;
}
 
 /*-------Modal popup myEditSiteText.asxc---------*/
 
 .modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.9;
}

 
/*--------Navigation------------------------------*/
 
ul.navbar 
{
    list-style-type: none;
    padding:0;
    margin:0;
    font-family:Arial, Sans-Serif;
    font-size: 1.1em;
}
ul.navbar li 
{
    float:left;
    margin:0 ;
    padding:0 ;

}
ul.navbar a
{
    height: 35px;
    line-height: 2em;
    float: left;
    padding-top:5px;
    padding-left:1em;
    padding-right:1em;
    display: block;
    text-transform:none;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-family:Arial, Sans-Serif;
    font-size: 1.1em;
    color:#fff;

}
ul.navbar a:link 
{
    color: #fff; 
}
ul.navbar a:visited 
{
    color: #fff;
}
ul.navbar a:hover 
{
    color: Orange; 
}

/*-------------form elements-------------*/
.txbStandard 
{
    border: solid 1px silver;
    background-color: Transparent;
    width: 350px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    font-family: “Lucida Sans Unicode”, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    color:silver;
    
}
.txbMultiLine
{
    border: solid 1px silver;
    background-color: Transparent; /* White; /*#efefef;*/
    height: 11.719em; /*150px;*/
    width: 350px;
    padding-top:10px;
    padding-left:5px;
    font-family: “Lucida Sans Unicode”, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    color:silver;
    overflow:auto;
}
.txbSmall /*override for narrow txtbox*/
{
    width:250px;
}
.txbSmaller /*override for narrower txtbox*/  
{
    width:100px;
}
/*------------------myEditGallery.ascx stuff------------*/
.normalText
{
    text-align:left;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.8em;
    color:orange;
}
.omgivning img
{
    padding:5px;
    border:solid 5px white;
}

.specialDiv
{
    width:85%;
    padding:2%;
    margin-top: 130px;
    border: solid 5px white;
    background:url(Images/bkgSpecial.png);
    
    background-color:#000;
    filter:alpha(opacity=70);
    opacity:0.7;
    
    -moz-box-shadow: 5px 5px 5px #000; 
    box-shadow: 5px 5px 5px #000; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    /*padding: 5px 5px 5px 15px;*/
    }