/*
Theme Name: Visit Timrå
Theme URI: http://www.osynlig.se/
Description: Visit Timrås tema
Version: 1.0
Author: Osynlig
Author URI: http://www.osynlig.se/
Tags:
*/

/* Reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus {outline:0; }
body {line-height:1; }
ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none; }
table {border-collapse:separate; border-spacing:0; }
caption, th, td {text-align:left; font-weight:normal; }
blockquote:before, blockquote:after,q:before, q:after {content:""; }
blockquote, q {quotes:"" ""; }
img {border:none; }
.right, .alignright {float:right; }
.left, .alignleft {float:left; }
.clear {clear:both; }

/* End reset */

#eu-container				{ width: 959px; margin: 0 auto; }
.eu							{ margin: 10px 0; }
 
a {text-decoration:none; color: #6ab8e1; font-weight: bold; }
a:hover {text-decoration:underline; }
body {font-family:verdana, tahoma, arial, serif; font-size:11px; line-height:15px; margin-top:6px; }
strong { font-weight: bold; }

#container {width:951px; margin:0 auto; }
	#container .right-col {width:254px; }
		#container .right-col .box, #container .right-col .banner {margin-bottom:4px; }
		#container .right-col .box, #container .right-col .banner-nav {margin-bottom:28px; }
		#container .right-col .box,
		.body .box {background:url('images/right_box_bg.gif') #fffce5 no-repeat bottom left; }
		
		.box .content	{ padding: 0 0 10px 10px; }
		
		#container .right-col .box .header {
			height:27px;
			padding:5px 0 0 5px;
		}

#container .body .welcome-boxes .box div.shadow {
	position: absolute;
	width: 203px;
	height: 25px;
	margin: 0px 0 0 -10px;
	background: url(images/transparens.png);
	z-index: 99;

}

