/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/

img
{
	border: 0;
}

body
{
	background-image:url(/images/habo/BG.jpg);
	background-repeat:	repeat-x;
	/*background-color:#ECECEC;*/
	/* background-color: #F0F0F0;*/
}

#Alla
{
	/*width: 990px;*/
	width: 95.5em;
	margin-top: 0.2em;
	padding-bottom: 0.5em;	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*background-color:#ECECEC;*/
	background-color:#FFFFFF;
}

#TopRegion
{	
	text-align: center;
	display: block;
	/*background-color:#ffffff;*/	
}
#HeaderDiv
{
	float: none;
	margin-top: 0px;	
	background-color:#FFFFFF;	
	/*
	background-image:url(/images/habo/Logga.jpg);	
	background-repeat:no-repeat;
	background-position: left;			
	*/
	/*width: 990px;*/
	vertical-align: top;
	
	margin-bottom:-0.05em;
	/*height:15em;
	width: 95em;*/
	/*height:155px;*/
	
}
.HeaderLogga
{
	float:left;
	vertical-align: top;	
	padding-left: 0.7em;
	padding-bottom: 0.2em;	
	/*
	padding-top: 30px;
	padding-bottom: 25px;
*/
	/*background-color:#ECECEC;*/
	/* margin:10px 0px 5px 10px;*/
}
#HeaderBild
{
	float:none;
	text-align:right;
	
	margin:0em 0em 0.07em 0em;
}
#Bakom0
{
	/*position: absolute;*/
	/*position: relative;
	float: left;*/
	z-index:1;	
}
#Bakom1
{
	/*position: absolute;*/
	/*position: relative;
	float: right;*/
	z-index:0;	
}


#quickbardiv
{
	/*
	position:relative; 
	margin-top: -5em; 
	margin-right: 3px; 
	float: right; 
	text-align: right;
	width: 48%;
	*/
	
	/* height: 15px;		
	padding-top: 0.1em;
	padding-bottom: 1em;	
*/	
	float: right; 
	text-align: right;
	position:relative; 
	background-color:#009966;
	background-image:url(/images/habo/QuickBar.gif);	
	background-repeat:no-repeat;
	background-position: right;
	height:2em;
	
}
#quickbar
{
	text-align: right;
}


#TopMenuDiv
{ 
	/* background: #E0D2B5 url(../images/topmenubg.gif) repeat-x;*/
	
	background-color: #009966;	
	font-size: x-small;
	text-align: left;
	display: block;
	padding-top: 0.2em;	
	padding-left: 0.4em;			
	/*
	padding-bottom:0.3em;	
	*/	
	height: 2.3em;
}
#TopMenuControl
{			
	background-color: #009966;
	margin-top: 0em;	
	/* padding: 0.4em 0em 0.3em 0em;*/
	padding: 0.2em 0em 0em 0em;	
	width: 100%;
	font-size: 1.1em;
	font-family:  Verdana, Tahoma, Arial;
}

#MainRegion
{	
	/*
	BORDER-TOP: 1px solid #009966;	
	margin-top: 0px;
	*/
	width: 93em;
	margin-top:-0.05em;
	padding-top: 1.5em;	
	padding-left:1em;	
	padding-bottom: 3em;	
	background-color: #FFFFFF;	
}

#LeftRegion
{
	width: 22%;
	float: left;
	line-height: 1.21em;
	background-color: #Ffffff;
}

#MainAndRightRegion
{
	width: 77%;
	float: right;	
}

#MainDiv
{
	float: left;
	text-align: left;
	background-color: #Ffffff;
}
.MainRegionDiv
{
	width: 70%;		
}

#RightRegion
{
	width: 26%;
	float: right;
	text-align: left;		
	margin-right:0.5em;
	margin-top: -2.1em;
}

#FooterLogotyp
{	
	background-color:#ECECEC;
	text-align: center;
	display: block;
	width: 95em;
	margin-top: 2em;
	padding-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
	border: solid 1px #009966;
}

#Logotyp
{
	text-align: center;
	display: block;
	margin-top: 0px;
	float: none;	
}

/* ---- Till första sidan ---- */
/* --------------------------- */

#MonthBild
{
	margin:5px 11px 0px 5px;
	width:186px;		
}


/* --------------------------- */

#SnabbBild
{
	margin:5px 11px 0px 5px;	
	width:186px;
}


.QuickChoiceSelection
{	
	/*height:70px;*/
	/* width:186px;*/
	background-color:#DDDDDD;
	padding:10px;
	/*
	border-left: solid 1px #009966;
	border-right: solid 1px #009966;*/
}

