﻿body
{
    font-family: Arial, Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 30px;
    font-size: 14px;
    line-height: normal;
    /*background: url(../../images/bakgrund.jpg); 
    background-repeat:repeat-y; */
    background-color: #F0F0F0;
    /*margin-top:10px;*/
}
a:link
{
    color: #000000;
}
a:visited
{
    color: #000000;
}
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-size: 24px;
    font-weight: bold;
    color: #971919;
}
h3
{
    font-size: 11px;
    font-weight: bold;
    line-height:15px;
}

/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

#hasse
{
	background: url(../../images/hasse.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}

#spaltbild1
{
	background: url(../../uploads/spaltbild1.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild2
{
	background: url(../../uploads/spaltbild2.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild3
{
	background: url(../../uploads/spaltbild3.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild4
{
	background: url(../../uploads/spaltbild4.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild5
{
	background: url(../../uploads/spaltbild5.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild6
{
	background: url(../../uploads/spaltbild6.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild7
{
	background: url(../../uploads/spaltbild7.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild8
{
	background: url(../../uploads/spaltbild8.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}
#spaltbild9
{
	background: url(../../uploads/spaltbild9.jpg) no-repeat;
	width: 175px;
    height: 665px;
    margin-top:0px;
    margin-right:13px;
    text-align:right;
}

#top
{
	background: url(../../images/top.png) no-repeat;
	/*width: 200px;*/
    height: 35px;
    margin-top:0px;
}

#bottomwrapper
{
	background: url(../../images/bottom.png) no-repeat;
	/*width: 200px;*/
    height: 53px;
    margin-top:0px;
    font-size: 20px;
    font-weight: bold;
    color: #971919;
}
.bottommalochmening
{
    font-size: 20px;
    line-height:20px;
    font-weight: bold;
    color: #971919;
}
.bottomadress
{
	/*background: url(../../images/bottom.png) no-repeat;
	width: 200px;
    height: 53px;
    margin-top:0px;*/
    font-size: 10px;
    font-weight: bold;
    color: #971919;
}
#middle
{
	background: url(../../images/middle.png) repeat-y;
	/*width: 200px;
    height: 50px;*/
    margin-top:0px;
}

#right
{
	background: url(../../images/hasse.jpg) no-repeat;
	width: 200px;
    height: 443px;
    margin-top:0px;
}

.meny
{
	background-color: transparent;
    color: #7B7A79;
    font-family:Arial, Verdana;
	font-size:14px;
	position:relative;	
	overflow:visible;	
}

.meny a:link
{
	color: #7B7A79;
}
.meny a:visited
{
	color:#7B7A79;
}

.meny a:hover
{	
	text-decoration: underline;	
}

.underMeny
{
	background-color: #F0F0F0;
	border-color:#7B7A79;
	border-style:solid;
	border-width: 1px;
	font-size: 12px;
	color:#7B7A79;	
}

.underMeny a:link, .underMeny a:visited
{
  	padding:0 8px;
  	color:#7B7A79;
  	border-color:#7B7A79;
	border-style:solid;
	border-width: 1px;
}

.underMeny a:hover
{	
    display:block;	
  	padding:8 8px;
  	color:#7B7A79;	
  	border-color:#7B7A79;
	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:White;*/
}

 /* A full width block on the page */
.fullwidth
{
    /*border: 1px solid #FFFFFF;*/
    width: 450px;
    margin-right: auto;
    margin-left: 1px;
    /*background: #FFFFFF;*/
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    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
{
  text-align:right;
  position: relative; 
  padding: 1px 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;
}

	