/* generic.css */
/* generic stylesheet for listbased navigation */
/* sets standard properties that may be modified later by specific gallery or custom stylesheets */

div.navigationwrapper
{
	clear:both;
}

/* remove all standard list looks */
ul.navigationlist
{
	list-style-type:none;
	margin:0;
	padding:0;
	min-width:1%; /* this rule fixes a display bug in IE7 by forcing it to calculate the menu width */
}
/* all menu items */
ul.navigationlist li.navigationlistitem
{
	margin:0;
	padding:0;
	display:block;
	float:left;
}
/* last menu item */
ul.navigationlist li.lastitem
{
}
/* all menu item links */
ul.navigationlist li.navigationlistitem a
{
	display:block;
	float:left;
	text-decoration:none;
	padding:0px;
}
/* all menu item links on hover */
ul.navigationlist li.navigationlistitem a:hover
{
	padding:0px;
	border:none;
}
/* last menu item link */
ul.navigationlist li.lastitem a
{
	clear:right;
}
/* text inside all menu item links */
ul.navigationlist li.navigationlistitem a span
{
	padding:7px 15px;
	display:block;
	white-space:nowrap;
}

/* menu items that should not appear in standard desktop mode (but still needs to be in the DOM to be available for a responsive mode) */
.ts-dt-hide, ul.navigationlist li.navigationlistitem.ts-dt-hide
{
    display:none;
}
/* master.css */
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* This file was auto generated when the font was added or modified by mw@euroweb.dk at 19-10-2015 15:44:00 */
/* ------------------------------------------------------------------------------------------------------------------------------ */

/* Generel skrifttype, -stÃ¸rrelse og linieafstand */
body, td, input, textarea, select
{
	font-family: 'Lato Regular';
}

/* Generel skrifttype, -størrelse og linieafstand */
body, td, input, textarea, select
{
	font-size: 10pt;
	line-height: 14pt;
}

/* Normal afsnit og intro afsnit */
p
{
	margin: 0px 0px 2px 0px;
}

/* Alle links */
a
{
	text-decoration: none;
}

/* Alle links - mouseover */
a:hover
{
	text-decoration: underline;
}

/* Links i overskrifter - mouseover */
h1 a:hover, h2 a:hover, h3 a:hover
{
	text-decoration: none;
}

/* Sidetitel */
.pageheader
{
	font-size: 17pt;
	margin: 0px 0px 12px;
}

/* Afsnitsoverskrift */
.sectionheader
{
	font-size: 12pt;
	margin: 16px 0px 8px;
}

table
{
	border-collapse: collapse;
}
table[cellspacing]
{
    border-collapse: separate;
}

/* Tabel i standardformat - overskrift */
/*.tableheader, .tableheader td*/
.tableheader > td, .tableheader > th
{
	font-weight: 700;
	padding: 4px 12px 5px;
}

/* Tabel i standardformat - rækker */
.tablelineodd, .tablelineodd > td, .tablelineeven, .tablelineeven > td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 4px 12px;
}


body, td, input, textarea, select
{
	color: #999;
}
a
{
	color: #ea1d25;
}
a:hover
{
	border-bottom-color: #ea1d25;
}
.sectionheader a[name]
{
	color: #999;
}
table
{
	border-color: #999;
}
.tableheader, .tableheader td, .tableheader th
{
	background-color: #ea1d25;
	color: white;
	border-color: #ea1d25;
	border-bottom-color: #999;
}
.tablelineodd, .tablelineodd td
{
	border-bottom-color: #999;
}
.tablelineeven, .tablelineeven td
{
	border-bottom-color: #999;
}
body {background:rgb(255, 255, 255) none; margin:0px 0px 0px 0px}
#layoutbox1 {width:100%; max-width:600px; min-height:20px; margin-right:auto; margin-left:auto; padding-bottom:0px}
@media screen and (max-width: 768px)
{
	#layoutbox1[data-ts-transitiontype="userdefined"]{-webkit-transition:all 100ms ease 0ms;-moz-transition:all 100ms ease 0ms;-o-transition:all 100ms ease 0ms;transition:all 100ms ease 0ms}
	#layoutbox1[data-ts-transitionstate="state2"]{max-width:1300px;min-height:20px;margin-right:280px;margin-left:-280px;padding-bottom:0px}
}

