@import url(http://fonts.googleapis.com/css?family=Allerta);
@import url(http://fonts.googleapis.com/css?family=Boogaloo);
@import url(http://fonts.googleapis.com/css?family=Luckiest+Guy);









.bgYellow {background: url(http://oldweb.trafikkalendern.se/_images/2015knappbilder/tk2015_webbknapp1.png);}
.bgGreen {background: url(http://oldweb.trafikkalendern.se/_images/2015knappbilder/tk2015_webbknapp2.png);}
.bgOrange {background: url(http://oldweb.trafikkalendern.se/_images/2015knappbilder/tk2015_webbknapp3.png);}
.bgDarkGreen {background: url(http://oldweb.trafikkalendern.se/_images/2015knappbilder/tk2015_webbknapp6.png);}
.bgDarkOrange {background: url(http://oldweb.trafikkalendern.se/_images/2015knappbilder/tk2015_webbknapp5.png);}
.bgPink {background: url(http://oldweb.trafikkalendern.se/_images/2015knappbilder/tk2015_webbknapp4.png);}


html body #menuwrapper {
position: absolute;
bottom: 5px;
left: 3px;
font-family: 'Allerta';
width: 860px;} 

.tempHideThis {display: none;}

html {
		background: url(http://oldweb.trafikkalendern.se/_images/tk2014_bakground.png)  no-repeat center center fixed;
-webkit-background-size: 100%; /*for webKit*/
        -moz-background-size: 100%; /*Mozilla*/
        -o-background-size: 100%; /*opera*/
        background-size: 100%; /*generic*/
        		-webkit-background-size: cover; /*for webKit*/
        -moz-background-size: cover; /*Mozilla*/
        -o-background-size: cover; /*opera*/
        background-size: cover; /*generic*/


}

html body  {
		

}


#contentBgRight {display: none;}

#contentBgLeft {display: none;}

#contentBgTop {display: none;}


#logo img {opacity:0;
filter:alpha(opacity=0);}


@font-face{ 
	font-family: 'Sini';
	src: url('http://oldweb.trafikkalendern.se/_includes/fonts/28267C_0_0.eot'),
			url('http://oldweb.trafikkalendern.se/_includes/fonts/28267C_0_0.woff') format('woff'),
	     url('http://oldweb.trafikkalendern.se/_includes/fonts/28267C_0_0.ttf') format('truetype');
	    
}
@font-face{ 
	font-family: 'Sini2';
	src: url('http://trafikkalendern.se/_includes/fonts/28267C_0_0.eot'),
			url('http://trafikkalendern.se/_includes/fonts/28267C_0_0.woff') format('woff'),
	     url('http://trafikkalendern.se/_includes/fonts/28267C_0_0.ttf') format('truetype');
	    
}



.visionZero {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/visionZero.jpg) no-repeat center top;}
.trafikTheMovie  {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/trafikTheMovie.jpg) no-repeat center top;}
.trafikAmnen {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/trafikAmnen.jpg) no-repeat center top;}
.temaTrafikBg {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/temaTrafikBg.jpg) no-repeat center top;}
.ideerBg {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/ideerBg.jpg) no-repeat center top;}
.gacyklabild {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/gacyklabild.jpg) no-repeat center top;}
.frontCalBg {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/tk2015old_frontCalBg.png) no-repeat center top;}
.aktuelltBg {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/tk2015old_aktuelltBg.png) no-repeat center top;}
.aktuelltBg2017 {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/tk2017_aktuelltruta_11aug.png) no-repeat center top;}
//.trafikCalHigh {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/trafikCalHigh.jpg) no-repeat center top;}
.trafikCalHigh {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/tk2015_winter_cal.png) no-repeat center top;}
//.trafikCalHigh {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/banners/banner_paris2.png) no-repeat center top;}

.tk2013_webb_guldreflexen {background: url(http://oldweb.trafikkalendern.se/_images/frontbilder/tk2013_webb_guldreflexen.png) no-repeat center top;}


html {
	background-color: #3a6c50;
}

body {
	padding: 0;
	margin: 0;
	background: url(http://oldweb.trafikkalendern.se/_images/bg-content1.png) no-repeat center top;
	color: #000;
	width: 100%;
	display: table;
    font: 78.5%/1.4 Verdana, Arial, sans-serif;
}
#wrapper.front {	background-color: #579571; box-shadow: 0 0 0 #000;}

#wrapper {
		width: 850px;
	background-color: #fffef5;
	margin: 0px auto 0;
	text-align: left;
	margin-bottom: 20px;
	position: relative;	
	box-shadow: 0 0 0px #000;
}

#wrapperForetag {
		width: 850px;
	background-color: #302e2a;
	margin: 0px auto 0;
	text-align: left;
	margin-bottom: 20px;
	position: relative;	
	box-shadow: 0 0 0px #000;
}

#wrapperSTV {
		width: 850px;
	background-color: #27ad7a;
	margin: 0px auto 0;
	text-align: left;
	margin-bottom: 0px;
	position: relative;	
	box-shadow: 0 0 0px #000;
}

#wrapperManadensDjur {	background-color: #6e4e28; box-shadow: 0 0 0 #000;}

#wrapperReflex {
		width: 850px;
	background-color: #302e2a;
	margin: 0px auto 0;
	text-align: left;
	margin-bottom: 20px;
	position: relative;	
	box-shadow: 0 0 10px #000;
}

#wrapperGCKwindow {
		width: 554px;
	background-color: #ffffff;
	margin: 0px auto 0;
	text-align: left;
	margin-top: -5px;
	margin-bottom: 0px;
	position: relative;	
	box-shadow: 0 0 10px #000;
}
#wrapper:after {
  content: "";
  display: table;
  clear: both;
}

#contentBgTop {
    left: -220px;
    position: absolute;
    top: 60px;
}
#contentBgRight {
	position: absolute;
	right: -165px;
	top: 300px;
}
#contentBgLeft {
	position: absolute;
	left: -93px;
	top: 600px;
}
.front #contentBgRight {
	position: absolute;
	right: -85px;
	top: 267px;
}
.front #contentBgLeft {
	position: absolute;
	left: -73px;
	top: 600px;
}

#content {
    margin: 5px 15px 0 15px;
	min-height: 600px;
}

#content .pad {
    padding: 10px 0 0 0;
}

.kolumn {
    float: left;
}

.kolumnVanster {
    float: left;
}

.kolumnHoger {
    float: right;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Sini', 'Sini2', 'Luckiest Guy', cursive;
}
h1 {
   font-size: 2.2em;
   color: #F85D2F;
   margin-top: 4px;
   margin-bottom: 0.1em;
   padding-bottom: 1px;
   text-transform: uppercase;
}

h2 {
   font-size: 1.7em;
   color: #F85D2F;
   margin-bottom: 0.5em;
   clear: both;

}
h2 span {
	color: #969696;
	text-transform: none;
}

h3 {
    margin-bottom: 0.3em;
    font-size: 1.35em;
    color: #898989;
}

.fet{
    font-weight: bold;
    color: #646464;
}

.textGra {
	color: #ccc;
}

hr {
  border: 0;
  color: #9E9E9E;
  background-color: #9E9E9E;
  height: 1px;
  width: 100%;
  text-align: left;
}

