/* CSS Document */

body
	{
	background-color: #fff;
	font-family: verdana, arial, sans-serif;
	}
	
/************* wrapper divs *************/

div#wrapper
	{
	width:1050px;
	margin:10px auto;
	padding:0;
	position:relative;
	border:1px solid #fafafa;
	}
	
	div#headarea
		{
		width:1050px;
		margin:0;
		padding:0;
		}
	
	div#contentarea
		{
		width:1050px;
		margin:77px 0 0 0;
		padding:0;
		position:relative;
		overflow:hidden;
		background:url("img/line.png") repeat-x left top;
		background-position:top;
		background-color:#f4f4f4;
		}
		
	div#contentarea_b
		{
		width:1050px;
		margin:10px 0 0 0;
		padding:0;
		position:relative;
		overflow:hidden;
		background-color:#fff;
		}
		
		div#fullcolumn
			{
			width:1050px;
			margin:0;
			padding:0;
			overflow:hidden;
			border-top:1px solid #e2e2e2;
			background:url("img/line.png") repeat-x left top;
			background-position:bottom;
			background-color:#fff;			
			}
			
		div#columnleft
				{
				width:350px;
				height:192px;
				margin:0;
				padding:0;
				float:left;
				text-align:center;
				border-bottom:1px solid #e2e2e2;
				background-color:#e8f6f9;	
				}
				
			div#columnmiddle
				{
				width:350px;
				height:192px;
				margin:0;
				padding:0;
				float:left;
				border-bottom:1px solid #e2e2e2;
				background:url("img/click.png") no-repeat left top;
				background-color:#e8f6f9;	
				}
					
			div#columnright
				{
				width:350px;
				height:192px;
				margin:0;
				padding:0;
				float:right;
				border-bottom:1px solid #e2e2e2;
				background-color:#e8f6f9;
				}
					
			div#doubleimg
				{
				width:1050px;
				height:185px;
				margin:10px 0 10px 0;
				padding:0;
				float:right;
				background:url("img/tdctruck_phonesplash.png") no-repeat left top;
				background-color:#fff;
				}
	
		div#column1
			{
			width:697px;
			height:355px;
			margin:0;
			padding:0;
			float:left;
			border-top:1px solid #efefef;
			border-right:1px solid #f1f1f1;
			background:url("img/line.png") repeat-x left top;
			background-position:bottom;
			background-color:#fff;
			}
			
		div#column2
			{
			width:341px;
			height:355px;
			margin:0;
			padding:0;
			float:right;
			border-bottom:1px solid #e2e2e2;
			background:url("img/line.png") repeat-x left top;
			background-position:top;
			background-color:#fff;
			}
			
			div#column1a
				{
				width:700px;
				height:420px;
				margin:0;
				padding:0;
				float:left;
				border-bottom:1px solid #e2e2e2;
				background:url("img/line.png") repeat-x left top;
				background-position:top;
				background-color:#fff;
				}
				
			div#column1b
				{
				width:530px;
				height:400px;
				margin:0;
				padding:0;
				float:left;
				border-bottom:1px solid #e2e2e2;
				background:url("img/line.png") repeat-x left top;
				background-position:top;
				background-color:#fff;
				}
			
			div#column2a
				{
				width:350px;
				height:420px;
				margin:0;
				padding:0;
				float:right;
				border-bottom:1px solid #e2e2e2;
				background:url("img/line.png") repeat-x left top;
				background-position:top;
				background-color:#fff;
				}
			
			div#column2b
				{
				width:520px;
				height:400px;
				margin:0;
				padding:0;
				float:right;
				border-bottom:1px solid #e2e2e2;
				background:url("img/line.png") repeat-x left top;
				background-position:top;
				background-color:#fff;
				}

		div.clear
			{
			margin:0;
			padding:0;
			clear:both;
			}
			
	div.navigationbar
			{
			width:1050px;
			height:147px;
			margin:0;
			padding:0;
			border-bottom:1px solid #e2e2e2;
			background:url("img/line.png") repeat-x left top;
			background-position:top;
			background-color:#fff;
			}
		
	div#bottomarea
		{
			width:1050px;
			height:42px;
			background:url("img/line.png") repeat-x left top;
			background-position:top;
			background-color:#f4f4f4;

		}


