/* Start of CMSMS style sheet 'reworks-2008' */
html {overflow-y: scroll;}
body{
	font-family:"Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333333;
	background:#9cbed1;
	width:100%;
	background:url(uploads/template/images/bg-image-2.jpg) fixed center center;
}

/*------------------
 * HTML DESIGN
 -------------------*/

div#mother{
	background:none;/*#f90*/
	width:805px;
}
div#container{ margin:0 0 0 35px; }
div#contentArea{
	position:relative;
	background:url(uploads/template/images/sprites.png) no-repeat;
}

div#contentHeader{
	height:150px;
	overflow:hidden;	
	padding:25px 0 0 50px;
	color:#ffffff;
}
div#contentHeader ul{ padding:0px 0 0 0; font-size:1.25em; margin:0 0 0 -3px; }
div#contentHeader ul li{ display:inline; height:20px; }


/* ----- FRONTPAGE ------*/
div#frontAreaCases ul li{
	/*background:#f90;*/
	float:left;
	width:339px;
	margin: 0 20px 20px 0;
	padding:0;
}
div#frontAreaCases ul li a{ margin:0; padding:0; border:none; }
div#frontAreaCases ul li a:hover{ color:#ffffff; background:none; border:none; }
div#frontAreaCases div.casePreview{ border:3px solid #cac9c9; }
div.casePreviewBottom{
	position:relative;  
	background:url(uploads/template/images/sprites.png) no-repeat scroll -2126px -379px;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}
div.casePreviewBottom span{
	background:url(uploads/template/images/sprites.png) no-repeat scroll -824px -528px;
	display:block;
	height:15px;
	padding:4px 6px 6px;
	text-transform:uppercase;
	font-weight:bold;
}

/* ----- REFERENCE ------*/
div#referenceList{
	/*display:none;*/
	position:relative;
	margin:-13px 0 13px 35px;
	color:#000000;
	font-size:1.6em;	 
}
div#referenceListTop{
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1364px -10px; 	
}
div#referenceListBottom{
	height:10px;
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1364px -346px; 
}

div#referenceList ul{ padding:50px 50px 10px 10px; color:#34383b; }
div#referenceList ul li{ display:block; float:left; margin:0px 0 10px; padding:0 20px 0 0; }
div#referenceList ul li a{ color:#000000; }

div#contentMain{
	padding:45px 30px 28px 35px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.3em;
	line-height:1.8em;
	color:#cccccc;
}
div#contentMainHeader{ padding:0 0 15px; }
div.contentMainLeft{ background:none; float:left; width:410px; padding:0 25px 0 0; }
div.contentMainRight{
	background:url(uploads/template/images/sprites.png) no-repeat;
	background-position:-800px 5px;
	float:left; 
	width:235px; 
	padding:0 0 0 30px; 
}

div.contentMainRight ul { padding:0 0 50px 0; margin:0 15px 0 0; }
div.contentMainRight ul li{
	border-bottom:1px solid #b2adaa;
	color:#cac9c9;
	padding:4px 0;
}
div.contentMainRight ul li.first{
	color:#ffffff;
	font-weight:bold;
	padding:0 0 4px 0;
}

div.customerQuote{ }
div.quoteTop{
	background:url(uploads/template/images/sprites.png);
	background-position:-1108px -6px; 
	font-weight:bold; font-size:1.4em; 
	padding:9px 30px 5px 12px;
}
div.quoteTop em{ font-style:italic; font-size:0.65em; }
div.quoteBottom{
	background:url(uploads/template/images/sprites.png);
	background-position:-1108px -203px; 
	color:#F6FF00; font-weight:bold; text-align:right; 
	padding:10px 18px 0 0;
}

/* ----- FORSIDE  ------*/
div#frontArea{ position:relative; margin:0px 0 0 35px; padding:10px 0 5px; }
div#frontAreaTop{
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-2126px -460px;
	padding:20px 0 0 25px;	
}
div#frontAreaBottom{
	height:3px;
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-2126px -757px 
}

div#frontAreaTopLeft{
	float:left;
	width:410px;
	padding:0 30px 0 0;
}
div#frontAreaTopLeft h1{ font-size:20px; color:#ffffff; }
div#frontAreaTopLeft span.text{ font-size:14px; color:#000000; line-height:1.45em; display:block; margin:0 0 10px; padding:10px 0 0;  }
div#frontAreaTopRight{ float:left; width:210px; text-align:center; }
div#frontAreaTopRight img{ padding:35px 0 0 0; }

div#frontAreaCases{ margin:20px 0 0 0; }


