﻿/* Overriding WYSIWYG styles
-------------------------------------*/
body.RadEContent, body.RadEContentBordered {font-size:62.5% !important; }
body.RadEContentBordered #main_content_wide, body.RadEContentBordered #main_content {border:1px dotted #999; float:none; display:block; padding:0; margin:20px;}
body.RadEContentBordered #side_content_narrow, body.RadEContentBordered #side_content {border:1px dotted #999; float:none; display:block; padding:0; margin:20px}
body.RadEContentBordered #main_content_wide:before, body.RadEContentBordered #main_content:before {content:"Left column"; color:#fff; background:#888; font-family: Verdana, Arial, sans-serif; padding: 10px 20px; display:block; border-bottom:1px solid #333}
body.RadEContentBordered #side_content_narrow:before, body.RadEContentBordered #side_content:before{content:"Right column"; color:#fff; background:#888; font-family: Verdana, Arial, sans-serif; padding: 10px 20px; display:block;  border-bottom:1px solid #333 }

/* Stylesheet rules - Bergendahls El Gruppen AB
---------------------------------------------------------*/

body {margin:0; padding:0; font-size:62.5%; font-family:Arial, Verdana, sans-serif; color:#000; background: #fff !important}

.hide {position:absolute; top:-999em}
.clear-fix:after {content:"."; height:0; display:block; visibility:hidden; clear:both;}
.last {margin-right:0;}    
.in-focus {background:#e4ebdf; border:1px solid #aec3af; padding:1em; height:1%}
.float-right {float:right; margin-left:1em;}
.float-left {float:left; margin-right:1em;}
.clear-left {clear:left}

    
/* =Structure
 ---------------*/
#wrapper {width:899px; margin:0 auto; background:#fff;}
#content {clear:left; border-left:1px solid #d2d5d9; border-right:1px solid #d2d5d9; border-color: #d2d5d9; width:897px; background: #fff url(/commonfiles/www.bergendahlsel.se/css%20graphics/contentshadow.jpg) repeat-x top left}
#content:after {clear:both; display:block; height:0; content:"."; visibility:hidden}
#main_content, #main_content_wide {font-size:1.4em; line-height:1.63; float:left; width:395px; display:inline; margin:34px 0 34px 34px}  
#side_content, #side_content_narrow {font-size:1.4em; line-height:1.63; float:right; width:400px; display:inline; margin:34px 34px 34px 0}
#main_content_wide {width: 532px; font-size:1.2em;}
#side_content_narrow {width: 263px; font-size:1.2em}
#telenta-home-wrap  #main_content {width:595px;height:350px;}
#telenta-home-wrap #side_content {width:200px;}

/* =Header
-------------*/
#header {height:96px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/header_bg.jpg) no-repeat;}
#logo {float:left; margin-left: 2em; display:inline; margin-top:1.2em}
        
/* =Navigation
-------------------*/
#nav {float:left}
#nav, #nav ul { 
padding: 0;
margin: 0;
list-style: none;
width:100%;
background: #d9d8d8 url(/commonfiles/www.bergendahlsel.se/css%20graphics/top_nav_bg.jpg) repeat-x;
}
#nav ul {list-style-position:outside}   
/*#nav:after {content: ""; display: block; height: 0; clear: both;}*/
#nav a {
display: block;
padding:0.8em 1.55em;
border-right:1px solid #d2d5d9;
font-size: 1.08em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#000;
background: #d9d8d8 url(/commonfiles/www.bergendahlsel.se/css%20graphics/top_nav_bg.jpg) repeat-x;
}  
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav .selected a,
#nav .selected a:focus,
#nav .selected ul li a:hover,
#nav .selected ul li a:focus,
#nav .selected ul li a:active {background:#004279 url(/commonfiles/www.bergendahlsel.se/css%20graphics/top_nav_hover.jpg) repeat-x; color:#fff}
#nav .selected ul li a {background:#d9d8d8 url(/commonfiles/www.bergendahlsel.se/css%20graphics/top_nav_bg.jpg) repeat-x; color:#000}
#nav a#last {border-right:none} 
#nav li { /* all list items */
float: left;
width:auto;
}
    #nav li li { /* all list items */
    	float: none;
    	width:auto;
    }
    #nav li ul { /* second-level lists */
    	position: absolute;
    	width:auto;
    	left: -999em; 
    	padding-bottom:15px;
    	background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/navshadow.png) repeat-x bottom left;
    }

    #nav li ul a{ /* second-level lists */
      border-right:none;
    	width:12em;
    	display:block;
    }
