/* Basic styling
================================================== */

body {
	font:12px/1.65 Verdana, Tahoma, sans-serif;
	color:#231f20;
	background:#546670;
}

a {color:#de761c; text-decoration:none;}
a:hover {color:#de761c; text-decoration:underline;}

a.goto:before {content:''; display:inline-block; margin-right:7px; width:4px; height:7px; background:url('images/icon_sprite.png') no-repeat -90px 0;}

h1, h1 a, h2, h2 a, h3, h3 a {font:normal 26px/1.65 'Merriweather Sans', sans-serif; color:#546670;}

h1, h1 a {}
h2, h2 a {margin-bottom:10px; font-size:22px;}
h3, h3 a {margin-bottom:10px; font-size:18px; color:#de761c;}


/* Header containing logo, payoff and quicklinks
================================================== */

header {background:#546670;}

header .logo img {margin:34px 0 25px;}
header .payoff img {margin:50px 0 25px; width:460px;}

header ul.quicklinks {float:right; margin-top:10px; list-style:none;}
header ul.quicklinks li {float:left; margin-left:6px;}
header ul.quicklinks li:first-child {margin-left:0;}
header ul.quicklinks li a {font-size:10px; color:#fff; text-transform:uppercase;}

header ul.quicklinks li a.flag {margin-top:4px; display:block; width:20px; height:12px; background:url('images/icon_sprite.gif') no-repeat 0 0;}
header ul.quicklinks li a.flag.dk {}
header ul.quicklinks li a.flag.gb {background-position:-30px 0;}
header ul.quicklinks li a.flag.de {background-position:-60px 0;}


/* Top navigation
================================================== */

nav.top {background:#91babf; text-align:justify; box-shadow:-3px 0 13px rgba(0, 0, 0, 0.16);}
nav.top ul {margin:0; height:30px; overflow:hidden; list-style:none;}
nav.top ul:after {content:''; display:inline-block; width:100%; height:0;}
nav.top ul li {display:inline-block; margin:0;}
nav.top ul li a {display:block; font-size:16px; line-height:30px; color:#231f20; text-decoration:none;}
nav.top ul li:hover a,
nav.top ul li.active a {color:#fff; text-decoration:none;}


/* Specific content styling
================================================== */

section.content {padding:60px 0 40px; background-color:#fff;}
section.content img {max-width:100%; height:auto;}

section.content p.note {font-size:10px; color:#de761c;}

section.content .box {margin-bottom:20px; padding:10px 12px; height:180px; overflow:hidden; background-color:#f7f7f7;}

section.content .box h1 {margin-bottom:10px; padding-bottom:5px; height:34px; overflow:hidden; font:26px/34px 'Merriweather Sans', sans-serif; color:#546670; border-bottom:2px solid #91babf;}
section.content .box h1.small {font-size:22px;}
section.content .box h1.micro {font-size:14px;}
section.content .box:hover h1 {border-color:#de761c;}

section.content .box .content {margin-bottom:10px; height:100px; overflow:hidden;}
section.content .box a.goto {color:#231f20;}
section.content .box a.goto:before {background-position:-100px 0;}

section.content .box ul.links {list-style:none;}
section.content .box ul.links li {float:left; margin:0; width:50%;}

section.content .help {padding:15px; background-color:#f7f7f7;}
section.content .help h2 {position:relative; color:#de761c;}
section.content .help h2:after {content:''; position:absolute; top:50%; right:0; margin-top:-15px; width:30px; height:30px; background:url('images/icon_sprite.png') no-repeat -130px 0;}

section.content .toggle .title {position:relative; margin:10px 0; font-weight:bold; cursor:pointer;}
section.content .toggle .title:after {content:''; position:absolute; top:50%; right:0; margin-top:-2px; width:7px; height:4px; background:url('images/icon_sprite.png') no-repeat -110px 0;}
section.content .toggle .title.on:after {background-position:-120px 0;}
section.content .toggle .description {display:none; margin:10px 0;}

/* Sidebar
================================================== */

section.sidebar {margin-right:20px;}

nav.sidebar ul {list-style:none;}
nav.sidebar ul li {margin:1px 0 0;}
nav.sidebar ul li:first-child {margin-top:0;}
nav.sidebar ul li a {display:block; padding:5px 10px; font-size:16px; color:#546670; background:#f7f7f7;}
nav.sidebar ul li:hover a,
nav.sidebar ul li.active a {text-decoration:none; background-color:#91babf;}


/* Footer with social links
================================================== */

footer {padding-top:20px; font-size:10px; color:#fff;}
footer p.title {margin-bottom:5px; font-weight:bold;}

footer ul.social {float:right; margin-top:20px; list-style:none;}
footer ul.social li {float:left; margin-left:15px;}
footer ul.social li:first-child {margin-left:0;}
footer ul.social li a {display:block; width:36px; height:35px; background:url('images/icon_sprite.png') no-repeat 0 -40px;}
footer ul.social li a.facebook {}
footer ul.social li a.flickr {background-position:-40px -40px;}
footer ul.social li a.youtube {margin-top:-4px; width:32px; height:41px; background-position:-80px -40px;}
footer ul.social li a.twitter {width:41px; height:33px; background-position:-120px -40px;}


/* Form styling
================================================== */

input[type=text], textarea {padding:0 5px; width:100%; height:25px; font:12px/1.65 Verdana, Tahoma, sans-serif; color:#231f20; border:1px solid #231f20; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box;}
input[type=text]:focus, textarea:focus {border-color:#de761c;}

input[type=submit], input[type=reset] {width:auto; height:30px;  padding:0 20px; font-weight:bold; text-transform:uppercase; border-color:#de761c;}
input[type=submit2], input[type=reset2] {width:60px; height:20px;  padding:0 10px; font-weight:bold; text-transform:uppercase; border-color:#de761c;font:10px}
input[type=submit2] {color:#fff; background:#de761c;}

input[type=submit] {color:#fff; background:#de761c;}
input[type=button] { width:215px; height:30px ;
						 background-color:#DE761C;
						 border:1px solid #5a92ad;
						 cursor:hand; }

select {width:100%;}


/* Support for retina graphics (double size)
================================================== */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
	footer ul.social li a,
	a.goto:before,
	section.content .help h2:after,
	section.content .toggle .title:after {background-image:url('images/icon_sprite@2x.png'); background-size:170px 90px;}


}