﻿/* General styles */
html {overflow: scroll;}
body {font-size: 0.82em; font-family: Arial, Sans-Serif;color: #303030;margin: 0;padding: 15px 0 0 0;background-image: url(images/baggrund_lait_02.jpg);background-repeat: repeat-x;background-position: top;}
a img {border: 0;}
h1, h2, h3 {color: #01A6BA;margin: 0;padding: 0;}
h1 {font-size: 1.8em;padding: 20px 0 10px 0;}
h1.frontpage {padding-top: 0 !important;}
h2 {font-size: 1.3em;padding-bottom: 5px; clear: both;}
h3 {font-size: 1.1em; color: #505050;}
a {color: #303030;text-decoration: underline;}
a:hover {color: #000000;}
p {margin: 0;padding: 0 0 15px 0;}
div.clearer {height: 0;clear: both;}
ul#list {list-style-type: none;margin: 0;padding: 0;}
ul#list li {border-top: solid 1px #cccccc;padding-top: 5px;}

/* Layout */
div#pagecontent {width: 1024px;margin: auto;background-image: url(images/white_bg.png);background-repeat: no-repeat;background-position: top;}
div#innercontainer {width: 950px;padding: 0 37px 0 38px;}
div#top {height: 90px;}
div#logo {float: left;width: 258px;padding: 0 0 0 28px;	margin-top: -15px;}
div#logo img {border: 0;}
div#navigation {float: right;width: 650px;padding-top: 50px;}
div#content {clear: both;margin: 0 25px 0 25px;width: 900px;}
img#topgraphics {margin-bottom: 30px;}

/* Navigation */
ul.navigation {padding: 0;margin: 0; font-size: 13px;}
ul.navigation li {float: left;padding: 0 3px 0 0;list-style: none;}
ul.navigation li a 
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding: 5px 9px 5px 9px;
	-webkit-transition: color 0.2s ease-in-out 0s;
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: color 0.2s ease-in-out 0s; 
	-moz-transition: background-color 0.2s ease-in-out 0s; 
	-o-transition: color 0.2s ease-in-out 0s;
	-o-transition: background-color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;	
	-webkit-border-radius: 5px; 
	-moz-border-radius:5px; 
	border-radius: 5px;
}
ul.navigation li a.selectedlink, ul.navigation li a:hover {color: #ffffff;background-color: #000000;}

/* Footer */
div#footer {clear: both;background-image: url(images/footer_bg.jpg);background-position: top;background-repeat: no-repeat;width: 890px;margin: 20px 25px 0 25px;height: 150px;color: #868786;font-size: 0.8em;}
div#footer a {color: #868786;}
div#footerright {margin-top: 20px;width: 180px;padding: 0 25px 0 15px;float: left;font-weight: bold;}
div#footerright a {display: block; padding-bottom: 2px;}
div#footermiddle {margin-top: 20px;width: 338px;float: left;border-left: solid 1px #bbbbbb;border-right: solid 1px #bbbbbb;padding: 0 35px 0 75px;height: 70px;}
div#footermiddle img {border: 0;margin-right: 40px;}
div#footermiddle img.last {margin-right: 0 !important;}
div#footerleft {margin-top: 20px;width: 135px;float: right;padding: 0 30px 0 55px;}

/* Frontpage */
div#slideshowcontainer {background-image: url(images/baggrund_01.jpg);background-repeat: no-repeat;height: 448px;padding-top: 7px;}
div#slideshowinnercontainer {background-image: url(images/LAIT_hvid_baggrund-2011.jpg);background-repeat: no-repeat; width: 836px; height: 290px; padding: 20px 25px 20px 25px; margin: 0 2px 0 2px;}
div#frontpagenews {float: left; width:185px;height:265px;padding:10px 15px 10px 15px;background-image:url("images/LAIT_nyhedbaggrund-2011.jpg");background-repeat:repeat; color:#ECECEC;}
h2.frontpage {font-size: 13px; color: #000000;}
h2.frontpage span { padding-bottom: 7px;}
div#frontpagenews p {font-size: 0.9em;padding-bottom: 10px !important;}
div#frontpagenews a {text-decoration: none;	}
div#frontpagenews a span.readmore {text-decoration: underline; padding: 5px 0 0 0;}
div#frontpageslide {float: right; width: 605px;height: 285px;}
div#slideshow {}
div.imageforslide {width: 615px;height: 285px;}
div.imageforslide a {text-decoration: none !important;}
div.imageforslide img {border: 0;}
span.imagetext {display: block;margin:0 0 0 0;color:#ECECEC;position: relative;top: -35px;width:655px;height:15px;padding:10px;background-image:url("images/slideshowtextbackground.png");background-repeat:repeat;}

#pager a { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #ffffff; text-decoration: none; margin: 0 10px 0 0; padding: 0px 5px; font-size: 0.7em;  }
#pager a.activeSlide { background: #000000; color: #ffffff; }
#pager a:focus { outline: none; }
#pager {z-index: 100;position: relative;top: 303px;margin-top: -15px; height: 15px;}
div#frontpagecontact {color: #ffffff;margin: 28px 0 0 72px;float: left;width: 200px;}
div#frontpagecontact p {padding: 0 0 3px 0;font-weight: bold;width: 100px;text-align: center; font-size: 12px;}
div#frontpagecontact a {color: #ffffff;font-weight: bold; font-size: 12px;}
div#frontpagetext {width: 470px;padding: 15px 50px 0 0;float: right; line-height: 1.3em; font-size: 0.9em;}
div#frontpagecontact a:hover {text-decoration: none;}
div#frontpageboxes div {background-image: url(images/forside_box.jpg);background-repeat: no-repeat;width: 220px;height: 85px;padding: 10px 15px 10px 15px;}
div#limeboxleft {margin: 0 0 15px 20px;float: left;}
div#blueboxmiddle {margin: 0 0 15px 50px;float: left;}
div#limeboxright {margin: 0 20px 15px 0px;float: right;}
div#leftcolumn {float: left;width: 255px;}
div#rightcolumn {float: right;width: 636px;padding: 0 0 0 9px;line-height: 1.5em;}
div#righttopimage {background-image: url(images/stort_billedfelt.jpg);background-repeat: no-repeat;width: 596px; height: 214px; padding: 14px 20px 0 20px;}
div#righttext {padding: 0 15px 0 15px;}
div#rightcolumn h2 {padding-top: 10px;}
div#rightcolumn li {padding-bottom: 10px;}

/* Left column */
div#leftnavigation ul#primary {margin: 0 0 0 30px;padding: 15px 25px 10px 5px; list-style-type: square !important; font-size: 12px;}
div#leftnavigation ul li ul {margin: 0;padding: 0 0 0 10px;}
div#leftnavigation ul li ul li {list-style-type: none !important;}
div#leftnavigation a 
{
	color: #000000;
	text-decoration: none;
	padding: 2px 8px 2px 8px; 
	margin: 0 0 5px -3px; 
	display: block; 
	-webkit-transition: background-color 0.2s ease-in-out 0s;
	-moz-transition: background-color 0.2s ease-in-out 0s; 
	-o-transition: background-color 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s;	
	-webkit-border-radius: 5px; 
	-moz-border-radius:5px; 
	border-radius: 5px;
}
div#leftnavigation a.selectedlink, div#leftnavigation a:hover {font-weight: normal; background-color: #dddddd;}
div#leftnavigation ul li ul li a.selectedlink {font-weight: normal; text-decoration: underline; background-color: #ffffff;}

div#leftcontact {background-image: url(images/lille_billedfelt.jpg);background-repeat: no-repeat;width: 235px; height: 208px; padding: 15px 10px 10px 10px;color: #000000;text-align: center;}
div#leftcontact h2 {padding: 15px 0 10px 0 !important;}
div#leftcontact p {font-size: 12px;font-weight: bold;padding-bottom: 10px !important;}
div#leftcontact a {text-decoration: underline;color: #000000;font-weight: bold;}
div#leftcontact a:hover {text-decoration: none;}
div#images {text-align: center;}

/* Employees */
ul.employees {padding: 0;margin: 0;}
ul.employees li {float: left;width: 130px;padding: 0 0 20px 28px;list-style: none;text-align: center;font-size: 0.8em;}
ul.employees li img {-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;}
ul.employees li.first {padding-left: 0 !important; clear: both;}
ul.employees a {text-decoration: none !important;}

/* Contact */
div.contactleft {padding-left: 20px;float: left;width: 350px;padding-right: 70px;}
div.contactright {padding-right: 20px;float: right;width: 430px; height: 350px;}
ul#contactbottom {list-style: none;margin: 0;padding: 0;}
img#contactspacer {margin: 20px 0 35px 0;}
div.contactright fieldset {border: 0; margin: 0; padding: 0;}
div.contactright label {padding-left: 5px; font-weight: bold;}
div.contactright label.error {font-size: 0.8em; display: inline; vertical-align: middle;}
div.textcomment label.error {padding-bottom: 120px;}
div.contactright input[type=text] {border: solid 1px #000000; width: 200px; margin-bottom: 10px; padding: 2px 5px 2px 5px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;}
div.contactright textarea {border: solid 1px #000000; width: 428px; height: 100px; margin-bottom: 10px; padding: 2px 5px 2px 5px; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;}
div.contactright input[type=text]:focus, div.contactright textarea:focus {background-color: #EDED95;}
div.contactright input.error, div.contactright textarea.error {border-color: #ff0000;}
div.error {background-color: #ff0000 !important; margin-right: 30px;}
div#status {background-color: #265b27; padding: 10px; margin-right: 30px; margin-bottom: 10px; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px;}

/* References */
div.referencelinkstext {float: left;width: 440px;padding-right: 40px;padding-top: 5px;}
div.referencelinkspicture {float: right;width: 120px;padding-top: 20px;}
ul.references {padding: 0;margin: 0;}
ul.references li {float: left;width: 190px;padding: 0 0 15px 15px; list-style: none;}
ul.references li.first {padding-left: 0 !important;}
div.qoute, p.answer {font-style: italic;padding-left: 30px; padding-right: 30px;}
p.question {font-weight: bold;padding-bottom: 5px !important;}
img.referencelogo {float: right; padding: 0 0 20px 20px;}

/* Partners */
ul.partners {padding: 0;margin: 0;}
ul.partners li {float: left;width: 190px;padding: 0 0 15px 15px; list-style: none;text-align: center;font-size: 0.8em; vertical-align: baseline;}
ul.partners li.first {padding-left: 0 !important;}
ul.partners li a {text-decoration: none;}