#nav li:hover a, #nav li.over a, #nav li:active a, #nav li:focus a {position:relative}
#nav li:hover ul, #nav li:active ul, #nav li:focus ul, #nav li.over ul { /* lists nested under hovered list items */
left: auto;
}  

/* IE6- filter */
* html #nav li ul {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/navshadow.gif) repeat-x bottom left; }

/* Main page side navigation
---------------------------*/
#bergendahls-main-sidenav {
 width: 354px;
 height: 349px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#bergendahls-main-sidenav li {line-height:1.35; margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#bergendahls-main-sidenav li, #bergendahls-main-sidenav a {display: block; outline:none}
#bergendahls-main-sidenav div a {background:none; display:inline; text-align:right; position:static}
#bergendahls-main-sidenav .popup {font-size:.75em; font-family:arial, verdana, sans-serif; position:absolute; left:-9999px; background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/pop-btn.gif) no-repeat bottom left; padding:11px; position:absolute; width:169px;}
#bergendahls-main-sidenav .popup h3 {width:191px; margin:-21px 0 8px -11px; padding:0; height:117px; text-indent:-9999px;}
#bergendahls-main-sidenav .popup a {color:#6a809a;}
#bergendahls-main-sidenav .popup a:hover {color:#fff;}
#bergendahls-main-sidenav .read-more {text-align:right;}
#bergendahls-main-sidenav p {margin:0;}

#bergendahls-main-sidenav #entreprenad,
#bergendahls-main-sidenav #entreprenad a {height:119px; width: 162px; left:118px; top:3px; z-index:8}
#bergendahls-main-sidenav #entreprenad a:hover,
#bergendahls-main-sidenav #entreprenad a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -479px -3px no-repeat; width:205px; }
#bergendahls-main-sidenav #entreprenad .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/entreprenad-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #entreprenad:hover .popup {top:50px; left:0px; text-indent:0;}
#bergendahls-main-sidenav #entreprenad .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #kommunikation,
#bergendahls-main-sidenav #kommunikation a {height:162px; width:116px; left: 240px; top:4px; z-index:7; }
#bergendahls-main-sidenav #kommunikation a:hover,
#bergendahls-main-sidenav #kommunikation a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -962px -4px no-repeat; width:116px; }
#bergendahls-main-sidenav #kommunikation .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kommunikation-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #kommunikation:hover .popup {top:50px; left:-20px; text-indent:0;}
#bergendahls-main-sidenav #kommunikation .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #elektra,
#bergendahls-main-sidenav #elektra a {height:114px; width: 160px; left:0px; top:121px; z-index:6; }
#bergendahls-main-sidenav #elektra a:hover,
#bergendahls-main-sidenav #elektra a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -361px -121px no-repeat; width:160px; }
#bergendahls-main-sidenav #elektra .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/elektra-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #elektra:hover .popup {display:block; top:-150px; left:-25px; text-indent:0; z-index:200}
#bergendahls-main-sidenav #elektra .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #telenta,
#bergendahls-main-sidenav #telenta a {height:195px; width: 160px; left:118px; top:80px; z-index:5; }
#bergendahls-main-sidenav #telenta a:hover,
#bergendahls-main-sidenav #telenta a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -1201px -80px no-repeat; width:160px; }
#bergendahls-main-sidenav #telenta .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/telenta-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #telenta:hover .popup {top:-100px; left:-25px; text-indent:0;}
#bergendahls-main-sidenav #telenta .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #tolered,
#bergendahls-main-sidenav #tolered a {height:154px; width: 116px; left:240px; top:123px; z-index:4; }
#bergendahls-main-sidenav #tolered a:hover,
#bergendahls-main-sidenav #tolered a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -601px -123px no-repeat; width:116px; }
#bergendahls-main-sidenav #tolered .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tolered-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #tolered:hover .popup {top:-175px; left:-100px; text-indent:0;}
#bergendahls-main-sidenav #tolered .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #tesec,
#bergendahls-main-sidenav #tesec a {height:155px; width: 120px; left:0px; top:194px; z-index:3;}
#bergendahls-main-sidenav #tesec a:hover,
#bergendahls-main-sidenav #tesec a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -722px -194px no-repeat; width:120px; }
#bergendahls-main-sidenav #tesec .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #tesec:hover .popup {top:-100px; left:-25px; text-indent:0;}
#bergendahls-main-sidenav #tesec .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #kungalv,
#bergendahls-main-sidenav #kungalv a {height:114px; width: 160px; left:82px; top:234px; z-index:2;}
#bergendahls-main-sidenav #kungalv a:hover,
#bergendahls-main-sidenav #kungalv a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -443px -234px no-repeat; width:160px; }
#bergendahls-main-sidenav #kungalv .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kungalv-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #kungalv:hover .popup {top:-150px; left:-50px; text-indent:0;}
#bergendahls-main-sidenav #kungalv .popup a:hover {color;#fff; background:#7D92AB;}

