/*
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 */

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; }

ul.first	{ border-right: 1px solid #ccc; margin-right: 10px;  }
.ul-links	{ width: 121px; margin-top: 15px; }
.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;
}

.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; }
		/*#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; }
		*/
		
		#weather {
			position: absolute;
			left: 50%;
			width: 270px;

			padding: 5px;
			margin: 30px 0 0 0px;
			font-size: 16px;
			line-height: 30px;
		}
		
		#weather p {

		}
		
		#weather img {
			position: absolute;
			width: 50px;
			height: 34px;
			margin: 15px 0px 0 130px;
		}
		
		#weather p.temperature {
			position: absolute;
			width: 100px;
			margin: 18px 0 0 20px;
		}
		
		
		#weather a {
			color: #4a8fca;
		}
		
		#weather a:hover {
			text-decoration: none;
		}
		
		#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.de_DE li, #container .body ul#main-menu.en_US li {
			margin-right: 6px;
		}
		
		#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.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.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;  }
		
		/* 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;  }
		
		/* 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; padding-right:11px; }
	#header .logotype {padding-top:2px; }
	#header ul.icons li { float: right; margin-left: 5px;}
	
	#header ul.icons li.languages {
		padding-top: 5px;
	}
	
	#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:50px; }
	#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; }

#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;
}