/*********** = Eric Meyer's CSS reset */
/* (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*********** = More reset */

img { display: block; }

ul, ol, img { margin-bottom: 1em; }



/*********** = Layout */

body {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", "Bitstream Vera Sans", Geneva, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
	color: #000;
	text-align: center;
	background-color: #fff;
	}

#Wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	}


#Top,
#Main,
#Footer {
	width: 790px;
	margin-left: 160px;
	}

#Top {
	float: left;
	display: inline; /* FIX: IE needs this */
	padding-bottom: 85px;
	background: #fff url(../img/bg_gradient.gif) bottom right no-repeat;
	}

#Header {
	height: 143px;
	text-align: left;
	background: #fff url(../img/bg_header.jpg) top left no-repeat;
	border-bottom: 2px solid #911;
	}

#MainMenu {
	height: 20px;
	/* width: 650px; */
	margin-bottom: 50px;
	position: absolute;
	top: 102px;
	left: 176px;
	}

#TopMenu {
	position: absolute;
	top: 5px;
	right: 16px;
	}

#Banner {
	width: 740px;
	background: #333 url(../img/bg_banner.gif) top left repeat-x;
	float: left;
	clear: both;
	border-bottom: 1px solid #911;
	}
#IE.lte5_5 #Banner { width: 790px; }


#Main {
	margin-top: -85px;
	padding-top: 20px;
	margin-left: 200px;
	width: 520px;
	width: 540px;
	padding-bottom: 40px;
	float: left;
	display: inline; /* FIX: IE needs this */
	clear: both;
	}

#Secondary {
	margin-top: -85px;
	float: right;
	margin-right: 10px;
	padding: 18px 20px 0 20px;
	width: 200px;
	width: 160px;
	background: transparent url(../img/clockwork.gif) top left no-repeat;
	min-height: 291px;
	display: inline; /* FIX: IE needs this */
	}
#IE.lte6_0 #Secondary { height: 291px; }

#IE.lte5_5 #Wrapper #Secondary { width: 200px; }






/*********** = typography */	

p {
	line-height: 1.6em;
	font-size: 1.2em;
 	margin-bottom: 1em;
	}

a, a:link {
	text-decoration: none;
	font-weight: bold;
	color: #821;
	padding: 1px 0 1px 0;
	background-color: transparent;
	}

a:visited {
	color: #821;
	padding: 1px 0 1px 0;
	background-color: transparent;
	}

p a:hover {
	text-decoration: underline;
	}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.8em;
	font-weight: bold;
	/* color: #911; */
	color: #333;
	margin-top: 1em;
	}

h1 {
	line-height: 1.2em;
	font-size: 3.6em;
	font-weight: normal;
	margin-bottom: 0.25em;
	margin-top: 0;
	text-align: left;
	word-spacing: -0.1em;
	}

h2 {
	font-size: 1.6em;
	margin-top: 0.5em;
	}

h3 {
	line-height: 1.6em;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	}

h4 {
	line-height: 1.5em;
	font-size: 1.2em;
	}
	
h5 {
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #aaa;
	}

h6 {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #999;
	}

li { 
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	}

ul { list-style: none; list-style-position: outside; padding-left: 1.5em; }

ul li { 
	background: url(../img/icn_dot.gif) left center no-repeat;
	margin-left: -1.3em;
	padding-left: 1em;
	}

ol { list-style: decimal; list-style-position: outside; padding-left: 2.5em; }

#notIE ol li { margin-left: -0.5em; }


.fauxHR { border-bottom: 1px solid #999; height: 1px; }
.fauxHR hr { display: none; }

ul { list-style: disc; }

/*
ol { list-style: decimal; }
ul, ol { list-style-position: outside; margin-bottom: 1em; }

ol, ul { padding-left: 1.5em; }
*/


/*********** = More typography */	


/* h2.Kicker */
.Kicker {
	font-weight: normal;
	line-height: 1.8em;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: 1em;
	margin-top: 0;
	color: #333;
	}
	
/* h3.Deck */
#Banner .Deck,
.Deck {
	margin-bottom: 1.0em;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1.4em;
	color: #333;
	}

#Main p,
#Main h3 {
	max-width: 520px;
	}