span.red	{ color: #aa021a; font-weight: bold; }
span.gray	{ color:gray; }

ul.first	{ border-right: 1px solid #ccc; margin-right: 10px;  }
.ul-links	{ width: 121px;  }
.ul-links a	{ color: #796b6a; font-weight: normal; }

.annons		{ margin-bottom: 15px; }

#container .body .welcome-boxes .box div.content {
	position: absolute;
	margin: 2px 0 0 0px;
	z-index: 101;
	width: 207px;
	padding: 0;
	overflow: hidden;
	height: 35px;
}

.header h2 {font-size:16px; font-weight:normal; line-height:37px; font-family:arial, tahoma, verdana, serif; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom:10px; }

.box .header img	{ margin-left: 0px; }

		#container .right-col .box .content {padding:10px; }
		#container .right-col .box .header.red {background:url('images/right_box_header_red_bg.gif') no-repeat; }
		#container .right-col .box .header.blue {background:url('images/right_box_header_blue_bg.gif') no-repeat; }
		
		#container .right-col .box .content .present {
			font-size: 10px;
			margin-bottom: 10px;
		}
		
		#container .right-col .box .content .present a {
			font-weight: normal;
		}
		

		ul.calendar li { margin: 8px 0; }
		
		.box .namnsdag {
			padding: 5px;
			font-size: 10px;
			margin: 3px 15px 3px 0;
			text-align: right;
			color: #ab011b;
			float: right;
		}
		
		#container .right-col .box .content a,
		.box .content a,  
		#container .right-col .box .content .red {
			font-weight: normal;
			color: #010004;
			background: transparent;
		}
		
		#container .right-col .box .content ul.calendar, #container .right-col .box .content ul.news {
			margin-bottom: 3px;
		}
		
		#container .right-col .box .content ul.calendar li, #container .right-col .box .content ul.news li {
			padding: 5px 0 5px 0;
			border-bottom: 1px solid #959595;
			margin-right: 5px;
		}
		
		#container .right-col .box .content ul.calendar a {
			font-weight: normal;
			color: #000;
		}
		
		#container .right-col .box .content ul.news li div.date {
			font-weight: bold;
			margin-bottom: 2px;
		}
		
		#container .right-col .box .content ul.news li img {
			margin-bottom: 5px;
		}
		
	#container .body {width:676px; margin-bottom:15px; }
		#container .body #top-flash {margin-bottom:4px; max-width: 670px;overflow: hidden; }
		/*#container .body ul#main-menu {margin-bottom:35px; }
		#container .body ul#main-menu li {width:auto; float:left; height:21px; margin-right:3px; background:url('images/main_menu_left_bg.gif') no-repeat; padding:5px 0 0 0;}
		#container .body ul#main-menu li.last {margin-right:0; }
		#container .body ul#main-menu li a {display:inline; padding:5px 11px 5px 11px !important; padding:5px 11px 6px 11px; height:21px; background:url('images/main_menu_right_bg.gif') no-repeat bottom right; font-family:arial, tahoma, verdana, serif; font-size:14px; color:#fff; text-decoration:none; font-weight:bold; }
		*/
		
	
		
		#container .body ul#main-menu {
			margin-bottom: 22px !important;
			margin-bottom: 0;
		}
		
		#container .body ul#main-menu li {
			float: left;
			margin-right: 4px;
		}
		
		#container .body ul#main-menu li.evenemang {
			margin-right: 1px;
		}
		
		#container .body ul#main-menu.de_DE li, #container .body ul#main-menu.en_US li {
			margin-right: 4px;
		}
		
		
		#container .body ul#main-menu li.last {
			margin: 0;
		}
		
		#container .body ul#main-menu li a {
			display: block;
			height: 26px;
		}
		
		/* languages */
		
		body.de_DE #container .body ul#main-menu li.att-resa-hit a { background: url('images/menu_att_resa_hit-de_DE.gif') no-repeat; width: 85px;  }
		body.de_DE #container .body ul#main-menu li.att-bo a { background: url('images/menu_att_bo-de_DE.gif') no-repeat; width: 62px;  }
		body.de_DE #container .body ul#main-menu li.att-se-och-gora a { background: url('images/menu_att_se_och_gora-de_DE.gif') no-repeat; width: 141px;  }
		body.de_DE #container .body ul#main-menu li.att-ata a { background: url('images/menu_att_ata-de_DE.gif') no-repeat; width: 99px;  }
		body.de_DE #container .body ul#main-menu li.handel-och-shopping a { background: url('images/menu_handel_och_shopping-de_DE.gif') no-repeat; width: 120px;  }
		body.de_DE #container .body ul#main-menu li.konferens a { background: url('images/menu_konferens-de_DE.gif') no-repeat; width: 82px;  }
		body.de_DE #container .body ul#main-menu li.boka a { background: url('images/menu_boka-de_DE.gif') no-repeat; width: 44px;  }
		body.de_DE #container .body	ul#main-menu li.evenemang a { background: url('images/menu_events_tyska.png') no-repeat; width: 96px;}
		body.de_DE #container .body	ul#main-menu li.evenemang a:hover { background: url('images/menu_events_blue.png') no-repeat; width: 96px;}
		body.de_DE #container .body	ul#main-menu li.evenemang a:active { background: url('images/menu_events_blue.png') no-repeat; width: 96px;}
		
		body.en_US #container .body ul#main-menu li.att-resa-hit a { background: url('images/menu_att_resa_hit-en_US.gif') no-repeat; width: 94px;  }
		body.en_US #container .body ul#main-menu li.att-bo a { background: url('images/menu_att_bo-en_US.gif') no-repeat; width: 102px;  }
		body.en_US #container .body ul#main-menu li.att-se-och-gora a { background: url('images/menu_att_se_och_gora-en_US.gif') no-repeat; width: 86px;  }
		body.en_US #container .body ul#main-menu li.att-ata a { background: url('images/menu_att_ata-en_US.gif') no-repeat; width: 92px;  }
		body.en_US #container .body ul#main-menu li.handel-och-shopping a { background: url('images/menu_handel_och_shopping-en_US.gif') no-repeat; width: 123px;  }
		body.en_US #container .body	ul#main-menu li.evenemang a { background: url('images/menu_events_orange.png') no-repeat; width: 96px;}
		body.en_US #container .body ul#main-menu li.konferens a { background: url('images/menu_konferens-en_US.gif') no-repeat; width: 93px;  }
		body.en_US #container .body ul#main-menu li.boka a { background: url('images/menu_boka-en_US.gif') no-repeat; width: 47px;  }
		body.en_US #container .body	ul#main-menu li.evenemang a:hover { background: url('images/menu_events_blue_hover.png') no-repeat; width: 96px;}
		body.en_US #container .body	ul#main-menu li.evenemang a:active { background: url('images/menu_events_blue_hover.png') no-repeat; width: 96px;}
		
		/* default */
		
		#container .body ul#main-menu li.att-resa-hit a { background: url('images/menu_att_resa_hit.gif') no-repeat; width: 97px;  }
		#container .body ul#main-menu li.att-bo a { background: url('images/menu_att_bo.gif') no-repeat; width: 62px;  }
		#container .body ul#main-menu li.att-se-och-gora a { background: url('images/menu_att_se_och_gora.gif') no-repeat; width: 112px;  }
		#container .body ul#main-menu li.att-ata a { background: url('images/menu_att_ata.gif') no-repeat; width: 69px;  }
		#container .body ul#main-menu li.handel-och-shopping a { background: url('images/menu_handel_och_shopping.gif') no-repeat; width: 152px;  }
		#container .body ul#main-menu li.konferens a { background: url('images/menu_konferens.gif') no-repeat; width: 95px;  }
		#container .body ul#main-menu li.boka a { background: url('images/menu_boka.gif') no-repeat; width: 61px;  }
		
		#container .body ul#main-menu li.naringsliv a { background: url('images/menu_naringsliv.gif') no-repeat; width: 85px;  }
		#container .body ul#main-menu li.flytta-hit a { background: url('images/menu_flytta_hit.gif') no-repeat; width: 78px;  }
		#container .body ul#main-menu li.infrastruktur a { background: url('images/menu_infrastruktur.gif') no-repeat; width: 104px;  }
		#container .body ul#main-menu li.arbetsmarknad a { background: url('images/menu_arbetsmarknad.gif') no-repeat; width: 123px;  }
		#container .body ul#main-menu li.foreningar a { background: url('images/menu_foreningar.gif') no-repeat; width: 94px;  }
		#container .body ul#main-menu li.lankar a { background: url('images/menu_lankar.gif') no-repeat; width: 68px;  }
		#container .body ul#main-menu li.kontakt a { background: url('images/menu_kontakt.gif') no-repeat; width: 96px;  }
		#container .body ul#main-menu li.evenemang a { background: url('images/menu_evenemang.png') no-repeat; width: 96px;}
		#container .body ul#main-menu li.evenemang a:hover { background: url('images/menu_evenemang_blue.png') no-repeat; width: 96px;}
		#container .body ul#main-menu li.evenemang a:active { background: url('images/menu_evenemang_blue.png') no-repeat; width: 96px;}
		
		/* hover */
		
		#container .body ul#main-menu li a:hover, #container .body ul#main-menu li.active a,
		body.en_US #container .body ul#main-menu li a:hover, body.en_US #container .body ul#main-menu li.active a,
		body.de_DE #container .body ul#main-menu li a:hover, body.de_DE #container .body ul#main-menu li.active a {
			background-position: 0 -26px;
		}
		
		#container .body .welcome-text {width:565px; margin-left:8px; }
		#container .body .welcome-boxes			{ margin-bottom: 20px; }
		#container .body .welcome-boxes .box {width:214px; height:140px; margin-bottom:15px; margin-right: 10px; overflow: hidden; }
		#container .body .welcome-boxes .box div {height:50px; margin-top:80px; color:#fff; padding:13px 7px 0 7px; }
		#container .body .welcome-boxes .box div h3 {margin-bottom:0px; color: #323230; font-size: 11px; font-weight: bold; }
		#container .body .welcome-boxes .box div p { color: #b42036; font-size: 11px; margin-bottom: 0; }
		#container .body .welcome-boxes .box div a { color: #b42036; font-size: 11px; }
		#container .body .links { width: 483px; min-height: 130px; margin-bottom: 20px; /*background:url('images/link_bg.jpg') no-repeat bottom right;*/ }
		#container .body .links a { font-weight: normal; }
		* html #container .body .links { height:130px;  }
		#container .body .links .header {margin-bottom:24px; }
		#container .body .links a {color:#6b6b6b; }
		#container .body .links ul { height: 65px; line-height:16px; padding:0 14px 0 14px; border-left:1px solid #959595; }
		#container .body .links ul.first {border-left:none; padding-left:0; }
		
		.right-col .links					{ margin-bottom: 25px; }
		
		#container .body .ad {
			width: 170px;
		}
		
		#container .body .ad  a {
			display: block;
			margin-bottom: 10px;
		}
		
		#container .body .small-col {
			width: 167px;
		}
		
		#container .body .small-col ul.wp-menu {
			margin-bottom: 117px;
		}
		
		#container .body .small-col ul.wp-menu li {
			margin-bottom: 3px;
		}
		
		#container .body .small-col ul.wp-menu li a {
			display: block;
			color: #fff;
			font-weight: bold;
			padding: 6px 0 0 11px;
			height: 22px;
			background: url('images/submenu_bg.gif') no-repeat;
		}
		
		#container .body .small-col ul.wp-menu li a:hover, #container .body .small-col ul.wp-menu li.active a {
			background-position: 0 -28px;
			text-decoration: none;
		}
		
		#container .body .small-col .ad {
			margin-bottom: 20px;
			text-align: center;
		}

		#container .body .wide-col {
			width: 480px;
			padding-bottom: 20px;
		}
		
		#container .body .small-categories {
			margin-top: 22px;
		}
		
		#container .body .small-categories img.left {
			margin-right: 13px;
			margin-bottom: 15px;
			display: block;
		}
		
		#container .body .small-categories .cat-content h4 {
			font-size: 13px;
			color: #333;
			font-weight: bold;
		}
		
		#container .body .small-categories .cat-content {
			width: 309px;
			margin: 10px 0 5px 0;
		}
		