#bergendahls-main-sidenav #elservice,
#bergendahls-main-sidenav #elservice a {height:114px; width: 152px; left:205px; top:234px; z-index:1;}
#bergendahls-main-sidenav #elservice a:hover,
#bergendahls-main-sidenav #elservice a:focus {background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/vara_bolag.gif) -927px -234px no-repeat; width:152px; }
#bergendahls-main-sidenav #elservice .popup h3 { background:transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/service-pop-top.gif) no-repeat top left;}
#bergendahls-main-sidenav #elservice:hover .popup {top:-150px; left:-20px; text-indent:0;}
#bergendahls-main-sidenav #elservice .popup a:hover {color;#fff; background:#7D92AB;}


/* Tesec
--------*/
#tesec-main-sidenav {
 width: 205px;
 height: 349px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel2.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#tesec-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#tesec-main-sidenav li, #tesec-main-sidenav a {display: block; outline:none}

#passagesystem, #passagesystem a {height:155px; width: 203px; left: 0; top:0; }
#knx-system, #knx-system a {height:249px; width:203px; left: 0px; top:100px; }

#passagesystem a:hover, #passagesystem a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel2.gif) -203px 0px no-repeat; width:204px; }
#knx-system a:hover, #knx-system a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel2.gif) -407px -100px no-repeat; height:249px; }



/* Telenta
--------*/
#telenta-main-sidenav {

 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/telenta-pussel.gif);
 margin: 10px auto; padding: 0;
margin-left:45px;
float:left;
position:relative;

}
#telenta-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#telenta-main-sidenav li, #telenta-main-sidenav a {display: block; outline:none}

#brandsakerhet, #brandsakerhet a {height:123px; width: 165px; left: 0; top:0; }
#vardomsorg, #vardomsorg a {height:197px; width:165px; left: 0px; top:82px; }
#telefoni, #telefoni a {height:123px; width:165px; left: 0px; top:237px; }

#brandsakerhet a:hover, #brandsakerhet a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/telenta-pussel.gif) -330px 0px no-repeat; width:165px; }
#vardomsorg a:hover, #vardomsorg a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/telenta-pussel.gif) -165px -82px no-repeat; height:197px;}
#telefoni a:hover, #telefoni a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/telenta-pussel.gif) -330px -237px no-repeat; height:123px;}