#IE.lte6_0 #Main p,
#IE.lte6_0 #Main h3 {
	width: 520px;
	}

h1.Big { font-size: 7.2em; margin-bottom: 0.1em; }

.Ampersand {
	/* font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Geneva, sans-serif; */
	line-height: 0;
	/* display: inline; */
	}


/*********** = Boxes */

.InfoBox { border-top: 1px solid #999; border-bottom: 1px solid #999; page-break-inside: avoid; }
#IE .InfoBox { padding-bottom: 1.5em; }


/*********** = Banner */	

#Banner { padding: 25px 25px 0 25px; }

#Banner img { margin: -25px 25px 0 -25px; float: left; }

#Wrapper #Banner p,
#Wrapper #Banner h1,
#Wrapper #Banner h2,
#Wrapper #Banner h3 {
	color: #fff;
	}

#Banner p { font-size: 1.2em; }



/*********** = Boxes */

.InfoBox { border-top: 1px solid #999; border-bottom: 1px solid #999; page-break-inside: avoid; }
#IE .InfoBox { padding-bottom: 1.5em; }

.Bargain {
	background-color: #fd2;
	background-color: #fe3;
	background-color: #fde57b;
	background-color: #fde257;
	/* padding: 4px; */
	/* border-top: 1px solid #fd2; */
	border-bottom: 1px solid #fd2;
	margin-bottom: 0.75em;
	} 

.Bargain h3, .Bargain p { margin: 0; padding: 0 4px; }

.Bargain h3 { background-color: #d80; background-color: #fdd748; /* color: #fd2; */ margin-bottom: 0.25em; }

p.Price { font-weight: bold; color: #911; font-size: 1.4em; text-align: right; }


.Bargain, .Bargain h3, .Bargain p { background-color: transparent; }
.Bargain { border-top: 1px solid #fd2; border-bottom: 0; margin-bottom: 0.75em; margin-top: 0.5em; } 






/*********** = Images */

.Image3small img { margin-right: 5px; margin-bottom: 5px; float: left; clear: none; }
.Image3small { height: 214px; margin-bottom: 16px; width: 530px; }

.FullWidth { position: relative; left: -40px; margin-right: -666px; }

.imgLeft { float: left; margin-right: 10px; clear: left; }
.imgRight { float: right; margin-left: 10px; clear: right; }






/*********** = Referencer */

#referencer img { float: left; clear: left; }

#referencer #Main p { clear: both; }
#referencer #Main p.CaptionRight { clear: none; clear: right; margin-right: 10px; display: block; }

/* .Image { clear: both; float: left; } */

.Image img {float: left; }

#referencer .Image p { float: left; max-width: 110px; margin-left: 10px; margin-top: 20px; }

#referencer #Main .Image p { clear: none; }

#IE.lte6_0 #Main .Image p { width: 110px; }


#Main .CaptionRight { float: left; max-width: 110px; clear: none; margin-left: 10px; margin-top: 20px; }

#IE.lte6_0 #Main .CaptionRight { width: 110px; }

.IE5_clear { display: none; } /* KLUDGE: only IE5 needs to see this */
#IE.lte5_0 .IE5_clear { display: block; clear: both; }

#Main .ml5 p { margin-left: -5px; margin-top: 20px; }
#Main .ml20 p { margin-left: -20px; margin-top: 20px; }
#Main .ml30 p { margin-left: -30px; margin-top: 20px; }
#Main .ml40 p { margin-left: -40px; margin-top: 20px; }
#Main .ml60 p { margin-left: -60px; margin-top: 20px; }
#Main .ml80 p { margin-left: -80px; margin-top: 20px; }
#Main .mt40 p { margin-top: 40px; }



/*********** = Contacts */

#Contacts  { width: 400px; float: left; }

#Contacts h2 { border-bottom: 1px solid #ccc; padding-top: 1.5em; clear: both; }

.Person { margin-right: 5px; padding-top: 1em; float: left; clear: both; width: 400px; border-bottom: 1px solid #ccc; background-color: #f5f5f5; }

.Person.over,
.Person:hover { background-color: #fff; cursor: pointer; }

/*
.Person.over p,
.Person:hover p { font-size: 1.2em; margin-bottom: -0.1em; margin-top: 0.3em !important; }
*/

.Person img { float: left; margin-bottom: 0; margin-right: 20px; /* border: 1px solid #ccc; */ }

/* .Person .jobtitle { text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.8em; } */

#Main #Contacts .Person p { margin-top: 0.5em; width: auto; float: left; width: auto; margin-bottom: -0.1em; }



/*********** = NY */

#Cases .Item {
	float: left;
	margin-right: 7px;
	margin-bottom: 6px;
	text-align: center;
	}

#referencer #Cases .Item { margin-right: 32px; }

#Main #Cases .Item img {
	margin: 0;
	margin-bottom: 2px;
	}

#IE.lte5_5 #Main #Cases .Item img {
	margin-top: 1px; /* FIX: prevents IE5.x from clipping the image */
	}

#Cases .Item a {
	font-weight: normal;
	}

#Examples {
	float: left;
	margin-top: 1em;
	}

#Examples .Item {
	clear: both;
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	width: 530px; /* FIX: prevents IE from clipping the text */
	}