a img { border: 0;}
a { color:#468e40; text-decoration:none; }
a:active { outline: none; }
a:hover { color:#000; }

p {
    margin-top: 0.3em;
	margin-bottom: 0.7em;
    line-height: 1.5em;
}
p a {
    text-decoration: underline;
}

i {
    font-style: italic;
}
b {
    font-weight: bold;
}

h1foretag {
   font-size: 1.6em;
   color: #dd7a5c;
   margin-top: 4px;
   margin-bottom: 0.1em;
   padding-bottom: 1px;
   text-transform: uppercase;
}

img {
	max-width: 100%;
}


ul {
	margin-top:0em;
	margin-left:0.16em;
	padding-left:0em;
	margin-bottom:1em;  
}

ul.listWhite li {
	list-style:none;
	background-image: url(http://oldweb.trafikkalendern.se/_images/listpunktVit.png);
	background-position: 1px 0.55em;
	background-repeat: no-repeat;
	padding-left:1.2em;
	margin-bottom:0.2em;
	margin-left:0em;
	line-height:1.4em;
}

ul li ul {
	margin-left: 2em;
}


ul.listContent {
	line-height: 1.5em;
	font-size: 1em;
}

ul.listOrange {
    margin-top: 1em;
	margin-bottom: 1.5em;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.listOrange li {
    line-height: 1.7em;
    padding-left: 1.5em;
    background-image: url(http://oldweb.trafikkalendern.se/_images/bg-ikonmeny.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

ul.listOrangeDot {
    margin-top: 1em;
	margin-bottom: 1.5em;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.listOrangeDot li {
    line-height: 1.7em;
    padding-left: 1.5em;
    background-image: url(http://oldweb.trafikkalendern.se/_images/bg-ikonmeny.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

ul.listGreen {
    margin-top: 1em;
	margin-bottom: 1.5em;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.listGreen li {
    line-height: 1.7em;
    padding-left: 1.5em;
    background-image: url(http://oldweb.trafikkalendern.se/_images/bg-menuicon-green.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

ul.listGreenDot {
    margin-top: 1em;
	margin-bottom: 1.5em;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.listGreenDot li {
    line-height: 1.7em;
    padding-left: 1.5em;
    background-image: url(http://oldweb.trafikkalendern.se/_images/bg-ikonmeny.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:0px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
li ol,
{margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

ol p {
	margin-top:0;
	padding-top: 0;
}

#header {
	position: relative;
    display: block;
    height: 365px;
    background: url(http://oldweb.trafikkalendern.se/_images/tk2017_background_spring.png) no-repeat center top;
	margin: 0 auto;
    width: 850px;
}


#header #logo {
	position: absolute;
	top: 50px;
	left: 0px;
}

#header #naringsliv {
	position: absolute;
	top: 0px;
	left: 558px;
}


#headermini {
	position: relative;
    display: block;
    height: 230px;
   	background: url(http://oldweb.trafikkalendern.se/_images/miniheader/tk2017_header_mini.png) no-repeat center top;
	margin: 0 auto;
    
    width: 850px;
}

#headermini #logo {
	position: absolute;
	top: 50px;
	left: 0px;
}

#headermini #naringsliv {
	position: absolute;
	top: 0px;
	left: 558px;
}



.contentBox {
	display: block;
	position: relative;
	background-color: transparent;
	border: 0px solid #e8e4c1;
}
.contentBox .inner {
	padding: 10px 10px 0px 10px;
	overflow: auto;
}

.contentBox img {
	max-width: 100%;
}

.adBox {
    text-align: center;
    margin: -6px 0 0 0;
}

.adBox a  {
    display: block;
    color: #000;
    font-size: 1em;
	font-weight: bold;
    color:#000;
    text-decoration:none;	
}

.adBox img {
}


.adBox a:hover {
    text-decoration:underline;
}


.activityBox {
	background-color: transparent;
	border: 0px solid #ebe8d0;	
}
.activityBox img {
	max-width: 100%;
	border-radius: 8px;
}
.activityBox .inner {
	overflow: auto;	
}

.greenCornerBox {
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #468E40;
	color: #fff;
	margin-bottom:13px;
}

.redCornerBox {
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #E72257;
	color: #fff;
	margin-bottom:13px;
}

.orangeCornerBox {
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #F85D2F;
	color: #fff;
}

.yellowCornerBox {
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #FB9519;
	color: #fff;
}

.serisNewsBox {
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #84cac8;
	color: #fff;
}
.serisNewsBox img {
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.serisNewsBox h2 {
	color: #20878e;
}
.serisNewsBox a {
	color: #fff;
}
.serisNewsBox h2 span {
	color: #fff;
}
.serisNewsBox p {
	color: #333;
}

.greenCornerBox .inner,
.redCornerBox .inner,
.orangeCornerBox .inner,
.yellowCornerBox .inner {
	min-height: 170px;
	padding: 10px;
}

.greenCornerBox h3,
.redCornerBox h3,
.orangeCornerBox h3,
.yellowCornerBox h3 {
	color: #fff;
}


.boxDashed {
    position: relative;
	border-radius: 5px;
	display: block;
	padding: 7px;
	color: #fff;
}
.boxDashed .innerBox {
    border-style: dotted;
	border-width: 3px;
	border-radius: 2px;
    display: block;
    min-height: 140px;
    padding: 7px;	
	text-align: center;
}
.boxDashed .innerBox p {
	color: #333;
	font-family: Verdana;
}

.boxDashed.bgLightBrown {
	font-family: 'Sini', 'Sini2', 'Luckiest Guy', cursive;
		
}
.boxDashed.bgLightBrown .innerBox {
	border-color: #b31c51;
}
.boxDashed.bgLightBrown .innerBox a {
	color: #fff;
}


.boxDashed.bgPink {
	font-family: 'Sini', 'Sini2', 'Luckiest Guy', cursive;
	background-color: #f598aa;	
}
.boxDashed.bgPink .innerBox {
	border-color: #b31c51;
}
.boxDashed.bgPink .innerBox a {
	color: #fff;
}

.boxDashed.bgYellow {
	font-family: 'Sini', 'Sini2', 'Luckiest Guy', cursive;
	background-color: #ffcc4b;	
}
.boxDashed.bgYellow .innerBox {
	border-color: #e07f0a;
}
.boxDashed.bgYellow .innerBox a {
	color: #fff;
}

.boxDashed.bgGreen {
	font-family: 'Sini', 'Sini2', 'Luckiest Guy' , cursive;
	background-color: #bad976;	
}
.boxDashed.bgGreen .innerBox {
	border-color: #65a247;
}
.boxDashed.bgGreen .innerBox a {
	color: #fff;
}

.boxDashed.bgGrey {
	background-color: #bdbec0;
}
.boxDashed.bgGrey .innerBox {
	border-color: #fff;	
}
.boxDashed.bgGrey .innerBox a {
	color: #fff;
}

.boxMedBild {
	font-family: 'Sini', 'Sini2', 'Luckiest Guy' , cursive;
    position: relative;
	border-radius: 5px;
	display: block;
	color: #fff;
	background-color: #fff;
	text-align: center;
	font-size: 1.3em;
	overflow: auto;
}
.boxMedBild img {
	background-color: #fff;
	width: 100%;
}
.boxMedBild p {
	padding: 8px;
	margin-top:0;
	padding-top:0;
}

.boxMedBild.gron {
	background-color: #9acd4a;
}
.boxMedBild.gron a {
	color: #fff;
}

.boxMedBild.bla {
	background-color: #8bd0d1;
}
.boxMedBild.bla a {
	color: #fff;
}

.boxMedBild.orange {
	background-color: #f59212;
}
.boxMedBild.orange a {
	color: #fff;
}

.boxMedBild.ljusorange {
	background-color: #f27851;
}
.boxMedBild.ljusorange a {
	color: #fff;
}

.boxMedBild.ljusbla {
	background-color: #88d0f4;
}
.boxMedBild.ljusbla a {
	color: #fff;
}

.boxMedBild.rod {
	background-color: #f7b2a8;
}
.boxMedBild.rod a {
	color: #fff;
}


.boxLaddaNer {
    position: relative;
	border-radius: 5px;
	display: block;
	padding: 7px;
	color: #fff;
	background-color: #ffdcd1;
	margin-top: 20px;
}
.boxLaddaNer .innerBox {
    border-style: dotted;
	border-width: 3px;
	border-radius: 2px;
	border-color: #f85d2f;
    display: block;
    padding: 7px;	
	text-align: center;
}
.boxLaddaNer .innerBox h3 {
	color: #F85D2F;
	font-size: 1.8em;
}

.boxLaddaNer .innerBox p {
	color: #333;
	font-family: Verdana;
	margin-top:0;
}


.boxInfoText .innerBox,
.boxVinn .innerBox,
.boxSkicka .innerBox
 {
    display: block;
    padding: 7px;	
}

.boxInfoText .innerBox h3,
.boxVinn .innerBox h3,
.boxSkicka .innerBox h3 {
	color: #fff;
}

.boxInfoText {
    position: relative;
	border-radius: 5px;
	display: block;
	padding: 7px;
	color: #fff;
	background-color: #f59523;
	margin-top: 0px;
}

.boxSkicka {
    position: relative;
	border-radius: 5px;
	display: block;
	padding: 7px;
	color: #fff;
	background-color: #ef5d2d;
	margin-top: 10px;
}

.boxVinn {
    position: relative;
	border-radius: 5px;
	display: block;
	padding: 7px;
	color: #fff;
	background-color: #f285a5;
	margin-top: 10px;
}




.kapitelContainer {
	display: block;
	overflow: auto;
	position: relative;
	padding: 0 10px 10px 10px;
}

.kapitelContainer p {
	margin-bottom: 1.2em;
	margin-top: 0.5em;
}

.kapitelContainer h2 {
	margin-bottom: 0.2em;
}

.kapitelContainer h3 {
	color: #333;
}

.kapitelContainer .introIllustration img {
	border-radius: 8px 8px 8px 8px;
}

.bildHoger {
	float: right; 
	padding: 7px;
	padding-right:0;
}
.bildVanster {
	float: left; 
	padding: 7px;
	padding-left: 0;
}


.menuWrapper {
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 8px;
}
.menuWrapper a {
	color: #fff;
}

.menuWrapper ul li {
	border: 0 !important;
}


.toppLank {
	display: block;
	text-align: left;
	padding-left: 10px;
	color: #666;
	margin-bottom: 10px;
	margin-top: 10px;
}

.subContainer {
	display: block; 
	overflow: auto;
}

.boxOrange {
	background-color: #f49524;
	color: #fff;
	border-radius: 8px 8px 8px 8px;
	margin-bottom: 1em;
}
.boxGron {
	background-color: #87bd52;
	color: #fff;
	border-radius: 8px 8px 8px 8px;
	margin-bottom: 1em;
}

.boxOrange .inner,
.boxGron .inner {
	padding: 10px;
}

.boxOrange h2,
.boxOrange h3,
.boxGron h2,
.boxGron h3 {
	color: #fff;
}
.boxOrange p,
.boxGron p {
	margin-top:0;
}


.dividerLine {
	margin: 0;
    padding: 2px 0 2px 0;
	height: 1px; 
	display: block; 	
	clear: both;
}

.dividerLine .dividerInner { 
    border-bottom: 0px solid #ece7b9;
    display: block;
    height: 1px;
}

.dividerLeft {
	border-left: 1px solid #ece7b9;
}
.dividerRight {
	border-right: 1px solid #ece7b9;
}

.bgYellow {
	background-color: #fb9519;
}
.bgLightYellow {
	background-color: #efe2bb;
}

.bgYellow ul li {
	border-bottom: 1px solid #efe2bb;
}

.bgGreen {
	background-color: #95c95a;
}
.bgLightGreen {
	background-color: #bde68f;
}
.bgGreen ul li{
	border-bottom: 1px solid #bde68f;
}

.bgOrange {
	background-color: #f85d2f;
}
.bgLightOrange {
	background-color: #f8d9b8;
}
.bgOrange ul li{
	border-bottom: 1px solid #f8d9b8;
}

.bgPink {
	background-color: #e72257;
}
.bgLightPink {
	background-color: #faceeb;
}
.bgPink ul li{
	border-bottom: 1px solid #faceeb;
}


.bgDarkOrange {
	background-color: #f6483d;
}
.bgLightDarkOrange {
	background-color: #f8d9b8;
}
.bgDarkOrange ul li{
	border-bottom: 1px solid #f8d9b8;
}

.bgDarkGreen {
	background-color: #468e40;
}
.bgLightDarkGreen {
	background-color: #c8d8b7;
}
.bgDarkGreen ul li {
	border-bottom: 1px solid #c8d8b7;
}

.textGreen {
	color: #468e40;
}




#menuwrapperout {
	position: absolute;
	margin-top: 10px;
    display: block;
    height: 100px;
    margin: 0 auto;
    background-color: #ffffff;
    width: 850px;
}

#menuwrapper {
	position: absolute;
	bottom: 5px;
	left: 0;
	
	font-family: 'Allerta';
}

#menuwrapper .inner {
	display: block;
	
}

#menuwrapper a {
	color: #fff;
}

#menuwrapper ul, 
#menuwrapper ul li {
    margin:0;
    padding:0;
    list-style:none;
	font-size:1em;
}

#menuwrapper ul li {
    float:left;
	position: relative;
	min-height: 40px;
	line-height: 40px;
	margin-right: 3px;
	margin-left: 0px;
	text-transform: uppercase;
	color: #fff;
}

#menuwrapper ul li:hover {
	box-shadow: 0 0 3px #333333;	
}

#menuwrapper ul li .subMenu ul li {
	margin: 0px;
}

#menuwrapper ul li a {
    padding:0px 14px 0px 13px;
    display:inline-block;
    text-decoration:none;
	position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menuwrapper ul li {
       margin-right: 2px;
    }
	#menuwrapper ul li a {
		padding: 0 13px 0 12px;
	}
}


#menuwrapper ul li .subMenu {
    position:absolute;
	left: -9999px;
    margin-top: 40px;
	z-index: 1000;	
	padding-top: 20px;	
}

#menuwrapper ul li:hover .subMenu {
    left: 0;
    top: 0;
    display: block;
	min-width: 200px;
	width: auto;
	padding: 0px;

	overflow: auto;

	-webkit-box-shadow: 0 3px 3px #999;
	-moz-box-shadow: 0 3px 3px #999;
	box-shadow: 0 3px 3px #999;	
}

#menuwrapper ul li .subMenu a {
	display: block;
}