/**************** links ****************/

a.link
	{
	color:#266baf;
	}
	
a.firstlink
	{
	top:10px;
	left:880px;
	font-size:14px;
	color:#266baf;
	position:absolute;
	}
	
a.secondlink
	{
	top:30px;
	left:880px;
	font-size:14px;
	color:#266baf;
	position:absolute;
	}
	
a.thirdlink
	{
	top:50px;
	left:880px;
	font-size:14px;
	color:#266baf;
	position:absolute;
	}
	
a.forthlink
	{
	top:70px;
	left:880px;
	font-size:14px;
	color:#266baf;
	position:absolute;
	}
	
a#tdclogo
	{
	width:48px;
	height:41px;
	top:0;
	left:0;
	margin:9px 0 9px 12px;
	padding:0;
	position:absolute;
	background:url("img/tdc_logo.png") no-repeat left top;	
	text-indent:-9999px;
	}	

a#tdclogo_small
	{
	width:27px;
	height:28px;
	bottom:5px;
	left:0;
	margin:0 5px 0 5px;
	padding:0;
	position:absolute;
	background:url("img/tdc_logo_small.png") no-repeat left top;	
	text-indent:-9999px;
	}

	/*****navigationbar*****/
	a#forside
		{
		width:69px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat left top;	
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}	
		
	 a#forside:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat left top;
		text-decoration:underline;
		}
		
	a#reparation
		{
		width:72px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -72px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

	  a#reparation:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat -72px top;
		text-decoration:underline;
		}
		
	a#indlevering
		{
		width:133px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -143px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

	a#indlevering:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat -143px top;
		text-decoration:underline;
		}

	a#reparationsstatus
		{
		width:117px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -276px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

		a#reparationsstatus:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat -276px top;
		text-decoration:underline;
		}

	a#svar
		{
		width:106px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -394px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

	a#svar:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat -394px top;
		text-decoration:underline;
		}
		
	a#support
		{
		width:135px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -501px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

	  a#support:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat -501px top;
		text-decoration:underline;
		}
		
		
		a#handel
		{
		width:135px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -690px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

	  a#handel:hover
		{
		height:77px;
		background: transparent url("img/navigation_map.png") no-repeat -690px top;
		text-decoration:underline;
		}
		
		
	a#butik
		{
		width:71px;
		height:75px;
		display: block;
		background: transparent url("img/navigation_map.png") no-repeat -627px top;
		font:13px/128px verdana, arial, sans-seri;
		text-align:center;
		text-decoration:none;
		color:#90979b;
		}

	  a#butik:hover
		{}
		



/**************** text ****************/
	.text
	{
	font:13px verdana, arial, sans-seri;
	color:#000;
	}
	
	    .leftAlignKr
	{
	left:400px;
	font-weight: normal;
	line-height:20px;
	position:absolute;
}

    .leftAlignText
	{
	left:390px;
	font-weight: normal;
	line-height: 20px;
	position: absolute;
    width: 490px;
}
	
    .rightAlignText
	{
    right:600px;
	font-weight: normal;
	line-height:20px;
}

  .rightAlignTextBox
	{
	left:400px;
	font-weight: normal;
	line-height:20px;
	position:absolute;
    border-width: 1px;
    border-style:solid;
}

.rightAlignButton
	{
	left:400px;
	position:absolute;
}

p.tdcbutik
	{
	margin:0 0 0 25px;
	padding:0;
	font:12px/15px verdana, arial, sans-seri;
	color:#000;
	}
	
p.text
	{
	margin:0 0 0 20px;
	padding:0;
	font:13px verdana, arial, sans-seri;
	color:#000;
	}
	
p.bigtext
	{
	margin:0 0 0 20px;
	padding:0;
	font:16px verdana, arial, sans-seri;
	color:#000;
	}
.dataGrid
    {
        margin:0 0 0 20px;
    }

p.gridtext
	{
	margin:8px 20px 8px 20px;
	padding:0;
	font:13px verdana, arial, sans-seri;
	color:#000;
	}	
	
    .leftAlignText
	{
	left:337px;
	font-weight: normal;
	line-height:20px;
	position:absolute;
}
	
	.rightAlignText
	{
	right:590px;
	font-weight: normal;
	line-height:20px;
	position:absolute;
	}
	
span.bold
	{
	font-weight:bold;
	line-height:20px
	}

p#welcometext
	{
	margin:0;
	padding:50px 0 0 0;
	font:40px verdana, arial, sans-seri;
	color:#90979b;
	text-align:center;
	}

p#tdcshop
	{
	margin:30px 0 0 25px;
	padding:0;
	font:18px verdana, arial, sans-seri;
	color:#000;
	}
	
p#login	
	{
	margin:22px 0 0 155px;
	padding:0;
	font:12px/15px verdana, arial, sans-seri;
	color:#000;
	}
	
	
/************** headline **************/

h1
	{
	margin:0;
	padding:8px 0 8px 16px;
	font:24px verdana, arial, sans-seri;
	color:#90979c;
	}
	
h2
	{
	margin:0;
	padding:20px 0 0 20px;
	font:20px verdana, arial, sans-seri;
	color:#000;
	}
	
h3
	{
	margin:0;
	padding:8px 0 8px 16px;
	font:bold 28px verdana, arial, sans-seri;
	color:#000;
	}
	
h4
	{
	margin:0;
	padding:8px 0 8px 22px;
	font:20px verdana, arial, sans-seri;
	color:#000;
	background-color:#eaeaea;
	}
	
	.normaltext
	{
	    font:13px verdana, arial, sans-seri;
		text-decoration:none;
	}
	
	.line
	{
	   color:#eaeaea; 
	   border-width: 1px;
	}
/*************** images ***************/

img#tdcbutik
	{
	margin:0 0 0 20px;
	padding:0;
	}
	
/*************** lists ***************/


ul.text li
	{
	margin:15px 0 15px 20px;
	padding:0;
	font:13px verdana, arial, sans-seri;
	color:#000;
	}

ul.navigationbar
	{
	margin:0 0 0 15px;
	padding:22px 0 0 0;
	position:relative;
	}

	ul.navigationbar li
		{
		margin:10px 5px 0 5px;
		padding:0;
		float:left;
		list-style-type: none;
		}
	
	ul.navigationbar li.spacer
		{
		width:4px;
		height:75px;
		margin:10px 10px 0 10px;
		padding:0;
		float:left;
		list-style-type: none;
		background: transparent url("img/spacer.png") no-repeat left top;	
		}
	
ul#reparation
	{
	margin:10px 0 0 10px;
	padding:0;
	}
	
	ul#reparation li
		{
		height:55px;
		margin:0 20px 10px 0;
		font:13px verdana, arial, sans-seri;
		color:#000;
		list-style-type: none;
		}
	
	ul#reparation li#one
		{
		padding:10px 0 0 70px;
		background: transparent url("img/numberone.png") no-repeat left top;	
		}

	ul#reparation li#two
		{
		padding:2px 0 0 70px;
		background: transparent url("img/numbertwo.png") no-repeat left top;
		}
		
	ul#reparation li#three
		{
		padding:2px 0 0 70px;
		background: transparent url("img/numberthree.png") no-repeat left top;
		}
		
	ul#reparation li#four
		{
		padding:10px 0 0 70px;
		background: transparent url("img/numberfour.png") no-repeat left top;
		}
		
	ul#reparation li#five
		{
		padding:17px 0 0 70px;
		background: transparent url("img/numberfive.png") no-repeat left top;
		}
		
/*************** miscs ***************/	

img.picture
	{
	margin:20px 0 10px 20px;
	padding:0;
	}
	
table#gridfield
	{
	text-align:left;
	margin:0;
	padding:0;
	font:13px verdana, arial, sans-seri;
	color:#000;
	}

#login_btn
	{
	width:86px;
	height:32px;
	display:block;
	background:url("img/login_btn.png") no-repeat left top;
	text-indent:-9999px;
	border:0;
	}

/*#login_btn:hover
	{
	background: transparent url("img/login_btn.png") no-repeat left 2px;
	}*/