*  /* Tar bort all defaultpadding & margin */
{
	margin: 0;
	padding: 0;
}
    
    
body, table, td, tr, p
{
	-x-system-font:none;
	color:#262626;
	font-family:trebuchet ms;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
input, textarea
{
    border: 1px solid #888;
}
    
    body{
    font: 10px trebuchet ms;
    background-color: #111111;
    margin: 0px auto;
    padding: 0px;
    }
    
    #MainContent{
		width: 972px;
		margin: 0px auto;		
    }
    
    
    #Background {		
		width: 100%;
		background-position: 51% 42px !important;  /* Hack, fungerar för Firefox */
		background-position: 51% 66px;	/* Används av IE6 */
		background-image: url('../images/bg_flashHome.jpg');
		background-repeat: no-repeat;		
    }    
    
    *+html #Background {	/* Hack som endast fungerar för IE7 */ 
		background-position: 51% 62px !important;	
    }    
    
    
    #BildSpel
    {
		height: 256px;
		margin-top: 10px;
		text-align: left;
		background-image: url('../images/bildspel.jpg');
    
    }
    
    #Content
    {
		border: solid 1px #e4e4e4;
		background-color: #e4e4e4;
		margin-top: 10px;
		text-align: left;
		position: relative;
    }
    
    #LogoContainer
    {
        position: absolute;
        bottom: 30px;
        right: 310px;
    }
    #LogoContainer a
    {
        display: block;
        float: left;
    }
    #LogoContainer a.alpha
    {
        margin-left: 25px;
    }
    #LogoContainer a img
    {
        border: none;
    }    
    #LogoContainer div.border
    {
        background: url("../images/logos/borderbg.jpg") repeat-x;
        height: 2px;
        width: 400px;
    }
    
    
    #ColumnLeft{
    padding-left: 14px;
    padding-top: 14px;
    padding-bottom: 15px;
    width: 211px;
    float:left;
    border: solid 0px blue;
    }
    
    #ColumnMiddle{
    width: 432px;
    float:left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 100px;
    border: solid 0px green;

    }
    
    
    #ColumnMiddleAlt{
    width: 432px;
    float:left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 14px;
    border: solid 0px green;

    }
    
    #ColumnRight{
    width: 243px;
    float: right;
    border: solid 0px red;

    padding-right: 15px;
    padding-top: 14px;
    text-align: left;

    }
    #ColumnRight a img{
    border: none;
    margin-top: 6px;
    }
    #ColumnRight a.alpha img{
    margin-top: 0;
    }
    
    
    #ColumnRightAlt{
    width: 245px;
    float: right;
    border: solid 0px red;

    padding-right: 14px;
    padding-top: 14px;
    text-align: right;

    }
    
    #ColumnNews{
    width: 245px;
    border: solid 0px red;
    text-align: left;



    }
    
    #Listing{
    width: 632px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border: solid 0px green;
    }
    #Listing .item img, #Listing .item .text
    {
        float:left;   
    }
    #Listing .item
    {
        border-top: #c1c1c1 solid 1px;
        padding: 10px 0;
    }
    #Listing .alpha
    {
        border-top: none;
        padding-bottom: 30px;
        padding-top: none;
    }
    #Listing .item .text
    {
        width: 400px;
        padding-left: 37px;
    }
    #Listing .item .text h1
    {
        padding-top: 31px;
        padding-bottom: 30px;
    }
    #Listing .item .text h2
    {
        padding-top: 0px;
        padding-bottom: 10px;
        font-size: 16px;
    }
    /*">
            <img src="../images/ConferenceFacilitiesUllevi.jpg" />
            <div class="text">
                <h2>2 - 1000 personer kapacitet</h2><br />
                <p>
                    <a href="#">www.ullevi.info</a>
                </p>
            </div>
        </div>
    */
    
    #ClearBoth{
    clear: both;
    
    }
    
    h1 {
    font: 24px trebuchet ms;
    color: #434343;

    }
    
    h2 {
    font: 10px trebuchet ms;
    color: #000000;
    font-weight: bold;
    margin: 0px;
    }
    
    h2.black_large {
    font: 14px trebuchet ms;
    color: #000000;
    font-weight: bold;
    margin: 0px;
    }
    
    h3 {
    font: 10px trebuchet ms;
    color: #000000;
    font-weight: bold;
    margin-top: 53px;
    margin-bottom: 0px
    }
    
    
    .brodtext_gra{
    font: 11px trebuchet ms;
    color: #262626;  
    }
    
    .brodtext_gra_large{
    font: 14px trebuchet ms;
    color: #262626;  
    }
    
    td, .brodtext_svart{
    font: 11px trebuchet ms;
    color: #000000; 
    margin: 0px;   
    }
    
    .brodtext_svart_large{
    font: 12px trebuchet ms;
    color: #000000; 
    margin: 0px;
    }
    
    .brodtext_lila{
    font: 11px trebuchet ms;
    color: #5a578e; 
    margin: 0px;
    
    
    }
    
    .brodtext_rodlila{
    font: 11px trebuchet ms;
    color: #7b0046;
    font-weight: bold; 
    margin: 0px;
    
    
    }
    
     .brodtext_svartfet {
		font: 10px trebuchet ms;
		color: #000000;
		font-weight: bold; 
		line-height: 23px; 
    }
    

    .rubrik_svart {
    font: 14px trebuchet ms;
    color: #000000;
    margin: 0px;
    line-height: 14px;
    margin-bottom: 2px;
    }
    
    
    .rumsbild {
    margin-bottom: 5px;

    }
    
    
    .link_svart{
    font: 10px trebuchet ms;
    color: #000000; 
    text-decoration: none;
    margin-left: 20px;
    
    
    }
    
    .link_gra{
    font: 11px trebuchet ms;
    color: #464646; 
    text-decoration: none;
    margin-right: 40px;
    
    
    }
    
    
    a {
    font: 11px trebuchet ms;
    color: #000000;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    }
   
   
/***** MENY, DROPDOWN LIST *****/
#Menu {
	width: 972px;
	text-align: left;
	margin-top: 20px;    
}
    