#menuwrapper ul li:hover,
#menuwrapper ul li .subMenu a:hover {
	color: #333;
}

#menuwrapper ul li .subMenu ul li:hover {
	color: #333;
}

#menuwrapper ul li ul li {
	float: none;
	min-height: 25px;
	padding: 5px 15px 3px 8px;	
	font-size:1em;
	line-height: 31px;
	text-transform: lowercase;
}

#footer {
    float: left;
    width: 100%;
    background: #fff url(http://oldweb.trafikkalendern.se/_images/bg-footer.jpg) repeat-x top left;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 5px;
    border-top: 1px solid #dfdfdf;
    font-size: 0.9em;
	text-align: center;
	position: relative;
}


.forstaBildBox {
	float: left;
	width: 160px;
	height: 280px;
	padding: 8px;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-right: 12px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */		
}

.forstaBildBox:hover {
	border: 1px solid #6ca3be;
}

.forstaBildBox h3 {
	margin-top: 0px;
}

.forstaBildBox p {
	text-align: left;
}

.forstaBildBox ul {
	text-align: left;
}

.forstaBildBox ul
{
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 0;
    list-style-type: disc;
    font-size: 1.0em;
}
.forstaBildBox li
{
    line-height: 1.7em;
    padding-left: 2px;
}

