/* CSS Document */
body {font-family:Helvetica;}

H1 {font-size: 22px } 
H2 {font-size: 18px } 

#container
{
width:950px;
height:auto;
margin-top:20px;
margin-left:20px;
}

#top_frame
{
width:950px;
height:7px;
}

#mid_frame
{
width:950px;
height:auto;
background-image:url(mid_frame.jpg);
}

#bottom_frame
{
width:950px;
height:7px;
}

#bottom_frame2
{
width:950px;
height:7px;
margin-top:50px;
}

#topfilling
{
width:943px;
height:170px;
background-image:url(top_filling.jpg);
background-repeat:no-repeat;
margin-left:2px;

}

#bottomfilling
{
width:943px;
height:92px;
background-image:url(bottom_filling.jpg);
margin-left:2px;
}

#mainfilling
{
width:943px;
height:auto;
margin-left:2px;
}

.actorimage
{
position:absolute;
margin-left:50px;
margin-top:35px;
}

.top1
{
position:absolute;
margin-left:375px;
margin-top:25px;
}

.top2
{
position:absolute;
margin-left:520px;
margin-top:25px;
}

.top3
{
position:absolute;
margin-left:665px;
margin-top:25px;
}

.top4
{
position:absolute;
margin-left:793px;
margin-top:25px;
}

#menu
{
margin-left:48px;
margin-top:135px;
position:absolute;
height:25px;
width:844px;
background-color:#e1e6eb;
border-style:solid;
border-color:#acacac;
border-width:1px;
line-height:25px;
color:#5b5b5b;
font-size:14px;
font-weight:bold;
text-decoration:none; 
font-family: Palatino Linotype;
 
}
#menu a:link
{
color:#5b5b5b;
text-decoration:none; 
}
#menu a:visited
{
color:#5b5b5b;
text-decoration:none; 
}
#menu a:hover
{
color:#ffffff;
text-decoration:none; 
}

#menu a:active
{
color:#ffffff;
text-decoration:none; 
}




.bott1
{
position:absolute;
margin-left:40px;
margin-top:50px;
}
.bott2
{
position:absolute;
margin-left:300px;
margin-top:50px;
}
.bott3
{
position:absolute;
margin-left:540px;
margin-top:50px;
}
.bott4
{
position:absolute;
margin-left:770px;
margin-top:50px;
}

.start
{
margin-left:55px;
}

.losning
{
margin-left:48px;
}


#maincontainer
{
width:844px;
height:auto;
overflow:hidden;
margin-left:48px;
clear:both;

}

#indexleft
{
width:570px;
height:600px;
background-color:#cccccc;
float:left;
padding:3px;
}

#indexright
{
width:256px;
height:596px;
background-color:#000000;
float:left;
padding:5px;
float:left;
}

#news
{
width: 260px;
height:320px;
background-color:#ffffff;
float:left;
padding:5px;
}

#newscontent
{

width:260px;
height:250px;
border-left-style:solid;
border-left-color:#ededed;
border-left-width:1px;
padding:8px;

font-size:12px;
}

#actorpresent
{
width:570px;
height:320px;
background-color:#FFFFFF;

color:#0071bb;
float:left;
}

h1 {
} 

#usecaseframe
{
border-top: 1px solid #ededed;
border-bottom: 1px solid #ffffff;
	width:844px;
height:250px;
	float:left;
	margin-left:20px;
	
}

#usecase1
{
border-right: 1px solid #ffffff;
width:249px;
	height:220px;
	float:left;
	font-size: 12px;
	margin-top:10px;
	padding-right:10px;
	
}

#usecase2
{
border-right: 1px solid #ffffff;
width:200px;
height:276px;
	float:left;
	font-size: 12px;
	margin-top:10px;
	margin-left:20px;
	padding-right:10px;
}

#usecase3
{
width:330px;
height:269px;
float:left;
font-size: 12px;
margin-top:10px;
margin-left:20px;
}

.floatimage
{
float:right;
padding: 3px;
}

#biljettsytem
{
width:160px;
height:150px;
background-color:#e1e6eb;
border-style:solid;
border-color:#acacac;
border-width:1px;
padding:4px;
margin-top:5px;
text-align:left;
line-height:25px;
color:#5b5b5b;
font-size:14px;
}

#biljettsytem a:link
{
color:#5b5b5b;
text-decoration:none; 
}
#biljettsytem a:visited
{
color:#5b5b5b;
text-decoration:none; 
}
#biljettsytem a:hover
{
color:#ffffff;
text-decoration:none; 
}

#biljettsytem a:active
{
color:#ffffff;
text-decoration:none; 
}


















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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
display:inherit;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.nodecoration a:link
{
 
text-decoration:none; 
}
.nodecoration a:visited
{
 
text-decoration:none; 
}
.nodecoration a:hover
{
 
text-decoration:none; 
}

.nodecoration a:active
{
 
text-decoration:none; 
}


.list
{
	margin: 0px;
	padding: 5px;

}


.newsli
{
 
text-decoration:none;
color:#000000;
 

}


.newsli a:link
{
color:#000000;
text-decoration:none;
 
}
.newslin a:visited
{
color:#000000;
text-decoration:none;
 
}
.newsli a:hover
{
color:#000000;
text-decoration:none; 
 
}

.newsli a:active
{
color:#000000;
text-decoration:none; 
 }