/* CSS Document */

* {
margin-top: 0;

}


body 
{
	background-color:#000000;
}

#MainContent {
	position: relative;
	padding: 0px 0px 0px 10px;
	padding-bottom: 0px;
	color:#ffffff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;


}

div.topline {
margin-top: 5px;
border-top:1px solid #444444;
padding: 10px;


}

div.thinboxheadertext {
width: 600px;
position:relative;
top: 0px;
left: 0px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: bold;

}


div.PageTitle {
color:#ffffff;
margin-left:15px;
font-size:18px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;

width: 
}


img.normal {
	height:auto;
	width: auto;
	padding: 0 0 0 0;
}

img.imgdesign {
	
	padding: 0px;
	border: 1px solid #999999;
}

img.imgdesign_2 {
	
	padding: 0px;
	border: 3px solid #ffffff;
}



a.TopNav {
font-style:bold;
}

a:link {
text-decoration:none;
color:#ffcc66;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
}
a:visited {
text-decoration:none;
color:#ffcc66;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
a:hover {
text-decoration:none;
color:#ffcc66;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
a:active {
text-decoration:none;
color:#ffcc66;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
}

a.link1 {
text-decoration:none;
color:#103469;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

a.link1:hover {
text-decoration:none;
color:#ff7200;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

a.link2:hover {
text-decoration:none;
color:#ff7200;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

a.link2 {
text-decoration:none;
color:#103469;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}

a.present_link {
text-decoration:none;
color:#ff7200;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

a.present_link:hover {
text-decoration:none;
color:#ff7200;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

p.rubrik {
color:#ffffff;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;	
}

.rubrik {
color:#ffffff;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;	
}



/* ################### CSS för bild popup där så används 

Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ 

Example HTML:

<a class="thumbnail" href="#thumb">
<img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" />
<span>
<img src="media/tree.jpg" />
<br />
Simply beautiful.
</span>
</a>

#########################*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 5px solid #425e9f;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 50;

}

.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #333333;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: -200px; /*position where enlarged image should offset horizontally */
}
/* Slut Popup CSS ################################