.forstaBestall {
	border: 1px dashed #999;
	padding: 8px;
    background-image: url(http://oldweb.trafikkalendern.se/_images/forstahjalpen/bestallBg.jpg);
    background-repeat: repeat-x;	
	clear: both;
	float: left;
	margin-bottom: 10px;
	
}
.forstaInput {
	padding-left: 4px;
	margin-right: 5px;
}

.forstaBestallRad {
	float: left; 
	margin-bottom: 6px; 
	width: 99%;
}

.rundatHorn {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */ 
}

.bestallruta {
	float: left;
	background-color: #faf8eb; 
	border: 1px solid #d6d4c4; 
	padding: 8px;
	font-size: 13px;
	width: 95%;
	margin-bottom: 20px;
}

.bestallruta .bestallning {
	background-color: #faf8eb; 
}

.tabellrad {
	background-color: #f3f1e4;
}

.bestallruta table {
	float: elft;
	clear:both;
	margin-top:0.2em;
	margin-bottom:1.5em;
	border-collapse: collapse;
	border: 0;
	width:100%;
	background-color: #transparent;
}
.bestallruta table th {
	border: 0 !important;
	padding: 0.4em;
	vertical-align: top;	
}
.bestallruta table td {
	border: 0 !important;
	padding: 0.4em;
	vertical-align: top;	
}
.bestallruta table td:hover, .bestallruta table th:hover, .bestallruta table tr:hover {
	background-color: #fff !important;
}


.bestallruta table caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
  text-align: left;
  color: #555;
  padding-bottom: 4px;
}

.bestallKnapp {
	height: auto !important;
	float: right;
	background: #b2df27;
	border:1px solid #ccc;
	padding-top:5px !important;
	padding-bottom:8px !important;
	color: #000;
	padding-left: 8px !important;
	padding-right: 8px !important;	
	margin-bottom: 10px !important;
	font-size: 12px !important;
		font-weight: bold;
}

#menuLeft {
    float: left;
    width: 230px;
    display: inline-block;
}
#menuLeft div {
    padding: 10px;
}

#menuLeft .meny
{
    margin-top: 5px;
    margin-left: 0px;
    padding-left: 0;
    list-style: none;
    font-size: 1.0em;
}

#menuLeft .meny li
{
    line-height: 1.9em;
    padding-left: 14px;	
    background-image: url(http://oldweb.trafikkalendern.se/_images/bg-ikonmeny.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#menuLeft .meny li a {
	display: block;
    color: #000;
}

#menuLeft .fet {
    font-size: 1.1em;
    color: #333;
}

.lista ul
{
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    padding-left: 0;
    list-style-type: disc;
    font-size: 1.0em;
}

.lista li
{
    line-height: 1.7em;
    padding-left: 5px;
}





.clearfix {
    overflow: hidden;
    height: 1%;
}


.markeradRuta {
    border: 1px solid #ECE7B9;
    padding: 0;
    margin-bottom: 1em;
	background-color: #fff;
	overflow: auto;

}

.markeradRuta div {
   padding: 10px;
}


.markeradRuta p {
}

.boxToning {
    background-color: #f7e4a9:
    margin-bottom: 1.8em;
    padding: 10px;
	border-bottom: 1px dotted #e6d8ad;
}
.boxToning img {
    border: 1px dotted #c9b474;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
}
.boxToning h3 {
    margin-top: 0.2em;
}


.manadsboxHost {
	float: left;
    border: 1px solid #e0836e;
	background: #fae7e3 url(http://oldweb.trafikkalendern.se/_images/bg-manadsbox-host.jpg) repeat-x top left;
    margin-top: 0em;
	margin-bottom: 1.5em;
	padding: 10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */		
}

.manadsboxVinter {
	float: left;
    border: 1px solid #9cc4dd;
	background: #f1f8fd url(http://oldweb.trafikkalendern.se/_images/bg-manadsbox-vinter.jpg) repeat-x top left;
    margin-top: 0em;
	margin-bottom: 1.5em;
	padding: 10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */		
}

.manadsboxVar {
	float: left;
    border: 1px solid #cadaaf;
	background: #f2f9e5 url(http://oldweb.trafikkalendern.se/_images/bg-manadsbox-var.jpg) repeat-x top left;
    margin-top: 0em;
	margin-bottom: 1.5em;
	padding: 10px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */		
}

.manadsboxHost img, 
.manadsboxVinter img, 
.manadsboxVar img {
    margin-bottom: 10px;
}
.manadsboxHost p, 
.manadsboxVinter p, 
.manadsboxVar p {
    margin: 0;
    padding: 0;
}

.innreBoxRens {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.boxKlart {
    border: 1px solid #cadaaf;
    padding: 0;
    margin-bottom: 1.4em;
    margin-top: 1.4em;
	background: #f2f9e5 url(http://oldweb.trafikkalendern.se/_images/bg-manadsbox-var.jpg) repeat-x  top left;
}
.boxKlart h2 {
    font-size: 1.2em;
    background-color: #cadaaf;
    padding: 4px;
    margin-bottom: 0;
    color: #cadaaf;
}
.boxKlart div {   
    padding: 10px;
    vertical-align: middle;
}
.boxKlart div img{
    float: left;
    margin-right: 10px;
}


.boxFakta {
    border: 1px solid #e6c1f1;
    background: #fdf5ff url(http://oldweb.trafikkalendern.se/_images/bg-box-toninglila.jpg) repeat-x top left;
    text-align: center;
    margin-bottom: 1.6em;
    padding: 10px;
	
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */			
}
.boxFakta img {
    margin-bottom: 10px;
}






.boxLila {
    background-color: #FFFFFF;
    border: 1px solid #E8E4C1;
        text-align: center;
    margin-bottom: 2em;
}

.boxLilaLang {
    background-color: #FFFFFF;
    border: 1px solid #E8E4C1;
        margin-bottom: 1.6em;
	padding: 10px;
}


.boxBrun {
    background-color: #FFFFFF;
    border: 1px solid #E8E4C1;
        text-align: center;
    margin-bottom: 2em;
}

.boxLjusOrange {
    background-color: #FFFFFF;
    border: 1px solid #E8E4C1;
        text-align: center;
    margin-bottom: 2em;	
}

.boxOrange .boxRubrik a,
.boxLila .boxRubrik a,
.boxBrun .boxRubrik a,
.boxLjusOrange .boxRubrik a  {
    display: block;
    color: #000;
    font-size: 1em;
	font-weight: bold;
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 8px;
    padding-right: 5px;
}

.boxOrange img, 
.boxLila img, 
.boxBrun img, 
.boxLjusOrange img {
    margin-top: 15px;
    margin-bottom: 10px;
}

.boxOrange a, 
.boxLila a, 
.boxBrun a, 
.boxLjusOrange a {
    color:#000;
    text-decoration:none;
}
.boxOrange a:hover, 
.boxLila a:hover, 
.boxBrun a:hover, 
.boxLjusOrange a:hover {
    text-decoration:underline;
}

.boxBredd {
    width: 200px;
}



.snabblank {
    float: left;
    border-bottom: 1px solid #d1d1d1;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
.snabblank img {
    float: left;
    padding-right: 15px;
}
.snabblank a {
    font-size: 1.3em;
}
.snabblank p {
    margin-top: 0;
    line-height: 1.4em;
}




table {
	border: 0px #c4c4c4 solid;
    border-collapse: collapse;
	width:99%;
}

table th, table td {
	border: 0px #c4c4c4 solid;
	padding: 0.4em;
    vertical-align: top;
}

table th {
	background-color: transparent;
	text-align: left;
    font-weight: bold;
    color: #000;
}

table caption {
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    color: #666;
}


.vansterjusterad {
	text-align:left;
}

.centerjusterad {
	text-align:center;
}
.centerjusteradBox {
	margin: 0 auto;
}

.hogerjusterad {
	text-align:right;
}

form label {
  font-weight:bold;
  margin-bottom:0.1em;
}

form input {
    height: 20px;
}

form select {
  margin-bottom:0.1em;
}

.errorMessage {
   margin-bottom: 1.4em;
   margin-top: 1.4em;
   padding: 10px !important;
   border: 1px solid #993333 !important;
   background: #f2e7e7 !important;
   color: #993333 !important;

}
.errorMessage ul {
    padding-left: 20px !important;
    list-style-type: disc !important;
}

.errorMessage li {
   padding: 3px !important;
}



form input[type=submit] {
    font-size: 1.1em;
}




#webbtvWrapper #pageContent {
	display: block;
	overflow:auto;
	
}

#webbtvWrapper .filmMeny {
	font-family: 'Allerta';
	display: block; 
	clear: both; 
	overflow: auto;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

#webbtvWrapper .filmMeny ul, 
#webbtvWrapper .filmMeny ul li {
    margin:0;
    padding:0;
    list-style:none;
	font-size:1em;
}