#TopMenu 
{
	border: solid 0px red; 
	padding: 0px; 
	margin: 0px;
	margin: 0px auto;			/* Centrerar huvudmenyn */
	height: 32px;
	width: 927px;
}

#TopMenuUk 
{
	border: solid 0px red; 
	padding: 0px; 
	margin: 0px;
	margin: 0px auto;			/* Centrerar huvudmenyn */
	height: 32px;
	width: 990px;
}

#SubMenu 
{
	padding: 0px; 
	margin: 0px; 
}


/* DROPDOWN */
.submenu 
{
	border: solid 0px red; 
	width: 210px;
	display:none; 
	position: relative;
	top: 0px !important;	/* CSS Hack - Ignoreras av IE6 */
	top: -4px; 
}

		.submenu ul 
		{			
            list-style-type:none;
            line-height: 20pt;
            position: absolute; 
            left: 0px;
            top: 0px;
            width: 160px;             
            background: #434343;
            background: url(../images/bg_submenu.jpg);
            margin: 0px; 
            padding: 15px 10px 5px 10px;	/**/
            border: solid 1px #a1a1a1;
            color: white;          
        }
        
.submenu li {
    border-bottom: dotted 1px black;
}

.submenu li.bottom {
    padding-bottom: 5px;
    border-bottom: none;
}

.submenu a { color: white; text-decoration: none;}



/***** NYHETSBREVS ANMÄLAN *****/
.NewsletterForm 
{
    font: 10px trebuchet ms;
    color: #c9c8c8;

	width: 200px; 
	padding-top: 38px; 
	padding-left: 10px; 
	border: solid 0px red;
}

.NewsletterForm td 
{
	font: 10px trebuchet ms;
    color: #c9c8c8;
}

.NewsletterForm input.TextBox
{
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left: 0px;
	padding: 0px;
}

/***** BOKNINGSFORM *****/
.BookingForm label, .BookingForm input, .BookingForm textarea, .BookingForm select, .BookingForm div.TimeSeparator
{
    display: block;
    float: left;
    margin-bottom: 5px;
}
.BookingForm input, .BookingForm textarea
{
    border: 1px solid #888;
    width: 200px;
    margin-right: 100px;
}
.BookingForm label
{
    width: 100px;
}
.BookingForm input.Short
{
    width: 50px;
    margin-right: 250px;
}
.BookingForm input.Medium
{
    width: 90px;
    margin-right: 210px;
}
.BookingForm input[type=image]
{
    margin-top: 40px;
    width:auto;
}
.BookingForm input.DateButton
{
    margin: -3px 0 0 -94px;
}
.BookingForm select
{
    width: 50px;
    margin-right: 10px;
    border: 1px solid #888;
}
.BookingForm select.Omega
{
    margin-right: 200px;
}
 .BookingForm div.TimeSeparator
 {
     margin-left: -2px;
     margin-right: 2px;
     font-weight: bold;
 }
 .BookingForm span#Error
 {
     color: Red;
     font-weight: bold;
 }
 /***** RESTAURANT  *****/
 .Restaurant h2 {padding-bottom: 10px; padding-top: 10px; color:#434343; font:14px trebuchet ms; font-weight: bold;}
 .Restaurant p {padding-bottom: 10px;}
 
  /***** HOME (LARGE TEXT)  *****/
 .Restaurant h2 {padding-bottom: 10px; padding-top: 10px; color:#434343; font:14px trebuchet ms; font-weight: bold;}
 .grey_text p {padding-bottom: 10px;}