#layoutbox2 {min-height:130px; padding:30px 15px 30px 15px; border-top-style:solid; border-right-style:none; border-bottom-style:solid; border-left-style:none; border-top-width:8px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-top-color:rgb(234, 29, 37); border-bottom-color:rgba(0, 0, 0, 0.0980392)}
#layoutbox27 {width:100%; max-width:450px; min-height:20px; margin-right:auto; margin-left:auto}
div#mergefield_Sparekassen-Djursland---Logo > a > img {border:none}
div#mergefield_Sparekassen-Djursland---Logo {float:left}
#layoutbox22 {clear:both}
#layoutbox5 {margin-bottom:50px; padding:30px 10px 100px 10px; clear:both; border-top-style:solid; border-right-style:none; border-bottom-style:solid; border-left-style:none; border-top-width:1px; border-right-width:0px; border-bottom-width:1px; border-left-width:0px; border-top-color:rgba(0, 0, 0, 0.0980392); border-bottom-color:rgba(0, 0, 0, 0.0980392)}
div#mergefield_richtext7 {margin-top:30px; padding-top:0px; float:none; clear:both; position:relative; bottom:0px; left:0px}
div#mergefield_richtext16 {padding-top:10px; float:none; clear:both}
#layoutbox23 {width:100%; max-width:50px; min-height:20px; margin-right:auto; margin-left:auto; float:none; position:relative; top:26px; left:0px}
div#mergefield_1441911296_facebook_circle_color > a > img {border:none}
div#mergefield_1441911296_facebook_circle_color {float:right}
div#mergefield_code15 {float:left}
div#sitelayout6 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; min-height:500px; margin:auto auto auto auto; background:rgb(255, 255, 255) none; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; position:relative}
 .layoutcolumn {display:table-cell;overflow:hidden;float:none;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
 .layoutcolumnset {display:table;table-layout:fixed;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
 .layoutfloatbreaker {width:0%; display:none;}
 .navigationwrapper .layoutfloatbreaker {clear:both; display:block; height:0px}
 [class="mergefield_image"] > a { display:inline-block; }
 .layoutbox {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:block}
form {margin:0px; padding:0px}
select {margin:0px}
.size1 {font-size:xx-small}
.size2 {font-size:x-small}
.size3 {font-size:small}
.size4 {font-size:medium}
.size5 {font-size:large}
.size6 {font-size:x-large}
.size7 {font-size:xx-large}
ul.breadcrumb {display:inline-block;padding:0px;margin:0px;}
ul.breadcrumb li {display:inline-block;list-style-type:none;padding-left:2px;padding-right:2px;}
td { vertical-align:top; }
a > img, img[usemap] { border:none; }
td[valign="middle"] { vertical-align:middle; }
td[valign="bottom"] { vertical-align:bottom; }
html>/**/body img {vertical-align:bottom}
div.mergefield_image {font-size:0px; line-height:0px;}
@media screen and (min-width: 1px)
{
	body {-webkit-text-size-adjust:100%}
	img {max-width:100%;height:auto}
}

/* Tekstformatering i spalter og flettefelter */

/* Brugerdefinerede typografier */
#sitelayout4{
  overflow-x: hidden;
}

a#layoutbox4:hover, a#layoutbox12:hover {
  text-decoration: none;
}

#layoutbox11 {
  height: 100%;
  z-index: 1000;
}


/*============ MOVE ALL STYLES TO SITE LAYOUT (proper pieces in proper places for responsive mode) ================*/

#cookieInfo
{
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0px;
    width: 100%;
    min-height: 40px;
    background: rgba(35, 35, 35, 0.9);
    color: white;
    padding: 12px 0 12px 0;
}


#cookieInfo a
{
    color: white;
}

#cookieInfo div.content
{
    max-width: 1300px;
	width: 100%;
    margin: 0 auto;
    padding: 10px;
    font-family: 'Lato Light';
    font-size: 16px;
    line-height: 1.2em;
}