#header {height:95px;  }
	#header .logotype {padding-top:2px; }
	#header ul.icons {float:right; z-index: 100; margin-right: 20px; }
	#header ul.icons li { float:right; margin-left: 5px; margin-top:7px;z-index: 100;}
	.header-links		{margin-bottom: 25px;}
	
	.navigation {width: 240px;  }
	
	.top-nav {float:right; margin-right: 30px; margin-top: 75px;}
	.top-nav a{color: gray; font-weight: 200;}
	
	
	#header ul.icons li.languages {
		padding-top: 5px;
		z-index: 100;
	}
	
	#header ul.icons li.languages a {
		float: left;
		display: inline;
		width: 16px;
		height: 10px;
		margin-left: 3px;
		text-indent: -2000px;
		
	}
	
	#header ul.icons li.languages a.sv_SE {
		background: url('images/sv_SE.png') no-repeat;
	}
	
	#header ul.icons li.languages a.de_DE{
		background: url('images/de_DE.png') no-repeat;
	}
	
	#header ul.icons li.languages a.en_US {
		background: url('images/en_US.png') no-repeat;
	}
	
	#header #search-form {margin-top:39px; margin-right: 10px; }
	#header #search-form input {float:left; width:134px; height:15px; padding:0; border:1px solid #6b6b6b; font-size:10px; }
	#header #search-form a {display:block; float:left; margin-left:3px; }
	
	#container #header #logo-container		{width:670px; height: 100px; float:left; margin-right: 20px;}
	#container #header #logo-container .top-mini-nav   {float:right; margin-top: 80px;}
	#container #header #logo-container .top-mini-nav a {color:gray; font-weight: 100; }
	#container #header #top-container-right {float:right; width: 253px; height: 100px; }
	
		#weather { float:right; font-size: 16px; line-height: 30px; width: 66px; }
		#weather p {}
		#weather img { width: 35px; height: 24px; float:right; margin-top:6px; }
		#weather p.temperature { font-size: 12px; float:left; font-weight: 100; margin-top:2px;}
		#weather a { color: #4a8fca; font-weight: 100;}
		#weather a:hover { text-decoration: none; }
	