#webbtvWrapper .filmMeny ul li {
    float:left;
	position: relative;
	min-height: 40px;
	line-height: 40px;
	margin-right: 4px;
	text-transform: uppercase;
	color: #fff;
	background-color:#666;
}
#webbtvWrapper .filmMeny ul li.active {
	background-color:#F6483D;
}


#webbtvWrapper .filmMeny ul li:hover {
	background-color: #ff9c96;
}

#webbtvWrapper .filmMeny ul li a {
    padding:0px 10px 0px 10px;
    display:inline-block;
    text-decoration:none;
	position: relative;
	color: #fff;
}


#webbtvWrapper {
	overflow: auto;
	width: 850px;
	background-color: #fffef5;
	margin: 0px auto 0;
	text-align: left;
	margin-bottom: 20px;
}

#webbtvWrapper #content {
    margin: 5px 15px 0 15px;
}
#webbtvWrapper #content .pad {
    padding: 10px 0 0 0;
}


#webbtvWrapper .filmruta {
	float: left;
	width: 65%; 
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #000;
	background: #fff url(http://oldweb.trafikkalendern.se/_images/webbtv/bg-webbtv-filmruta.jpg) repeat-x top left;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */ 	
}
#webbtvWrapper .inforuta {
	float: right;
	width: 32%;
}
#webbtvWrapper .inforuta .pad {
	padding-left: 10px;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}

#webbtvWrapper .inforuta  .skolnamn {

}

#webbtvWrapper .flikar {
	float: left;
	margin-top: 15px;
	margin-bottom: 0;
	padding-left: 15px;
	width: 100%;
	height: 30px;
}
#webbtvWrapper .flikar img {
	margin-right: 8px;
}

#webbtvWrapper #webbtvNavigation {
	float: left;
	background-color: #fcfdf3;
	width: 100%;	
	margin-bottom: 15px;
	margin-top: 0;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */ 	
}

#webbtvWrapper #webbtvNavigation h3 {
	font-size: 1em;
	font-family: 'Allerta';
}
#webbtvWrapper #webbtvNavigation p {
	font-size: 0.8em;
}

#webbtvWrapper #webbtvNavigation ul {
	float: left;
	margin-bottom: 15px;	
}
#webbtvWrapper #webbtvNavigation ul li {
	float: left;
	width: 135px;
	min-height: 200px;	
	border: 1px solid #ccc;
	margin-right: 18px;
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 7px;
}

#webbtvWrapper #webbtvNavigation ul li h3 {
	color: #468E40;
	padding: 5px;
}

#webbtvWrapper #webbtvNavigation ul li p {
	color: #000;
	padding: 5px;
}
#webbtvWrapper #webbtvNavigation ul li a {
	color: #a63172;
}
#webbtvWrapper #webbtvNavigation ul li .skolnamn {
	font-weight: bold;
}

#webbtvLoader{
	visibility:hidden;
}




#menuLeft {
	display: block;
	width: 100%;
	background-color: #f65c2f;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
#menuLeft a {
	color: #fff;
}

#menuLeft ul, 
#menuLeft ul li {
    margin:0;
    list-style:none;
	font-size:1em;
}

#menuLeft ul li {
    float:left;
	position: relative;
	min-height: 20px;
	margin-right: 8px;
	margin-left: 0px;
	color: #fff;
	padding-right: 8px;
	border-right: 1px solid #fff;
}

#menuLeft ul li:hover {
	text-decoration: underline;
}


#slideshow {
	margin:0 auto;
	width:800px;

	background:transparent;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:715px;
  height:auto;
  overflow:auto; dd
  position:relative;
  border-left: 2px dotted #E6D8AD;
  border-right: 2px dotted #E6D8AD;
  }
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:680px;
  height:auto;
  position: relative;
  text-align: center;
}


.control {
  display:block;
  width:45px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:200px;
  left:-5px;
  background:transparent url(http://oldweb.trafikkalendern.se/_images/gallery-arrow-left.png) no-repeat 0 0;
}
#rightControl {
  top:200px;
  right:-5px;
  background:transparent url(http://oldweb.trafikkalendern.se/_images/gallery-arrow-right.png) no-repeat 0 0;
}

#pageContainer {
  margin:0 auto;
  width:100%;
}
#pageContainer h1 {
  display:block;
  width:100%;
  height:114px;
  text-indent: -10000px;

}
.slide h2, .slide p {
  margin:15px;
}
.slide .caption {
	position: absolute;
	bottom:0px;
	left:20px;
	border: 1px solid #333;
	z-index: 500;
	background-color: #fff;
	padding: 5px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  }

.felSvar {
	text-decoration:line-through;
	color:#999;
}


#hjalmguiden input[type="radio"] {
    display:none;
}
#hjalmguiden input[type="radio"] + label span {
    display:inline-block;
    width:29px;
    height:23px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(http://oldweb.trafikkalendern.se/_images/checkbox.gif);
	background-repeat: none;
    cursor:pointer;
}
#hjalmguiden input[type="radio"]:checked + label span {
    background:url(http://oldweb.trafikkalendern.se/_images/checkbox.gif);
	background-position: 0 -23px;
	background-repeat: none;
}




#guldreflex .sponsorer {
	
}

#guldreflex h2 {
	color: #474747;
	font-family: arial;
	font-weight: bold;
	margin-bottom: 0;
}

#guldreflex .sponsorer .box {
	color: #fff;
	background-color: #474747;
	margin-bottom: 20px;
}

#guldreflex .sponsorer .box .inner {
	padding: 10px;
}

#guldreflex .sponsorer ul {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#guldreflex .sponsorer ul li {
	display: inline-block;
	width: 190px;
	margin-bottom: 5px;
}


#guldreflex  .formular {
	margin-top: 20px;
	
}

#guldreflex .nominerade {
	overflow: auto;
	
}

#guldreflex .nomineringsruta {
	width: 192px;
	float: left;	
	border: 1px solid #b6b4a0;
	background-color: #474747;
	color: #fff;
	margin-right: 14px;
	margin-bottom: 14px;
	min-height: 306px;
}

#guldreflex .nomineringsruta .inner {
	}

#guldreflex .nomineringsruta .inner .box1 {
	height: 173px;
    overflow: hidden;
    padding: 5px;
}
#guldreflex .nomineringsruta .inner .box2 {
	height: 65px;
	padding: 3px;
	font-family: 'Allerta';
	font-size: 14px;	
	padding-left: 7px;
}
#guldreflex .nomineringsruta .inner .box3 {
	height: 45px;
	line-height: 45px;
	background-color: #727272;
	padding: 3px;
	padding-left: 7px;
}

.seVideo {
	background-image: url(http://oldweb.trafikkalendern.se/_images/se-video.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 25px;
	font-size: 1.1em;
	font-weight: bold;
	height: 19px;
	line-height: 22px;
	margin-top: 12px;
}

.seVideo a {
	color: #fff;
}

.seVideo:hover {
	color: #000;
	background-position: 0px -22px;
}

#guldreflex input[type="radio"] {
    display:none;
}
#guldreflex input[type="radio"] + label span {
    display:inline-block;
    width:29px;
    height:23px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(http://oldweb.trafikkalendern.se/_images/checkbox.gif);
	background-repeat: none;
    cursor:pointer;
}
#guldreflex input[type="radio"]:checked + label span {
    background:url(http://oldweb.trafikkalendern.se/_images/checkbox.gif);
	background-position: 0 -23px;
	background-repeat: none;
}