#Examples .Last {
	border-bottom: 0;
	}

#Examples .Item img {
	float: left;
	}

#Examples .Item h3,
#Examples .Item p {
	clear: right;
	float: left;
	width: 210px;
	}

#Examples .Item h3 { margin-top: 10px; }

#Secondary #Cases h3 { margin-bottom: 10px; }

#Secondary #Cases .Item { float: none; margin: 0; }

#Secondary #Cases .Item img { margin-bottom: 2px; display: inline; }

#IE.lte7_0 #Examples .Item p {
	float: none;
	}
#IE.lte7_0 #Examples .Item h3 {
	float: none;
	}

#IE.lte6_0 #Main #Examples .Item h3,
#IE.lte6_0 #Main #Examples .Item p {
	width: auto;
	}

#IE.lte6_0 #Cases .Item p {
	width: auto;
	}

.Award,
.Award img,
.Award h2,
.Award p { float: left; }

.Award { margin: 5px 0; }

.Award img { margin-right: 12px; border: 1px solid #ccc; }

.Award h2 { margin-top: 10px; }

.Award p { width: 320px;  }








/*********** = Hartija Css Print  Framework - Version: 0.8 (2008-03-10) */	

body { 
width:100% !important;
margin:0 !important;
padding:0 !important;
}

/*
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }
*/

/* Images */
img { /* float: left; */ margin: 1em 1.5em 1.5em 0; }
a img { border: none; }

/* Links */
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline; color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
a[href^="http://"] { color:#000; }

/* Table */
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;} 



/*********** = Print overrides */	

a:link[href^="http://www.krak.dk/Kort/"]:after, a[href^="http://www.krak.dk/Kort/"]:visited:after { content: ""; }


body { font-size: 11px; }

div { background-image: none !important; background-color: #fff !important; }

p, a, h1, h2, h3, h4, h5, h6 { color: #000 !important; }

#imagePreload, #Footer, #MainMenu, #Sidebar, #GRC, .Menu, #EditLink  { display: none; }

#Header, #Footer, #Wrapper, #Wrapper2 { /* width: auto; */ border: 0; height: auto; }


#Banner { width: 720px; }

#Wrapper {
	margin: 0 auto;
	text-align: left;
	width: 780px; /* 960px */
	padding: 0 40px;
	}

#Top { width: auto; }

#Top,
#Main,
#Footer {
	/* width: 790px; */
	margin-left: 0; /* 160px */
	}

#Logo { margin-bottom: 2em; }

#Logo a, #Logo a img { display: block; float: none; }

/*
#Logo { position: static; right: 0; top: 0; margin-bottom: -96px; border: 2px solid red; }
#Logo #Print-logo { float: right; display: block; width: 130px; height: 96px; }
*/


/*
div { border: 1px solid red; }
*/