body
{
    font-family: Arial, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    font-size: 14px;
    line-height: normal;
    background: url('../../images/background.png'); 
    background-repeat:repeat-y;
    background-color:#9966cc;
    margin-top:30px;
    margin-left:0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link
{
	text-decoration: underline;
    color: #4e3866;
}
a:visited
{
	text-decoration: underline;
    color: #4e3866;
}
a:hover
{
    text-decoration: underline;
    /*color: #FFFFFF;*/
}
a:active
{
    text-decoration: none;
    color: #000000;
}

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: #000000;
}
h2
{
	font-family: Times, Arial, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #4e3866;
    line-height:20px;
}
h3
{
    font-size: 11px;
    font-weight: bold;
    line-height:15px;
}
#wrapper
{
	text-align:left;
	width:1007px;
	overflow: hidden;
}
#left
{	
	float:left;
	width:136px;
}
#wrappertop
{	
	
}

#toplogo
{
    
}

#wrappermenu
{
	padding-top: 5px;
}
#menu
{
    margin-top: 0px;
	margin-left: 0px;
}
#middle
{
	float:left;
}
#top
{
    height:12px;
    width: 650px;
	background: url(../../images/v_top.png) no-repeat;
}
#wrappermiddle
{
    min-height: 650px;	
	background: url(../../images/v_middle.png) repeat-y;
}
#content 
{
	margin-left: 0px;
	width:650px;
	text-align:left;
	/*background: url(../../images/middle.png) repeat-y;*/
}
#bottom
{
	height:12px;
	width: 650px; 
	background: url(../../images/v_bottom.png) no-repeat;
}
#right
{	
	float:right;
	width:220px;
}
#wrappernews
{	
	
}
#newstop
{
    height:12px;
	background: url(../../images/h_top.png) no-repeat;
}
#newsmiddle
{
    min-height: 472px;
	background: url(../../images/h_middle.png) repeat-y;
}
#news
{
    padding-top: 10px;
    margin-top:0px;
    margin-left:20px;
}
#newsbottom
{
	height:12px;
	background: url(../../images/h_bottom.png) no-repeat;
}
#wrapperlinks
{	
	
}
#linkstop
{
    height:12px;
    margin-top: 10px;
	background: url(../../images/h_top.png) no-repeat;
}
#linksmiddle
{
    min-height: 200px;
	background: url(../../images/h_middle.png) repeat-y;
}
#links
{
    padding-top: 0px;
    margin-top:0px;
    margin-left:20px;
}
#linksbottom
{
	height:12px;
	background: url(../../images/h_bottom.png) no-repeat;
}

#kontakt
{
    margin-top: 0px;
}
#wrapperfooter
{
    margin-top: 0px;
}
.imgfooter
{
    vertical-align:middle;
}
#footer, footer a:link, footer a:visited
{
    float:none;
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    text-align:center;
    font-weight:bold;
    margin-top: 0px;
    padding-top: 0px;
    color: #4e3866;
}

#footer_lina a:link, #footer_lina a:visited
{
    float:left;
    width: 200px;
    margin-top: 0px;
    margin-left :10px;
    font-size: 10px;
    line-height:18px;
    font-weight: normal;
    text-align:left;
}
#facebook 
{
    margin-left: 30px;
    vertical-align:middle;
}
#Skugga
{
	width: 660px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}
