/* styles Desktop 1280 min
======================== */
html,
body {
	width:100%;
	height:100.1%;
	min-height:100%;
	background:url('/images/background_hd.jpg') left top no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

* {
	font-family: 'Open Sans', sans-serif;
	font-size:11pt;
	hyphens:auto;
}
b, strong {
	font-weight: 600;
}

/* Kopfzeile mit Menü
=====================*/
#kopfzeile {
	display:block;
	position:relative;
	top:0;
	left:0;
	padding:0 calc(50% - 640px) 0 calc(50% - 640px);
	width:1280px;
	height:120px;
	z-index:10;
	overflow:visible;
}

#logo_top {
	position:absolute;
	left:calc(50% - 640px);
	top:10px;
}
#logo_top img {
	width:300px;
	height:auto;
}

#topbox {
	position:absolute;
	top:10px;
	right:calc(50% - 640px);
	width:240px;
	height:31px;
	line-height:31px;
	font-size:12px;
	padding:0;
	overflow:hidden;
	text-align:right;
}
#topbox a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding-left:28px;
	line-height:30px;
	background:url('/images/warenkorb.png') left 4px no-repeat;
	background-size:20px 20px;
}
#topbox a:hover {
	color:#fff;
}
#socialbuttons {
	width: auto;
	display:block;
	position:absolute;
	height:32px;
	right:calc(50% - 540px);
	top:64px;
}
#socialbuttons a {
	float:right;
	width:32px;
	height:32px;
	filter:grayscale(1);
	margin-left:6px;
	transition: all 0.5s;
	opacity:0.5;
	border-radius:6px;
}
#socialbuttons a:hover {
	filter:grayscale(0);
	opacity:1;
}

#socialbuttons a.linkedin {
	background:url('/images/logo_linkedin.png') left top / cover no-repeat;
}
#socialbuttons a.facebook {
	background:url('/images/logo_facebook.png') left top / cover no-repeat;
}
#socialbuttons a.instagram {
	background:url('/images/logo_instagram.png') left top / cover no-repeat;
}
#socialbuttons a.youtube {
	background:url('/images/logo_youtube.png') left top / cover no-repeat;
}

/* Menü
=======*/
#showmenu {
	position:absolute;
	display:block;
	top:60px;
	right:calc(50% - 640px);
	text-align:right;
	line-height:40px;
	font-size:40px;
}
#showmenu a span {
	color:#fff;
	font-size:40px;
}
nav {
	display:none;
	position:absolute;
	width:320px;
	right:calc(50% - 590px);
	top:100px;
	z-index:10;
	padding:0;
	height:30px;
	overflow:visible;
}

/*Ebene 1 Hauptmenü*/
nav ul {
	display:block;
	margin:0;
	float:right;
	box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.2);
	line-height:0;
	padding:0;
}

nav li {
	display:block;
	position:relative;
	background-color:#fff;
	padding:8px 4px 8px 12px;
	height:auto;
	line-height:110%;
	border-bottom:2px solid #2b6e88;
}

nav li:last-child {
	border-bottom:0;
}

nav a {
	text-decoration: none;
	display:block;
	min-width:400px;
	font-size:16px;
	color:#0f4b7a;
	-webkit-transition: color .1s ease-in;
	transition: color .1s ease-in;
	font-size:17px;
}

nav a:focus,
nav a:hover,
nav a:active {
	color:#fff;
	-webkit-transition: color 0.01s;
	transition: color 0.01s;
}
nav ul li:hover {
	background-color:#0f4b7a;
}
nav ul li:hover a {
	color:#fff;
}

nav span {
	visibility:hidden;
	-webkit-transition: all 0.2s 0.2s;
	transition: all 0.2s 0.2s;
}
nav ul ul li:hover span {
	visibility:visible;
}
nav ul ul ul li:hover span {
	visibility:visible;
}