/* --------------------------- */

#SurveyBild
{
	margin:5px 11px 0px 5px;
	width:186px;	
}
.InfoBoxHead
{
	background-color:#009966;
	padding:4px 0px 4px 5px;
	font-family:ArialBlack;
	font-weight:bold;
	font-size:18px;
	color:White;
}
.InfoBoxBody
{
	background-color:#DDDDDD;
	/*padding:10px;*/
	font-size:1.1em;	
	
	
}
.InfoBoxFooter
{	
	background-image:url(/images/habo/Divider.gif);	
	height:2px;
	margin:0px 0px 0px 0px;		
	margin-bottom:10px;
	width:186px;
}

/* --------------------------- */
.WelcomeTextStyle
{
	font-family:Arial Black;
	font-weight:bold;
	font-size:24px;
	color:#009966;
	text-align:center;
}
/* --------------------------- */
.IkonPlaceholder
{
	display:block;
	clear:both;
}

.BannerSeparator
{
	background-image:url(/images/PageMenuLine.gif);
	background-repeat:repeat-x;
	height: 1px;
}

.IkonItem
{
	cursor: hand;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(/images/PageMenuLine.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
	margin-bottom:5px;
	margin-top:5px;
	text-decoration:none;
	color: #333333;
	display:block;
	height:40px;
}

html>body .IkonItem
{
	height:auto;
	width:200px;
	float:left;
}

.IkonImage
{
	float:left;
	margin-left:5px;
}
.IkonText
{
	font-weight:bold;
	font-size:1.2em;
	font-family:  Verdana, Tahoma, Arial;
	float:left;
	margin-top:10px;
	margin-left:10px;
}
.IkonSeparator
{
	padding-top: 7px;	
}

/* --------------------------- */

#OpenBild
{
	margin:65px 11px 0px 5px !important;	
	margin:10px 11px 0px 5px;	
	width:186px;
}


/* --------------------------- */

#rightListingBox
{
	border: solid #F0E5CE 0.1em;
	background-color: #F0F0F0;
}

#contentdivStartPage
{
	background-color: #FFFFFF;
}
.startpagewidth
{
	width: 67%;
}

#rightmenudivStartPage
{
	width: 29%;
	float: right;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}

div.footerleftcornerdiv
{
	background-image: url(../images/corner_left_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 0.5em;
	height: 2.1em;
	float: left;
}
div.footerrightcornerdiv
{
	background-image: url(../images/corner_right_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 0.5em;
	height: 2.1em;
	float: right;
}
#FooterDiv
{
	background: #F0E5CE url(../images/footer_gradient.gif) repeat-x;
	height: 2.1em;
}

#FooterRegion
{
	/*
	background: #F0E5CE url(../images/footer_gradient.gif) repeat-x;
	height: 2.1em;
	*/
	margin-top:0.5em;		
	padding-left: 0em;	
	text-align: right;
	margin-right: 0.1em;
	/*border: solid #FFFFFF 0.1em;*/
}
#footermaindiv
{
	width: 76.8em; 
	float:left; 
	line-height: 2.1em;
	height: 2.1em;
}
#footerleftdiv
{
	width: 33%; 
	float: left; 
	text-align: left;
}
#footermiddlediv
{
	width: 33%; 
	float: left; 
	text-align: center;
}
#footerrightdiv
{
	width: 33%; 
	float: left; 
	text-align: right;
}
#maincontainerdiv
{
	padding-top: 1em;
	padding-bottom: 3em;
	padding-left:1em;
	background-color: #FFFFFF;
}
#contentdiv
{
	width: 77%;
	float: right;
}
#topmenu
{
	margin-top: 1.7em;
	padding: 0.4em 0em 0.3em 1em;
	width: 100%;
}
#cookielink
{
	border-width: 0.1em 0em;
	border-style: solid;
	border-color: #ddd;
	padding: 0.5em 0em;
	margin-top: 1em;
	display: block;
}
/* -- Standard divs --*/

.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}
.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.tablerow
{
	width: 99%;
	padding: 0.5em;
}
div.description
{
	float: left;
	width: 20%;
}
div.content
{
	float: right;
	width: 79%;
}
div.fullwidth
{
	width: 100%;
}
div.rightpadded
{
	padding-right: 1em;
}
div.clear
{
	clear: both;
}
div.emptyclear 
{
	clear:both;
	width: 1px;
	height:0;
	line-height:1px;
	font-size:1px;
}