﻿/*
Theme Name: Eurocon
Theme URI: http://www.osynlig.se/
Description: Eurocon theme.
Version: 1.0
Author: Osynlig
Author URI:http://www.osynlig.se/
Tags:
*/

	* { padding:0; margin:0; }
	body {font-family:tahoma, arial, verdana; font-size:12px; color:#4e4e4e; line-height:17px; margin:20px;}
	input, textarea, select { font-size:10px;}
	a { text-decoration:none; color:#0089cb;}
	a:hover { text-decoration:underline;}
	img { border:none;}
	p{font-size:12px;margin:0 0 10px 0;}
	h1{line-height:34px;font-size:28px;font-weight:normal;margin:0 0 9px 0;}
	h2{line-height:20px;font-weight:normal; margin-bottom: 10px}
	h3{line-height:18px;font-weight:normal;}
	li{list-style-position:inside; margin:0 0 2px 0;}
	ul { margin-bottom: 13px; } 
	
	.blue { color:#0089cb;}
	.grey { color:#999898;}
	.grey a { color:#999898;}
	.grey a:hover { color:#595959; text-decoration:none;}
	.date{color:#0089cb;}
	.left{float:left;}
	.right{float:right;}
	.clear { clear:both;}
	.link_arrow { margin:0 2px -1px 0;}

	#container { width:946px; margin:0 auto;}

	#header { height:97px; margin-bottom:2px; background:url('images/header_bg.jpg');}
	#header #logotype { float:left; width:70px; margin:19px 0 0 33px; display: inline;}
	#header #search { float:right; width:180px; margin:60px 14px 0 0; padding:3px 0 0 0;}
	#header #search form input { width:106px; height:16px; padding:2px 2px 0 2px; margin-right:2px; border:1px solid #d3d3d3; color:#7d7d7d;}
	
	#header #search .flag {
		width: 23px;
		height: 15px;
		padding-top: 3px;
		margin-right: 5px;
	}

	#jflanguageselection img { margin-top:2px;}
	#header #search form input, #header #search form img { float:left; margin-left:1px;}

	#menu { height:34px; background:url('images/menu_bg.gif'); margin-bottom:3px !important; margin-bottom:7px;}
	#menu li { list-style:none;}
	#menu a { display:block; float:left; height:34px; background-color:transparent;    background-repeat:no-repeat;    background-position:0px 0px; text-indent:-9999px;}
	#menu a:focus { outline:none;}
	#menu a:hover, #menu a.active { background-position:0 34px;}
	#menu .spacer { float:left; width:1px; height:34px; background:url('images/menu_spacer.gif');}
	#menu .about-sv { width:117px; background:url('images/menu_about.gif'); }
	#menu .business-sv { width:105px; background:url('images/menu_business.gif'); }
	#menu .competence-sv { width:89px; background:url('images/menu_competence.gif'); }
	#menu .products-sv { width:80px; background:url('images/menu_products.gif'); }
	#menu .investorrelations-sv { width:127px; background:url('images/menu_investorrelations.gif'); }
	#menu .work-sv { width:129px; background:url('images/menu_work.gif'); }
	#menu .press-sv { width:115px; background:url('images/menu_press.gif'); }
	#menu .contact-sv { width:70px; background:url('images/menu_contact.gif'); }
	#menu .about-en { width:133px; background:url('images/menu_about_en.gif'); }
	#menu .business-en { width:98px; background:url('images/menu_business_en.gif'); }
	#menu .competence-en { width:96px; background:url('images/menu_competence_en.gif'); }
	#menu .products-en { width:73px; background:url('images/menu_products_en.gif'); }
	#menu .investorrelations-en { width:127px; background:url('images/menu_investorrelations_en.gif'); }
	#menu .work-en { width:61px; background:url('images/menu_work_en.gif'); }
	#menu .press-en { width:100px; background:url('images/menu_press_en.gif'); }
	#menu .contact-en { width:67px; background:url('images/menu_contact_en.gif'); }

	* html #main-content { height:100px; }
	#main-content { min-height:100px; margin-bottom:2px !important; margin-bottom:0; /* ie6 */}
	#main-content .entry{margin:0 0 20px 0;}
	#main-content .entry.list {border-left:2px solid #ECECEC; margin-bottom:12px; padding:10px; width:175px;}
	#main-content .entry.list ul {list-style-image:none; list-style-type:none; margin:0;}
	#main-content .info {width: 400px}
	#main-content .navigation{margin:0 0 20px 0;}
	#main-content #content-area{float:left; width:740px !important; width: 739px; margin:24px 0 0 24px; display:inline;}
	#main-content #content-area-article{float:left; width:600px; margin:24px 0 0 24px; display:inline;}
	#main-content #content-area td{font-size: 10px; padding-bottom: 4px; margin: 0}
	#main-content #content-area td.first{border-bottom:2px solid #f2f2f2;}
	
	#main-content #content-area-article p.news-date {
		margin: 0 0 2px 0;
		font-size: 11px;
	}
	
	#main-content #content-area-article h1 {
		font-size:20px;
		font-weight:normal;
		line-height:24px;
		margin:0 0 12px;
	}

	#footer {
		margin-top:5px !important;
		margin-top:0;
		width:946px;
		margin:0 auto;
	}
	
	#footer, #footer a {
		font-family:tahoma,arial,verdana;
		font-size:10px;
		line-height:17px;
	}

	#map { width:946px; margin:0 auto; background:#e3e3e3 repeat-y; margin-bottom:5px;}
	#map li{font-size:10px;}
	#map .content { min-height:126px; background:url('images/footer_map_bg.jpg') no-repeat; padding:27px 33px 5px 3px;}
	* html #map .content { height:126px; }
	#map .line { float:left; margin-left:50px;}
	#map ul { float:left; margin-left:30px !important; margin-left:25px; /* ie6 */}
	#map ul li { list-style:none; margin:0;}

	#contact { text-align:right;}
	#contact a { text-decoration:underline;}
	#contact img { margin:0 6px -2px 6px;}

/* Start */

	#start-flash { margin-bottom:8px;}
	#start-news-box{float:left;}
	
	.start-news { width:348px; background:url('images/start_news_body.gif') repeat-y; margin:0 0 10px 0;}
	.start-news .header { height:33px; background:url('images/start_news_header.gif') no-repeat;}
	.start-news .footer { height:4px; background:url('images/start_news_footer.gif') no-repeat;}
	.start-news .text { float:left; padding:6px 10px 10px 15px; }
	.start-news p, .start-news ul { color:#727272; font-size:12px;}
	.start-news .menu { float:left; padding:10px 20px 0 0;}
	
	.start-news .tabs p {
		padding: 5px 0 0 15px;
	}
	
	.start-news ul {
		margin-left: 10px;
	}
	
	.start-news ul li {
		float: left;
		list-style: none;
	}
	
	.start-news ul li a {
		display: block;
		padding: 5px 10px 0 10px;
		height: 24px;
		width: 0;
		white-space: nowrap;
		color: #8f8e8e;
		border-left: 1px dotted #c8c8c8;
		background: url('images/news_menu_active_bg.gif') repeat-x;
	}
	
	.start-news ul li > a{
		width: auto;
	}
	
	.start-news ul li a:hover, .start-news ul li.active a {
		color: #5e5e5e;
		text-decoration: none;
		background-position: 0 -29px;
	}

	.start-news .body { min-height:50px; padding:14px 15px 7px 23px;}
	* html .start-news .body { height:50px; }
	.start-news .body h1 { font-size:14px;}
	.start-news .body p { margin-bottom:8px;}
	.start-news .body a { font-size: 11px; color:#727272;}
	.start-news .body .all-news { text-align: right;}
	.start-news .newstab.hidden { display:none;}
	.start-news .newstab1 { display:block;}
	.start-news select { height: 19px; padding-top: 1px; }
	
	.start-news .body .all-news.hidden { display: none; }

	#start-boxes { float:right;}
	#start-boxes .start-box { float:left; width:162px; height:261px;  padding:10px 10px 0 10px;  margin-bottom:5px;  margin-left:10px;  background:url('images/start_box_bg.jpg') no-repeat;}
	#start-boxes .start-box p img { margin-bottom:8px;}
	#start-boxes h1 a { color:#008ac8; font-size:14px; margin-bottom:0px; font-weight:bold; line-height:17px;}
	#start-boxes h1 { margin-bottom: 8px; }
	#start-boxes  a { color:#4e4e4e; font-size:11px;}
	#start-boxes  p { font-size:10px; margin:0 5px 0 5px;}
	#start-boxes  p img { margin-left: -5px; }

/** subpage**/

	#subpage.deeper h1 {
		margin-top: 0;
	}

	#subpage h1 {
		margin-top: 10px;
	}

	#submenu { float:left; width:179px;}
	#submenu ul { margin-bottom:12px; }
	#submenu ul li { list-style:none; list-style-position: outside; min-height:31px; background:url('images/submenu_spacer.gif') bottom no-repeat; margin:0;}
	* html #submenu ul li { height:31px; }
	#submenu ul li a { font-size:11px; display:block; height:24px; padding:6px 0 0 30px; background:url('images/submenu_bg.gif');}
	#submenu ul li a:hover, #submenu ul li.active a { background-position:358px 0; color:#595959;}
	#submenu ul .active, #submenu ul .active:hover  { background-position:179px 0; color:#595959;}
	#submenu ul li ul { margin:9px 0 3px 0 !important; margin:9px 0 4px 0; /* ie6 */}
	#submenu ul li.collapse ul { display:none;}
	#submenu ul li ul li { background:#fff;}
	#submenu ul li ul li { min-height:16px;  margin-bottom:0 !important; margin-bottom:-1px; /* ie6 */}
	* html #submenu ul li ul li { height:16px; }
	#submenu ul li ul li a { display:block; height:16px; padding:0 0 0 37px; background:url('images/submenu_icon.gif'); font-size:10px; line-height:10px;}
	#submenu ul li.active ul li a { color:#999898;}
	#submenu ul li ul li a:hover, #submenu ul li ul li.active a { background-position:179px 0; color:#595959;}
	#submenu .box { width:187px; margin: 0 0 10px -4px;}

	#subpage .location { height:20px; padding-top:12px; font-size:10px; line-height:10px; margin-bottom:15px;}
	#subpage .location .active { color:#595959;}
	#subpage .left-column .image-holder { width:322px; height:324px; border:1px solid #eaeaea; margin-bottom:30px;}
	/*#subpage .left-column .image-holder img { width:322px; height:324px;}*/
	#subpage .left-column, #subpage .left-column-wide { float:left; width:325px; }
	#subpage .left-column  div.inner { min-height: 200px; padding-bottom: 20px; }
	* html #subpage .left-column div.inner { height: 200px; }
	#subpage .right-column { float:left; margin:0 0 0 22px !important; margin: 0 0 0 0px; width:390px; display: inline;}
	
	* html #subpage .right-column.text { margin:0 0 0 16px }
	
	.first-depth .left-column { width:345px;}
	.first-depth .right-column { width:395px;}
	.first-depth h1 { font-size:28px; line-height:28px; margin-bottom:20px; font-weight:normal;}

	#subpage .right-column .content { margin:20px 0 0 20px; width:400px;}
	#subpage .right-column .content p{ font-size:11px;}
	#subpage .content { font-size:12px; color:#4e4e4e;}
	#subpage .content h2 { font-size:19px; line-height:19px; margin-bottom:10px; font-weight:normal;}
	#subpage .content p { margin-bottom:15px;}
	#subpage .content ul { margin:0 0 15px 15px;}
	

	#subpage .boxes .box { display:block; width:375px; height:96px; background:url('images/subpage_box_bg.jpg') no-repeat; margin-bottom:9px; padding:10px 10px 0 10px;}
	#subpage .boxes .box .image, #subpage .boxes .box .content, #subpage .boxes .box .arrow { float:left;}
	#subpage .boxes .box .content { width:300px; margin:0; font-size:11px; padding-left: 10px;}
	#subpage .boxes .box .content.has-image { width: 180px; padding-left: 15px; }
	#subpage .boxes .box .content h1 { font-size:14px; font-weight:bold; line-height:16px; margin:5px 0 5px 0;}
	#subpage .boxes .box .content p { margin-bottom:15px;}
	#subpage .boxes .box .content p a { color:#4E4E4E;}
	#subpage .boxes .box .arrow { float:right; width:47px; margin-right: 15px; margin-top:20px; display: inline;}
	
	#subpage .boxes.special .box {
		cursor: pointer;
	}
	
	#subpage .news-box { width:352px; margin:0 0 0 -12px; background:url('images/subpage_news_tile_bg.gif') repeat-y;}
	#subpage .news-box  .content { padding:10px 30px 14px 30px; min-height:155px; font-size:11px;}
	* html #subpage .news-box  .content { height:166px; }
	#subpage .news-box  .content  .date { margin-bottom:2px;}
	#subpage .news-box  .content  h1 { font-size:14px; line-height:19px; font-weight:bold; margin-bottom:2px;}
	#subpage .news-box  .top {font-size:12px; padding:8px 0 0 32px; height:32px; background:url('images/subpage_news_top_bg.gif') no-repeat;}
	#subpage .news-box  .news {margin:10px 24px 10px 24px;}
	#subpage .news-box  .news a{color:#727272; font-size: 11px;}
	/*#subpage .news-box  .top span { margin-left:6px;}*/
	#subpage .news-box  .bottom { height:18px; background:url('images/subpage_news_bottom_bg.gif') no-repeat;}
	#subpage .column-holder { margin-bottom:5px;}

/** subpage deeper**/

	.wide-table tr td{ padding-right:20px; height:20px;}
	.deeper { background:url('images/element_bg.jpg') no-repeat top right; margin-bottom:0; padding-bottom:20px; min-height:420px;}
	* html .deeper { height: 420px; }
	* html .deeper { height:300px; }
	.deeper .left-column { width:366px; }
	.deeper .left-column-wide { width:600px;}
	.deeper .right-column { width:350px;}
	.deeper .content h1 { font-size:28px; line-height:34px; margin-bottom:9px; font-weight:normal;}
	.deeper .content { /*margin-top:25px;*/}
	.deeper .right-column { margin-top:25px;}
	.deeper .right-column .box { float:left; width:169px; background:#f5f5f5; margin-bottom:15px; margin-right:6px;}
	.deeper .right-column .box .top { height:24px; padding:4px 0 0 11px; font-size:12px;}
	.deeper .right-column .box .top-blue { background:url('images/box_blue_top.gif') no-repeat;}
	.deeper .right-column .box .top-yellow { background:url('images/box_yellow_top.gif') no-repeat;}
	.deeper .right-column .box .box-content { min-height:10px; padding:7px 10px 14px 10px; line-height:14px; font-size:11px;}
	.deeper .right-column .box .box-content p { font-size:11px; }
	.deeper .right-column .box .box-content h1 a { font-size:14px; }
	.deeper .right-column .box .box-content a{ text-decoration:underline; color:#4e4e4e; margin:0 0 0 0;}
	.deeper .right-column .box .box-content .box-head { height:20px; margin:0 0 10px 0; }
	.deeper .right-column .box .box-content .box-head p{ font-weight:bold; }
	* html .deeper .right-column .box .box-content { height:10px; }
	.deeper .right-column .box .box-content h3 { font-size:12px; line-height:14px; margin:3px 0 3px 0; font-weight: bold; }

/** hide joomla title and date **/

	.deeper .right-column .box .box-content div.date, .deeper .right-column .box .box-content h1 { display:none;}
	.bigboxblue { width:366px; background:url('images/bigbox_blue_tile.jpg');}
	.bigboxblue .box-content { padding:18px 24px 0 24px; min-height:114px; background:url('images/bigbox_blue_bg.jpg') no-repeat;}
	* html .bigboxblue .box-content { height:150px }
	.bigboxblue .box-bottom { height:3px; background:url('images/bigbox_blue_bottom.jpg') no-repeat;}
	.bigboxblue .box-content h3 { font-size:16px; line-height:19px; color:#6e6e6e; margin-bottom:5px;}
	#search-results { width:450px;}
	
#employees { border: solid 1px #ededed; }
#employees tr:first-child td { background-color: #ededed; font-size: 12px !important; font-weight: bold; border-width: 1px 1px 1px 0; border-style: solid; border-color: white; }
#employees tr:first-child td:first-child { border-left-width: 1px; }
#employees td { font-size: 12px !important; padding: 6px 3px 3px 6px; border-top: solid 1px #ededed; }
	
	
/** praktikantens fasoner **/
	.entry ul {
		list-style: none;
	}