@import url("reset.css");

body {font-size:12px; font-family:Georgia; background:#252c47;}
body.mceContentBody { background: #fff; }
#tinymce { background-color: #fff; }

/*---------Text And fonts----------*/
p{font-size:12px; line-height:20px;}
h1{font-size:24px; line-height:34px; font-weight:lighter; color:#252c47;}
h2{font-size:17px; line-height:30px; font-weight:lighter; color:#252c47;}
h3{font-size:15px;line-height:25px; font-weight:bold; color:#252c47;}
h4{font-size:14px; line-height:24px; font-weight:normal; color:#252c47;}

address{font-style:normal;}
strong{font-weight:bold; line-height:18px;}		
small{font-size:9px; line-height:24px; font-weight:normal;}
em{font-style:italic;}
/*---------Text Classes----------*/
.bigH1{font-size:32px; line-height:50px;}
.strong12{font-size:12px; }
.strong{font-weight:bold;}
.arialColum p,.arialColum em,.arialColum strong{ font-size:11px; line-height:15px;  font-family:Arial;}
.textDarkBlue{color:#252c47;}
.textDarkGreay{color:#333;}
.textWhite{color:#fff;}
.arial, .arial p, .arial strong, .arial a, .arial em{font-family:Arial;}
.georgia{font-family:Georgia;}
.lineHeight50{line-height:50px;}
.spx p, .spx a, .spx em{font-size:11px;}
/*--------------------------------------------------
              wysiwyg elements START   
---------------------------------------------------- 
   .wysiwyg = style for wysiwyg-editor
   .bigwords = Size when text is increased 
   .nobigwords = Stop text increased in .wysiwyg feild     
---------------------------------------------------*/

.wysiwyg.bigwords h1{font:lighter 27px/54px Georgia; color:#333;}
.wysiwyg.bigwords h2{font:lighter 22px/33px Georgia; color:#333;}
.wysiwyg.bigwords h3{font:normal 20px/27px Georgia; color:#252c47;}
.wysiwyg.bigwords h4{font:bold 18px/26px Arial; color:#252c47;}
.wysiwyg.bigwords h5{font:bold 17px/26px Arial; color:#252c47;}
.wysiwyg.bigwords h6{font:bold 17px/23px Arial; color:#252c47;}
.wysiwyg.bigwords p{font:normal 17px/23px Georgia; color:#333;}
.wysiwyg.bigwords em{font-style:italic;}
.wysiwyg.bigwords address{font:normal 16px/23px Arial; color:#333; margin-top:-13px;}
.wysiwyg.bigwords pre{font:normal 17px/23px Arial; color:#333;}
.wysiwyg.bigwords sup {color:#333; font-size:10px; vertical-align:super;}
.wysiwyg.bigwords sub { color:#333; font-size:10px; vertical-align:sub;}
.wysiwyg.bigwords strong{font:bold 17px/23px Georgia; color:#333;}
.wysiwyg.bigwords small{font:normal 15px/20px Georgia; color:#333;}
.wysiwyg.bigwords ul{list-style:disc; font:normal 17px/23px Georgia; color:#333;}
.wysiwyg.bigwords ol{list-style:decimal; font:normal 17px/23px Georgia; color:#333;}
.wysiwyg.bigwords ul li{}
.wysiwyg.bigwords ol li{}
.wysiwyg.bigwords a{font:normal 17px/23px Georgia; padding:0px 3px; background:#dae0e7; color:#333;}
.wysiwyg.bigwords a:link{}
.wysiwyg.bigwords a:visited{background:#b5c0ce;}
.wysiwyg.bigwords a:hover{}
.wysiwyg.bigwords a:active{}
.wysiwyg.bigwords img{margin:20px 0px;}
.wysiwyg.bigwords p img{margin:20px; }

.wysiwyg h1,.wysiwyg.bigwords .nobigwords h1, body.mceContentBody h1{font:lighter 24px/30px Georgia; color:#333; margin-bottom: 5px;}
.wysiwyg h2, .wysiwyg h2 strong,  .wysiwyg.bigwords .nobigwords h2, body.mceContentBody h2 {font:lighter 17px/30px Georgia; color:#333;}
.wysiwyg h3, .wysiwyg h3 strong, .wysiwyg.bigwords .nobigwords h3, body.mceContentBody h3 {font:normal 15px/25px Georgia; color:#252c47;}
.wysiwyg h4, .wysiwyg.bigwords .nobigwords h4{font:bold 14px/24px Arial; color:#252c47;}
.wysiwyg h5, .wysiwyg.bigwords .nobigwords h5{font:bold 12px/24px Arial; color:#252c47;}
.wysiwyg h6, .wysiwyg.bigwords .nobigwords h6{font:bold 12px/20px Arial; color:#252c47;}
.wysiwyg p, .wysiwyg.bigwords .nobigwords p, body.mceContentBody p { font:normal 12px/19px Georgia; color:#333; margin-bottom: 12px;}
.wysiwyg em, .wysiwyg.bigwords .nobigwords em, body.mceContentBody em{font-style:italic;}
.wysiwyg address, .wysiwyg.bigwords .nobigwords address, p.address{font:normal 13px/20px Arial; color:#333; margin-top:-3px;}
.wysiwyg pre, .wysiwyg.bigwords .nobigwords pre{font:normal 12px/20px Arial; color:#333;}
.wysiwyg sup, .wysiwyg.bigwords .nobigwords sup{color:#333; font-size:10px; vertical-align:super;}
.wysiwyg sub, .wysiwyg.bigwords .nobigwords sub { color:#333; font-size:10px; vertical-align:sub;}
.wysiwyg strong, .wysiwyg.bigwords .nobigwords strong, body.mceContentBody strong {font:bold 12px/20px Georgia; color:#333;}
.wysiwyg small, .wysiwyg.bigwords .nobigwords small{font:normal 10px/20px Georgia; color:#333;}
.wysiwyg ul, .wysiwyg.bigwords .nobigwords ul, body.mceContentBody ul{list-style:disc; font:normal 12px/20px Georgia; color:#333; list-style-position:outside; margin: 15px 15px 15px 25px; }
.wysiwyg ol, .wysiwyg.bigwords .nobigwords ol, body.mceContentBody ol{list-style:decimal; font:normal 12px/20px Georgia; color:#333; list-style-position:outside; margin: 15px 15px 15px 25px;}
.wysiwyg ul li, .wysiwyg.bigwords .nobigwords ul li, body.mceContentBody ul li{}
.wysiwyg ol li, .wysiwyg.bigwords .nobigwords ol li, body.mceContentBody ol li{}
.wysiwyg a, .wysiwyg.bigwords .nobigwords a, body.mceContentBody a {font:normal 12px/20px Georgia; padding:0px 3px; /* background:#dae0e7; */ color:#6D89A7;}
.wysiwyg a:link, .wysiwyg.bigwords .nobigwords a:link, body.mceContentBody a:link{ text-decoration: underline; }
.wysiwyg a:visited, .wysiwyg.bigwords .nobigwords a:visited, body.mceContentBody a:visited{ /* background:#b5c0ce; */}
.wysiwyg a:hover, .wysiwyg.bigwords .nobigwords a:hover, body.mceContentBody a:hover{}
.wysiwyg a:active, .wysiwyg.bigwords .nobigwords a:active, body.mceContentBody a:active{}
.wysiwyg img, .wysiwyg.bigwords .nobigwords img, body.mceContentBody img{margin:20px 0px;}
.wysiwyg p img, .wysiwyg.bigwords .nobigwords p img, body.mceContentBody p img{margin:20px 0px;}

.wysiwyg table td, .wysiwyg table th, body.mceContentBody table td, body.mceContentBody table th { padding: 4px; font-family: Georgia; }

a.loginLink  
{
    color:#6D89A7;
}
.date
{
    font-family: Arial;
    font-size: 12px;    
}

#widcolum .wysiwyg p img, .wysiwyg.bigwords .nobigwords p img{position:relative; z-index:20; margin:20px 0px;}
/*--------------------------------------------------
 wysiwyg elements END           
---------------------------------------------------*/
/*-----  Text And fonts End  ------*/
/*-----  Site TAG default  ------*/
a{color:#252c47;}
a:link{text-decoration:none; }
a:visited{ }
a:hover{text-decoration:underline;}
a:active{}
 
.arialColum a{color:#252c47; font-family:Arial; font-size:11px; }
.arialColum a:link{text-decoration:none; }
.arialColum a:visited{text-decoration:none;}
.arialColum a:hover{text-decoration:underline;}
.arialColum a:active{text-decoration:none;}

input, textarea{border:none;}

/*-----  Site TAG default END  ------*/

/* Fancybox Start */
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #252C47;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #FFF;
	color: #000;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 36px;
	width: 37px;
	background: url('../images/overlayClose.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
}

span#fancy_right_ico {
	right: -9999px;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #000;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
}

td#fancy_title_main {
	height: 32px;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
}
/* Fancybox End */

/*---------------------------------------*/
/*--------  MAIN SITE START  ------------*/
/*---------------------------------------*/
/*----------wraping divs-----------------*/
#wrap{ }
#bgWrap{padding-bottom:60px; background:#f1f2f4 url(../images/site_haed_rep.jpg) repeat-x center top;}
#sitecontainer{width:940px; margin:0px auto 0px auto;}

.newsRepeaterArea { margin-top: 10px; }
.newsRepeaterArea h2 a { text-decoration: none; }

/*---------Header Start------------*/
#header{width:940px; height:135px; position:relative;}
	/*----------- Logo  --------------*/
	/* #header h1.logo{ }*/
	#header #LogoLink{ display: block;  position:absolute; top:25px; right:0px; background: url(../images/sgs_logo.gif) no-repeat top left; width: 88px; height: 60px; text-indent: -9999px; }
	#header #LogoLink.vb{ background: url(../images/sgs_vb_logo.gif) no-repeat top left; }
	#header #LogoLink.forms { right: 246px; }
	/*------------  Global menu  --------------*/
	#textLangSwitch{position:absolute; top:6px; left:10px; color:#999; font:normal 11px/15px Arial;}
	#textLangSwitch a, #textLangSwitch a:visited {color:#999; padding:0px; text-decoration: none;}
	#textLangSwitch a:hover {color:#252c47;}
	
	ul#globalLinks {
        padding-top: 6px;
    }
    ul#globalLinks li {
        display: inline;
        margin-left: 8px;
        font-size: 11px;
        line-height: 15px;
        font-family: Arial;
        color: #999;
    }
    ul#globalLinks li a, ul#globalLinks li a:visited  {
        color: #999;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }
    ul#globalLinks li a:hover  {
        color: #252C47;
    }
  /*------Main menu---------*/
	#headerMenu #mainMenu {list-style:none; position: absolute; top: 77px; left: 5px; }
	#headerMenu #mainMenu li{display:inline;}
	#headerMenu #mainMenu li a
	{
	    font-size: 12px;    
	    height:31px;
	    padding: 0 7px 0 0;
	    background: none;
        display:block;
        float:left;
        font-family:Arial,Helvetica,sans-serif;
        font-weight:bold;
        margin-right:6px;
        text-decoration:none;   
    }
    #headerMenu #mainMenu li a span
    {
        background: none;
        display:block;
        line-height:24px;
        padding:2px 11px 5px 18px;    
    }
    
    #headerMenu #mainMenu li a:hover
    {
        background: transparent url(../images/top-menu-right.gif) no-repeat scroll center -5px;
    }
	
	#headerMenu #mainMenu li .mainSelected, #headerMenu #mainMenu li .mainSelected:hover 
	{
	    background: transparent url(../images/top-menu-right.gif) no-repeat scroll right -36px;
	}
	
	#headerMenu #mainMenu li .mainSelected span, #headerMenu #mainMenu li .mainSelected:hover span 
	{
	    background:transparent url(../images/top-menu-left.gif) no-repeat scroll 0 0;
	}
    
	/*-------Main menu sub------*/
	#headerMenu #subMenu{position:absolute; top:116px; left:20px; list-style:none;}
	#headerMenu #subMenu li{display:inline; }
	#headerMenu #subMenu li a{margin:0px 25px 0px 0px; padding:3px 4px; color:#252c47; font:normal 11px/5px Arial; text-decoration:none;}
	#headerMenu #subMenu li a:hover{text-decoration:underline;}
	
	#headerMenu #subMenu li a.mainSelected{font-weight: bold;}	
	
  /*-------Main menu end------*/
  /*--------------------------*/
  /*-------Header Serch-------*/
#header #headSerch{width:222px; height:23px; position:absolute; top:91px; left:718px; position: relative;}
#header #ajaxSearchTextField1{ float:left; padding:5px 7px 0px 7px; width:183px; height:17px; background:url(../images/serch_BGfield_ny.jpg) no-repeat left top;
                         font:normal 11px/14px Arial; color:#252c47;}
#header #headSerchBtn{float:right; text-indent:-9000%; display:block; width:25px; height:23px; background:url(../images/serch_BGfield_ny_btn.jpg) no-repeat left bottom; }
#header #headSerchBtn:hover{background-position:left top; }

#header #ajaxSearchTextField1.results-loading
{
    color:#D1D1D1;    
}

#ajaxSearchResults
{
    background-color: #fff;
    border: solid 1px #C0D1E4;
    border-top: none;
    width: 199px;
    display:none;
    position: absolute;
    top: 23px;
    left: 1px;
    padding: 15px 10px 15px 10px;
    font-family: Arial;
}

.quickSearchResultList ol li.item 
{   
    margin-bottom: 7px;   
}
.quickSearchResultList ol
{   
    margin: 15px 0 15px 0;
}

.quickSearchResultList ol li a, .quickSearchResultList ol li a:visited
{   
    text-decoration: none;
}

.hitCount, .showAllHits
{
    font-weight: bold;    
}


/*-------Header Serch END-----*/
/*-------Header End-----------*/

/*-------Site Body AND colums----------*/
#sitebody{width:940px; float:left; margin:25px 0px 0px 0px;}
/*-------Colums Start------------------*/
#leftcolum{width:220px; float:left; margin-right:20px;}
#leftcolum_180{width:180px; float:left; margin-right:20px;}/*Offbalance*/
#rightcolum, .rightColumnContact{width:220px; float:right;}
#mainLeftcolum{width:700px; float:left;}
#midcolum {width:460px; float:left; }

#midcolumStandard, .midcolumStandard {width:500px; float:left; }
.wide { width:740px; }
.wideLeft { width:700px; }                   
#widcolum{width:740px; float:left;}
/*-------Site Body AND colums END------*/


/*-----------  Main Site Parts  -------------*/
/*-------------------------------------------*/

/*----------   Small msg Puff  --------------*/
.smallPuffmain{width:220px; height:187px; background-color: #fff; background-position:left top; background-repeat:no-repeat; float:left; margin:20px 0px 0px 20px; }
.smallPuffmain.smallPuffmainFirst{margin:20px 0px 0px 0px;}
.startPuffMsg{width:180px; padding:0px 20px; float:left; height:187px;}
.startPuffMsg h2 {line-height:17px; margin-top:10px;}
.startPuffMsg h2 span {background:url(../images/msgpil.gif) no-repeat right 8px; padding-right: 16px;}
.startPuffMsg h2 a, .startPuffMsg a p { text-decoration: none; }

#msgPOPone, #msgPOPtwo, #msgPOP3 { height: 179px; }
.popup-top { background: #fff url(../images/popup-start-top.gif) no-repeat left top; width: 100%; height:8px;}
               			/*------------  Background images  ----------------*/
							            .smallPuffmain { background-position:  center 35px; background-repeat: no-repeat; }
							            .smallPuffmainPaintbucket{background-image:url(../images/puff_paintbucket.jpg);}
										.smallPuffmainBoj{background-image:url(../images/puff_boj.jpg);}
										.smallPuffmainExchange{background-image:url(../images/puff_stuident_exchange.jpg); }
										.smallPuffmainBird{background-image:url(../images/puff_bird.jpg);}
										.smallPuffmainPen{background-image:url(../images/puff_pen.jpg);}
										.smallPuffmainFlag{background-image:url(../images/puff_flag.jpg);}

/*---   Strech Puff used for main content strech to any size  ---*/
.contentpuff{width:100%;  float:left; background:#fff;}
.contentpuff .placeContent{ margin:20px; margin-bottom:0px; overflow: hidden;}
.contentpuff .placeContent_500{ margin:20px 40px; clear:both;}
.contentpuff .placeContent_wide{width:500px; margin:20px 40px; clear:both;}
.contentpuffTop{height:5px; width:100%;float:left; background:url(../images/maincontainer_top_right.gif) no-repeat right top;}
.contentpuff .topEndLeft{width:5px; height:5px; float:left; background:url(../images/maincontainer_top_left.gif) no-repeat left top;}
.contentpuffBottom{height:5px; width:100%;  float:left; background:url(../images/maincontainer_bottom_right.gif) no-repeat right top;}
.contentpuff .bottomEndLeft{width:5px; height:5px; float:left; background:url(../images/maincontainer_bottom_left.gif) no-repeat left top;}

.contentpuff .placeContent_500 .introText { margin-bottom: 16px; }

/*--- Large banner start  ---*/
.largeBannerArea img {  }
.largeBannerArea h2 { margin: 14px 0px 7px 0px; line-height:17px; }
.largeBannerArea h2 a, .largeBannerArea p a { text-decoration: none; }
.largeBannerArea p { margin: 0px 0px 5px 0px; }
/*--- Large banner end ---*/

/*------------- under sidor content-------------------*/
.contentpuff .placeContent.undersida{margin:30px; clear:both;}
.undersida .bigimage{margin:20px 0px;}

.contentpuff .placeContent_iframe{margin:30px 69px 20px 69px; clear:both; width:800px;}
/*------------- under sidor contactPage-------------------*/

.additionalInformationWrapper
{
    height: 0;
}
.additionalInformation
{
    display:none;
}
.kontaktFormArende, .kontaktFormBorjag, .kontaktFormMeddelande, .kontaktFormGata, .kontaktFormEmail, .kontaktFormMobilnr
{
    float: left;    
}



.contactSpacer
{
    width: 103px;
    float: left;    
}

.contactCheckBox
{
    vertical-align: middle;
    font-size: 100%;   
    margin-right: 7px;
}

/*------------Strech Puff END-------------------------*/

/*-------------  Main Site Parts END -----------------*/
/*----------------------------------------------------*/


/*-----------Right Sidebar Parts-------------*/
/*-------------------------------------------*/
#SidebarLoginform .loginfield{width:124px; height:18px; margin-bottom:8px; padding:3px 7px 0px 7px; background:url(../images/startsida_loginform_textfield_130.jpg) no-repeat left top ; border:none;
                              font:normal 11px/15px Arial; color:#333;}
#SidebarLoginform #loginfieldBtn{width:39px; height:19px;   float:right; }
#SidebarLoginform #loginfieldBtn a{width:39px; display:block; height:19px;  text-indent:-9000%;  background:url(../images/startsida_loginform_ok_btn.jpg) no-repeat left top; }
#SidebarLoginform #loginfieldBtn a:hover, #SidebarLoginform #loginfieldBtn a:focus {background-position:left bottom;}
#SidebarLoginform a{font:normal 11px/11px Arial; color:#6D89A7; text-decoration:none;}
#SidebarLoginform a:hover{text-decoration:underline;}

/*----------- Right Sidebar PUFF--------------------------*/						
.sidebarPuff{width:220px; background:#fff; margin-bottom:20px; clear:both; background-position:left top; background-repeat:no-repeat; }
.sidebarPuffTop{width:220px; height:26px; }
.sidebarPuffTop h4{font:bold 12px/24px Arial; color:#fff; display:inline; width:180px;  padding-left:5px;}
.sidebarPuffContent{width:190px;  color:#333; padding:20px 15px 13px;  }
.sidebarPuffBottom{width:220px; height:6px; background:url(../images/sidebar_bottom.gif) no-repeat left bottom;}
.sidebarPuffContent.loginPuff{ height:97px; padding:15px 15px 0px 15px;  }
.iconHolder{width:30px; height:25px; float:left; background-position:left top; background-repeat:no-repeat;}
                            /*------     PUFF TOPBAR COLORS   -------*/
							.sidebarPuffGreen{background-image:url(../images/sidebar_bar_green_top.jpg);}
							.sidebarPuffBlue{background-image:url(../images/sidebar_bar_blue_top.jpg);}
							.sidebarPuffGray{background-image:url(../images/sidebar_bar_greay_top.jpg);}
														/*------     PUFF TOPBAR ICONS   -------*/
							.iconFire{background-image:url(../images/sidebar_icon_fire.png);}
							.iconHouse{background-image:url(../images/sidebar_icon_house.png)}
							.iconMouse{background-image:url(../images/sidebar_icon_mouse.png)}
							.iconPhone{background-image:url(../images/sidebar_icon_phone.png)}
							.iconSpeaker{background-image:url(../images/sidebar_icon_speaker.png)}
							.iconTruck{background-image:url(../images/sidebar_icon_truck.png)}
							.iconCalender{background-image:url(../images/sidebar_icon_caleder.png)}
							
/*----------- Right Sidebar PUFF END --------------------*/

/*-----------  Left Sidebar Parts Start  -------------*/
/*--------------------------------------------------*/
/*----------   Left Menu Accordion   ------*/


#leftMenu180 {width:180px; }

ul.leftMenu li a {
    display: block;
    background:url(../images/left_180_mid.jpg) no-repeat left bottom;
    padding-left:18px;
    height: 27px;
    padding-top: 3px; 
    text-decoration:none; 
    color:#252c47; 
    font:bold 12px/22px Arial; 
    color:#252c47;
}

ul.leftMenu li a.firstItem {
    background:transparent url(../images/left_180_top.jpg) no-repeat scroll left bottom;
}

ul.leftMenu li.selected a {
    background-position: top left;
}

ul.leftMenu li.trail a {
    background: url(../images/left_180_bott.jpg) no-repeat left bottom;
}
/* Second level */
ul.leftMenu li ul {
    background-color: #c0d1e4;
    padding: 15px 0 15px 7px;
}

ul.leftMenu li.trail ul li a {
    background-image: none;
}

ul.leftMenu li ul li a {
    background-image: none;
    height: auto;
    padding:4px 0 3px 20px;
    font-weight: normal;
    font-family: Georgia;
    line-height: 14px;
    font-size:11px;
}
ul.leftMenu li ul li a:hover {
    background:transparent url(../images/left_menu_pil.gif) no-repeat scroll left center;
}
ul.leftMenu li ul li.selected a {
    font-weight: bold;
}

/* Third level */
ul.leftMenu li ul li ul {
    padding: 0 0 0 15px;
    font-family: Arial;
}
ul.leftMenu li ul li.selected ul li a {
    font-family: Arial;
    font-weight:normal;
}


.accordion div.content h2, .accordion div.content h3, .accordion div.content h4 
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}
.accordionNewsList .date
{
    font-family: Arial;
    font-size: 11px;    
}
.accordionNewsList p
{
    font-weight: normal;
    margin-bottom: 7px;
    line-height: 12px;
}

.accordion div.content a.moreNews
{
    font-weight: bold;
}
.accordionNewsList h3, .accordionNewsList h3 a
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
    line-height: 13px;
}

/*----------   Left Menu Accordion END  ------*/
.leftInfoBox{width:220px; margin-top:40px;}
/*-----------  Left Sidebar Parts End ----------------*/
/*--------------------------------------------------*/

/*----------  Footer start  -----------------*/
#footercontainer{width:100%; height:150px; background:#252c47; }
#footer{ width:940px; height:120px; margin:20px auto 0px auto; }
#footer p, #footer a, #footer em, #footer address, #footer a:visited { font-size:11px; color: #fff; text-decoration: none;} 
#footer a:hover { text-decoration: underline; }
/*----------  Footer End  -------------------*/

/*------------   Kontakt START -------------------*/
.contentpuff .placeContent.undersida700{margin:30px 30px 0px 30px; width:640px; }/*EI6 fix for MainPuff*/

#kontaktForm input, #kontaktForm textarea, #kontaktForm select otions, #kontaktForm .FormKontakt, #kontaktForm .FormArende, #kontaktForm .FormBorjag{font:normal 12px/20px Arial;}
#kontaktForm strong label{float:left;padding-right:20px; }
#kontaktboxcontainer1, #kontaktboxcontainer2, #kontaktboxcontainer3, .kontaktboxcontainer3, #kontaktboxcontainer4, #kontaktboxcontainer5{float:left;}
#kontaktboxcontainer1{width:260px; margin:20px 60px 0px 0px;}
#kontaktboxcontainer2{width:320px; margin-top:20px;}
#kontaktboxcontainer3,.kontaktboxcontainer3{width:310px; margin-top:20px; }
#kontaktboxcontainer4{width:531px; margin-top:20px;}
#kontaktboxcontainer4 textarea, .contactMessageArea{width:407px; overflow:auto; padding:4px 5px 4px 5px; height:78px; float:left; font-family: Arial; font-size: 12px; background-color:transparent;}
#kontaktboxcontainer4 .messageWrapper {float: right; background:url('../images/kontakt_textarea.jpg') no-repeat left top; width:426px;}

#kontaktboxcontainer5{width:310px; margin:20px 0px 0px 0px;}
#kontaktboxcontainer6{ width:298px; margin-top:20px; float:right;}
#kontaktboxcontainer7{ height:23px; float:right; margin:18px 0px 0px; width: 320px;}
#kontaktboxcontainer7 #kontaktSkickaBtn, .contactSendButton {height:23px; display:block; float: right;  width:60px;  background: url('../images/kontaktsida_form_skicka_btn.jpg') no-repeat left bottom; text-indent:-9000%;}
#kontaktboxcontainer7 #kontaktSkickaBtn:hover {background-position:left top;}
#kontaktFormEmail, #kontaktFormGata, #kontaktFormName {width:196px; height:20px; padding:4px 5px 0px 5px; float:right; background:url('../images/kontakt_text1_ny.jpg') no-repeat left top;}
#kontaktFormMobilnr{width:146px; height:20px; padding:4px 5px 0px 5px; float:right; background:url('../images/kontakt_text2.jpg') no-repeat left top;}
/*----------   Kontakt  Selectboxes  --------*/
    .Kontakt_list li span, .Arende_list li span,.Borjag_list li span{padding:0px 3px; white-space:nowrap; overflow:hidden; }
	.Kontakt_list li, .Arende_list li, .Borjag_list li{cursor:pointer; padding:4px 0px; overflow:hidden; }
	ul.Kontakt_list, ul.Arende_list, ul.Borjag_list{padding:5px 0px; margin: 0px;}
	.Kontakt.selectHover,.Arende.selectHover, .Borjag.selectHover{background: #ebebeb;}
	.Kontakt_indi, .Arende_indi, .Borjag_indi{display:block; width:15px; height:15px; float:right;  background: url('../images/kontakt_select_btn.jpg') no-repeat left bottom; width:30px; height:24px;}
	.Kontakt_indi.listIsOut, .Arende_indi.listIsOut, .Borjag_indi.listIsOut{background-position:left top;}
	.Kontakt_wrap, .Arende_wrap, .Borjag_wrap{font-family:Arial;}
	.Kontakt_listContainer, .Arende_listContainer, .Borjag_listContainer{background: #fff url('../images/select_list_bg.gif') repeat-x center bottom; border: 1px solid #ebebeb; border-top:none;}
	
	.Kontakt_wrap{position:relative; z-index:12; float:right; cursor:pointer;}
	.Kontakt_heading{width:154px; height:24px; background:#ffffcc; background:url('../images/kontakt_select_body.jpg') no-repeat left top;}
	.Kontakt_heading p {width:104px; float:left; margin-top:1px; margin-left:10px; white-space:nowrap; overflow:hidden;}
	.Kontakt_listContainer{position:absolute;  top:24px; left:0px; width:154px; }

    .Arende_wrap{position:relative; z-index:10; float:right; cursor:pointer;}
	.Arende_heading{width:180px; height:24px; background:#ffffcc; background:url('../images/kontakt_select_body.jpg') no-repeat left top;}
	.Arende_heading p{width:130px; float:left; margin-top:1px; margin-left:10px; white-space:nowrap; overflow:hidden;}
	.Arende_listContainer{position:absolute;   top:24px; left:0px; width:180px; }

    .Borjag_wrap{position:relative; z-index:10; float:right; cursor:pointer;}
	.Borjag_heading{width:200px; height:24px; background:#ffffcc; background:url('../images/kontakt_select_body.jpg') no-repeat left top;}
	.Borjag_heading p{width:150px; float:left; margin-left:10px; margin-top:1px; white-space:nowrap; overflow:hidden;}
	.Borjag_listContainer{position:absolute;  top:24px; left:0px; width:200px; }
	
	.ContactMatters, .ContactAreas { float: right; width: 180px; }
	.ContactAreas { float: right; width: 160px; }
/*------------   Kontakt END  -------------------*/

/*------------   Object sida START  -------------------*/
 .objectPuff{width:360px; height:68px; margin-top:5px; padding:8px 20px 0 40px; background-repeat:repeat; background-position:left top;}
             .objectPuffGreen{background-image:url(../images/prat_bubbla_undersida.jpg);} 

.midSpeakBubb{width:420px; margin:20px 0px;}
.midSpeakBubbTop{width:420px; height:8px; background:url(../images/expand_bubbla_top.jpg) no-repeat left top;}
.midSpeakBubbMid{width:420px; background:url(../images/expand_bubbla_rep.jpg) repeat-y left top;}
.midSpeakBubbMid div{padding:8px 10px 4px 50px;}
.midSpeakBubbMid div h2{color:#fff; line-height:23px;}
.midSpeakBubbBott{width:420px; height:16px; background:url(../images/expand_bubbla_bottom.jpg) no-repeat left top;}			  
		 
			 
/*-----------   Tab   Start   ---------*/			 		 
#object_tabs {width:420px; margin:20px 0px;}

#object_tabs ul.navigation li {display:inline; margin:0px 2px 0px 0px;}
#object_tabs ul.navigation li a {font:bold 12px/24px Arial; float:left; margin-right:4px; padding:8px 0px 2px 6px; background:url(../images/objektsida_tab_btn_end.gif) no-repeat left top; color: #252C47;}
#object_tabs ul.navigation li a span{padding:13px 12px 7px 6px; float:none; background:url(../images/objektsida_tab_btn.gif) no-repeat right top;}
#object_tabs ul.navigation .ui-tabs-selected a {background-position:left bottom;}
#object_tabs ul.navigation .ui-tabs-selected a span{background-position:right bottom;}
#object_tabs .object_tabs_content{width:380px; margin:0px 20px; clear:both; }	 
#object_tabs .object_tabs_contentWrap{ width:420px; float:left; background:#f1f2f4 url(../images/objektsida_tabbox_botten.gif) no-repeat left bottom; padding:40px 0px 30px 0px; margin:5px 0px 10px 0px; }
#object_tabs .object_tabs_contentWrap p, .object_tabs_contentWrap table {font:normal 11px/18px Georgia; color: #333; }
						         /*-------  list icons and text  --------*/
			 h4.tabListText{font:bold 12px/24px Arial; padding-left:35px; margin-top:10px; color:#666;}
			.tabListLeft{width:190px; float:left; margin-top:20px;}
			.tabListRight{width:190px; float:right;margin-top:20px;}
			.tabIcon_bastu{background:url(../images/icon_tab_bastu.gif) no-repeat left top;}
			.tabIcon_matsal{background:url(../images/icon_tab_bestick.gif) no-repeat left top;}
			.tabIcon_mcGarage{background:url(../images/icon_tab_bike.gif) no-repeat left top;}
			.tabIcon_biljard{background:url(../images/icon_tab_biljard.gif) no-repeat left top;}
			.tabIcon_cykel{background:url(../images/icon_tab_cykel.gif) no-repeat left top;}
			.tabIcon_garage{background:url(../images/icon_tab_garage.gif) no-repeat left top;}
			.tabIcon_internet{background:url(../images/icon_tab_net.gif) no-repeat left top;}
			.tabIcon_festlokal{background:url(../images/icon_tab_note.gif) no-repeat left top;}
			.tabIcon_tvRum{background:url(../images/icon_tab_tv.gif) no-repeat left top;}
			.tabIcon_gym{background:url(../images/icon_tab_walk.gif) no-repeat left top;}
			.tabIcon_beachvolley{background:url(../images/icon_tab_blank.gif) no-repeat left top;}
			.tabIcon_default{background:url(../images/icon_tab_blank.gif) no-repeat left top;}

.object_tabs_contentWrap table { line-height: 13px; }
/*-----------   Tab   End   ---------*/

/*------------   object sida End  -------------------*/
 /*---------Site MISC--------------*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both; display:block;}
.lowLineheigt{line-height:15px;}
.noBottomMargin{margin-bottom:0px;}
.red {color: Red;}
.green {color: Green;}
/*-------------   JQ UI   ----------------*/

.wysiwyg ul.ui-tabs-nav
{
    margin: 0;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* Accordion right column */
.accordionContainer
{
	height:558px;
	margin-bottom:20px;
	overflow:hidden;
}

.accordion a.top,.accordion a.center,.accordion a.bottom
{
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	display:block;
	font-family:Arial;
	font-size:12px;
	font-weight:700;
	height:26px;
	overflow:hidden;
	width:220px;
}

.accordion a.selected
{
	cursor:default;
}

.accordion a.selected:hover
{
	text-decoration:none;
}

.accordion a.top
{
	background-image:url('../images/sidebar_bar_green_top_ny.jpg');
}

.accordion a.center
{
	background-image:url('../images/sidebar_bar_green_mid_ny.jpg');
}

.accordion a.bottom
{
	background-image:url('../images/sidebar_bar_green_bottom_ny.jpg');
}

.accordion a.top span,.accordion a.center span,.accordion a.bottom span
{
	display:block;
	float:left;
	height:26px;
}

.accordion a span.fire,.accordion a span.house,.accordion a span.speaker
{
	background-repeat:no-repeat;
	width:30px;
}

.accordion a span.fire
{
	background-image:url(../images/sidebar_icon_fire.png);
}

.accordion a span.house
{
	background-image:url(../images/sidebar_icon_house.png);
}

.accordion a span.speaker
{
	background-image:url(../images/sidebar_icon_speaker.png);
}

.accordion a span.text
{
	padding-left:5px;
	padding-top:7px;
}

.accordion div.segment
{
	background-color:#fff;
	display:block;
	height:160px;
	overflow:hidden;
	width:220px;
}

.accordion div.content
{
	padding:10px 15px;
}

/* SEARCH START */

/* Ui slider */
.ui-slider 
{
    position: relative;
    text-align: left;
    z-index: 1;
    width: 395px;
    height: 23px;
    background:transparent url(../images/input-field-395.gif) no-repeat;
}
.ui-slider-handle
{
    cursor: default;
    position: absolute;
    margin-left: -12px;
    z-index: 2;
    width: 25px;
    height: 24px;
    background:transparent url(../images/slider-right.gif) no-repeat;
}
.ui-slider-handle.left
{
    z-index: 1;
    background-image:url(../images/slider-left.gif);
}

/* Selectboxes */
.range_wrap, .requirements_wrap
{
    position:relative; z-index:10; cursor:pointer;
    margin-left: -6px;
}
.range_heading, .requirements_heading
{
    width:200px;
    height:24px;
    background:#ffffcc;
    background:url('../images/kontakt_select_body.jpg') no-repeat left top;
}
.range_heading p, .requirements_heading p
{
    width:150px;
    float:left;
    margin-left:10px;
    margin-top:1px;
    white-space:nowrap;
    overflow:hidden;
}
.range_listContainer, .requirements_listContainer
{
    position:absolute;
    top:24px;
    left:0px;
    width:200px;
}
.range_list li span, .requirements_list li span
{
    padding:0px 3px;
    white-space:nowrap;
    overflow:hidden;
}
.range_list li, .requirements_list li
{
    cursor:pointer;
    padding:4px 0px;
    overflow:hidden;
}
.range_list, .requirements_list
{
    padding:5px 0px;
}
.range.selectHover, .requirements.selectHover
{
    background: #ebebeb;
}
.range_indi, .requirements_indi
{
    display:block;
    width:15px;
    height:15px;
    float:right;
    background: url('../images/kontakt_select_btn.jpg') no-repeat left bottom;
    width:30px;
    height:24px;
}
.range_indi.listIsOut, .requirements_indi.listIsOut
{
    background-position:left top;
}
.range_wrap, .requirements_wrap
{
    font-family:Arial;
}
.range_listContainer, .requirements_listContainer
{
    background: #fff url('../images/select_list_bg.gif') repeat-x center bottom;
    border: 1px solid #ebebeb;
    border-top:none;
}

#search .row
{
    width: 615px;
    margin-bottom: 10px;
}
#search h3
{
    font-size: 100%;
    margin-bottom: 8px;
}
#search .slideContainer input
{
    background: transparent url(../images/input-field-65.gif) no-repeat;
    display: block;
    font-size: 10px;
    padding-top: 4px;
    color: #999;
    width: 65px;
    height: 23px;
    text-align: center;
    margin-top: -3px;
    float: left;
}
#search .slider
{
    margin: 0 25px;
    float: left;
    margin-top: -4px;
}
#search .ui-slider-handle
{
    position: absolute;
    top: 0;
    left: 0;
}
#search label
{
    font-size: 11px;
    font-family: Arial;
    font-weight: normal;
    margin-top: 3px;
    margin-right: 5px; 
}
#search .areaSearch
{
    margin-bottom: 10px;
}
#search .areaSearch li
{
    display: inline;
    padding-right: 20px;
}
#search .areaSearch li input
{
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
}
#search .range_wrap
{
    margin-left: 0;
    margin-bottom: 10px;
}

#ajaxLoader
{
    display: none;    
    position: absolute;
    left: 47%;
    top: 0px;
}
#result
{
    position: relative;
}
#result .item 
{
    float: left;
    border: 3px solid #eee;
    width: 181px;
    margin: 0 20px 20px 0;
    padding: 3px;
    height: 250px;
}
#result .rightColumn
{
    margin-right: 0px;
}
#result .item .content
{
    font-family: Arial;
    padding-left: 8px;
}
#result .item .content
{
    font-family: Arial;
    padding-left: 7px;
}
#result .item .content h3, #result .item .content h2
{
    font-family: Georgia;
    margin-left: -5px;
    margin-top: 3px;
}
#result .item .content h3 a
{
    text-decoration: none;    
}
#result .item .content div
{
    width: 180px;
    height: 100px;
    margin-left: -7px;
    overflow: hidden;
}
#result .areaCount
{
    margin: 10px 0 15px 0;    
    height: 24px;
    font-size: 18px;
}
#result .item.newRow
{
    margin-right: 0;
}

/* SEARCH END */
.extrasList
{
    margin: 20px 0 0 !important;
}
.extrasList li
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    margin:10px 0 0;
    color:#666;
    list-style: none;
    text-indent: 30px;
    width: 190px;
    float: left;
}
.map 
{
    width: 380px;
    height: 858px;    
}

.mapWide
{
    width: 435px; 
}

#slideshow 
{
    margin-top: 20px;
    width: 420px;
    height: 263px;
    overflow: hidden;
}
#slideshow a, #slideshow a:visited
{
    padding:0;
    margin:0;
    background-color: transparent;
}
#slideshow img
{
    padding:0;
    margin:0;
    width: 420px;
}
#thumbnailsContainer
{
    display: none;
}
#thumbnails
{
    display: block;
    position: absolute;
    z-index: 200;
    bottom: -150px;
    left: 0;
    width: 700px;
}
#thumbnails a
{
    z-index: 230;
}
#thumbnails img
{
    margin-top: 2px;
    margin-left: 4px;
    margin-bottom: 3px;
    width: 119px;
    margin-bottom:0;
margin-left:6px;
margin-top:0;
width:110px;
}
.startPageSlideshow 
{
    height: 447px;
}

.startSlideImageContainer
{
    height: 340px;
    width: 660px;
    overflow:hidden;
}

.apartments
{
    font-family: Arial;
    font-size: 12px;
    width: 380px;
}
.apartments thead
{
    font-weight: bold;  
}
.apartments tr
{
    height: 20px;  
}

#nextSlide, #prevSlide
{
    cursor: pointer;    
}

.mapArea 
{
    width: 420px;  
}

.sidebarPuff img
{
    width: 190px;    
}

.leftBubbel180{width:180px; height:151px; float:left; background:url(../images/left_bubbel_180.jpg) no-repeat left top; margin-top:40px;}
.leftBubbel180content{margin:45px 0px 0px 20px; float:left; width:145px; text-align:center;}
.leftBubbel180content p{font:lighter 18px/18px Arial; color:#252c47;}
.leftBubbel180content a{font:normal 12px/17px Arial; text-align:center; color:#252c47;}

/*----------   Search page   --------------*/
.searchBox
{    
    margin: 10px 0 20px 0;    
}
.searchBox .txtQuery
{
    border: solid 1px #C0D1E4;
    padding: 3px 5px 3px 5px;
    width: 180px;
}

.searchBox .btnSearch, .genericButton
{
    border: solid 1px #C0D1E4;
    padding: 2px 5px 2px 5px;
    margin-right: 5px;

}

.list .item
{
    margin-bottom: 15px;
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 15px;
    font-size: 17px;
}
.list .item a
{
    font-size: 17px;
}
.list .item a, .list .item a:visited
{
    text-decoration: none;
}
.list .item p
{
    font-size: 12px;
}

/*----------   social Media Puff   --------------*/
#sociPrint{ background-image:url(../images/socl_print.gif); background-repeat:no-repeat; }
#sociBookmark{background-image:url(../images/socl_bookmark.gif);background-repeat:no-repeat;}
#sociDela{background-image:url(../images/socl_facebook.gif);background-repeat:no-repeat;}
.socialMedia{width:500px; margin-top:20px;  background:url('../images/socl_bg_top.jpg') no-repeat left top; padding-top:6px; float:left;}
.socialMediaLinks{width:500px;  background-color:#fff;}
.socialMediaLinks p a,.socialMediaLinks p a:link,.socialMediaLinks p a:visited
{background-position:left top; padding-left:25px;  font:bold 10px/12px Arial; color:#d6dfe6; margin-left:10px; padding-bottom:1px; margin-left:57px;}
.socialMediaLinks p a:hover{background-position:left bottom; color:#6d89a7;}
.socialMediaBott{width:500px; height:6px; float:left; background:#fff url('../images/socl_bg_bott.jpg') no-repeat left bottom;}

/*social Media Links*/
#socialFacebook{background-image:url(../images/social-media/sm-facebook.gif); background-repeat:no-repeat;}
#socialDigg{background-image:url(../images/social-media/sm-digg.gif); background-repeat:no-repeat;}
#socialTumble{background-image:url(../images/social-media/sm-stumble.gif);background-repeat:no-repeat;}
#socialDelicious{background-image:url(../images/social-media/sm-delicious.gif);background-repeat:no-repeat;}
#socialTwitter{background-image:url(../images/social-media/sm-twitter.gif);background-repeat:no-repeat;}
#socialLinkedIn{background-image:url(../images/social-media/sm-linkedin.gif);background-repeat:no-repeat;}
#socialFriendFeed{background-image:url(../images/social-media/sm-friendfeed.gif);background-repeat:no-repeat;}

#socialLinkList{width:150px; display:none; background:#fff; border:1px solid #c0d1e4; }
#socialLinkList ul{padding:10px 0px 20px 5px; margin-left:8px; }
#socialLinkList ul li{margin:10px 0px 0px 0px; }
#socialLinkList ul li a{ padding:2px 2px 0px 25px; background-position:left top; display:block; height:16px;}
/*#socialLinkList ul li a:hover{background-position:left bottom;}*/
/*----------   social Media Puff END   --------------*/

/*----------   Site map --------------*/

ul.siteMap
{
    margin-left: 10px;   
}

ul.siteMap a
{
    text-decoration: none;
}

.siteMap li ul, .siteMap li ul li ul, .siteMap li ul li ul li ul, .siteMap li ul li ul li ul, .siteMap li ul li ul li ul li ul
{
    margin-left: 30px;    
}

.siteMap li
{
    background-color: Transparent;
    line-height:23px;
    list-style-type: none;
    list-style-position: inside;
}
/*----------   Site map END   --------------*/


.verticalSpacer
{
    float: left;
    height: 315px;
}

.bold
{
    font-weight: bold;    
}

/*---------- Sublet -------------------*/

.normalTextBox, #kontaktFormEmail{width:196px; height:20px; padding:4px 5px 0px 5px; background:url('../images/kontakt_text1_ny.jpg') no-repeat left top;}

.right {
    float: right;
}

.smallTextBox, #kontaktFormMobilnr{width:146px; height:20px; padding:4px 5px 0px 5px; background:url('../images/kontakt_text2.jpg') no-repeat left top;}

.subletForm .normalTextBox, .subletForm .normalTextArea
{
    margin: 2px 0 20px 0;
}

.subletForm .normalTextBox, .subletForm .smallTextBox
{
    margin: 2px 10px 20px 0;
}

.normalTextArea
{
    background:transparent url(../images/kontakt_textarea.jpg) no-repeat scroll left top;
    height:78px;
    overflow:hidden;
    padding:4px 5px;
    width:415px; 
}

.radioButtonLabel
{
    margin: 20px 10px 2px 0;
}

.btnSubletOk
{
    border: solid 1px #C0D1E4;
    padding: 2px 5px 2px 5px;
    margin-right: 5px;
}

.subletView table
{
    width: 100%;
}

.subletView table tbody tr td
{
    padding: 0 4px 0px 0;
}

.subletLabel
{
    font-weight: bold;    
    padding: 0px 0px 4px 0;
}

.subletView table tbody tr td.tableLabel
{
    font-weight: bold;    
    padding: 15px 4px 7px 0;
}

.subletView table tbody tr td
{
    width: 25%;
}

.adminBox h2
{
    color: Red;
}

.resultText
{
    padding-left: 15px;    
}

a.unPublished, h2 a.unPublished
{
    color: Red;    
}

.areaApartmentTable
{
    font-family: Arial;    
}

table.areaApartmentTable
{
    font-family: Arial;    
}

table.areaApartmentTable thead td
{
    padding-bottom: 5px;
}

table.areaApartmentTable tbody tr td, table.areaApartmentTable tbody tr td a
{
    font-family: Arial;
    font-size: 11px;
    padding-right: 5px;
    padding-bottom: 5px;
}
table.areaApartmentTable tbody tr td a
{
    text-decoration: underline;
}

table.areaApartmentTable tbody tr td.rightColumn, table.areaApartmentTable thead td.rightColumn
{
    padding-right: 0px;
}
table.areaApartmentTable thead td.marginRight
{
    padding-right: 5px;  
}

#galleryLink
{
    float: right;
    font-family: Arial;
    font-size: 11px;
}
/*---------- Sublet end ---------------*/

.login2Container
{
    width: 137px;    
}

a.login { border: dotted 1px #fff; }

.login2Container h4
{
    color:#252C47;
    font-family:Georgia;
    font-size:15px;
    font-style:normal;
    font-weight:normal;
    line-height:25px;
    margin-bottom: 3px;
}

.loginError
{
    margin: 1px 0 5px 0;
    color: Red;
    font-family: Arial;
    font-size: 11px;
}

.customerName
{
    margin: 1px 0 8px 0;       
}

.rooms
{
    float:left;
    width: 170px;
}

.alternateRow, tr.alternateRow td
{
    background-color: #e8e8e9;    
}

thead
{
    border-bottom: solid 2px #fff;    
}

/*----------  Form page  --------------*/

.form .introText{
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
}
.inputForm .row{
	border-top: 1px solid #f2f2f2;
	clear: both;
	float: left;
	margin-bottom: 15px;
	padding-top: 15px;
	width: 100%;
}
.inputForm .row label{
	display: block;
	float: left;
	font-weight: bold;
	line-height: 16px;
	margin-right: 15px;
	text-align: left;
	width: 38%;
}
.inputForm .row textarea{
	background: url(../images/kontakt_textarea_315.jpg) no-repeat scroll;
	height: 82px;
	overflow: auto;
}
.inputForm .row input{
	background: url(../images/kontakt_input_315.jpg) no-repeat scroll;
	height: 20px;
}
.inputForm .row textarea, .inputForm .row input{
	display: block;
	font-family: Georgia;
	font-size: 12px;
	padding: 4px 5px 0;
	width: 309px;
}
.inputForm .row .alternatives{
	display: block;
	float: left;
	width: 300px;
}
.inputForm .row table.alternatives label{
	font-weight: normal;
	margin: 4px 0 0 3px;
	text-align: left;
	width: 274px;
}
.inputForm .row table.alternatives input{
	background: none;
	border: none;
	
	width: auto;
}
.inputForm .row span.alternatives label{
	display: inline;
	float: none;
	font-weight: normal;
	margin-top: 4px;
	margin-right: 0;
	text-align: left;
	width: 274px;
}
.inputForm .row span.alternatives input{
	background-image: none;
	border: none;
	display: inline;
	width: auto;
}


.inputForm .row span.alternatives input[type="radio"], .inputForm .row span.alternatives label {
    vertical-align: middle;
    display: inline;
}


.form .formSubmit{
	background-color: #fff;
	background: url(../images/kontaktsida_form_skicka_btn.jpg) top;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 0;
	line-height: 0;
	height: 23px;
	margin: 4px;
	text-indent: -999em;
	width: 60px;
}
.form .formSubmit:hover{
	background-position: bottom;
}

/*----------  Form page END  --------------*/

/*----------  Form answers  --------------*/

.formAnswers{
	margin-top: 2em;
	width: 100%;
	font-family: Arial;
	line-height: 15px;
}
.formAnswers th{
	border-bottom: 1px solid #aaa;
	text-align: left;
}
.formAnswers td{
	border-bottom: 1px solid #eee;
	padding: 5px;
	font-size: 11px;
	line-height: 12px;
}

/*----------  Form answers END  --------------*/

.rightColumnContact ul
{
    margin: 3px 0 3px;
}

.rightColumnContact ul li
{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 18px;
}

/**/

.description {
    float: left;
    margin-right:10px;
    min-height:40px;
    width:305px;
}
.openLightbox{float: right;}

/* Gallery slideshow styles start */
#gallery {
    background-color:#fff;
    display:none;
    padding:10px;
    position:relative;
    width:700px;
}
#gallery img {
    margin:0;
}
#gallery .prevPicture,#gallery .nextPicture {
    background-image:url(../images/blank.gif);
    display:block;
    float:left;
    height:230px;
    padding:208px 0 0;
    position:absolute;
    text-align:center;
    text-indent:-9999px;
    top:10px;
    width:100px;
    z-index:1000;
}
#gallery .prevPicture {
    left:10px;
}
#gallery .nextPicture {
    right:10px;
}
#gallery .prevPicture:hover {
    background:url(../images/arrowLeft.png) no-repeat;
}
#gallery .nextPicture:hover {
    background:url(../images/arrowRight.png) no-repeat;
}
#gallery .prevPicture:hover,#gallery .nextPicture:hover {
    text-decoration:none;
    text-indent:0;
}
#gallery .preview {
    height:438px;
    overflow:hidden;
    position:relative;
    width:700px;
}
#gallery .prevPage,#gallery .nextPage {
    background:url(../images/scrollableArrows.png) no-repeat top left;
    cursor:pointer;
    display:block;
    float:left;
    height:75px;
    text-align:center;
    text-indent:-9999em;
    width:20px;
}
#gallery .prevPage {
    background-position:center left;
}
#gallery .close {
    background:url(../images/overlayClose.png) no-repeat;
    cursor:pointer;
    display:block;
    height:36px;
    position:absolute;
    right:-10px;
    top:-10px;
    width:37px;
    z-index:1100;
}
#gallery .close:hover {
    background-position:bottom left;
}
#gallery .prevPage:hover {
    background-position:top left;
}
#gallery .prevPage.disabled {
    background-position:bottom left;
    cursor:default;
}
#gallery .nextPage {
    background-position:center right;
}
#gallery .nextPage:hover {
    background-position:top right;
}
#gallery .nextPage.disabled {
    background-position:bottom right;
    cursor:default;
}
#gallery .description {
    float: none;
    width:auto;
    margin:5px 0 10px;
}
#gallery .description p {
    margin:0;
    min-height:40px;
}
#gallery .thumbnails .item a {
    float:left;
}
#gallery a {
    padding:0;
}
#gallery .thumbnails img {
    width:120px;
}
#gallery .thumbnails .scrollable {
    float:left;
    height:75px;
    overflow:hidden;
    position:relative;
    width:660px;
}
#gallery .thumbnails .scrollable .items {
    position:absolute;
    width:20000em;
}
#gallery .thumbnails .scrollable .items a {
    float:left;
    margin-left:10px;
}
#gallery .thumbnails .scrollable .items .active {
    background-color:#fff;
    border:1px inset #ccc;
}
/* Gallery slideshow styles start */

#homeLink {
    color:#999;
    margin-left:10px;
    padding:0;
}
#BackToSearch a{
	background: url(../Images/arrow-back.gif) no-repeat 0 center;
	padding-left: 15px;
}
#range{margin-bottom: 20px;}


/* Uniform Start */
div.selector, div.contactSelector {
  background-image: url(../images/uniform-select.jpg);
  background-repeat: no-repeat;
}
.selector, 
.selector *, .contactSelector, .contactSelector * {
	margin: 0;
	padding: 0;
}
div.selector, div.contactSelector {
	background-position: left top;
	line-height: 24px;
	height: 24px;
}
div.selector span {
	height: 24px;
	line-height: 24px;
}
div.selector select {
	top: 0px;
	left: 0px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: left top;
}
div.selector {
	margin-bottom: 20px;
	width: 220px;
	font-size: 12px;
}
div.selector select {
	width: 220px;
	border: solid 1px #fff;
}

div.contactSelector {
    margin-bottom: 20px;
	width: 220px;
	font-size: 12px;
    width: 180px;
}

div.contactSelector select {
    border: solid 1px #fff;
    width: 180px;
}

div.selector span, div.contactSelector span {
	padding: 0px 25px 0px 2px;
	cursor: pointer;
}
div.selector span {
	color: #666;
	width: 220px;
}

div.contactSelector span {
    color: #666;
	width: 180px;
}
div.selector.disabled span, div.contactSelector.disabled span {
	color: #bbb;
}
.selector select:focus, div.contactSelector select:focus {
  outline: 0;
}
div.selector, div.contactSelector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}
div.selector span, div.contactSelector span {
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.selector select, div.contactSelector select {
	position: absolute;
	opacity: 0;
	height: 25px;
	border: none;
	background: none;
}
/* Uniform End */

div#areaInfoText{
	border:2px solid #F1F2F4;
	display:block;
	margin-top:20px;
	padding:10px 10px 0;
}
div#emailStatus div{
	border:2px solid #F1F2F4;
	display:block;
	text-align: center;
	margin-top:20px;
	padding:10px 10px 0;
}
div#emailStatus div.green{
	border:2px solid #8FC963;
}
div#emailStatus div.red{
	border:2px solid #c96363;
}