/*Ebene 2 Untermenü */
nav ul ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:30px;
	left:80px;
	width:300px;
	opacity:0;
	background-color:#fff;
	-webkit-transition: all 0.2s 0.2s;
	transition: all 0.2s 0.2s;
	box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.2);
	line-height:0;
	padding:0;
}
nav ul li:hover ul {
	visibility:visible;
	opacity:1;
	z-index:1001;
	-webkit-transition: all 0.2s 0.1s;
	transition: all 0.2s 0.1s;
}
nav ul ul li {
	display:block;
	padding:8px 4px 8px 12px;
	height:auto;
	line-height:110%;
	border-bottom:2px solid #2b6e88;
}

nav ul ul li:last-child {
	border-bottom:0;
}
nav ul li:hover ul li a {
	color:#0f4b7a;
}
nav ul li:hover ul li:hover a {
	color:#fff;
}

/* Ebenen 3ff */
nav ul ul ul {
	visibility:hidden;
	display:block;
	top:70%;
	left:40%;
	border-top:0;
	background-color:#fef7eb;
}

nav ul ul ul ul {
	visibility:hidden;
	display:block;
	background-color:#b0becc;
}

nav ul li:hover ul ul,
nav ul li:hover ul ul ul {
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 0.2s 0.2s;
	transition: all 0.2s 0.2s;
}
nav ul ul li:hover ul,
nav ul ul ul li:hover ul {
	visibility:visible;
	z-index:1002;
	opacity:1;
	-webkit-transition: all 0.2s 0.1s;
	transition: all 0.2s 0.1s;
}

nav ul ul ul li {
	line-height:120%;
}

nav ul ul ul a {
	font-size:14px;
}

#media_player {
	display:none;
}

/* Link-Menü
============*/
#linkmenu {
	display:block;
	padding:0;
	margin:0 0 0 0;
	width:600px;
	background:none;
	box-shadow:none;
	border:0;
	font-size:14px;
}
#linkmenu a::before {
	content: '';
}
#linkmenu ul {
	padding:25px 0 0 0;
	margin:0;
	display:grid;
	grid-template-columns: auto auto auto;
	grid-column-gap:30px;
	grid-row-gap:20px;
	list-style:none;
}
#linkmenu ul li {
	width:180px;
	display:inline-block;
	position:relative;
}
#linkmenu ul li a {
	position:absolute;
	text-decoration:none;
	color:#fff;
	display:block;
	width:170px;
	height:24px;
	overflow:hidden;
	white-space:normal;
	position:relative;
	padding:86px 5px 0 5px;
	background-position:left top;
	background-size:180px 84px;
	background-repeat:no-repeat;
	background-color:#81A0BC;
	border-radius:6px;
	-webkit-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}
#linkmenu ul li a:hover {
	background-color:#FF5E28;
	-webkit-transition: all 0.1s 0.0s;
	transition: all 0.1s 0.0s;
}

#linkmenu ul li a.startseite {
	background-image:url('/images/button_startseite_180px.jpg');
}
#linkmenu ul li a.ansagen-shop {
	background-image:url('/images/button_ansagen-shop_180px.jpg');
}
#linkmenu ul li a.gemafreie-musik {
	background-image:url('/images/button_gemafrei-shop_180px.jpg');
}
#linkmenu ul li a.demos {
	background-image:url('/images/button_demos_180px.jpg');
}
#linkmenu ul li a.tipps {
	background-image:url('/images/button_tipps_180px.jpg');
}
#linkmenu ul li a.ansagen-ratgeber {
	background-image:url('/images/button_tipps_180px.jpg');
}
#linkmenu ul li a.preise {
	background-image:url('/images/button_preise_180px.jpg');
}
#linkmenu ul li a.filmproduktion {
	background-image:url('/images/button_filmproduktion_180px.jpg');
}
#linkmenu ul li a.kundenstimmen {
	background-image:url('/images/button_kundenstimmen_180px.jpg');
}
#linkmenu ul li a.radiowerbung {
	background-image:url('/images/button_radiowerbung_180px.jpg');
}
#linkmenu ul li a.filmvertonung {
	background-image:url('/images/button_filmvertonung_180px.jpg');
}
#linkmenu ul li a.audioproduktion {
	background-image:url('/images/button_audioproduktion_180px.jpg');
}
#linkmenu ul li a.blog {
	background-image:url('/images/button_blog_180px.jpg');
}