#menuFloatLeftGCK {
	float: left;
	width: 200px;
}
#menuFloatLeftGCK .padgck {
	padding: 4px 0px 0px 0px;
	margin-top: 5px;
	
    background-color: #468b32;
    left: -15px;
        top: 235px;	
		margin-left: 10px;
}


#menuFloatLeft {
	float: left;
	width: 200px;
}

#menuFloatLeft .pad {
	padding: 4px 0px 0px 0px;
	margin-top: 5px;
	
    background-color: #F85D2F;
        left: -15px;
        top: 235px;	
		margin-left: 10px;
}

#menuFloatLeft .padgck {
	padding: 4px 0px 0px 0px;
	margin-top: 5px;
	
    background-color: #468b32;
    left: -15px;
        top: 235px;	
		margin-left: 10px;
}

#menuFloatLeft .corner {
	position: absolute;
	top: -11px;
	left: -2px;
	
	width: 17px;
	height: 11px;
    background:url(http://oldweb.trafikkalendern.se/_images/corner.png);
	background-repeat: none;
}

#menuFloatLeft a {
	color: #fff;
}

#menuFloatLeft ul {
	margin-left: 0;
}

#menuFloatLeft li {
	position: relative;
	list-style:none;
	background-image: url(http://oldweb.trafikkalendern.se/_images/listpunktVit.png);
	background-position: 4px 1em;
	background-repeat: no-repeat;
	padding-left:1.2em;
	margin-bottom:0.2em;
	margin-left:0em;
	line-height:2.4em;	
	border-bottom: 1px solid #F8D9B8;
	
}

#menuFloatLeft li a {
	display: block;
}

#menuFloatLeft li span {
	position: absolute;
	right: -10px;
	top: 2px;
}


#menuFloatLeft li:hover {
	box-shadow: 0 0 3px #333333;	
}
#menuFloatLeftBG {
	float: left;
	width: 200px;
}

#menuFloatLeftBG .pad {
	padding: 0px 0px 0px 0px;
	margin-top: 6px;
	
    background-color: #8dc63f;
    left: -15px;
        top: 235px;	
		margin-left: 10px;
}

#menuFloatLeftBG .corner {
	position: absolute;
	top: -11px;
	left: -2px;
	
	width: 17px;
	height: 11px;
    background:url(http://oldweb.trafikkalendern.se/_images/corner.png);
	background-repeat: none;
}

#menuFloatLeftBG a {
	color: #fff;
}

#menuFloatLeftBG ul {
	margin-left: 0;
}

#menuFloatLeftBG li {
	position: relative;
	list-style:none;
	background-image: url(http://oldweb.trafikkalendern.se/_images/listpunktVit.png);
	background-position: 4px 1em;
	background-repeat: no-repeat;
	padding-left:1.2em;
	margin-bottom:0.2em;
	margin-left:0em;
	line-height:2.1em;	
	border-bottom: 1px solid #F8D9B8;
	
}

#menuFloatLeftBG li a {
	display: block;
}

#menuFloatLeftBG li span {
	position: absolute;
	right: -10px;
	top: 2px;
}


#menuFloatLeftBG li:hover {
	box-shadow: 0 0 3px #333333;	
}

.gaCyklaLogo {
	margin-left: 10px;
}

#content.gaochcykla {
	float: left;
	width: 615px;
}

.gaochcykla .ingress {
	font-weight: bold;
}

.gaochcykla h1 {
	font-size: 2em;
		text-transform: none;
	margin-top: 0px; 
	margin-bottom: 3px;
}
.gaochcykla h1.smallHeader {
	font-size: .9em;
	color: #5D5D5D;
	font-weight: bold;
}

.gaochcykla .subHeader {
	margin-top: 0px;
	font-weight: bold;
}


.gaochcykla h2 {
	font-family: Arial, Verdana;
	font-size: 1.5em;
	margin-top: 1em;
	color: #458a32;
	margin-bottom: 0;
}

.gaochcykla h3 {
	font-family: Arial, Verdana;
	font-size: 1.2em;
	color: #F85D2F;
}

.gaochcykla h4 {
	font-family: Arial, Verdana;
	font-size: 1.0em;
	color: #F85D2F;
}


.gaochcykla label {
	line-height: 2.3em;
}

.fontNormal {
	font-weight: normal;
}



.gaochcykla img {
	border-radius: 10px 10px 10px 10px;
}


.gaochcykla .kolumnbild {
	display: table-cell;
	text-align: center;
	height: 100%;
}

.gaochcykla .bildHoger {
	float: right;
	margin: 0px 0px 5px 5px;
}

.gaochcykla .sektion {
	display: block; 
	border: 1px dashed #ccc; 
	padding: 10px;
	margin-bottom: 1em;
	overflow: auto;
}

.gaochcykla .sektion h2 {
	margin-top: 0;
}


#content.STV {
	float: center;
	width: 800px;
	margin-left: 25px;
	
}