#strecklod
{
	background-color: #4e3866;
    width: 2px;
    height:100%;
    margin-top: 0px;
    margin-bottom: 0px;
}
#strecklod2
{
	background-color: #4e3866;
    width: 2px;
    height:30px;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align:top;
}
#streckvag
{
	background-color: #4e3866;
    height:2px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.meny
{
	background-color:#9966cc;
    color: #000000;
    font-family: Times, Arial, Verdana;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	position:relative;
	overflow:visible;
	padding:0 8px;
}

.meny a:link
{
	color: #000000;
	text-decoration: none;
}
.meny a:visited
{
	color:#000000;
	text-decoration: none;
}

.meny a:hover
{	
	text-decoration: underline;
}

.underMeny
{
	background-color: #9966cc;
	border-color:#4e3866;
	border-style:solid;
	border-width: 1px;
	font-size: 14px;
	font-weight:bold;
	color:#000000;	
}

.underMeny a:link, .underMeny a:visited
{
	background-color: #9966cc;
  	padding:0 8px;
  	color:#000000;
  	border-color:#4e3866;
	border-style:solid;
	border-width: 1px;
	text-decoration: none;
}

.underMeny a:hover
{	
    display:block;	
  	padding:0 8px;
  	color:#000000;	
  	border-color:#4e3866;
	border-style:solid;
	border-width: 1px;
	text-decoration: underline;
}

.kontakta
{
    /*border: 1px solid #FFFFFF;*/
    width: 199px;
    margin: 0px;
    height:30px;
}
.avdelning
{
    /*border: 1px solid #FFFFFF;
    width: 199px;*/
    margin: 0px;
    padding:0px;
    line-height:28px;
}

.indrag
{
    /*border: 1px solid #FFFFFF;
    width: 199px;*/
    padding-left: 30px;
    padding-right: 30px;
}
.indragrbr
{
    /*border: 1px solid #FFFFFF;
    width: 199px;*/
    padding-left: 60px;
    padding-top: 10px;
    padding-bottom: 20px;
}
/*
.modalBackground
{
	background-color: #9966cc;
	filter:alpha(opacity=70);
	opacity:0.7;		
}

*/

/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */

#body
{
    margin-top: 0px;
    margin-right: auto;
    /*margin-left: auto;*/
    position: relative;
    font-size: 14px;
    line-height: 22px;
    background-color:Transparent; 
    /*background: url(../../images/middle.png) repeat-y;*/
}

 /* 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:#999999;
	border-color:#999999;
	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;
}

/* 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 #948771;
	background-color:#cc99ff;
	color:#666666;
}

#nyhet
{
    /*width: 770px;*/
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 30px;
    text-align:left;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    /*background-color:White;*/
}
.NyhetRubr
{
	font-size: 16px;
    line-height: 28px;
    font-weight:normal;
}
.NyhetDatum
{
    font-size: 14px;
    line-height: 18px;
    font-weight:bold;
    text-decoration: none;
    /*background-color:White;*/
}
.NyhetBen
{
    font-size: 14px;
    line-height: 18px;
    font-weight:bold;
    /*background-color:White;*/
}
.NyhetBeskr
{
    font-size: 12px;
    line-height:16px;
    font-weight:normal;
    /*background-color:White;*/
}
#dokument_popup
{
	background: url('../../images/middle.png') repeat-y; 
    margin-top:10px;
    margin-left:10px;
	text-align:left;
    background-color:White;
}

/* 2 PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}
h5 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.0em;
	font-weight: bold;
}
/* 2.1 ALL PAGES */

#home, #resume, #links, #albums, #photos, #details, #register, #admin-albums, #admin-photos, #admin-details {
	
	position: relative;
	padding: 0px 0px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 0px; /* Weird Mozilla Bug */
	/*text-align:center;*/
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
}

.view 
{
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: center;
}

.view .photo-frame {
	margin-left: 5px;
	margin-right: 5px;
}

.item {
	padding: 5px 15px;
	color: #000000;
}

.item h4 
{
	margin:0px;
	margin-bottom: 0em;
}
.item h5 
{
	margin:0px;
	margin-bottom: 0em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.buttonbar, .buttonbar-top {
	/*width: 686px;*/
	height: 36px;
	background-image: url(Images/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
}
/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
#slideshow {z-index: 0; width: 630px; margin: auto }
#slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }
#nav { z-index: 50; position: absolute; bottom: 10px; left: 35px }
#nav a { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #bcbfc0; text-decoration: none }
#nav a.activeSlide { background: #9966cc }
#nav a:focus { outline: none; }
#nav a:link { color: black; }