/* Header-Bild
==============*/
#top_gitterback {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url('/images/gitterback.png') 50% 0 no-repeat;
}

#top_stripe {
	position:relative;
	width:100%;
	min-height:286px;
	z-index:3;
	background-color:rgba(255,255,255,0.53);
}

#pfad {
	display:block;
	padding:4px 0 12px 0;
	color:#000;
	font-size:12px;
	z-index:9;
}
#pfad a {
	color:#000;
}
#pfad a:hover {
	text-decoration:underline;
}
body.start #pfad {
	top:244px;
}

/* Content-Boxen
================*/
#top_stripe article {
	position:relative;
	padding:8px calc(50% - 640px) 8px calc(50% - 640px);
	width:1280px;
	min-height:286px;
}

#top_stripe article div {
	display:inline-block;
	float:left;
	width:322px;
	padding:8px 8px 8px 0;
}

#top_stripe article div.headerpic {
	width:600px;
	height:282px;
	padding:0;
	margin:-8px 10px -8px 10px;
}
#top_stripe article div.headerpic.start {
	background:url('/images/startpic.jpg') top left no-repeat;
	background-size:600px 296px;
	box-shadow: 5px 5px 10px #444;
	margin-top:10px;
	height:296px;
	overflow:hidden;
}

#top_stripe article div.headerpic.start video {
	margin-top:0px;
	height:296px;
	width:auto;
}

#top_stripe article div.headernews {
	width:288px;
	height:230px;
	margin:8px 0 8px 8px;
	padding:16px;
	background:#fff;
	border:1px solid #81A0BC;
	border-radius:16px;
	opacity:0.8;
	overflow:hidden;
}
#top_stripe article div.headernews.start {
	height:272px;
}
#top_stripe article div.headernews:hover {
	opacity:1;
}
#top_stripe article div.headernews h2 {
	margin-top:0;
}

#top_stripe article div.headernews p q {
	font-family:'Caveat';
	font-size:18px;
	line-height:110%;
	margin-bottom:6px;
	display:block;
}

#top_stripe article h1 {
	font-family: 'Quicksand', sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#0f4b7a;
	line-height:125%;
	margin:0 0 4px 0;
}
#top_stripe article * {
	font-size:10pt;
}

#content {
	display:block;
	position:relative;
	left:0;
	min-height:calc(100% - 295px);
	padding:16px calc(50% - 640px) 52px calc(50% - 640px);
	width:1280px;
	background-color:transparent;
}

#content article {
	position:relative;
	width:1220px;
	padding:10px 30px 0 30px;
	font-size:16px;
	font-weight:300;
	line-height:150%;
	color:#000;
	margin-bottom:8px;
	/*box-shadow: 5px 4px 5px #ccc;
	*/
	border:1px solid #ddd;
	border-radius:8px;
	background:#fff;
}
#content article.active {
	border:1px solid #FF5E28;
}

div.vollspalte,
div.hauptspalte,
div.nebenspalte {
	width:100%;
	padding:0px 0 30px 0;
	display:table-cell;
	vertical-align:top;
	border-bottom:0px solid #ddd;
}

div.hauptspalte {
	width:840px;
	padding-right:80px;
}
div.nebenspalte {
	width:300px;
	font-style:italic;
}
div.vollspalte {
	width:1140px;
	padding-right:80px;
}

h1 {
	font-family: 'Quicksand', sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#0f4b7a;
	line-height:150%;
	margin:0 0 10px 0;
}

h2 {
	font-family: 'Quicksand', sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#0f4b7a;
	line-height:150%;
	margin:10px 0 5px 0;
	padding-bottom:0;
}

h3 {
	font-family: 'Quicksand', sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#0f4b7a;
	line-height:150%;
	margin:10px 0 5px 0;
	padding-bottom:0;
}

p {
	margin:0 0 5px 0;
}

p.small {
	font-size:80%;
}

*.hilite,
a {
	color:#0f4b7a;
	font-weight:300;
	text-decoration:none;
	white-space: nowrap;
}

a:hover {
	color:#3e3e3e;
}
#content a::before,
#top_stripe a.link::before {
	content: '► ';
}