/* Elektra
--------*/
#elektra-main-sidenav {
 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/elektra-pussel.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#elektra-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#elektra-main-sidenav li, #elektra-main-sidenav a {display: block; outline:none}

#automation, #automation a {height:123px; width: 165px; left: 0; top:0; }
#kraftelektra, #kraftelektra a {height:197px; width:165px; left: 0px; top:82px; }
#konstruktion, #konstruktion a {height:123px; width:165px; left: 0px; top:237px; }

#automation a:hover, #automation a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/elektra-pussel.gif) -330px 0px no-repeat; width:165px; }
#kraftelektra a:hover, #kraftelektra a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/elektra-pussel.gif) -165px -82px no-repeat; height:197px;}
#konstruktion a:hover, #konstruktion a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/elektra-pussel.gif) -330px -237px no-repeat; height:123px;}

/* Tolered
--------*/
#tolered-main-sidenav {
 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/tolereds-pussel.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#tolered-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#tolered-main-sidenav li, #tolered-main-sidenav a {display: block; outline:none}

#snabbservice, #snabbservice a {height:123px; width: 165px; left: 0; top:0; }
#entreprenader, #entreprenader a {height:197px; width:165px; left: 0px; top:82px; }
#evenemang, #evenemang a {height:123px; width:165px; left: 0px; top:237px; }

#snabbservice a:hover, #snabbservice a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tolereds-pussel.gif) -330px 0px no-repeat; width:165px; }
#entreprenader a:hover, #entreprenader a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tolereds-pussel.gif) -165px -82px no-repeat; height:197px;}
#evenemang a:hover, #evenemang a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tolereds-pussel.gif) -330px -237px no-repeat; height:123px;}


/* Kommunikation
--------*/
#kommunikation-main-sidenav {
 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/kommunikation-pussel.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#kommunikation-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#kommunikation-main-sidenav li, #kommunikation-main-sidenav a {display: block; outline:none}

#data, #data a {height:123px; width: 165px; left: 0; top:0; }
#larm, #larm a {height:197px; width:165px; left: 0px; top:82px; }
#bild, #bild a {height:123px; width:165px; left: 0px; top:237px; }

#data a:hover, #data a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kommunikation-pussel.gif) -330px 0px no-repeat; width:165px; }
#larm a:hover, #larm a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kommunikation-pussel.gif) -165px -82px no-repeat; height:197px;}
#bild a:hover, #bild a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kommunikation-pussel.gif) -330px -237px no-repeat; height:123px;}


/* Entreprenad
--------*/
#entreprenad-main-sidenav {
 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/entreprenad-pussel.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#entreprenad-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#entreprenad-main-sidenav li, #entreprenad-main-sidenav a {display: block; outline:none}

#kraft, #kraft a {height:123px; width: 165px; left: 0; top:0; }
#belysning, #belysning a {height:197px; width:165px; left: 0px; top:82px; }
#kommunikation, #kommunikation a {height:123px; width:165px; left: 0px; top:237px; }

#kraft a:hover, #kraft a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/entreprenad-pussel.gif) -330px 0px no-repeat; width:165px; }
#belysning a:hover, #belysning a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/entreprenad-pussel.gif) -165px -82px no-repeat; height:197px;}
#kommunikation a:hover, #kommunikation a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/entreprenad-pussel.gif) -330px -237px no-repeat; height:123px;}


/* Service
--------*/
#service-main-sidenav {
 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/service-pussel.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#service-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#service-main-sidenav li, #service-main-sidenav a {display: block; outline:none}

#elanlaggningar, #elanlaggningar a {height:123px; width: 165px; left: 0; top:0; }
#varmevent, #varmevent a {height:197px; width:165px; left: 0px; top:82px; }
#porttelefoni, #porttelefoni a {height:123px; width:165px; left: 0px; top:237px; }

