html, body, button, input, select, table, textarea, p { font-family: Verdana,Helvetica,Arial; color: #333; font-size:14px; line-height:1.5em; }
a { color:#1A91C8; }
h1,h2,h3 { line-height:1.5em; font-weight:bold; }
h1 { font-size:2.25em; text-align:center; }
h2,h3 { margin:1em 0 0 0;}
p { margin:0 0 1em 0; }

body { background-color: #fff; background-repeat: repeat-x; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACvCAIAAACzYSNAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3AgbDQsOEtSKNAAAAKJJREFUKM91krsBBEEIQnn03+rWwAU6390LJlEExNHzPJa0HrKCUSyw0jXJSM7EFSaS0YkrjqqHnus+u1bzKCl+CrfPLSyTm6mVs97YySEZYoXlTViKGbspDpxa7b84aZ3Nw/ZAjjBJa1xZ7Hlw7hItzzNbPvK8+EY+owd6+VqaOIrpDN6a69bZfPDFJxXPnVnvPTL4f8NL977hS4/5dz52/AFHfkFaXjdf1gAAAABJRU5ErkJggg==); }
body > .container { min-height:600px;}
body > .container > div:first-child { margin-bottom:30px; }

.navbar { min-height:80px; padding-top:50px; padding-bottom:40px;}
.navbar .navbar-header { margin-left:0; }
.navbar .navbar-header .navbar-brand { color: #333; font-size: 42px; font-weight:bold; padding:0 25px 0 0; height:36px; margin-left:0px !important; white-space:nowrap; max-width:80%; }
.navbar .navbar-toggle { margin-top:-8px; }
.navbar-collapse { padding-left:0px; padding-right:0px; }
.navbar-collapse .navbar-nav { margin:4px 0 0 -4px; }
.navbar-collapse .search input { box-shadow:none; }
.navbar-collapse  { border:none; }
.navbar-default { background: none; border:none; }
.navbar-default .navbar-nav > li { display:inline-block; float:left; margin-bottom:10px; }
.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li > a { background:url(data:image/png;base64,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) no-repeat; height:26px; }
.navbar-default .navbar-nav > li  { background-position:top right; line-height:26px; margin-right:20px; font-size:12px; }
.navbar-default .navbar-nav > li > a { background-position: 0 -26px; display:inline-block; line-height:26px; margin-left:-12px; padding:0 17px; white-space:nowrap; color:#4e4e4e; font-size:12px; text-decoration:none; }
.navbar-default .navbar-nav > li.active { background-position: 100% -104px; }
.navbar-default .navbar-nav > li.active > a { color:#fff; background-color:inherit; background-position:0 -130px;}
.navbar-default .navbar-nav > li.active:hover { background-position: 100% -104px; }
.navbar-default .navbar-nav > li.active:hover > a { color:#fff; background-color:inherit; background-position:0 -130px; }
.navbar-default .navbar-nav > li.active a:focus { background-color:inherit; color:#fff; }
.navbar-default .navbar-nav > li.open > a { background-color:inherit; }
.navbar-default .navbar-nav > .open > a:focus { background-color:inherit; }
.navbar-default .navbar-nav > li.open:hover > a { background-color:inherit; }
.navbar-default .navbar-nav > li:hover { background-position:100% -52px; }
.navbar-default .navbar-nav > li:hover > a { background-color:inherit; background-position:0 -78px; }
.navbar-default .navbar-nav > li.selected, .navbar-default .navbar-nav > li.ancestor { background-position:100% -104px; }
.navbar-default .navbar-nav > li.selected > a, .navbar-default .navbar-nav > li.ancestor > a { background-color:inherit !important; background-position:0 -130px; color:#fff !important; }
.navbar-default .navbar-nav > li:last-child { margin-right:0; }
.navbar-default .navbar-nav > li > ul { padding:5px; border:1px solid #ccc; box-shadow:0 0 20px #ccc; border-radius:10px; padding-top:5px; list-style-type: none; margin-left:-15px; min-width:100px;}
.navbar-default .navbar-nav > li > ul > li > a { color: #333; }
.navbar-default .navbar-nav > li > .dropdown-menu { margin-top:3px; font-size:1em; }
.navbar-default .navbar-nav > li > .dropdown-menu a { padding:5px 10px; }
.navbar-default .navbar-nav > li > .dropdown-menu label { padding:5px 10px; margin:0; }
.navbar-default .navbar-nav > li > .dropdown-menu li:first-child label { white-space: nowrap; }
.navbar-default a span { color:inherit; }
.navbar-default .navbar-form { margin-top:0; margin-bottom:0; position:relative; top:-3px; }
.navbar-default .navbar-form .form-control { font-size:12px; height:26px; padding:0 8px; }
.navbar-default .navbar-form .btn { font-size:12px; height:26px; padding:0 8px; position:relative; top:1px; }
.navbar-overlay { border-bottom:1px solid #ccc; background:#fff; box-shadow:0 0 40px #ccc;}
.navbar-overlay .navbar-right:last-child { margin-right:0; }
@media (max-width: 768px) {
    .navbar .navbar-header .navbar-brand { font-size: 28px; padding:0; height:28px; }
}


.navbar-default .search-inline { position:relative; background: none !important; width:100%; border:none; }
.navbar-default .search-inline input { border:1px solid #ccc; border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; font-size:12px; line-height:12px; padding:4px 2px; height:26px; }
.navbar-default .search-inline input[type=text] { width:200px; padding-left:10px !important; padding-right:25px; background: #fff; }
.navbar-default .search-inline .button { position:absolute; right:4px; top:4px; width:18px; height: 18px; cursor:pointer; padding:0; }
.navbar-default .search-inline .button .icon { background:url('/static/images/icons/search.png') no-repeat; width:18px; height:18px; margin:0 !important; }
.navbar-default .search-inline .button_big { right:14px; top:3px; width:24px; height: 24px; }
.navbar-default .search-inline .button_big .icon { background:url('/static/images/icons/search_big.png') no-repeat; width:24px; height:24px; margin:0 !important; }
.navbar-default .search-inline .spinner { position:absolute; }
.navbar-default .search-inline .spinner > img { position:relative; top:4px; left:4px; width:16px !important; height:16px !important; }

.navbar-default .search input { border:none; background:none; font-size:1em; }
.navbar-default .search input[type=submit] { display:none; }

.user_menu { position:absolute; }
.user_menu > .inner { position:relative; top:-2em;  }

.breadcrumbs { position:relative; left:2px; }
.breadcrumbs * { color:#999; font-size: 11px; }
.breadcrumbs label { float: left; font-weight: bold; }
.breadcrumbs ul { list-style-type: none; padding-left:0; }
.breadcrumbs ul li.first { margin-left: 0px; padding: 0px; }
.breadcrumbs ul li.first::before { content: none; }
.breadcrumbs ul li { float: left; margin-left: 7px; padding-left: 14px; position:relative; }
.breadcrumbs ul li::before { content: "›"; position: absolute; left: 0; }
.breadcrumbs ul li .sub { color: #666; }

.footer-spacer { height:50px; }
.footer { background:#333; color:#A6A6A6; padding-top:40px; padding-bottom:20px; margin-top:0; font-size:14px; text-shadow:1px 1px #000; border-radius:0; margin-bottom:0; }
.footer, .footer * { color:#a6a6a6; }
.footer p { font-size:14px; }
.footer > .container > div { margin-bottom:15px; }
.footer label { color: #fff; display: block; }
.footer .copyright { margin-top:2em; text-align:center; font-size:0.85em; }
.footer .shortcuts { width:240px; }
.footer .shortcuts ul { float:left; list-style-type: none; padding-left:0; }
.footer .shortcuts ul.c1 { width:120px; }
.footer .shortcuts ul.c2 { border-left:1px dotted #666; margin-left:20px; padding-left:20px; }
.footer .shortcuts a { text-decoration: underline; }

.container-fluid { padding-left:0; padding-right:0; }

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}

/* template */ 
/* palette: http://modernl.com/article/web-2.0-colour-palette */

body, normal, html, input, textarea { font-family: Verdana; color: #333; line-height: 1.5em; font-size: 13px; }
body { }
a { color: #4096EE; text-decoration: none; }
h1 { font-size: 2.25em; font-weight: bold; margin-bottom: 0.5em; }
h2 { font-size: 1.35em; font-weight: bold; margin-bottom: 0.25em; }
h3 { font-weight: bold; margin-bottom: 0.25em; }
h1 *,h2 *,h3 * { font-weight: bold; }

h1 { font-weight: normal; }
h2 { font-weight: normal; }
p .big { font-size: 2em; }
p .medium { font-size: 1.5em; }

form { color: #999; } 
form .header { border-bottom: 1px dotted #ccc; padding-bottom: 5px; color: #333; }
form .block { padding: 5px 0px; }
form label { font-weight: bold; color: #333; line-height: 2em; }
form label .format, form label .sub { font-weight: normal; color: #aaa; font-size: 0.85em; }
form input[type=text], form input[type=url], form input[type=email], form textarea, form select { border: 1px solid #ccc; width: 100%; background: white; padding: 3px; font-size: 1.4em; }
form input[type=checkbox] { width: 1em; height: 1em; display: block;  }
form .button { width: auto; padding: 5px 20px; }
form .active { background: #FFFFCC; }
form ul.errorlist { display: inline; padding: 0; }
form ul.errorlist li { color: #FF1A00; display: inline; margin-left: 5px; }
form input.auto { width: auto; }

#base {  }
#header > .background { background: #f1f1f1; box-shadow: 0px 0px 10px #f1f1f1; -moz-box-shadow: 0px 0px 10px #f1f1f1; -webkit-box-shadow: 0px 0px 10px #f1f1f1; padding: 0 50px; }
#header > .background > .inner { width: 1000px; margin: 0 auto; position: relative; height: 90px; }
#header > .outer { width: 1000px; margin: 5px auto 0 auto; position: relative; padding: 0 50px; }
#logo { position: absolute; top:25px; }
#nav { position: absolute; right:0; top:30px; }
#nav { line-height: 100%; font-size: 12px; }
#nav li { margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }
#nav a { color: #666; text-decoration: none; line-height: 10px; display: block; padding: 6px 15px; margin: 0; border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; text-shadow: 0 1px 0 rgba(255,255,255, 1); background: url(/static/images/base/gradient_gray.png) repeat-x; border: 1px solid #bbb; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; }
#nav a:hover { background: url(/static/images/base/gradient_gray_dark.png) repeat-x; border: 1px solid #999; }
#nav .selected a { text-shadow: none; background: url(/static/images/base/gradient_blue.png) repeat-x; border: 1px solid #aaa; }
#nav .selected a:hover { cursor: default; }
#header .search { position: absolute; left:460px; top: 30px; }
#header .search form { background: none !important; }
#header .search form input { border-radius: 1.6em; -webkit-border-radius: 1.6em; -moz-border-radius: 1.6em; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; font-size:100%; line-height:100%; }
#header .search input[type=text] { width: 150px; padding-left: 5px !important;}
#header .search input[type=submit] { color: #666; background: url(/static/images/base/gradient_gray.png) repeat-x; width: 60px; }

#breadcrumbs { font-size: 0.8em; position: relative; width:1000px; }
#breadcrumbs * { color: #aaa; }
#breadcrumbs label { float: left; font-weight: bold; }
#breadcrumbs ul li.first { background: none; margin-left: 5px; padding: 0px; }
#breadcrumbs ul li { float: left; margin-left: 7px; padding-left: 14px; background: url('/static/images/raquo.png') no-repeat 0px 7px; }
#breadcrumbs ul li .sub { color: #666; }

#cse-search-box { display:inline-block; height:12px; background:none !important; }
#cse-search-box input { background:none !important; }

#footer { background: #f1f1f1; 	box-shadow: 0px 0px 10px #f1f1f1; -moz-box-shadow: 0px 0px 10px #f1f1f1; -webkit-box-shadow: 0px 0px 10px #f1f1f1; text-align: center; color: #fff; margin-top: 4em; }
#footer .c { width: 1000px; margin: 0 auto; padding: 4em 20px 1em 20px; }
#footer .c .column { float: left; color: #aaa; text-align: left; margin-right: 30px; }
#footer .c .column label { color: #777; text-shadow: 0px 1px 0 rgba(255,255,255, 1); font-size: 1.25em; display: block; margin-bottom: 0.5em; }
#footer .c .column a { text-decoration: underline; color: #aaa; }
#footer .c .column a:hover { text-decoration: underline; }
#footer .c .column1 { width: 640px; padding-right: 20px; }
#footer .c .column2 { width: 100px; }
#footer .c .column3 { width: 150px; }
#footer .c .column2 a, #footer .c .column3 a { color: #aaa; display: block; text-decoration: none; }
#footer .c .copyright { font-size: 0.8em; color: #999; text-align: center; margin-top: 4em; margin-bottom: 4em; }

#message { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%; position: absolute; z-index:100; left: 0px; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:0.75;}
#message .content { margin: 0 auto; width: 1000px; text-align: center; padding: 15px 15px; color: #000; }
#message .content .icon { width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; margin-right: 3px; }
#message .info, #message .success { background: #CDEB8B; color: #666; }
#message .info .icon, #message .success .icon { background: url( '/static/images/accept.png' ) no-repeat; }
#message .warn { background: #FFFF88; color: #666; }
#message .warn .icon { background: url( '/static/images/error.png' ) no-repeat; }
#message .error { background: #ffaaaa; color: #fff; }
#message .error .icon { background: url( '/static/images/delete.png' ) no-repeat; }
#message * { }
#message a { text-decoration: underline; }
#message a img { position: relative; top: 1px; }

.layout1 { width: 1000px; margin: 20px auto; }
.layout12 { width: 1000px; margin: 20px auto; }
.layout12 .column1 { width: 730px; float: left; }
.layout12 .column2 { width: 250px; float: right; }

.about label { font-size: 1.25em; margin-bottom: 0.5em; }
.about ol { list-style-type: decimal; list-style-position: inside; padding:0 !important; }
.about li { margin-bottom: 1em; }
.about p { margin-bottom: 1em; }
.about a { text-decoration: underline; }

.box { border: 1px solid #e5e5e5; padding: 20px; }
.box h2 { margin: 0 0 0.5em 0; }
.box p { margin: 0 0 1em 0; color: #999; }
.clearfix { clear: both; }
.spacing-bottom { margin-bottom: 30px; }
.spacing-top { margin-top: 30px; }
.no-spacing-bottom { margin-bottom: 0 !important; }
.hide { display: none; } 

.border-1 { border: 1px solid #ccc; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; }

.facebook_likebox { margin-top: 20px; }

.bookmarks { padding: 5px; }
.bookmarks a { display:block; border:1px solid #fff; padding: 5px; vertical-align: middle; height: 24px; color: #999 !important; text-decoration: none !important; }
.bookmarks a:hover { text-decoration: none; cursor: pointer; border:1px solid #e5e5e5; background:#f1f1f1; }
.bookmarks .icon { background-image:url( '/static/images/bookmarks.gif' ); width:24px; height:24px; float:left; margin-right:10px; }
.bookmarks .facebook { }
.bookmarks .twitter .icon { background-position: -24px 0; }
.bookmarks .delicious .icon { background-position: -48px 0; }
.bookmarks .email .icon { background-position: -72px 0; }
.bookmarks .browser .icon { background-position: -96px 0; }

.button-1, .button-1 .left, .button-1 .right { background: url('/static/images/button-orange-25px.png'); display: block; height: 25px; }
.button-1 { background-position: 0 -25px; background-repeat: repeat-x; color: white; padding: 4px !important; height: 17px !important; position: relative; margin: 0 4px; text-align: center; text-decoration: none; line-height: 1.2em; }
.button-1 .left, .button-1 .right { position: absolute; width: 4px; top: 0; }
.button-1 .left { left: -4px; }
.button-1 .right { right: -4px; background-position: 0 -50px; }
.button-1:hover { background-position: 0 -100px; }
.button-1:hover .left { background-position: 0 -75px; }
.button-1:hover .right { background-position: 0 -125px; }
.button-1:hover { text-decoration: none; }

.button-2, .button-2 .left, .button-2 .right { background: url('/static/images/button-orange-gray-25px.png'); display: block; height: 25px; }
.button-2 { background-position: 0 -25px; background-repeat: repeat-x; color: white; padding: 4px !important; height: 17px !important; position: relative; margin: 0 4px; text-align: center; text-decoration: none; line-height: 1.2em; }
.button-2 .left, .button-2 .right { position: absolute; width: 4px; top: 0; }
.button-2 .left { left: -4px; }
.button-2 .right { right: -4px; background-position: 0 -50px; }
.button-2:hover { background-position: 0 -100px; }
.button-2:hover .left { background-position: 0 -75px; }
.button-2:hover .right { background-position: 0 -125px; }
.button-2:hover { text-decoration: none; }

.button-3, .button-3 .left, .button-3 .right { background: url('/static/images/button-gray-25px.png'); display: block; height: 25px; }
.button-3 { background-position: 0 -25px; background-repeat: repeat-x; color: white; padding: 4px !important; height: 17px !important; position: relative; margin: 0 4px; text-align: center; text-decoration: none; line-height: 1.2em; }
.button-3 .left, .button-3 .right { position: absolute; width: 4px; top: 0; }
.button-3 .left { left: -4px; }
.button-3 .right { right: -4px; background-position: 0 -50px; }
.button-3:hover { background-position: 0 -100px; }
.button-3:hover .left { background-position: 0 -75px; }
.button-3:hover .right { background-position: 0 -125px; }
.button-3:hover { text-decoration: none; }

.header-1, .header-1 .left, .header-1 .right { background:url('/static/images/header-gray.gif'); height: 23px; display: block; }
.header-1 { background-repeat: repeat-x; background-position: 0px -148px; position:relative; padding: 0 5px; color: #666; overflow: hidden; white-space: nowrap; }
.header-1 .left, .header-1 .right { position: absolute; width: 5px; top: 0; }
.header-1 .left { left: 0px; background-position: -30px 0px; }
.header-1 .right { right: 0px; background-position: -35px 0px; }

.add-icon { padding-left: 20px; background: url( '/static/images/add.png' ) no-repeat; }
.del-icon { width: 16px; height: 16px; background: url( '/static/images/delete.png' ) no-repeat; display: inline-block; }
.menu-auth a:hover { text-decoration: underline; }

.pagination { padding-top: 2em; }
.pagination .inner { border-top: 1px dotted #ccc; }
.pagination table { margin: 0 auto; margin-top: 3em; }
.pagination td { padding: 5px; color: #666; }
.pagination td .selected { border: 1px solid #ccc; padding: 5px 10px; color: #999; }
.pagination td a { background: #f1f1f1; border: 1px solid #ccc; padding: 5px 10px; color: #666; text-decoration: none !important; }
.pagination td a.prev, .pagination td a.next { background: none; border: none; text-decoration: underline !important; }
 
.bookmarks { padding: 5px; }
.bookmarks a { display:block; border:1px solid #fff; padding: 5px; vertical-align: middle; height: 24px; color: #999 !important; text-decoration: none !important; }
.bookmarks a:hover { text-decoration: none; cursor: pointer; border:1px solid #e5e5e5; background:#f1f1f1; }
.bookmarks .icon { background-image:url( '/static/images/bookmarks.gif' ); width:24px; height:24px; float:left; margin-right:10px; }
.bookmarks .facebook { }
.bookmarks .twitter .icon { background-position: -24px 0; }
.bookmarks .delicious .icon { background-position: -48px 0; }
.bookmarks .email .icon { background-position: -72px 0; }
.bookmarks .browser .icon { background-position: -96px 0; }

.error a { text-decoration: underline; }
.error p { margin-bottom: 2em; color: #666; }
.error ol { list-style: decimal; list-style-position: inside; }
.error li { margin-bottom: 1em; margin-left: 2em; color: #666; }
.error h2 { margin-top: 1em; margin-bottom: 1em; font-size: 2em; }

.categories_alpha { }
.categories_alpha .categories_alpha_row { }
.categories_alpha .categories_alpha_group { padding: 1em; border: 1px solid white; }
.categories_alpha .categories_alpha_group h3 { border-bottom: 1px dotted #ccc; font-size: 1.5em; line-height: 1.5em; color: #666; }
.categories_alpha .categories_alpha_group .categories_alpha_categories li { float: left }
.categories_alpha .selected { border: 1px solid #e5e5e5; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc; }
.categories_alpha ul { padding:0; }
.categories_alpha li { list-style-type: none; }
.categories_alpha a { text-decoration: none; padding: 2px; display:inline; white-space:nowrap; }
.categories_alpha a:hover { background: #C3E0FB; color: #006DEF; padding: 2px; }

.subject_list { background: url( /static/images/bullet-gray.png ) no-repeat 0px 0px; padding: 0; }
.subject_list > .inner { padding-left: 40px; }
.subject_list h2 { margin: 0; padding: 0; display: inline; border-bottom: 1px dotted #e5e5e5; }
.subject_list .address { margin-top: 1em; }
.subject_list .desc { margin-top: 1em; }
.subject_list .actions { float:right; display:none; }
.subject_list .actions a { border-bottom: 1px dotted #999; }

.subject_related * { line-height:1em; }
.subject_related h3 { color:inherit; font-size: 1em !important; text-align:left !important; border: none !important; margin: 0 0 0.5em 0 !important; padding: 0 !important;  }
.subject_related h3 a { white-space:nowrap; }
.subject_related .content { position:relative; top:-5px; }
.subject_related .content * { color: #999; }
.subject_related .address { margin: 0 !important; color: #999; line-height: 1.25em; }
.subject_related .address p { white-space:nowrap; }
.subject_related .telephone { margin:0 !important; color: #999; line-height: 1.25em; }
.subject_related .review { margin:0 0 0.5em 0 !important; }
.subject_related .action a { padding-left: 20px; background:url(/static/images/add_gray.png) 0 1px no-repeat; color: #999; text-decoration:underline; }

.subject_full h1 { margin-bottom: 1em; }
.subject_full p { margin-bottom:0; }
.subject_full .address { margin-top: 0.2em; }
.subject_full .review { margin-top: 1em; }
.subject_full .review dt { float: left; }
.subject_full .review dd { margin: 0 0 0 8.2em; }
.subject_full .review dd .button-3 { margin: 1em 0 0 0; }
.subject_full .meta { margin-top: 1em; }
.subject_full .meta dt { float: left; }
.subject_full .meta dd { margin: 0 0 0 8em; }
.subject_full .desc { margin-top: 1em; }

.ad { background: #f5f5f5; border: 1px solid #ccc; }
.aalborg_map { background: url( /static/images/aalborg-map.jpg ) center; overflow: hidden; border: 1px solid #ccc; }

.gmap { box-shadow: 0px 0px 20px #f1f1f1; -moz-box-shadow: 0px 0px 20px #f1f1f1; -webkit-box-shadow: 0px 0px 20px #f1f1f1; }
.gmap .gmap_marker h2 { white-space: nowrap; overflow: hidden; margin: 0 0 3px 0; padding: 0; }
.gmap .gmap_marker h2 a { color: #333; }
.gmap .gmap_marker p { margin: 0; padding: 0; line-height: 1.5em; color: #666; }

.lmap { box-shadow: 0px 0px 20px #f1f1f1; -moz-box-shadow: 0px 0px 20px #f1f1f1; -webkit-box-shadow: 0px 0px 20px #f1f1f1; }
.lmap .leaflet-popup-content * { margin: 0; }

.rating_rating { width: 120px; height: 12px; background: url(/static/images/ratings.png) no-repeat; display: inline-block; padding:0; margin:0; overflow:hidden; }

.sidebar_item { margin-top: 30px; }
.sidebar_item label { font-size:1.1em; }
.sidebar_item h3 { font-size: 1.25em; color: #666; border-bottom: 1px dotted #ccc; margin-bottom: 0.5em; }
.sidebar_item p { color: #999; }
.sidebar_item .action { margin-top: 1em; text-align: right; }
.sidebar_item .action-left { margin-top:1em; text-align:left; }

.sidebar_bedoemmelse label { width:100%; background: url(/static/images/bedoemmelse_header_logo.png) no-repeat right; }
.sidebar_bedoemmelse .review { margin-top:1.25em; text-align:center; }
.sidebar_bedoemmelse p { line-height:1.5em; }

.sidebar_prisbillige h3 { background: url(/static/images/prisbillige_header_logo.png) no-repeat right; }
.sidebar_related .categories { margin-top: 0.5em; }
.sidebar_related .categories a { font-size: 0.9em; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 4px 12px; color: #777; background: #F1F1F1; line-height: 2.4em; position: relative; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
.sidebar_related .categories a:hover { background: #ddd; }
.sidebar_add_subject .action a { padding-left: 20px; background:url(/static/images/add_gray.png) 0 1px no-repeat; color: #999; text-decoration:underline; }

.search_tag { width: 450px; background: #f1f1f1; padding: 30px 30px 40px 40px; margin: 0 auto; }
.search_tag h3 { font-size: 1.5em; color: #999; }
.search_tag h3 .sub { font-size: 11px; color: #aaa; font-weight: normal; position: relative; top: -1px; }
.search_tag form input[type=text] { width: 80% !important; }

.intro h1 { color: #333; font-size: 3em; text-align: center; font-weight: bold; }
.intro h2 { font-size: 1.5em; text-align: center; color: #aaa; }

.banner img { width:100%; }

.visitcard { line-height: 1.4em; }
.visitcard .banner { margin-bottom:1.4em !important; }
.visitcard .name { font-weight:bold; }
.visitcard .adr { color: #666; }
.visitcard .spacer { margin-bottom:1em; }
.visitcard .rating { top:0 !important; margin-bottom:0.5em; }

/* pages */

#home .carousel { margin: 0 0 50px 0; }
#home .carousel .item { min-height: 300px; border: 1px solid #ccc; box-shadow: 0px 0px 20px #999; -moz-box-shadow: 0px 0px 20px #999; -webkit-box-shadow: 0px 0px 20px #999; }
#home .carousel .item img { position: absolute; min-width:100%; min-height: 300px; border:none; }
#home .carousel .text { width: 350px; background: #fff; padding: 20px; margin: 20px; font-size: 1.25em; line-height: 1.25em; color: #333; display: inline-block; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.85; filter:alpha(opacity=85); -moz-opacity:0.85; }
#home .carousel .text h2 { font-size: 2em; margin-bottom: 0.5em; font-weight: bold; text-shadow: #ccc 2px 2px 1px; line-height: 1em; margin-top:0; }
#home .carousel .text p { margin-bottom: 1em; text-shadow: #ccc 1px 1px 1px; line-height: 1.5em; }
#home .items .item { border-collapse:separate; border: 1px solid #f1f1f1; padding: 15px; margin-bottom: 50px; min-height: 360px; box-shadow: 0px 0px 20px #ccc; -moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc; }
#home .items .item .img { width:100%; margin: 0 auto 2em 0; text-align: center; overflow: hidden; }
#home .items .item .img a { }
#home .items .item .img img { margin: 0 auto; padding: 0 !important; border-spacing: 0; border-collapse: collapse; line-height: 0; border:none; vertical-align: bottom; width:100%; }
#home .items .item h2 { color: #333; font-weight: bold; text-align: left; border-bottom: 1px dotted #ccc; display: table; font-size: 1.25em; margin: 0; padding: 0; margin-bottom: 0.5em; }
#home .items .item h2 a { color: #333; }
#home .items .item p { color: #666; border: }
#home .items .item a.more { white-space: nowrap; display:block; text-align: right; }
#home .item-search .search { margin-top: 1em; }
#home .item-search input[type=text] { width: 100%; height:30px; margin-bottom:5px; }
#home .item-search input[type=submit] { float:right; margin-top:2px; height: 30px; width: 70px; padding: 0; text-align: center; color: #333 !important; font-size: 1em; background:#e5e5e5 !important; }
#home .items .item-bedoemmelse { }

#categories .banner { text-align: center; margin-top: 25px; }
#categories .intro { margin: 100px 0 100px 0; }
#categories .intro h1 { margin:0 0 0.2em 0; line-height:1em; }
#categories .intro h2 { margin:0; }
#categories .categories { margin: 0 auto; }
#categories .categories .categories_alpha_group { }

#category .banner { margin-bottom: 40px; }
#category h1 { margin-bottom: 1em; font-weight:bold; }
#category .map { border:1px solid #ccc; }
#category .sidebar_about { margin-bottom:30px; }
#category .sidebar_about .banner { margin:0 0 1em 0; border:1px solid #ccc; }
#category .subjects { margin: 2em 0; clear: both; }
#category .subjects ul { padding:0; }
#category .subjects li { border-bottom: 1px dotted #ccc; display: table; width:100%; }
#category .subject .subject_inner { margin: 20px 0px; }
#category .ad-1 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#category .ad-1 .inner { overflow: hidden; }
#category .ad-2 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#category .ad-3 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }

#subject .banner { margin-bottom: 40px; }
#subject h1 { margin: 0; font-weight:bold; }
#subject .main_visitcard { margin-left:2em; margin-bottom:0.5em; border:1px solid #ccc; box-shadow: 0 0 20px #ccc; }
#subject .desc { }
#subject .map_area { padding-top: 30px; }
#subject .map { border:1px solid #ccc; }
#subject .rating { position:relative; top:-6px; }
#subject .review .action { margin-top: 1em; }
#subject .review .action a.button { font-size: 0.9em; border-right:1px solid #999; border-bottom:1px solid #999; padding: 4px 20px; color: #fff; background: #ccc; line-height: 2.4em; position: relative; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
#subject .review .action a.button:hover { background: #aaa; }
#subject .meta { margin-top: 1.5em; }
#subject .meta .homepage a { text-decoration:underline; }
#subject .meta dd.homepage { overflow:hidden; }
#subject .meta .categories { margin-top: 1em; }
#subject .meta .categories a { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding: 4px 12px; color: #777; background: #f1f1f1; line-height: 2.4em; position: relative; top: -0.25em; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
#subject .meta .categories a:hover { background: #bbb; }
#subject .ad-1 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#subject .ad-1 .inner { overflow: hidden; }
#subject .ad-2 { width:100%; margin:40px 0 50px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#subject .ad-3 { width:100%; margin:40px 0 40px 0; padding:30px; text-align:center; box-shadow:0 0 20px #ccc; }
#subject .actions-1 { float:right; }
#subject .actions-2 { margin-top: 2em; padding-top: 2em; border-top: 1px dotted #ccc; }
#subject .actions-2 a { display: block; text-decoration: underline; }
#subject .actions-2 .add-subject { margin-top: 1em; }
#subject .related { margin-top: 30px; margin-bottom:30px; }
#subject .related h3 { text-align:center; margin: 0 0 1em 0; font-size:1.75em; }
#subject .related .subject_related { background:url(/static/images/gradient_subject.png) repeat-x; margin: 20px 0; border-bottom: 1px dotted #ccc; padding: 20px 0; border: 1px solid #ccc; height: 100px; margin: 0 0 20px 0; display:block; box-shadow: 0px 0px 10px #ccc; }
#subject .related .subject_related > .inner { margin: 0 30px 0 30px; overflow: hidden; }
#subject .notification { box-shadow: 0 0 20px 0 #ccc; border:1px solid #ccc; background: #ffffc8; padding:20px; margin-top:20px; margin-bottom:20px; text-align:center; }


#contact form { margin-bottom: 50px; }
#contact h2 { margin-bottom:1em; }

#about a { text-decoration: underline; }
#about p { margin-bottom: 1em; } 
#about h2 { margin-top: 2em; }
#about .main { margin-bottom: 50px; }

#add_subject > div { margin:0 0 50px 0; }
#add_subject ol { padding:0 0 0 1.5em; }
#add_subject .num_words { position:absolute; height: 0; right:2.5em; margin-top:-2em; }
#add_subject .num_words .count { font-size: 1.25em; }
#add_subject .not_okay { color: red; }
#add_subject .okay { color: green; display: none; }
#add_subject h2 { font-size: 2em; margin: 0 0 1em 0; }

.add_helper { padding:20px; border:1px dotted #ccc; background:#f1f1f1; margin-bottom:30px; text-align:center; }
.add_helper label { font-size:1.1em; }
.add_helper .btn { margin-top:0.5em; }

/* fonts */

@font-face { font-family: 'Play'; font-style: normal; font-weight: 400; src: url('../font/Play-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../font/Play-Regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('../font/Play-Regular.ttf') format('ttf'); }
@font-face { font-family: 'Play Bold'; font-style: normal; font-weight: 700; src: url('../font/Play-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../font/Play-Bold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('../font/Play-Bold.ttf') format('ttf'); }
.font-play { font-family: "Play", "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial; }
.font-play-bold { font-family: "Play Bold", "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial; }