#footer {width:959px; margin:0 auto; background:#f6f0cf; color:#58595b; font-size:10px; }
	#footer a {color:#58595b; text-decoration:underline; }
	#footer .left-bg, #footer .right-bg {width:10px; height:61px; }
	#footer .left-bg {background:url('images/footer_left_bg.gif') no-repeat; }
	#footer .right-bg {background:url('images/footer_right_bg.gif') no-repeat; }
	#footer .contact-info {margin:17px 0 0 13px; }
	#footer .partners {width:500px; text-align:right; padding-top:10px; margin-right: 13px; }
	#footer .partners img {margin-left:18px; }

.wrapper h1 {font-size:18px; font-weight:normal; line-height:37px; font-family:arial, tahoma, verdana, serif; margin-bottom: 5px; }
.wrapper h3 {font-size:14px; font-weight:bold; line-height:18px; font-family:verdana, tahoma, arial serif; }
.wrapper p {margin-bottom:14px; }

#container .right-col .box.menu {
	background: none;
}

#container .right-col .menu ul li {
	margin-bottom: 3px;
}

#container .right-col .menu ul li a {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 6px 0 0 11px;
	height: 22px;
	background: url('images/submenu_right_bg.gif') no-repeat;
}

#container .right-col .menu ul li a:hover, #container .right-col .menu ul li.active a {
	background-position: 0 -28px;
	text-decoration: none;
}



body.home div#body .boxes .box {
	width: 229px;
	height: 177px;
	margin: 0 9px 9px 0;
	border: 1px solid #d9d9d9;
}

div.body div.boxes div.box.text {
	color: #fff;	
}

div.body div.boxes div.box.text h1 {
	font-size: 19px;
	font-weight: normal;
	line-height: 22px;
	margin: 25px 0 8px 12px;
}

