/*
Theme Name: Upplev Tällberg
Theme URI: http://www.upplevtallberg.se/
Description: Upplev Tällberg
Version: 1.0
Author: Plucera Webbyrå
Author URI: http://plucera.se/
*/
* { margin: 0px;padding: 0px; }

BODY, HTML { height: 100%; }
BODY { width: 100%;margin: 0;background-color: #292c32;font: 13px/16px Georgia, "Times New Roman", serif;color: #fff; }

HR { width: 100%;height: 1px;margin: 0;border: 0;border-top: 1px dashed #ccc; }

IMG { border: none; }

.row { position: relative;width: 960px;margin: 0 auto;overflow: hidden;}
.row .row { display: inline-block;width: auto;margin: 0 -10px; }
.column { display: inline;float: left;min-height: 10px;margin: 0 10px;overflow: hidden; }

.grid_1 {width: 60px;}
.grid_2 {width: 140px;}
.grid_3 {width: 220px;}
.grid_4 {width: 300px;}
.grid_5 {width: 380px;}
.grid_6 {width: 460px;}
.grid_7 {width: 540px;}
.grid_8 {width: 620px;}
.grid_9 {width: 700px;}
.grid_10 {width: 780px;}
.grid_11 {width: 860px;}
.grid_12 {width: 940px;}

/* ------------ HTML - Text -------------- */

A { color: #FFF; }
A:hover { color: #AAF; }
.vit A { color: #000; }

A.doc, A.pdf, A.xls { display: block;height: 12px;padding-left: 15px;background-position: left top;background-repeat: no-repeat; }
A.doc { background-image: url("img/bg/doc.gif"); }
A.pdf { background-image: url("img/bg/pdf.gif"); }
A.xls { background-image: url("img/bg/xls.gif"); }

H1, H2, H3, H4 { margin: 0;padding: 0; color: #FFF; }
H1 { padding-bottom: 15px;font-size: 56px;color: #fff; }
.vit H1, .vit H2, .vit H3, .vit H4 { color: #000; }
H2 { font-size: 16px;color: #FFF; }
H3 { font-size: 14px;color: #FFF; }
H4 { font-size: 12px;color: #FFF; }

P, OL, UL, TABLE { margin: 0 0 15px 0; }

/* ------------ HTML - Formulär -------------- */

FORM { margin: 0;padding: 0;border: none; }

INPUT, SELECT, BUTTON, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; }
INPUT, SELECT, BUTTON { margin: 0;padding: 0 0.1em; }

INPUT, SELECT { border: 1px solid #ccc; }
SELECT { background-color: #fff; }
OPTION { padding: 0 0 0 0.5em; }

/* ------------ HTML - Listor -------------- */

OL OL, OL UL, UL OL, UL UL { margin: 6px 0 0 0;padding: 0; }
OL LI, UL LI { margin: 0 30px 4px 30px;padding: 0;list-style-type: decimal; }
UL LI { list-style-type: circle; }
OL OL LI, UL OL LI { list-style-type: lower-alpha; }
OL UL LI, UL UL LI { list-style-type: disc; }

/* ------------ HTML - Tabeller -------------- */

TABLE { width: 100%; }
TD, TH { padding: 8px 6px;text-align: left; }
TH { font-weight: bold; }
THEAD TD, THEAD TH { background-color: #666;border-bottom: 1px dashed #aaa;text-transform: uppercase; }
TBODY TD, TBODY TH { border-bottom: 1px dashed #aaa; }
TFOOT TD, TFOOT TH { background-color: #999; }

/* ------------ Specialstilar -------------- */

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

.right { float: right; }
.left { float: left; }
.hidden { display: none; }

/* ------------ Header -------------- */

#top {  }
#top .row { height: 160px; }

.toptext { position: absolute;bottom: 5px;left: 0;font-size: 74px; }
.de .toptext { font-size: 45px; }

#logo { position: absolute;bottom: 5px;right: 0; }

#lang { position: absolute; right: 0; padding: 11px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); }
#lang A { float:left; margin:0 5px; }
#lang A SPAN { display:block; padding-left:22px; background: url("img/inline/en.png") no-repeat 0 1px; }
#lang A SPAN.sv { background-image: url("img/inline/se.png"); }
#lang A SPAN.de { background-image: url("img/inline/de.png"); }

#topMenu, #btmMenu {
	position: absolute;
	margin: 0;
	padding: 0;
}
#topMenu LI, #btmMenu LI { float: left;margin: 0;padding: 0;list-style-type: none; }
#topMenu A, #topMenu A:hover,
#btmMenu A, #btmMenu A:hover {
	float: left;
	display: block;
	margin: 0 0 0 15px;
	padding: 0;

	color: #fff;
	font-size: 38px;
	text-decoration: none;
}
#btmMenu LI {
	color:#AAA;
	font-size:28px;
	padding: 11px;
}

#topMenu LI.current_page_item A, #topMenu LI.current_page_ancestor A, #btmMenu LI.current_page_item A, #btmMenu LI.current_page_ancestor A { color: #da2c4f; }
#topMenu A:hover, #topMenu LI.current_page_item A:hover,
#btmMenu A:hover, #btmMenu LI.current_page_item A:hover { color: #AAF; }

#topMenu { 	bottom: 25px;right: 190px; }

#btmMenu { top: 5px;left: 0; }
#btmMenu A, #btmMenu A:hover { margin:-17px 13px 0 0; }

/* ------------ content -------------- */

#main {  }
#main .row { background: url("../../uploads/tallberg/tallberg_sign.jpg") left top no-repeat; height: 520px; position: relative; }
#main .row  .grid_6{ position: absolute; height: 100%; margin: 0;}
#main .row .Stor { width: 900px; }
#main .row  .rc{ right: -430px; }
#main .grid_6 .text { height: 490px; margin: 0 30px;padding: 10px 20px 20px;background: url("img/bg/grid_5.png") left top; overflow-y: auto; overflow-x: hidden; }
#main .grid_6 .vit { background: url("img/bg/grid_5_w.png") left top; color:#000; }
#main .grid_6 .transparent { background: none; }

#main .grid_6 .text DIV { width: 383px; margin-right: 5px; float: left; height: 89px; }
#main .grid_6 .text DIV  P{ margin: 0 5px; font-size: 0.85em; }
#main .grid_6 .text DIV IMG { float: left; margin: 0 4px 15px 0; border: 3px solid #FFF; -moz-border-radius: 3px; }

#main .bg_imgs, #main .bg_imgs img { position: absolute; }
#main .bg_imgs img { display: none; }

.upcoming { position: absolute;left: 0;bottom: 60px;padding: 6px 15px 6px 25px;background: #da2c4f url("img/bg/upcoming.gif") 10px 11px no-repeat; }
.upcoming A { color: #fff;font-style: italic; }
.upcoming A:hover { color: #111; }

#subMenu {
	position: absolute;
	left: 0;
	top: 30px;
	min-width: 35%;
	margin: 0;
	padding: 0;
	background-color: #000;
	opacity: 0.85;
}
#subMenu.vit { background-color: #fff; }
#subMenu LI { margin: 0;padding: 0;list-style-type: none; }
#subMenu LI A, #subMenu LI A:hover {
	display: block;
	height: 10px;
	margin:7px 20px 0 10px;
	padding: 3px 5px 13px 20px;
	border-bottom: 2px solid #111;
	background:url("img/bg/subMenu_off.png") no-repeat scroll 1px 7px transparent;

	color: #fff;
	font-size: 14px;
	font-weight: italic;
	text-decoration: none;
}
#subMenu.vit LI A, #subMenu.vit LI A:hover { color: #000; border-bottom: 2px solid #eee;}
#subMenu LI A:hover { color: #da2c4f; }

#subMenu LI.current_page_item A, #subMenu LI.current_page_item A:hover,
#subMenu LI.current_page_parent A, #subMenu LI.current_page_parent A:hover { background-image: url("img/bg/subMenu_on.png"); }

/* ------------ footer -------------- */

#bottom {  }
#bottom .row {  }
#bottom .column { height: 65px; }

#copy, #siteby  { position: absolute; bottom: -10px; font-size: 0.8em; color: #4a4f5a;  }
#copy A  { color: #4a4f5a;  }

#siteby { float: right; }
#siteby LI { float: left;list-style-type: none;margin: 0; }
#siteby LI A { padding-left: 10px;border-left: 1px solid #666; }
#siteby LI A:hover {  }
#siteby LI A.xhtml { padding-right: 10px;border: none; }