/* ----- HVEM ER VI  ------*/
div#aboutUsArea{ position:relative; margin:-13px 0 0 35px; padding:0 0 25px; }
div#aboutUsArea h1{ margin:0; padding:0 0 15px 0; }
div#aboutUsAreaTop{
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-2126px -10px;
	padding:50px 0 0 30px;	
}
div#aboutUsAreaBottom{
	height:10px;
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1364px -1416px; 
}

div#employeArea{ padding:30px 0 0 0;}
div.employe{
	float:left;
	background:#b3afad;
	width:333px;
	margin:0 20px 0 0;
	border:3px solid #cac9c9;
	top:0px;
}
div.employeTop{ position:relative; padding:0 0 10px 0; width:333px; height:173px; overflow:hidden;  }
div.employeTop img{ position:absolute; z-index:100; }
div.employeName{
	position:absolute;
	bottom:0;
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-2126px -370px; 
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#efefef;
	padding:14px 8px 14px 6px;
	width:319px;
	z-index:9999;
}
div.employeDescription{ font-size:1.3em; line-height:1.6em; padding:15px 10px; }
div.employeDescription span{ display:block; padding:0 0 5px 0; }
div.employeDescription a{ color:#333333; }
div.employeDescription ul{ margin:0; padding:0; }
div.employeDescription ul li{
	padding:0 0 0 18px;
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-2130px -427px;
}
div.employeDescription ul li.first{ background:none; padding:0; }

/* ----- KONTAKT ------*/
div#kontaktArea{ position:relative; margin:-13px 0 0 35px; padding:0 0 25px; }
div#kontaktAreaTop{
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1364px -434px;
	padding:50px 0 0 30px;	
}
div#kontaktAreaBottom{
	height:10px;
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1364px -1416px; 
	margin:0 0 0 -30px;
}
div#kontaktAreaLeft{ float:left; }
div#kontaktAreaRight{ float:left; background:url(uploads/template/images/sprites.png) no-repeat; background-position:-800px 5px; padding:70px 0 0 35px; margin:0 0 10px 0; }
div#kontaktAreaRight span{ font-weight:bold; font-size:2.0em; padding:0 0 15px; display:block; }
div#kontaktAreaRight ul li{ font-size:1.4em; padding:0 0 3px 0; }
div#kontaktAreaRight ul li.company{ font-weight:bold; font-size:1.5em; }
div#kontaktAreaRight ul li.phone{ padding:18px 0 20px 0; }

div.formElement{ padding:0 0 30px 0; }
div.formElementLast{ padding:0 0 10px 0; }
div#kontaktArea input.textField{ height:29px; border: 2px solid #cac9c9; font-size:2.0em; padding:8px 10px; width:370px; color:#393939; }
div#kontaktArea textarea{ height:100px; border: 2px solid #cac9c9; font-size:1.4em; padding:8px 10px; width:370px; color:#393939; font-family:"Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;  }
div.formMessage, div.formError {
	background:#E8F495 none repeat scroll 0 0;
	border:3px solid #CAC9C9;
	font-size:1.4em;
	margin:0 30px 60px 0;
	padding:10px;
	width:369px;
}
div.formMessage strong{ display:block; margin-bottom:10px; }
div.formError { margin:0 30px 40px 0; }
div.formError ul{ padding:10px 0 0 0; }
div.formError ul li{ 
background:transparent url(uploads/template/images/sprites.png) no-repeat -2130px -427px;
padding:1px 0 7px 18px;
}


div#contentFooter{
	background:url(uploads/template/images/sprites.png) no-repeat bottom left;
	height:50px;
}

div#footerAddress{
	background:url(uploads/template/images/sprite-bg.png) repeat-x top left;
	height:40px;
	overflow:hidden;
	padding:0 0 0 140px;
	
	/*
	position:absolute;
	bottom:0;
	*/
}

div#footerAddress ul li{
	float:left;
	margin:0 20px 0 0;
	padding:16px 0 0 0;
	line-height:10px;
	color:#c5c5c5;
}

/*------------------
 * TYPOGRAPHY
 -------------------*/
div#contentHeader{ }
div#contentHeader h1{ font-size:1.0em;}
div#contentHeader h1 a.title{ font-size:6.5em; margin:0 0 10px 0; font-weight:bold; display:block; float:none; border:none; color:#ffffff; }
div#contentMain h3{ font-size:2.0em; color:#F6FF00; padding:0; margin:0 0 10px 0; font-weight:bold; }

h1{ font-size:4.2em; margin:0 0 10px 0; font-weight:bold; }