#elanlaggningar a:hover, #elanlaggningar a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/service-pussel.gif) -330px 0px no-repeat; width:165px; }
#varmevent a:hover, #varmevent a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/service-pussel.gif) -165px -82px no-repeat; height:197px;}
#porttelefoni a:hover, #porttelefoni a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/service-pussel.gif) -330px -237px no-repeat; height:123px;}



/* Kungälv
--------*/
#kungalv-main-sidenav {
 width: 165px;
 height: 355px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/kungalv-pussel.gif);
 margin: 10px auto; padding: 0;
 position: relative;
}
#kungalv-main-sidenav li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#kungalv-main-sidenav li, #kungalv-main-sidenav a {display: block; outline:none}

#el, #el a {height:123px; width: 165px; left: 0; top:0; }
#service, #service a {height:197px; width:165px; left: 0px; top:82px; }
#kommunikationkungalv, #kommunikationkungalv a {height:123px; width:165px; left: 0px; top:237px; }

#el a:hover, #el a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kungalv-pussel.gif) -330px 0px no-repeat; width:165px; }
#service a:hover, #service a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kungalv-pussel.gif) -165px -82px no-repeat; height:197px;}
#kommunikationkungalv a:hover, #kommunikationkungalv a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/kungalv-pussel.gif) -330px -237px no-repeat; height:123px;}






/* =Footer
------------*/
#footer {clear:both; margin-bottom:4em; background:#fff;}
address {background:url(/commonfiles/www.bergendahlsel.se/css%20graphics/footer_bg.jpg) no-repeat; height:34px; padding-top:35px; padding-left:17px; font-style:normal; font-size:1.1em}
#extra_info img {margin-right:10px}
#extra_info {line-height:23px}
    
/* =Links
------------*/
#main_content a:link, #main_content a:visited, #main_content_wide a:link, #main_content_wide a:visited {color:#6a809a}
#main_content a:hover, #main_content_wide a:hover{color:#fff; background-color:#7d92ab;}
#main_content #newsbox dl a {color:#000; text-decoration:none}
#main_content #newsbox dl a:hover {background-color:transparent; text-decoration:underline}

#footer a {color:#000; text-decoration:none}
  	
