/*------------------------------------------------------------------------------------
      Global Styles
    ------------------------------------------------------------------------------------*/
    *, body, html {
        padding:0;
        margin:0;
    }
    
    h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { 
    	/*margin:1em 0; */
    	font-family: Arial, sans-serif; 
    	font-weight: normal; 
    }
    
    h2{
    	/*font-size: 15px;*/
		display:none;
    }
    
    li, dd { margin-left:5%; }
    fieldset { padding: .5em; }
    select option{ padding:0 5px; }

    .hide, .print-logo, .close-button{ display:none; }
    .left{ float:left; }
    .right{ float:right; }
    .clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
    a img{ border:none; }
    
    body{
    	/*background: #fff;*/
    	font-size: 12px;
    	font-family:  Arial, sans-serif;
    }
    div.content{
   		/*margin: 30px auto 0px auto;
    	width: 1025px;
    	padding: 0!important;*/
    }
    
    div.inner-content{
    	margin: 0px auto 00px auto;
    	border-bottom: 1px solid #e1e7ed;
    	padding-bottom: 15px;
    	width: 800px;
    	
     }
     
     a.topbanner{
     	display: block;
     	/*height: 50px;*/
     	width: 100%;
     	/*background: url('../images/top.jpg');*/
     	/*border: 0px solid red;*/
     	float: left;
     	/*margin-bottom: 18px;*/

     }
     
     a.topbanner span{
     	display: none;
     }

     
     div.toptext-left{
     	width: 48%;
     	float: left;
     }
     
     div.toptext-right{
     	width: 48%;
     	float: right;
     }
     
     div.toptext-left p:first-child, div.toptext-right p:first-child{
     	margin-top: 0;
     }
     
     div.middlebanner{
     	position: relative;     	
     	height: 48px;
     	width: 100%;
     	background: url('../images/splash.jpg');
     	border: 0px solid red;
     	float: left;
     	margin-top: 18px;

     }
     
     /* Placeholder for calculation */
     #calculationtotal
     {
		position: absolute;
		top: 6px;
		left: 412px;
		width: 160px;
		
		background-color: #e31836;
		color: #f5fff4;
		/*text-align: right;*/
		padding-left: 8px;
		font-size: 25px;
		overflow: hidden;
     }
     
     div.middle{
      	width: 100%;
     	float: left;
     }
     
     div.middlebanner a{
     	position: absolute;
     	right: 0;
     	top: 0;
     	display: block;
     	height: 48px;
     	width: 110px;
      	border: 0px solid #000;
     }
     
     div.middlebanner a span{
     	display: none;
     }
     
     div.footer{
     	width: 913px;
     	height: 124px;
     	float: right;
     	margin-top : 10px;
     	background: url('../images/card.jpg') top right no-repeat;
     }
     
     div.footer div.buttons{
     	margin-top: 50px;
     	background: url('../images/buttons.jpg') top left no-repeat;
     	width: 635px;
     	height: 39px;
     }
     
     .buttons a{
     	display: block;
     	height: 39px;
     	width: 62px;
     	margin-right: 1px;
     	border-bottom: 0px solid green;
		float: left;
     }
     
     .buttons a:last-child{
     	margin: 0;
     }
     
     .buttons a span{
     	display: none;
     }
     
     .clear{
     	clear: both;
     }
     
     
     /* Tables */
     
     table.table-left{
     	border-right: 1px solid #e1e7ed;
     	margin-top: 20px;
     	float: left;
     }
     
      table.table-right{
     	/*border-right: 1px solid #e1e7ed;*/
     	margin-top: 20px;
     	margin-left: 15px;
     	_margin-left: 7px;
     	
     	float: left;
     }
     
     th{font-weight: normal; font-size: 10px; border-bottom: 1px solid #e1e7ed;}
     
     tr{height: 27px;} 
     
     .blue{
     	background-color: #e2e7ee;
     }
     
     td.space{
     	border: 2px solid white;
     }
     
     th.cell0{width: 22px;}
     
     th.cell1{width: 110px;}
     
     td.cell1{font-size: 12px;}
     
     .cell2{width: 120px; text-align: center; }

     td.cell2{ font-size: 15px; font-weight: normal;text-align: right; }
     
     td.cell2 input{ background-color: #e2e7ee; width: 110px; margin: 0px 5px 0px 5px; padding: 0;border: 0px solid red; font-size: 15px; font-weight: normal;text-align: right; font-family: Verdana, Arial,  Garamond;}
     
     .cell3{width: 53px; text-align: center;}
     
     td.cell3{font-size: 10px;}
     
     th.cell4{ border-color: #cbd5e0; text-align: center;}
     
     .cell4{width: 75px; text-align: right;}
     
     td.cell4{ font-size: 15px; font-weight: normal;}
     
     th.cell5{width: 15px; border: 0;}
     
     tr.spacer{
     	height: 10px;
     }
     
     td.table-graphic{ 
     	background: url('../images/kategorier_midt.jpg') 0px 0px no-repeat;
     	width: 245px;
     	height: 45px;
     }
     
     .forsikring{
     	background-position: 0px -130px!important;
     }
     
     .it{
     	background-position: 0px -220px!important;
     }
     
     .okonomi{
     	background-position: 0px -400px!important;
     }
     
     .auto{
     	background-position: 0px 10px!important;
     }
     
     .bolig{
     	background-position: 0px -35px!important;
     }
     
     .ferie{
     	background-position: 0px -85px!important;
     }
     
     .toj{
     	background-position: 0px -350px!important;
     }
     
      .pleje{
     	background-position: 0px -305px!important;
     }
     
      .mad{
     	background-position: 0px -260px!important;
     }
     
     .hvidevarer{
     	background-position: 0px -165px!important;
     }
     
    /* FORM */
    
    .loform{
    	width: 450px;
    }
    
    .loform .inner{
		margin: 0px;
	}
	
	.loform h2{
    	
    	margin-top: 20px;
    	margin-left: 20px;
		margin-bottom: 5px;
		font-weight:  bold;    
    }
        
	.loform p{
    	width: 80%;
    	margin-left: 30px;
    	margin-top: 0;
    
    }
    
    .loform label{
    	width: 110px;
    	float:left;
    	text-align: right;
    	margin-right: 15px;
    	font-weight: bold;
    	border: 0px solid red;
    	margin-top: 3px;
    	margin-bottom: 15px;
    	margin-left: 30px;
    
    }
    
    .loform input, select{
    	width: 250px;
    	float:left;
    	font-size: 12px;  
    	margin-bottom: 15px;
    }
    
    .loform .checkbox{
    	float: left;
    	width: 100%;
    	margin-left: 150px;
    }
    
    .loform .checkbox input{
    	width: auto!important;
    	margin-right: 0px!important;

    }
    
    .loform .checkbox label{
    	width: 230px;
    	font-weight: normal;
    	text-align: left;
    	margin-left: 5px;
    }
    
    .loform input.ryd{
    	width: 50px;
    	float: left;
    	margin-left: 35px;
    	font-size: 11px;
    }
    
    .loform div.spacer{
    	height: 1%;
    	border-bottom: 1px solid #ccc;
    	width: 100%;
    	margin: 20px 0 20px 0;
    }
    
    .loform input.submit{
    	width: 50px;
    	float: right;
    	margin-right: 35px;
    	font-size: 11px;

    	
    }
    
    
    div.middle-right, div.middle-left{
    	border: 0px solid red;
    	width: 50%;
    	float:left;
    }

	#emailpopup
	{
		width: 452px;
		background-color: #ffffff;
		z-index: 101;
    	border: 1px solid #000;
	}

	#overlay
	{
		background-color: #ffffff;
		z-index: 100;
	}
	
	#emailmsgpopup
	{
		width: 300px;
		background-color: #ffffff;
		z-index: 102;
		border: solid 1px black;
		padding: 8px;
	}
	
	#msgheader
	{
		font-weight: bold;
		display: block;
	}
	
	#msgbody
	{
		display: block;
		margin-top: 16px;
	}
	
	#msgbutcontainer
	{
		margin-top: 16px;
		float: right;
	}
	
	#msgok
	{
		width: 50px;
	}