p{ padding:0 0 15px 0; }
p.subHeader{
	color:#ffffff;

	font-weight:bold;
	margin:0;
	width:425px;
	font-size:16px;
}

div#kontaktAreaLeft p.subHeader{
	padding:10px 0 50px 0;
	color:#333333;
	font-weight:normal;
	line-height:1.5em;
}


/*------------------
 * HTML elements
 -------------------*/
div.clr{ clear:both;  }
div.divider{ height:9px; background:url(uploads/template/images/bg-divider.png) no-repeat center left; }
.hidden, div.hidden, label.hidden{ display:none; }
.top15, div.top15{ padding-top:15px; }
.top30, div.top30{ padding-top:30px; }

.mtop15, div.mtop15{ margin-top:15px; }
.mbottom15, div.mbottom15{ margin-bottom:15px; }
.mbottom30, div.mbottom30{ margin-bottom:30px; }

label{ display:block; font-size:1.4em; text-transform:uppercase; padding:0 0 5px 0; }

/*---------------
BUTTONS
---------------*/
div.formElementLast input{
	background:url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1108px -290px;
	text-align:center;
	padding:12px 17px 17px 11px;
	font-size:1.6em;
	color:#efefef; 
	border:none;
	cursor:pointer;
}
div.formElementLast input:hover{ color:#ffffff; }
a.btnMedium{ text-decoration:none; border:none !important; text-transform:uppercase; }
a.btnMedium:hover{ background:transparent url(uploads/template/images/sprites.png) no-repeat; background-position:-1108px -290px; } 
.btnMedium:hover span.btnMediumWrapper{ color:#ffffff; }

.btnMediumRight, .btnLargeRight { float:right;}
.btnMediumLeft, .btnLargeLeft { float:left; }



.btnMedium {
	background:transparent url(uploads/template/images/sprites.png) no-repeat;
	background-position:-1108px -290px;
	color:#cccccc;
	cursor:pointer;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:50px; /* height of bg */
	line-height:23px;
	max-width:250px;
	overflow:hidden;
	padding-left:10px;
	position:relative;
	margin:25px 0 0 0px;
}

.btnMediumLeft span.btnMediumWrapper, .btnMediumRight span.btnMediumWrapper { display:block; float:left; }

.btnMedium span.btnMediumWrapper {
	color:#cccccc;
	display:block;
	height:50px; /* height of bg */
	padding:11px 28px 0 14px;
	position:relative;
}


/*------------------
 * LINKS
 -------------------*/
a, 
a:active, 
a:focus, 
a:link,
a:visited{ color:#cccccc; text-decoration:none; font-weight:normal; outline:none; border-bottom:2px solid #F6FF00; padding:0 2px; }
a:hover{ text-decoration:none; background:#f6ff00; color:#333333; }

div#frontArea a { padding:0 13px; margin:0 0 10px; }

div#contentHeader a, 
div#contentHeader a:active, 
div#contentHeader a:focus, 
div#contentHeader a:link,
div#contentHeader a:visited{ font-size:1.6em; float:left; margin:0 7px; border:none; color:#cac9c9; }
div#contentHeader a:hover{ color:#efefef; border-bottom:2px solid #F6FF00; background:none; }

div#contentHeader a.selected, 
div#contentHeader a.selected:active, 
div#contentHeader a.selected:focus, 
div#contentHeader a.selected:link,
div#contentHeader a.selected:visited{ font-size:1.6em; float:left; margin:0 5px; padding:0px; border:none; color:#ffffff; border-bottom:2px solid #F6FF00; }
div#contentHeader a.selected:hover{ background:none; }

div#referenceList a, 
div#referenceList a:active, 
div#referenceList a:focus, 
div#referenceList a:link,
div#referenceList a:visited{ border:none; padding:0 4px; }
div#referenceList a:hover{}

div#referenceList a.selected{ background:#f6ff00; padding:0 4px; }

div.contentMainRight ul li a, 
div.contentMainRight ul li a:active, 
div.contentMainRight ul li a:focus, 
div.contentMainRight ul li a:link,
div.contentMainRight ul li a:visited{ color:#f6ff00; text-decoration:none; font-weight:normal; outline:none; border-bottom:none; padding:0 2px; }
div.contentMainRight ul li a:hover{ text-decoration:none; background:#f6ff00; color:#333333; }

div#footerAddress a{ border:none; color:#c5c5c5; padding:0; }
div#footerAddress a:hover{ border-bottom:1px solid #F6FF00; background:none; padding:0; }

/* End of 'reworks-2008' */