.myBox
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    color: #ffffff;
    width: 150px;
    height: 50px;
    padding: 10px;
    text-align: left;
    /*border: 3px solid #ffffff;*/
    
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}


/* generated by csscreator.com */ 
html, body{ 
font-family:Arial, Verdana, Helvetica, Sans-serif;
font-size:10pt;
font-style:normal;
background-image:url(/images/backgrund.gif);
scrollbar-face-color:#900;
scrollbar-shadow-color:#330;
scrollbar-highlight-color:red;
scrollbar-3dlight-color:#F33;
scrollbar-darkshadow-color:#900;
scrollbar-track-color:#900;
scrollbar-arrow-color:red;
text-align:center;
 margin:0; 
 padding:10px; 
 text-align:center;
 height:100%;
 /**
 gamla
 margin:20px;
 **/
} 
 A:LINK, A:VISITED {
	color : #000099;
	text-decoration : none;
	font-weight: bold
	
}
	/*
	a:link:before { content: open-quote; font-weight: bold; }
	a:link:after { content: close-quote; font-weight: bold; }
	*/
A:HOVER {
	background-color : #DCDCDC;
	text-decoration : none;
	/*padding-left: 2px;
	padding-right: 2px;
	*/
} 
#pagewidth{
	width:910px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding: inherit;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius:20px;
	border: 1px solid #000;
	padding:5px;
"
} 
 
#header{
 position:relative; 
 height:152px; 
/*background-color:#FFFFFF;*/
 width:100%;
} 
 
#leftcol{
 width:5px; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:910px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:190px; 
 float:right; 
 position:relative;
 background-color:#white;
 padding:5px 5px 5px 5px;
 border-left:1px dotted #000;
 }
 
#maincol{
	background-color: #FFFFFF;  
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:680px;
	padding: 10px;
	/*
	border-right:1px dotted #000;
	*/
 }
 
#footer{
 height:135px; 
  background-color:#FFFFFF; 
 clear:both;
 /*
 width:910px;
 */
} 
 #smalltext {
 font-size:8pt;
 } 
 .smalltext {
 font-size:8pt;
 }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#twitter_div {
	padding:0.1em; 
	border:3px double #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
}
#twitter_update_list {
	position:relative;
left:-30px;}
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:80%; float:none;}
}
/*########################################################################*/
dl {
  width: 180px;
  margin: 0 0 5px 10px;
  background: #999 url(images/rounded_bottom.gif) no-repeat bottom left;
  }

dt {
  margin: 0 0 0 0;
  padding: 5px;
  background: #999 url(images/rounded_top.gif) no-repeat top left;
  }

dd {
  margin: 0 0 0 0 ;
  padding: 5px;
  }
  
 #blue, #blue dt {
	background-color: #9cf;
	padding: 1;
	margin-left: 0;
	}
 #red, #red dt {
	background-color: #999;
	padding: 1;
	margin-left: 0;
	}
#green, #green dt {
	background-color: #cf9;
	padding: 1;
	margin-left: 0;
}

#white, #white dt {
	background-color: #fff;
	padding: 1;
	margin-left: 0;
}

#grey, #grey dt {
	background-color: #ccc;
	padding: 1;
	margin-left: 0;
}

ul {
	list-style:none;
	letter-spacing: 1;
	height:20;
	}

/*
#####################################################################################
*/
/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background:url("images/marble.gif") #eef2f9;

  border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}

div.tp1 { font-size:12px; color:#336; padding-top:4px 
}
/*
####################################################################################
*/
#tablist{
padding: 1px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width:480px;
height:40px;
}

.tabcontent{
display:none;
}

.adsrow {
	text-align: center;
	}

.ads {
	width: 150px;
	float: left;
	text-align: center;
	padding:10px;
	margin: 5px;
	}

h3 {
font-family:Arial, Verdana, Helvetica, Sans-serif;
font-size:12pt;
font-weight:700;
background:100%;
background-color:Red;
margin-left:-10px;
text-align:left;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
border-bottom-style:dashed;
border-bottom-width:thin;
border-right-width:10px;
border-right-style:solid;
}

div.row1 { background-color: #ccc; }
div.row2 { background-color: #fff; }

#updated {
font-weight:bold;
color:#990000;
}

#iframe {
font-family:Arial, Verdana, Helvetica, Sans-serif;
font-size: 8px;	
	}

img:nth-of-type(odd) {
  float: left;
}

img:nth-of-type(even) {
  float: right;
}
/*
#############################################################################
##
##			Test länkar externt
##
#############################################################################

a[href^="http:"] {
background: url(images/external_link.png) no-repeat 100% -97px; 
padding: 0 12px 0 0;
}


a:hover[href^="http://"]:not([href*="osterlund.net"]) { 
background: url(images/external_link.png) no-repeat 100% -97px; 
padding: 0 12px 0 0; 
}

a:visited[href^="http://"]:not([href*="osterlund.net"]) { 
background: url(images/external_link.png) no-repeat 100% -197px; 
padding: 0 12px 0 0; 
}
a[href^=”http://”]{
background: url(images/external_link.png) no-repeat 100% 3px;
padding: 0 12px 0 0;
}

a[href*=”osterlund.net”]{
background: url();
}
*/


