﻿html,body,form {height:100%;}

*
{
    margin:0px;
    padding:0px;
    }

body
{
	background-color:#000000;
	font-family:Trebuchet MS;
	height:100%;
	line-height:15px;
    font-size:13px;
	}

h1
{
	font-family:Trebuchet MS;
	margin:0px;
	margin-bottom:4px;
	}
h2
{
	font-family:Trebuchet MS;
	margin:0px;
	margin-bottom:4px;
	}
h3
{
	font-family:Trebuchet MS;
	font-size:20px;
	margin:0px;
	margin-bottom:5px;	
	padding:0px;
	line-height:30px;
	
	}

a
{
    color:blue;
    }	

/**********************************************
ID OCH KLASSER
**********************************************/
.FloatLeft
{
	float:left;
	}	
	
.FloatRight
{
	float:right;
	}
.ClearBoth
{
    clear:both;
    }
/*********************************************/



#Container
{
	width:900px;
	margin-left:20px;
	height:100%;
	}

#Container #ContentContainer
{
	width:700px;
	margin:0px;
	float:left;
	height:100%;
	}
	
#Container #ContentContainer #SiteHeader
{
	height:80px;
	width:600px;
	
	}
	#Container #ContentContainer #SiteHeader #Icons
	{
		float:right;
		padding-top:25px;
		}
		
#Container #ContentContainer #PageContent
{
	width:580px;
	
	height:auto !important;
	min-height:900px;
	height:900px;
	background-color:#ffffff;
	line-height:16px;
	padding:10px;
	font-size:12px;
	margin-top:60px;
	
	
	
	}
	
	#Container #ContentContainer #PageContent #PageTopImage
	{
	width:580px;
	
	text-align:center;
	padding-bottom:10px;
	clear:both;
	}	
	

#Container #ContentContainer #PageContent #Content
{
	padding-left:10px;

	}

#Menu
{
	float:left;
	margin-right:10px;
	padding-top:60px;
	}	
	
	#Menu #MenuContent
	{
	    padding-right:20px;
	    padding-top:60px;
	    }
		
	#Menu .Header
	{
		color:#ffffff;
		font-size:9px;
		padding:2px;
		padding-left:10px;
	}	

	#Menu a
	{
		color:#ffffff;
		font-size:11px;
		padding-left:8px;
		padding-top:3px;
		text-decoration:none;
		}

	#Menu p
	{
		margin:0px;
		margin-top:4px;
		}
		
		
	#Menu #Login
	{
		background-color:#111111;
		width:105px;
		height:75px;
		color:#cccccc;
		font-size:9px;
		padding:10px;
		border:1px solid #1d1d1d;
		}
		
		
#Sitefooter
{
	background-color:#111111;
	color:#cccccc;
	font-size:9px;
	width:120px;
	padding:5px;
	height:110px;
	border:1px solid #1d1d1d;
	}
	
	#Sitefooter a
	{
		padding:0px;
		text-decoration:underline;
		color:#ffffff;
		}		
	
	
.TextBox
{
	font-size:11px;
	background-color:#3a3a3a;
	border:0px;
	color:#cccccc;
	padding:1px;
	}	
.Button
{
	font-size:9px;
	color:#000000;
	margin-top:3px;
	}
	
	
/*************************
NYHETER
*************************/	
	
#NewsHolder
{
	width:210px;
	color:#000;
	border:2px solid #eeeeee;
	background-color:#f7f7f7;
	height:auto !important;
	min-height:50px;
	height:50px;
	margin-bottom:10px;
	padding:5px;
	}
	
	#NewsHolder #NewsContent
	{
		font-size:11px;
		width:210px;
		}
		
#Sidfot
{
    position:fixed;
    bottom:0px;
    right:0px;
    z-index:200;
    width:150px;
    height:22px;
    background-color:#000000;
    
    color:#ffffff;
    font-size:10px;
    text-align:center;
    
    }
    #Sidfot a
    {
        color:#ffffff;
        }		
		
/*****************************************
ADMIN
*****************************************/		

#AdminContainer
{
	width:900px;
	background-color:#ffffff;
	color:#000;
	height:auto !important;
	min-height:900px;
	height:900px;
	}
	
	#AdminContainer #AdminContent
	{
	    float:left;
        color:#000;
        padding:20px;
	    }
	    
	    
	#AdminContainer #Menu
	{
		float:left;
		width:200px;
		color:#000000;
		padding-left:10px;
		
		}
	
		#AdminContainer #Menu a
		{
			color:#000;
			line-height:18px;
			
			margin:2px;
			height:15px;
			font-size:13px;
			}
			
			#AdminContainer #Menu a:hover
			{
			    text-decoration:underline;
			    }
			
			
#FileList
{
 font-size:11px;   
    }			

#FileList td
{
    background-color:#f7f7f7;
    
    }		
    
    #FileList td.Header
    {
        font-weight:bold;
        font-size:13px;
        border-bottom:1px solid black;
        background-color:#cccccc;
        }	
			
/**************************
SHOP PAGE
**************************/			
/*
#ShopContainer #ShopContent
{
    width:600px;
    
    }
    
.ShopItem
{
    width:200px;
    height:200px;
    float:left;
    }
.ShopItemImage
{
    margin:2px;
    
    }
.ShopItemText
{
    text-align:center;
    font-size:10px;
    color:#000000;    
    }    

#ShopMenu
{
    
    }    
    #ShopMenu a
    {
        font-size:10px;
        color:#ffffff;    
        }
            
.ShopMenu
{
    width:100px;
    font-size:10px;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    left:-30px;
    padding-top:60px;
    padding-left:0px;
    }
.ShopMenuHeader
{
    background-color:red;
    color:#ffffff;
    font-size:10px;
    
    }
    
  */  
    
#TimeReservation
{
    width:220px;
    margin-bottom:0px;    
    }    
    #TimeReservation h3
    {
        margin-bottom:0px;
        }
    
    #TimeReservation .ReservationLink
    {
        background-color:#f7f7f7;
        padding:2px;
        width:230px;
        margin-bottom:2px;
        
        border-left:3px solid #000;
        clear:both;
        height:15px;
        }
    
    #TimeReservation .ReservationLink img
    {
        padding-left:5px;
        float:left;
        width:12px;
        }
        
    #TimeReservation .ReservationLink:hover
    {
        background-color:#eee;
        border-left:3px solid #f00;
        }
    #TimeReservation .ReservationLink:hover a
    {
        color:#000;
        border-bottom:1px dotted #000;
        }
        
    #TimeReservation a
    {
        margin-left:10px;
        color:#3685aa;
        color:#000;
        text-decoration:none;
        float:left;
        
        }
        
    #TimeReservation .TimeReservationIcon
    {
        float:left;
        
        }