/* =Headings
--------------*/
h1, h2, h3, h4, h5, h6 {color: #999; font-family: "Century Gothic", Arial, Verdana, sans-serif; font-weight:bold; margin-bottom:0; margin-top:0}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.3em}
h4 {font-size: 1.2em}
h5 {font-size: 1.1em}
h6 {font-size: 1.0em}
#newsbox h2 {font-size:1.8em; padding:15px; padding-bottom:0; background:url(/commonfiles/www.bergendahlsel.se/css%20graphics/news_box_top_bg.jpg) no-repeat top left; padding-bottom:0}

#tesec_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec.jpg) no-repeat; padding:0; margin:0}
#elektra_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/elektra.jpg) no-repeat; padding:0; margin:0}
#entreprenad_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/entreprenad.jpg) no-repeat; padding:0; margin:0}
#gruppen_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/gruppen.jpg) no-repeat; padding:0; margin:0}
#kommunikation_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/kommunikation.jpg) no-repeat; padding:0; margin:0}
#kungalv_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/kungalv.jpg) no-repeat; padding:0; margin:0}
#service_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/service.jpg) no-repeat; padding:0; margin:0}
#tolereds_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/tolered.jpg) no-repeat; padding:0; margin:0}
#telenta_home { text-indent: -9999px; height:233px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/telenta.jpg) no-repeat; padding:0; margin:0}
 
/* =Search
------------*/
#jump_n_search {text-align:right; width:25em; height:84px;float:right; display:inline; margin-right:2em; margin-top:1.2em;}
#jump span {display:block; margin:0; text-transform:uppercase; font-weight:bold; font-size: 1.1em; color: #004279}
#jump select {width:16em; font-size:1.1em; margin-top:0.2em; }    
#search {margin-top:0.9em; }
#search_form {margin:0; padding:0}
#search_form fieldset {border:none; margin:0; padding:0;}
#search_field { font-size:1.1em; width:15em; vertical-align:middle;  padding:0; margin:0; }
#search_btn {font-size:1em;vertical-align:middle; margin:0 0.3em; }
fieldset {border:none;}

/* Jobs
-------*/
.application_form p {margin:.5em 0}
.application_form label {display:block; float:left; width:100px; margin-right:10px; text-align:right}
.application_form input, .application_form textarea {margin-right:10px;}
.application_form span {vertical-align:top;}
.application_form .submit-btn {margin-left:110px; display:block;}
.application_form .submitted_txt {color:#00457c; display:block; position:absolute; top:50%; left:50%; font-size:1.7em; width:auto; font-weight:normal; width:364px; margin-left:-182px;  height:228px; margin-top:-114px; text-align:center; line-height:208px; background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/popup.png) no-repeat 0 0 }

* html #jump_n_search {margin-top:0.8em}
    
/* =Text
----------*/
p {margin-top:0}
    
/* =Skiplinks
-------------------*/
#skiplinks {position:absolute; left:-9999px}
   
/* =misc
-------------------*/
#newsbox {font-size:0.9em; padding-bottom:20px; background:url(/commonfiles/www.bergendahlsel.se/css%20graphics/news_box_bottom_bg.jpg) no-repeat bottom left; width:363px; }
#newsbox dl {padding:0 15px; margin:0; }
#newsbox dt {color: #7d92ab}
#newsbox dd {margin:0; margin-bottom:0.2em; color:#000}
#newsbox p#archive {padding:0 15px; text-align:right; margin:0}

.news-date {font-style:italic; margin-bottom:0}
.news-summary {font-size:1.1em; font-weight:bold; margin-bottom:0;}
.home-list {list-style:none;}

#jigsaw {float:right; width:225px; }
#jigsaw h2 {font-size:1.2em}
#jigsaw ul {padding-left:1em; margin-left:0;height:102px;padding-top:5px;}

/* =General rules
-------------------*/
.floatleft {float:left}
.floatright {float:right}
.clearfloat {clear:both}
.center {margin:0 auto}
a img {border:none}
ul {list-style-position:inside}
#side_content img, #side_content_narrow img {display:block}
.img-caption {font-size:.9em; font-style:italic} 


/* -------------------------- */
#tesec-main-sidenav-2 {
 width: 357px;
 height: 349px;
 background: url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel3.jpg);
 margin: 10px auto; padding: 0;
 position: relative;
}
#tesec-main-sidenav-2 li {margin: 0; padding: 0; list-style: none; position: absolute; text-indent:-9999em}
#tesec-main-sidenav-2 li, #tesec-main-sidenav-2 a {display: block; outline:none}

#tesec-main-sidenav-2 #passagesystem, #tesec-main-sidenav-2 #passagesystem a {height:155px; width: 203px; left: 0; top:0; }
#tesec-main-sidenav-2 #knx-system, #tesec-main-sidenav-2 #knx-system a {height:249px; width:203px; left: 0px; top:100px; }
#tesec-main-sidenav-2 #follow-me-print, #tesec-main-sidenav-2 #follow-me-print a {height:249px; width:203px; left: 155px; top:100px; }

#tesec-main-sidenav-2 #passagesystem a:hover, #tesec-main-sidenav-2 #passagesystem a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel3.jpg) -356px 0px no-repeat; width:204px; }
#tesec-main-sidenav-2 #knx-system a:hover, #tesec-main-sidenav-2 #knx-system a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel3.jpg) -714px -100px no-repeat; height:249px; }
#tesec-main-sidenav-2 #follow-me-print a:hover, #tesec-main-sidenav-2 #follow-me-print a:focus {background: transparent url(/commonfiles/www.bergendahlsel.se/css%20graphics/tesec-pussel3.jpg) -1227px -100px no-repeat; height:249px; }