#content article img {
	max-width:100%;
}

ul {
	list-style: circle outside none;
	padding:0 0 0 20px;
	margin:0;
}

* a.pdf {
	display:inline-block;
	padding:4px 0px 0px 52px;
	background:url("/images/icons/pdf.png") left center no-repeat;
}

* a.video {
	display:inline-block;
	height:30px;
	padding:4px 0px 0px 52px;
	background:url("/images/icons/video.png") left 2px no-repeat;
}

#content #angebote {
	display:block;
	padding:0;
	margin:0 0 0 0;
	width:1280px;
	background:none;
	box-shadow:none;
	border:0;
}

#angebote a::before {
	content: '';
}

#angebote ul {
	padding:0;
	display:grid;
	grid-template-columns: auto auto auto;
	grid-column-gap:32px;
	grid-row-gap:56px;
	list-style:none;
}

#angebote ul li {
	width:384px;
	display:inline-block;
	position:relative;
}

#angebote ul li a {
	position:absolute;
	text-decoration:none;
	color:#000;
	display:block;
	width:100%;
	height:calc(100% - 232px);
	overflow:hidden;
	white-space:normal;
	position:relative;
	padding:188px 8px 52px 8px;
	background-position:left top;
	background-size:400px 188px;
	background-repeat:no-repeat;
	box-shadow: 5px 5px 10px #888;
}

#angebote ul li a:hover span.button {
	background-image:url('/images/button_on_hover.png');
}
#angebote ul li a.ansagen-shop {
	background-image:url('/images/button_ansagen-shop_400px.jpg');
}
#angebote ul li a.gemafrei-shop {
	background-image:url('/images/button_gemafrei-shop_400px.jpg');
}
#angebote ul li a.demos {
	background-image:url('/images/button_demos_400px.jpg');
}
#angebote ul li a.ansagen-ratgeber {
	background-image:url('/images/button_tipps_400px.jpg');
}
#angebote ul li a.tipps {
	background-image:url('/images/button_tipps_400px.jpg');
}
#angebote ul li a.preise {
	background-image:url('/images/button_preise_400px.jpg');
}
#angebote ul li a.kundenstimmen {
	background-image:url('/images/button_kundenstimmen_400px.jpg');
}
#angebote ul li a.filmproduktion {
	background-image:url('/images/button_filmproduktion_400px.jpg');
}
#angebote ul li a.radiowerbung {
	background-image:url('/images/button_radiowerbung_400px.jpg');
}
#angebote ul li a.filmvertonung {
	background-image:url('/images/button_filmvertonung_400px.jpg');
}
#angebote ul li a.audioproduktion {
	background-image:url('/images/button_audioproduktion_400px.jpg');
}
#angebote ul li a.blog {
	background-image:url('/images/button_blog_400px.jpg');
}

a.shop_button {
	display:inline-block;
	margin:12px 0;
	padding:5px 15px 5px 15px;
	background-color:#FF5E28;
	border-radius:5px;
	color:#fff;
	text-align:center;
	-webkit-transition: all 0.5s 0s;
	transition: all 0.5s 0s;
	white-space:nowrap;
}
a.shop_button:hover {
	background-color:#ffd350;
	-webkit-transition: all 0.2s 0s;
	transition: all 0.2s 0s;
}

span.shop_button {
	display:block;
	position:absolute;
	bottom:16px;
	padding:5px 15px 5px 15px;
	background-color:#FF5E28;
	border-radius:5px;
	color:#fff;
	text-align:center;
	-webkit-transition: all 0.5s 0s;
	transition: all 0.5s 0s;
	white-space:nowrap;
}
span.shop_button:hover {
	background-color:#ffd350;
	-webkit-transition: all 0.2s 0s;
	transition: all 0.2s 0s;
}
span.shop_button::before {
	content: '► ';
}

#angebote ul li a span.on_button {
	position:absolute;
	top:0;
	left:0px;
	width:56px;
	height:60px;
	background:url('/images/button_on.png') top left no-repeat;
	background-size:cover;
	opacity:0.4;
	-webkit-transition: all 0.8s 0s;
	transition: all 0.8s 0s;
}
#angebote ul li a:hover span.on_button {
	background-image:url('/images/button_on_hover.png');
	opacity:0.8;
	-webkit-transition: all 0.2s 0s;
	transition: all 0.2s 0s;
}