.STV .indexbg {
	float: center;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 0px;
	width:760px;
	height: 884px;
	border-radius: 20px;
	background: url(http://oldweb.trafikkalendern.se/stv/bilder/indexbackground.png);
	background-repeat: no-repeat;
}

.STV .indexinner {
	float: center;
	padding: 270px 0px 0px 50px;
	margin-left: 0px;
	margin-top: 0px;
	width:660px;
	height: 180px;
}

.STV .fragorinner {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 20px;
	width:760px;
	height: 1040px;
	border-radius: 20px;
	background-color: #ffffff;
	background-repeat: no-repeat;
}
.STV .fragorsubmit {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 40px;
	width:720px;
}
.STV .fraga {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width:420px;
	height: 133px;
	
}
.STV .fragaimg {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width:280px;
	height: 133px;
	border-radius: 20px;
	
}	
.STV .fffleft {
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	width:280px;
}

.STV .fffright {
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	width:460px;
}

.STV .fffrightpkt {
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	width:20px;
}

.STV .fffrighttxt {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	width:430px;
}	
.STV .fffimage {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 20px;
	width:760px;
	height: 540px;
	border-radius: 20px;
	background-color: #ffffff;
	background-repeat: no-repeat;
}
.STV .fffimagerubrl {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 25px;
	margin-top: 0px;
	width:340px;

}
.STV .fffimagerubrr {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 25px;
	margin-top: 0px;
	width:340px;

}.STV .fffimagel {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 5px;
	width:340px;
	border-style: solid;
    border-width: 3px;
	border-radius: 20px;
	border-color: #ee765e;
}
.STV .fffimager {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 5px;
	width:340px;
	border-style: solid;
    border-width: 3px;
	border-radius: 20px;
	border-color: #ee765e;
}	
.STV .fffimageresult {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 25px;
	margin-top: 5px;
	width:710px;
	
}

.STV .indexleft {
	float: left;
	padding: 0px 0px 0px 50px;
	margin-left: 0px;
	margin-top: 0px;
	width:380px;
	height: 400px;
	
}
.STV .indexrightup {
	float: left;
	padding: 0px 0px 0px 50px;
	margin-left: -15px;
	margin-top: 20px;
	width:250px;
	height: 160px;
	
}
.STV .indexrightdown {
	float: left;
	padding: 0px 0px 0px 50px;
	margin-left: -15px;
	margin-top: 10px;
	width:200px;
	height: 100px;
	
}

.STV .logofooter {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 20px;
	width:760px;
	height: 130px;
	border-radius: 20px;
	background-color: #ffffff;
	background-repeat: no-repeat;
}

.STV .logofooterleft {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 60px;
	margin-top: 20px;
	width:140px;
	height: 120px;
	
}
.STV .logofootermid {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 40px;
	width:360px;
	height: 100px;
	
}
.STV .logofooterright {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 20px;
	width:140px;
	height: 120px;
	
}

.STV .film {
	float: left;
	padding: 30px 0px 0px 60px;
	margin-left: 20px;
	margin-top: 20px;
	width:700px;
	height: 400px;
	border-radius: 20px;
	background-color: #ffffff;
	background-repeat: no-repeat;
}

.STV .ingress {
	font-style: italic;
	font-size: 1.5em;
	color: #27ad7a;
}

.STV h1 {
	font-size: 1.5em;
	font-family: Arial, Verdana;
	text-transform: none;
	color: #ffffff;
	letter-spacing: 5px;
	margin-left: 15px; 
	margin-bottom: 3px;
}

.STV h2 {
	font-family: Arial, Verdana;
	font-size: 1.5em;
	font-style: italic;
	color: #27ad7a;
}

.STV h3 {
	margin-top: 5px;
	font-size: 1.3em;
	font-family: Arial, Verdana;
	font-weight: bold;
	text-transform: none;
	color: #27ad7a;
	
}

.STV h4 {
	margin-top: 15px;
	font-size: 1.4em;
	font-family: Arial, Verdana;
	letter-spacing: 5px;
	font-weight: bold;
	text-transform: none;
	color: #ee765e;
}

.STV h5 {
	font-family: Arial, Verdana;
	font-size: 1.2em;
	color: #ffffff;
}

.STV p {
	font-family: Arial, Verdana;
	font-size: 1.2em;
	color: #000000;
}

.STV ul.listGreenDot {
    margin-top: 0em;
	margin-bottom: 1.5em;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.STV ul.listGreenDot li {
    line-height: 1.6em;
    padding-left: 1.5em;
    background-image: url(http://oldweb.trafikkalendern.se/stv/bilder/greendot.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    font-family: Arial, Verdana;
	font-size: 1.2em;
	color: #000000;
}

.STV a img { border: 0;}
.STV a { color:#000000; text-decoration:none; }
.STV a:active { outline: none; }
.STV a:hover { color:#27ad7a; }


#content.foretag {
	float: center;
	width: 800px;
	margin-left: 25px;
}

.foretag .headimg {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 15px;
	width:800px;
	height: 270px;
	background:url(http://oldweb.trafikkalendern.se/foretag/sidhuvud/tk2015_webbannons_sidhuvud.png);
	background-repeat: no-repeat;;
}

.foretag .vapenlista {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	width:800px;
}
	
.foretag .minivapen {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 4px;
	width:100px;
	height: 105px;
}

.foretag .tillbakapil {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	width:100px;
	height: 180px;
}

.foretag .kommunvapen {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 30px;
	margin-top: 12px;
	width: 145px;
	height: 180px;
}




.foretag .kommuninfo {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 20px;
	margin-top: 12px;
	width:480px;
	height: 250px;
}

.foretag h1 {
	font-size: 2.5em;
		text-transform: uppercase;
	margin-top: 0px; 
	margin-bottom: 0px;
	color: #ffffff;
}

.foretag h2 {
	font-size: 1.3em;
	color: #ffffff;
	margin-bottom: 0;
	margin-top: 0px;
	line-height: 17px; 
}


.foretag h3 {

	font-size: 1.3em;
	color: #000000;
	margin-top: -5px;
	margin-bottom: -5px;
}

.foretag h4 {
   font-size: 1.2em;
   color: #dd7a5c;
   margin-top: 4px;
   margin-bottom: 0.1em;
   padding-bottom: 1px;
   text-transform: uppercase;
}


.foretag h5 {
	font-size: 1.6em;
	color: #ffffff;
	margin-bottom: 0;
	margin-top: 0px;
	line-height: 22px; 
}

.foretag h6 {
	font-size: 1.8em;
		text-transform: uppercase;
	margin-top: 30px; 
	margin-bottom: 10px;
	color: #ffffff;
}

.foretag h7 {
	font-size: 1.5em;
	color: #dd7a5c;
	margin-bottom: 0;
	margin-top: 0px;
}

.foretag a:link {
	font-size: 1em;
	color: #dd7a5c;
	margin-bottom: 0;
	margin-top: 0px;
}
.foretag a:visited {
	color: #dd7a5c;
}
.foretag a:hover {
	color: #ffffff;
}



.foretag .reflex {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 15px;
	width:800px;
	background-color: #4bc2c3;
}


.gaochcykla h1 {
	font-size: 2em;
		text-transform: none;
	margin-top: 0px; 
	margin-bottom: 3px;
}

#content.gck {
	margin: 0px 0px 0px 0px;
    height: 807px;
	
}

.gck .menyvanster {
	float: left;
	padding: 11px 0px 0px 0px;
	margin-left: 20px;
	width:200px;
	height: 600px;
}

.gck .datumknapp {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 25px;
	margin-left: 5px;
	width:50px;
	height: 50px;
}


.gck .datum {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-top: 39px;
	margin-left: 0px;
	width:120px;
	height: 50px;
}

.gck .datorfonster {
	float: left;
	padding: 134px 0px 0px 0px;
	margin-left: 20px;
	width:550px;
	height: 500px;
}

.gck .datorfonstervanster {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 4px;
	margin-top: 4px;
	width:210px;
	height: 500px;
}

.gck .snabbfakta {
	float: left;
	padding: 0px 0px 0px 10px;
	margin-left: -15px;
	width: 190px;
	height: 370px;
}

.gck .landfakta {
	float: left;
	padding: 2px 0px 0px 0px;
	margin-left: 10px;
	margin-top: 0px;
	width: 325px;
	height: 500px;
}

.gck .landfakta .faktaruta {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 5px;
	margin-top: 15px;
	width: 145px;
	height: 450px;
}

.gck .landfakta .info {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 15px;
	margin-top: 0px;
	width: 150px;
	height: 450px;
}

.gck .stracka {
	float: left;
	padding: 0px 0px 0px 10px;
	margin-left: 0px;
	width: 160px;
	height: 130px;
}

.gck .flaggor {
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: -1px;
	width: 560px;
	height: 130px;
}

.gck .flagga {
	float: left;
	padding: 25px 0px 0px 0px;
	margin-left: 0px;
	width: 21.1px;
	height: 20px;
}

.gck .ingress {
	font-weight: bold;
}

.gck h1 {
	font-size: 2em;
		text-transform: none;
	margin-top: 0px; 
	margin-bottom: 3px;
	color: #222222;
}
.gck h1.smallHeader {
	font-size: .9em;
	color: #5D5D5D;
	font-weight: bold;
}

.gck .subHeader {
	margin-top: 0px;
	font-weight: bold;
}


.gck h2 {
	font-size: 1.8em;
	color: #52a152;
	margin-bottom: 0;
	margin-top: 10px;
	line-height: 17px; 
}

.gck h3 {

	font-size: 3em;
	color: #000000;
}

.gck h4 {
	font-size: 2.2em;
	color: #000000;
	 text-transform: uppercase;
}

.gck p {
	font-family: Arial, Verdana;
	line-height: 17px; 
	color: #222222;
}

.gck ps {
	font-family: Arial, Verdana;
	line-height: 15px;
	font-size: 0.9em; 
	color: #222222;
}

.gck pr {
	font-family: Arial, Verdana;
	line-height: 17px; 
	color: #e0342d;
}

.gck prk {
	font-family: Arial, Verdana;
	line-height: 10px;
	font-size: 0.83em; 
	color: #e0342d;
}

.gck label {
	line-height: 2.3em;
}

.fontNormal {
	font-weight: normal;
}



.gck img {
	border-radius: 0px 0px 0px 0px;
}




.usual ul {
	display: block;
	clear: both;
	overflow: auto;
	margin-top: 1em;
}

.usual li {
    float: left;
    list-style: none outside none;
	margin-right: 10px;	
}

.usual li a {	
	padding:5px;
	display: block;	
	background-color: #ffe5de;
	color: #000;
	
}

.usual li a.selected {
	background-color: #f65c2f;
	color: #fff;
}


#content.manadensfrukt {
	float: left;
	width: 820px;
	
	
}

.manadensfrukt h1 {
	font-size: 2em;
		text-transform: none;
	margin-top: 0px; 
	margin-bottom: 5px;
	line-height: 92%;
	color: #222222;
}

.manadensfrukt .bildv {
	padding: 0px 0px 0px 0px;
	margin-top: 30px;
	margin-left: 25px;
	float: left;
	width: 202px;
	height: 202px;
	left: 0px;
    top: 0px;
	position: absolute;
	
	
}

.manadensfrukt .faktav {
	padding: 10px 10px 10px 10px;
	margin-top: 250px;
	margin-left: 25px;
	float: left;
	width: 182px;
	height: 300px;
	left: 0px;
    top: 0px;
    background-color: #feffdd;
    left: 0px;
   	position: absolute;
	
}

.manadensfrukt .info {
	padding: 10px 10px 10px 10px;
	margin-top: 30px;
	margin-left: 240px;
	float: left;
	width: 350px;
	height: 520px;
	left: 0px;
    top: 0px;
    background-color: #feffdd;
	position: absolute;
}
.manadensfrukt .infotext {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: 7px;
	float: center;
	width: 335px;

	left: 0px;
    top: 0px;
}
.manadensfrukt .bildh {
	padding: 0px 0px 0px 0px;
	margin-top: 30px;
	margin-left: 625px;
	float: right;
	width: 202px;
	height: 202px;
	
    
    left: 0px;
    top: 0px;
    position: absolute;
    	
}

.manadensfrukt .faktah {
	padding: 10px 10px 10px 10px;
	margin-top: 250px;
	margin-left: 625px;
	float: right;
	width: 182px;
	height: 300px;
	
    background-color: #feffdd;
    left: 0px;
    top: 0px;
    position: absolute;
    		
}

.manadensfrukt .oldlink {
	padding: 1px 1px 1px 1px;
	margin-top: 575px;
	margin-left: 3px;
	margin-bottom: 15px;
	float: left;
	width: 69px;
	height: 115px;
	
    background-color: #fffef6;
    left: 0px;
    top: 0px;
    position: relative;
    		
}

#content.manadensdjur {
	float: left;
	width: 820px;
	background-color: #6e4e28;
	
}

.manadensdjur h1 {
	font-size: 2em;
		text-transform: none;
	margin-top: 0px; 
	margin-bottom: 3px;
	color: #222222;
}

.manadensdjur .djurbild {
	padding: 0px 0px 0px 0px;
	margin-top: 30px;
	margin-left: 20px;
	float: left;
	width: 209px;
	height: 209px;
	left: 0px;
    top: 0px;
	position: absolute;
	
}



.manadensdjur .fakta {
	padding: 15px 15px 15px 15px;
	margin-top: 250px;
	margin-left: 20px;
	float: left;
	width: 179px;
	height: 300px;
	left: 0px;
    top: 0px;
    background-color: #fffef6;
    left: 0px;
   	position: absolute;
	
}

.manadensdjur .info {
	padding: 10px 10px 10px 10px;
	margin-top: 30px;
	margin-left: 240px;
	float: left;
	width: 350px;
	height: 530px;
	left: 0px;
    top: 0px;
    background-color: #fffef6;
	position: absolute;
	
    
	
}

.manadensdjur .spaarbild {
	padding: 0px 0px 0px 0px;
	margin-top: 30px;
	margin-left: 620px;
	float: right;
	width: 209px;
	height: 209px;
	
    background-color: #fffef6;
    left: 0px;
    top: 0px;
    position: absolute;
    border-radius: 100px 100px 100px 100px;
	
}

.manadensdjur .spaar {
	padding: 15px 15px 15px 15px;
	margin-top: 250px;
	margin-left: 620px;
	float: right;
	width: 179px;
	height: 300px;
	
    background-color: #fffef6;
    left: 0px;
    top: 0px;
    position: absolute;
    		
}
.manadensdjur .oldlink {
	padding: 1px 1px 1px 1px;
	margin-top: 575px;
	margin-left: 3px;
	margin-bottom: 15px;
	float: left;
	width: 69px;
	height: 115px;
	
    background-color: #fffef6;
    left: 0px;
    top: 0px;
    position: relative;
    		
}



#content.guldreflex {
	float: left;
	width: 820px;
	
}

.guldreflex .nominerad {
	padding: 0px 0px 0px 0px;
	margin-top: 8px;
	float: right;
	width: 215px;
	height: 70px;
	
    background-color: #ed217c;
    left: -15px;
    		
}

.guldreflex .inner {
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	width: 600px;
	
}
.guldreflex .innernominerade {
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	width: 584px;
	
}

.guldreflex .nom_inner {
	padding: 0px 0px 0px 0px;
	margin-left: 15px;
	
	
}
.guldreflex .nominerad_bild {
	padding: 0px 0px 0px 0px;
	margin-top: 5px;
	float: left;
	width: 191px;
	height: 101px;
	
    
    
}
.guldreflex .nomineradinner {
	padding: 0px 0px 0px 0px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	
	
}
.guldreflex .snabbfakta {
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	float: left;
	width: 600px;
	height: 85px;
	background-color: #f7931d;
    left: -15px;
    margin-left: 20px;
}
.guldreflex .snabbfaktainner {
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	
}
.guldreflex .om_bild {
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	float: left;
	width: 140px;
	height: 150px;    
}
.guldreflex .om_text {
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
	float: left;
	width: 450px;
	height: 150px;
	
    
    
}

.guldreflex .ingress {
	font-weight: bold;
}

.guldreflex h1 {
	font-size: 2em;
		text-transform: none;
	margin-top: 0px; 
	margin-bottom: 3px;
	color: #8dc63f;
}
.guldreflex h1.smallHeader {
	font-size: .9em;
	color: #8CD44C;
	font-weight: bold;
}

.guldreflex .subHeader {
	margin-top: 0px;
	font-weight: bold;
}


.guldreflex h2 {
	font-family: Arial, Verdana;
	font-size: 1.5em;
	margin-top: 1em;
	color: #ed217c;
	margin-bottom: 0;
}
.guldreflex h3r {
	font-family: Arial, Verdana;
	font-size: 1.4em;
	margin-top: 1em;
	color: #8dc63f;
	
}

.guldreflex h3 {
	font-family: Arial, Verdana;
	font-size: 1.2em;
	color: #8b8b8b;
}

.guldreflex h4 {
	font-family: Arial, Verdana;
	font-size: 1.04em;
	color: #ffffff;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
}


.guldreflex label {
	line-height: 2.3em;
}

.fontNormal {
	font-weight: normal;
}

.guldreflex input[type="radio"]  {
	height: 15px;
	margin-bottom: 10px;
}

.guldreflex img {
	border-radius: 0px 0px 0px 0px;
}


.guldreflex .kolumnbild {
	display: table-cell;
	text-align: center;
	height: 100%;
}

.guldreflex .bildHoger {
	float: right;
	margin: 0px 0px 5px 5px;
}

.guldreflex .sektion {
	display: block; 
	border: 1px dashed #ccc; 
	padding: 10px;
	margin-bottom: 1em;
	overflow: auto;
}

.guldreflex .sektion h2 {
	margin-top: 0;
}


.guldreflex input[type="radio"] + label span {
    display:inline-block;
    width:29px;
    height:23px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(http://oldweb.trafikkalendern.se/_images/checkbox.gif);
	background-repeat: none;
    cursor:pointer;
}
.guldreflex input[type="radio"]:checked + label span {
    background:url(http://oldweb.trafikkalendern.se/_images/checkbox.gif);
	background-position: 0 -23px;
	background-repeat: none;
}