div.body div.boxes div.box.text p {
	margin-left: 15px;
}

div.body div.boxes div.box a.button {
	position: absolute;
	display: block;
	margin: 150px 0 0 145px;
	height: 14px;
	padding: 5px 15px 0 15px;
	background: url('images/cyan_button_bg.gif') repeat-x;
	color: #fff;
	font-size: 9px;
	line-height: 8px;
	font-weight: bold;
	text-transform: uppercase;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	z-index: 1000;
}

div.body div.boxes div.box.text a.button {
	background: url('images/black_button_bg.gif') repeat-x;
}

div.body div.boxes div.box div.shadow {
	position: absolute;
	width: 229px;
	height: 57px;
	margin-top: 120px;
	background: #000;
	z-index: 99;
}

div.body div.boxes div.box div.content {
	position: absolute;
	margin: 125px 0 0 15px;
	z-index: 101;
	width: 200px;
}

div.body div.boxes div.box div.content h1 {
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #fff;
}

div.body div.boxes div.box div.content p {
	color: #faa61a;
	font-weight: bold;
	font-size: 12px;
}

/** start boxes **/

#calendar {
	width: 670px;
}

.calendar-leva {
	width: 463px;
	padding: 10px 10px 10px 10px;
	background: #FFFDF4;
}

#start-box-holder {
	height: 160px;
	margin-bottom: 15px;
	background-color: #FFFDF4;
}

#start-box-holder .start-box-prev, #start-box-holder .start-box-next {
	position: absolute;
	display: block;
	margin-top: 58px;
	z-index: 50;
	width: 30px;
	height: 30px;
	background-color: #FFFDF4;
}

#start-box-holder .start-box-prev span, #start-box-holder .start-box-next span {
	display: block;
	width: 100%;
	height: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;
}

#start-box-holder .start-box-prev {
	margin-left: 5px;
}

#start-box-holder .start-box-prev span {
	background: url('images/previous.png') #FFFDF4 no-repeat;
}

#start-box-holder .start-box-next {
	margin-left: 635px;
}

#start-box-holder .start-box-next span {
	background: url('images/next.png') #FFFDF4 no-repeat;
	
}

#start-boxes {
	width: 670px;
	height: 140px;
	padding-top: 17px;
	overflow: hidden;
	position: absolute;
	background-color: #fffdf4;
}

#start-boxes .box {
	height: 120px;
	width: 317px; /* 448px */
	padding: 5px 0 0 27px;
	border-right: 1px solid #ccc;
	position: absolute;
	background:none;
}


#start-boxes .box .image {
	width: 120px; height: 105px; overflow: hidden;
}

#start-boxes .box .image .post-image {
	display: block;
	width: 163px;
	height: 125px;
}

#start-boxes .box .share {
	text-align: right;
	margin-top: 6px;
}

#start-boxes .box .wrapper .share {
	text-align: left;
}

#start-boxes .box .wrapper {
	width: 160px; /*240*/
	display: inline;
	margin: -3px 0 0 15px;
	color: #333;
}

#start-boxes .box .wrapper_left_extended {
	width: 260px; /*240*/
	display: inline;
	margin: -3px 0 0 20px;
	color: #333;
	float:left;
}

#start-boxes .box .wrapper_left_extended h1 a {
	font-family: arial, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 5px;
	color:black;
}

#start-boxes .box .wrapper_left_extended h1 {
	font-family: arial, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 5px;
}

#start-boxes .box .wrapper.wide {
	margin: 7px 0 0 0;
	width: 420px;
}

#start-boxes .box .wrapper h1 {
	font-family: arial, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 5px;
}

#start-boxes .box .wrapper h1 a {
	font-family: arial, serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-bottom: 5px;
	color:black;

}

/** /start boxes **/

.more_link_excerpt {

	font-weight: normal;

}

.header {margin-bottom:20px;}
.margin	{ margin-top: 10px; }
#events-leva		{ margin-bottom: 10px; margin-top: 10px; }
#events .header h2	{ background: url('images/coming-bg.png') no-repeat; color: #fff; line-height: 180%; padding: 0 10px; height: 30px; font-size: 15px; font-weight: bold; margin-bottom: -10px; width: 650px; }
#events-leva .header-leva h2	{ background: url('images/red_bg_480.jpg') no-repeat; color: #fff; line-height: 180%; padding: 0 10px; height: 30px; font-size: 15px; font-weight: bold; margin-bottom: -10px; width: 650px; z-index: 100; }

ul.calendar-leva li { margin-bottom: 5px; }