#spalte figure {
	display:inline-block;
	position:relative;
	width:118px;
	height:112px;
	padding:8px 5px 8px 90px;
	margin:0;
	font-size:13px;
	font-weight:300;
	line-height:150%;
	color:#2b6e88;
	background-color:#dae3f0;
}

#spalte figure img {
	position:absolute;
	top:0;
	left:0;
	width:80px;
	height:128px;
}

.sprecherauswahl-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}

.sprecher {
	padding: 0.5rem;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.sprecher:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.sprecher.weiblich { background-color: #ffe6f0; }
.sprecher.maennlich { background-color: #e6f0ff; }
.sprecher.sonstige { background-color: #e6ffe6; }

.sprecher input {
	margin-right: 0.5rem;
}

table.sprecherauswahl {
	table-layout:fixed;
	width:100%;
}

table.sprecherauswahl th {
	text-align:left;
	padding:10px 5px 10px 5px;
}
table.sprecherauswahl td {
	text-align:left;
	padding:0 5px 5px 5px;
	vertical-align:top;
}

* div.demo {
	float:left;
	position:relative;
	width:220px;
}
* div.demo.medium {
	width:300px;
}
* div.demo.big {
	width:360px;
}

* div.demo input[type=radio] {
	float:left;
	margin-top:4px;
}
* span.play {
	position:relative;
	display:inline-block;
	top:-2px;
	margin:0 40px 0 8px;
	padding:0 0 0 24px;
	background:url('/images/icon_play.png') left 4px no-repeat;
	background-size:16px 16px;
	cursor:pointer;
	line-height:24px;
}
* span.play:hover {
	background:url('/images/icon_play_hover.png?v=1') left 4px no-repeat;
	color:#0f4b7a;
}
* span.play.active, span.play.active:hover {
	background:url('/images/icon_play_active.png?v=1') left 4px no-repeat;
	color:#a50021;
}
* span.noplay,* span.noplay:hover {
	color:#000;
	background:none;
	padding:0;
	cursor:auto;
}

* span.play.inactive {
	background:none;
	text-decoration:none;
	border:1px solid transparent;
	color:#3e3e3e;
	cursor:auto;
}

#texteingabe {
	width:100%;
	min-height:24px;
	padding:1px;
	margin-bottom:8px;
	background-color:#fff;
	border:1px solid #e3e3e3;
}

#texteingabe_area {
	width:100%;
	height:72px;
	padding:1px;
	margin-bottom:8px;
	border:1px solid #e3e3e3;
	resize:none;
}

input.texteingabe,
input.musikauswahl,
#spezialformat,
input.maximalsize {
	width:100%;
	margin-bottom:8px;
}
input[type=range] {
	display:block;
	width:100%;
}

#musikauswahl {
	border:1px solid transparent;
	background-color:transparent;
}

#formatauswahl {
	width:100%;
	margin-bottom:8px;
}

#hinweis_ansage {
	font-size:14px;
	font-style:italic;
	margin-bottom:12px;
}

#ansagenpreis {
	margin-bottom:12px;
}

#musikliste,
#spezialformat,
#mailbox-daten,
article.option {
	display:none;
}

input[type=submit].submit {
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}
table.preise {
	table-layout:fixed;
	width:100%;
}

table.preise td.preis {
	width:200px;
	text-align:right;
}

table.warenkorb {
	table-layout:fixed;
	width:100%;
	margin-top:12px;
}
table.warenkorb td {
	padding:10px 0 10px 0;
	vertical-align:top;
}
table.warenkorb td.liste{
	border-top:1px dotted #ccc;
}
table.warenkorb td.head,
table.warenkorb td.summe {
	font-weight:bold;
}
table.warenkorb td.lfdnr {
	width:30px;
}
table.warenkorb td.preis {
	width:100px;
	padding-left:20px;
	text-align:right;
	position:relative;
}

