﻿body
{
    font-family: Arial, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: normal;
    /*background: url(../../images/background.png); 
    background-repeat:repeat; */
    background-color:#666666;
    margin-top:30px;
}
#wrapper {
	text-align:left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width:1000px;
	overflow: hidden;
}
a:link
{
	text-decoration: none;
    color: #FFFFFF;
}
a:visited
{
	text-decoration: none;
    color: #FFFFFF;
}
a:hover
{
    text-decoration: underline;
    /*color: #FFFFFF;*/
}
a:active
{
    text-decoration: none;
    color: #FFFFFF;
}

input, select, textarea
{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

h1
{
    font-size: 28px;
    font-weight: bold;
	margin: 5px 0 5px 0;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #FFFFFF;
}
h2
{
    font-size: 20px;
    font-weight:normal;
    color: #FFFFFF;
    line-height:30px;
}

h3
{
    font-size: 12px;
    font-weight: bold;
    line-height:15px;
}
h4
{
    font-size: 11px;
    font-weight:normal;
    line-height:15px;
}
/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

#top
{
	height: 40px;
    margin-top:0px;
    padding-top:0px;
}
.line
{
	margin-top: 0px;
	width: 820px;
	color: Black;
}

#logo
{
	/*width: 200px;*/
	height: 80px;
	margin-left:0px;
	margin-top:0px;
}
#menu
{
	float:left;
	text-align:left;
	margin-top:34px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	min-height:170px;
	font-size:16px;
	line-height: 32px;
	text-decoration: none;
}
#menu a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:visited
{
	color:#FFFFFF;
	text-decoration: none;
}

#menu a:hover
{	
	text-decoration: underline;	
	color: #FFFFFF;
}
#header
{
	text-align:center;
	width:820px;
    /*height: 470px;*/
    margin-top:0px;
    margin-left: 180px;
}
#middle
{
	text-align:center;
	width:1000px;
    margin-top:20px;
}

#bodycontent 
{
	float:right; 
	width:820px;
	text-align:left;
	margin-right: 0px;
	margin-left: 0px;
}

#left
{
	float: left;
	margin-top:0px;
	width:180px;
}

.meny
{
	background-color: transparent;
	color: #FFFFFF;
    font-family:Arial, Verdana;
	font-size:16px;
	line-height: 32px;
	position:relative;	
	overflow:visible;
	padding:0 10px;
	padding-left:0px;
}

.meny a:link
{
	color: #FFFFFF;
}
.meny a:visited
{
	color:#FFFFFF;
}

.meny a:hover
{	
	text-decoration: underline;	
	color: #FFFFFF;
}

.underMeny
{
	text-align:left;
	background-color: #666666;
	border-color:#666666;
	border-style:solid;
	border-width: 1px;
	font-size: 14px;
	color:#000000;	
	width:130px;	
}

.underMeny a:link, .underMeny a:visited
{
  	padding:0 0px;
  	color:#FFFFFF;
  	border-color:#FFFFFF;
	border-style:solid;
	border-width: 1px;
}

.underMeny a:hover
{	
    display:inline;	
  	padding:0 0px;
  	color:#FFFFFF;	
  	border-color:#FFFFFF;
	border-style:solid;
	border-width: 1px;
}

.kontakta
{
    /*border: 1px solid #FFFFFF;*/
    width: 199px;
    margin: 0px;
    height:30px;
}

/*
.modalBackground
{
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;		
}

*/

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */

#body
{
    /*width: 770px;*/
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    background-color:#666666;
}
.avdelning
{
    /*border: 1px solid #FFFFFF;
    width: 199px;*/
    margin: 0px;
    padding:0px;
    line-height:28px;
}
#gallerymain
{
	float:right;
	width:820px;
	margin-top: 0px;
}
#gallerycontent 
{
	float:left;
	margin-left: 0px;
	text-align:center;
	/*background: url(../../images/middle.png) repeat-y;*/
}
#gallerythumb
{
	float:left;
	width:170px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
}
#galleryhead
{
	height: 51px;
}
#galleryscrolltop
{
	width:120px;
	float:left;
}
#galleryscrollbottom
{
	float:right;
	width:22px;
	margin-right: 16px;
}
#galleryscroll
{
	left: 0px;
	text-align:left;
}
.galleryphotos
{
    border: 0px solid #FFFFFF;
}
#imagegallery
{
    margin-top: 0px;
}

#gallerymain_photo
{
	margin-top: 0px;
}
.galleryButton
{
	 
}

.indrag
{
    /*border: 1px solid #FFFFFF;
    width: 199px;*/
    padding-left: 10px;
    padding-right: 20px;
}
.indragrbr
{
    /*border: 1px solid #FFFFFF;
    width: 199px;*/
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.breadcrumbs
{
    width: 100px;
    text-align:center;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
 /* A full width block on the page */
.fullwidth
{
    /*border: 1px solid #FFFFFF;*/
    width: 800px;
    margin-right: auto;
    margin-left: 1px;
    /*background: #FFFFFF;*/
    margin-bottom: 10px;
    padding-left: 150px;
    padding-right: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:center;
    line-height: 30px;
}

 

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons
{
	background-color:#1e4d9c;
	border-color:#1e4d9c;
	border: 0px;
	color: Black;
	height: 20px;
	padding:: 0px 1px 1px 1px;
}


/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}

/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */
form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}

/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */

.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}

/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    width:120px; 
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}

.txtfield
{
    width:300px;
}

.txtblock
{
    width:300px;
}

/* Rounded Corners*/

.roundedPanel
{	
	width:1100px;
	/*background-color:#999999;*/
}
.modalpopup
{
	text-align:left;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color:White;
}
/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