p.section.content-header, p.section.content-text {
  display: inline-block;
  padding-top: 10px;

}

#cookieInfo div.close
{
    float: right;
    cursor: pointer;
    display: inline-block;
    padding: 8px 10px 8px 10px;
    
}

#cookieInfo div#accept {
    background: #ea1d25;  
    
    -webkit-transition: all 100ms ease 0ms;
    -moz-transition: all 100ms ease 0ms;
    -o-transition: all 100ms ease 0ms;
    transition: all 100ms ease 0ms;
}

#cookieInfo div#reject {
    background: #0476B7;
    margin-right: 15px;

    -webkit-transition: all 100ms ease 0ms;
    -moz-transition: all 100ms ease 0ms;
    -o-transition: all 100ms ease 0ms;
    transition: all 100ms ease 0ms;
}

#cookieInfo div#reject:hover, #cookieInfo div#accept:hover {
  background: #000;
}

#cookieInfo.show
{
    display: block;
}

/* Responsive design css */
@media screen and (max-width: 1024px)
{
	#layoutbox2
	{
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width: 768px)
{
	#layoutbox21
	{
		min-height:0px;
		height:auto;
	}
	div#mergefield_richtext7
	{
		margin-top:40px;
	}
	#layoutbox23
	{
		top:20px;
		right:auto;
		bottom:auto;
	}
}

@media screen and (max-width: 568px)
{
	#layoutbox2
	{
		min-height:110px;
		height:auto;
	}
	#layoutbox27
	{
		max-width:300px;
		min-width:0px;
	}
	div#mergefield_Sparekassen-Djursland---Logo
	{
		background-image:url('/media/sitelayouts/6/imagegenerator/300x0/Sparekassen-Djursland---Logo.png');
		background-repeat:no-repeat;
		background-position:0% 0%;
	}
	div#mergefield_Sparekassen-Djursland---Logo img
	{
		width:300px;
		height:auto;
		visibility:hidden;
	}
	#layoutbox23
	{
		top:30px;
		width:50px;
		min-height:50px;
		min-width:0px;
		max-width:none;
		height:auto;
		margin-top:0px;
		margin-bottom:0px;
	}
	div#mergefield_1441911296_facebook_circle_color
	{
		display:block;
	}
}

/* High-definition background images if supported by device */
@media screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 568px) and (min-resolution: 144dpi)
{
	div#mergefield_Sparekassen-Djursland---Logo {background-image:url(/media/sitelayouts/6/imagegenerator/300x0/Sparekassen-Djursland---Logo@2x.png); background-size:300px auto}
}


@media screen and (max-width: 480px)
{
	ul.navigationlist li.navigationlistitem.ts-pl-hide
	{
		display:none;
	}
	ul.navigationlist li.navigationlistitem.ts-pl-show
	{
		display:block;
	}
}

@media screen and (max-width: 320px)
{
	ul.navigationlist li.navigationlistitem.ts-pp-hide
	{
		display:none;
	}
	ul.navigationlist li.navigationlistitem.ts-pp-show
	{
		display:block;
	}
	#layoutbox2
	{
		padding-left:8px;
		padding-right:0px;
	}
	#layoutbox27
	{
		max-width:250px;
	}
	div#mergefield_Sparekassen-Djursland---Logo
	{
		background-image:url('/media/sitelayouts/6/imagegenerator/250x0/Sparekassen-Djursland---Logo.png');
	}
	div#mergefield_Sparekassen-Djursland---Logo img
	{
		width:250px;
	}
	#layoutbox23
	{
		display:block;
	}

	/* User defined CSS for responsive mode 320 */
	#page-20000004_layoutbox4 img{
	  clear:both;
	  min-width: 300px;
	}
}

/* High-definition background images if supported by device */
@media screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 320px) and (min-resolution: 144dpi)
{
	div#mergefield_Sparekassen-Djursland---Logo {background-image:url(/media/sitelayouts/6/imagegenerator/250x0/Sparekassen-Djursland---Logo@2x.png); background-size:250px auto}
}