table.warenkorb td.preis div {
	position:absolute;
	bottom:24px;
	right:0;
}
table.warenkorb td.preis div form {
	display:inline-block;
	margin-left:4px;
}

table.warenkorb td.preis div form input[type=image] {
	cursor:pointer;
}

table.warenkorb h3 {
	font-weight:bold;
	margin:0;
	padding:0;
}
ul.zahlungsart {
	list-style-type:none;
	padding:0;
}
ul.zahlungsart li {
	display:inline-block;
	line-height:26px;
	width:200px;
}
ul.zahlungsart li img {
	margin-bottom:-8px;
}

div.warenkorb_input {
	margin-top:16px;
}
div.warenkorb_input input,
div.warenkorb_input  textarea {
	border-radius:4px;
	padding:4px;
	border:1px solid #999;
}
div.warenkorb_input input[type=text],
div.warenkorb_input input[type=email],
div.warenkorb_input select {
	width:840px;
	margin:8px 0 4px 0;
	box-sizing:border-box;
}
div.warenkorb_input select {
	padding:3px 0;
	border-radius:6px;
}
div.warenkorb_input input[type=text].fehler,
div.warenkorb_input input[type=email].fehler {
	border-color:red;
}

div.textauswahl {
	display:block;
	border-bottom:1px solid #ddd;
	margin-bottom:12px;
}

i.platzhalter {
	background-color:#ddd;
	padding:0 10px 0 10px;
	color:#ff0000;
}

#ansagetext {
	border:1px solid #bbb;
	margin:8px 0 8px 0;
	padding:2px;
	display:block;
}

div.hauptspalte.gemafrei img {
	width:220px;
	float:left;
	margin-left:-16px;
}
div.hauptspalte.gemafrei p {
	display:block;
	width:496px;
	padding-left:204px;
}

div.nebenspalte div.titelliste {
	margin-top:20px;
	max-width:100%;
}

span.length {
	display:inline-block;
	float:right;
	text-align:right;
}

.shopbutton {
	margin-top:15px;
	cursor:pointer;
}

/* Allgemein
============*/
*.rechts {
	float:right;
	margin-left:10px;
}

*.links {
	float:left;
	margin-right:10px;
}

*.zentriert {
	display:block;
	width:100%;
	text-align:center;
}

*.small {
	font-size:80%;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}

p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

a {
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

*.fehler {
	color:#C20000;
}

/* Kontaktformular
==================*/
#kontaktformular input,
#kontaktformular textarea {
	width:70%;
	resize:none;
	display:block;
	padding:4px;
	border:1px solid #999;
	border-radius:4px;
	margin-bottom:12px;
}
#kontaktformular textarea {
	height:120px;
}

#kontaktformular input[type=text].fehler,
#kontaktformular textarea.fehler {
	border-color:red;
}

div.g-recaptcha {
	margin-bottom:6px;
}

iframe.google_maps {
	width:50%;
	height:400px;
}

/* Blog
=======*/
div.vollspalte.blog {
	width:1280px;
	padding:0;
}
#content article div.vollspalte.blog img {
	border-radius:16px;
}

div.vollspalte.blog h2 span.datum {
	display:inline-block;
	float:right;
	font-size:10pt;
	font-weight:normal;
	color:#555;
}
div.vollspalte.blog img {
	width:100%;
	margin:12px 0 16px 0;
}
div.vollspalte.blog img.thumb {
	width:350px;
	float:left;
	margin: 12px 16px 16px 0;
	cursor:pointer;
}

/* Sitebrowser
==============*/
ul.sitebrowser {
	line-height:150%;
}

/* Footer
=========*/
#content footer {
	display:inline-block;
	position:absolute;
	bottom:0;
	width:1280px;
	height:30px;
	padding:0 calc(50% - 640px) 0 calc(50% - 640px);
	background-color:#6D787C;
	left:0;
	font-size:17px;
	color:#fff;
	text-align:right;
	box-shadow: 5px 4px 5px #bbb;
}

#content footer a {
	color:#fff;
	font-size:12px;
	margin-left:20px;
}
#content footer a:hover {
	text-decoration:underline;
}