/* CSS RESET */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-size:100%;
        vertical-align:baseline;
        background:transparent;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a {
	margin: 0; padding: 0; border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0; border-top: 1px solid #ccc;
  margin: 1em 0; padding: 0;
}
input, select { vertical-align: middle; }
input, select, textarea { font-size: inherit; font-family: inherit; }

input.withlabel,
textarea.withlabel { color: #999; }

input:focus, 
select:focus,
textarea:focus { outline: 1px dotted #fc0; }

input.text:hover, 
input.radio:hover, 
select:hover,
textarea:hover { outline: 1px dotted #f90; }

input.radio { border: none; }
body.webkit input.file { border: none; }

input, select, textarea {
	border: 1px solid;
	border-color: #999 #bbb #ddd #bbb;
	background: white;
	margin: 0.5em 0 0.5em 0;
	padding: 2px;
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
	width: 100%;
}
input[type=file] { padding: 0; }
input[type=radio], input[type=checkbox] {
  width: auto;
  margin: 0 0.2em 0 0;
  vertical-align: baseline;
}
input[disabled], textarea[disabled], select[disabled], form.editor dd select[disabled] { 
  border-style: dotted; 
  border-color: #ddd transparent transparent transparent; 
  color: #000; 
  background-color: transparent; /*rgba(255,255,255,0.5); */
  background: rgba(255,255,255,0.5);
}
input[disabled][value=""], select[disabled], form.editor dd select[disabled] {
  border-color: transparent; 
}
select[disabled] {
  -webkit-appearance: none;  
}

input[disabled]:hover, textarea[disabled]:hover, select[disabled]:hover {
  outline: 1px #ddd dotted;
  outline-offset: -1px;
}



.submit {
  display: inline-block;
	border: 1px solid;
	border-color: #999 #888 #555 #888;
	background-color: #ddd;
	cursor: pointer;
	color: #000;
	font-weight: normal;
	padding: 0.25em 0.8em;
	text-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2), inset 0 0 1px rgba(255,255,255,0.8);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0));
}
.submit:hover {
	text-decoration: none;
	background-color: #eee;
}
.submit:active {
	background: #900;
	border-color: #300 #600 #900 #600;
	text-shadow: 0 1px 0 #000;
	color: white;
	box-shadow: none;
}
.submit.large {
  font-size: 1.33em;
  line-height: 1.5em;
}


.delete_cancel {
  float: left; margin-top: 10px;
}


.small { font-size: 11px; padding: 2px 8px; }


img { display: block; }
em { font-style: italic; }
i { font-style: normal; color: #999; }
.clearer { clear: both; }
.invisible { display: none; }
.hidden { visibility: hidden; }
.alt { background-color: #f6f6f6; }
.box.grey .alt { background-color: #fcfcfc; }
.print { display: none; }

.description { color: #999; font-size: 11px; font-weight: normal; }
a.block:active .description { color: white; }
.content {
	width: 840px;
	padding: 0 10px;
	margin: 0 auto 0 auto;
	clear: both;
	position: relative;
}
.wrapper { background: white; }




html { height: 100%; }
body {
	margin: 0; padding: 0; border: 0;
	background: #f6f6f6;
	font: 12px Verdana, sans-serif;
	line-height: 18px;
	overflow-y: scroll;
}



#header {
	width: 100%;
	height: 134px;
	background: #fff url(../gfx/logo-large.png) no-repeat top left;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
#header h1 a {
	display: block;
	width: 490px;
	margin-top: 10px; 
	padding-top: 134px;  /* To hide the h1 from normal view */
}
#header ul {
	position: absolute;
	width: 230px;
	top: 0px; 
	left: 600px;
	padding: 24px 0 0 0;
	font-size: 14px;
}

#usermenu {
	background: #e5e5e5;
	border-top: 1px solid #b7b7b7;
	margin-top: -1px;
	padding: 6px 10px;
	font-weight: bold;
}
#usermenu .options {
	float: right;
	width: 210px;
}
.footer {
	display: none;
}
.footer .content {
	padding: 20px 0;
	background: none;
}
.footer.login { display: block; }
.footer.login .content { padding: 10px 0; }
.footer.loggedin { 
  display: block; 
  min-height: 120px;
  background: #fff -webkit-linear-gradient(#fff, #f6f6f6); 
  background: #fff linear-gradient(#fff, #f6f6f6); 
}


#content {
	padding-top: 18px;
	min-height: 285px;
	margin-bottom: 80px;
}

img { max-width: 100%; }



h1, h2, h3, 
h4, h5, h6    { font-weight: bold; line-height: 1.5em; padding: 0.5em 0; }
h2            { font-size: 24px; }
h3            { font-size: 18px; }
h4            { font-size: 14px; }
h5            { font-size: 12px; }
.grey         { color: #999; }
.grey.box     { color: #000; }

.box h2,
.box h3,
.box h4       { padding: 0.5em 10px; }
.box h5       { padding: 1em 10px 0.2em 10px; }

.box.flat h2,
.box.flat h3,
.box.flat h4  { padding: 0.5em 0; }

.box .body {
	border: solid #ccc;
	border-width: 1px 0;
	background: #fff;
	margin-bottom: -1px;
}
.box.grey .body {	
	background-color: #f6f6f6; 
}
.box.borderless .body {	
	border-width: 0;
}
.box .content {
	width: auto;
	padding: 5px 10px;
}
.box.flat .content { padding: 5px 0; }


/* Jed content */
.page h3 {
	padding: 0;
	margin: 0.25em 0;
}
.page h4 {
	border-bottom: 1px solid #ccc;
}

p, div.p {
	margin: 0 0 1em 0;
}
.wide div.p {
	margin-right: 0 !important;
}

.page p, .page div.p {
	margin: 1em 100px 1em 0;
}
.page blockquote , .page cite {
	margin: 0 40px 0 40px;
}
.page table { margin: 1em 0 0 0; }
.activity table { margin: 0 0 1em 0; }
.page table { font-size: 16px; }
.activity table { font-size: 14px; }

.page em, .activity em { font-style: italic; }

.page hr { margin: 0.5em 0px; clear: both; }
.activity hr { margin: 1em 0 0.5em 0; }
.page img { margin: 0 0 0.5em 0; display: block; }
img.left { margin-right: 20px; float: left; clear: left; }
img.right { margin-left: 20px; float: right; clear: right; }
img.inline { display: inline; clear: right; }



div.column { padding: 0; }




.box .nav { padding: 0.25em 0; }

a .arrow {
	float: right;
	width: 1em;
	text-align: right;
	font-weight: normal;
}

a        { color: #900; font-weight: bold; text-decoration: none; }
a:hover  { color: #000; text-decoration: underline; }
a:active { color: #f00; text-decoration: none; }

a.black        { color: #000; font-weight: normal; text-decoration: none; }
a.black:hover  { color: #900; text-decoration: underline; }
a.black:active { color: #000; text-decoration: underline; }

a.grey        { color: #999; text-decoration: none; }
a.grey:hover  { color: #900; text-decoration: underline; }
a.grey:active { color: #000; text-decoration: underline; }

a.inline { font-weight: normal; }

a.block, a.block:link, a.block:visited {
	text-decoration: none;
	display: block;
	padding: 3px 10px;
}
a.block:hover  { background-color: #eee; text-decoration: none; }
a.block:active { background-color: #900; color: #fff; }

a.block 			.arrow { display: none; }
a.block:hover .arrow { display: block; }

.selected a { font-weight: bold; background-color: #e5e5e5; }
.selected a.block .arrow { display: block; }

a.disabled,
a.disabled:hover,
a.disabled:active { color: #888; text-decoration: none; cursor: default; } 



.box .body.message.ok,
.content.message.ok {
  background-color: #ddf0dd;
  color: #141;
}
.box .body.message.warning,
.content.message.warning {
  background-color: #FFFFE8;
  color: #961; 
}
.box .body.message.error,
.content.message.error {
  background-color: #ffeeee;
  color: #d11;
}


.largemessage { text-align: center; max-width: 400px; margin: 0 auto; }
.largemessage h4 { font-size: 14px; color: #999; font-weight: normal; }






.login 				 { background: #f6f6f6 url(../gfx/footer.gif) repeat-x; border-color: #999; min-height: 50px; }
.login input   { width: 154px; margin: 0 0 0 20px; }
.login .submit { width: 100px; padding: 2px; }
.login h4 		 { line-height: 20px; }
.login .mailloginlink { padding: 0.5em 0 0.5em 20px; }
.login .mailloginlink a { font-size: 11px; font-weight: normal; }

.actionlink {
	float: right;
	width: 40%;
	text-align: right;
	padding-top: 10px;
}
.large.actionlink {
	padding-top: 12px;
	font-size: 14px;
	line-height: 24px;
}

ul.memberlist li a.block,
ul.memberlist li a.block:link, ul.memberlist li a.block:visited, ul.memberlist li a.block:hover, ul.memberlist li a.block:active, /* For IE6 */
ul.memberlist li .a {
	padding: 8px 12px;
}
ul.memberlist li .name {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
ul.memberlist li .name span { font-weight: bold; }
ul.memberlist li a.block .readmore { float: right; text-align: right; width: 100px; }
ul.memberlist li a.block:active .name { color: #fff; } 

ul.memberlist li .notes {
	float: right; text-align: right;
/*  width: 10em;
*/	font-size: 11px;
}
ul.memberlist li .notes .admin { color: #999; }


ul.memberlisticons {
	margin: 4px -8px 0 0;
	line-height: 1px;
}
ul.memberlisticons li {
	display: inline-block;
	position: relative;
	width: 90px; height: 90px;
	margin: 0 8px 8px 0;
	line-height: 18px;
}
ul.memberlisticons li a,
ul.memberlisticons li a:hover,
ul.memberlisticons li a:active {
	display: block;
	width: 90px; height: 90px;
	text-decoration: none;
}
ul.memberlisticons li .overlay {
	position: absolute;
	width: 90px; height: 90px; overflow: hidden;
	background: url(../gfx/frame-90-40.png) no-repeat top left;
}

ul.memberlisticons li .name {
	position: absolute;
	width: 90px; height: 90px;
	padding-top: 0px;
	display: table; 
	visibility: hidden;
	overflow: hidden;
	vertical-align: middle;
	color: #000;
	font-weight: normal;
	font-size: 14px;
	background: #fff;
}

ul.memberlisticons li .name div {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
ul.memberlisticons li .name div div {
	#position: relative;
	#top: -50%;
	display: block;
	text-align: center;
}

ul.memberlisticons li a:hover .name {
	visibility: visible;
	background: url(../gfx/membericons-bg.png);
	background: rgba(255,255,255,0.9);
	background: #eee;	
	color: #000;
}
ul.memberlisticons li a:active .name {
	background: #900; color: #fff;
}
ul.memberlisticons li.nopic .name { visibility: visible; color: #999; }
ul.memberlisticons li.nopic img { display: none; }





.userpage .header    { border-bottom: 1px solid #ccc; }
.userpage .header h2 { padding-bottom: 0.2em; }
.userpage .content 	 { 
	width: 300px; 
	margin: 0;
	padding: 0 20px 0 0;
	clear: none;
	float: left;
}
.userpage .staminfo { 
	padding: 1.5em 0;
	margin-bottom: 2em;
	border-bottom: 1px solid #ccc;
}
.userpage .fritekst { margin-top: 2em; }


.userpage .address { padding-bottom: 9px; }
.userpage .links { clear: both; padding-top: 9px; font-size: 11px; color: #888; }
.userpage .links a:link,
.userpage .links a:visited { font-weight: normal; }

.userpage .info {
  clear: both;
}
.userpage .info strong {
	float: left; width: 40px; 
	font-weight: normal; color: #888;
}
.userpage .info div {
	float: right; width: 240px;
}
.userpage .spaced { padding-top: 0.5em; }

.userpage .selector {
	float: right;
	width: 460px;
	text-align: center;
	margin-top: 28px;
	margin-right: 30px;
}
.userpage .selector li {
	display: inline;
}
.userpage .selector li a {
	display: inline;
	padding: 8px 10px;
	line-height: 18px;
}
.userpage .image {
	float: right;
	width: 520px;
	text-align: center;
	padding-top: 10px;
}
.userpage .image img { margin: 0 auto; }
.userpage .image .billedetekst {
	margin: 10px;
}


/*.activities .description { padding-top: 0.5em; } /* når der ikke er noget at vise */
.activity {
	padding: 1em 0 1.5em 0;
	margin-bottom: 1em;
	position: relative;
}
.inlist .activity {
	border-bottom: 1px solid #ccc;
}
.smallmode {
	margin: -5px 0 -6px 0;
}
.smallmode .activity {
	width: 220px;
	padding: 0 0 2em 0;
	margin: 0;
}
.smallmode .imageless {
	padding-top: 10px;
}
.activity h4.title {
	padding: 0;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0.5em;
}
.inlist .activity h4.title {
	margin-bottom: 0;
}
.smallmode .activity h4.title {
	font-size: 12px;
	line-height: 18px;
	margin-top: 0.5em;
}
.activity h4.title a { font-weight: bold; }

.activity .date,
.activity .location,
.activity .edit {
	color: #999;
}
.activity .location a {
	font-weight: normal;
}
.activity > .text { margin: 1em 0 1.5em 0; }

.text .file {
  margin: 1em 0 1.5em 0;
}
.file img.left {
  margin-right: 10px;
}

.smallmode .activity .text { margin: 0; }
.activity .edit { font-style: italic; }
.activity .edit a { font-style: normal; }
.activity .readmore { text-align: right; margin-bottom: -2em; }
.activity .image {
	float: right; width: 220px;
	font-size: 11px;
	margin: 0 -260px 0 40px; /* margin-left for IE7 */
}
.inlist .activity .image {
	margin: 0 0 0 0;
	width: 130px;
	text-align: right;
}
.inlist .activity .image img {
	margin: 0 0 0 auto;
}
.activity .image .billedetekst { padding-top: 0.5em; }
.smallmode .activity .image {
	float: none;
	padding-bottom: 96px;
	width: 0px; /* for IE7 */
	margin: 0;
}
.smallmode .activity .image img {
	clip: rect(0px 220px 96px 0px);
	position: absolute;
	top: 0px;
}


.newsletters li {
	position: relative;
}
.newsletters .actionlink {
	width: 140px; padding-right: 20px;
	position: absolute;
	top: 0; right: 0;
	z-index: 10;
}

.newsletters a.newsletter {
	border-bottom: 1px solid #ccc;
	padding: 8px 10px 18px 10px;
	font-weight: normal; color: #000;
}
.newsletters a.newsletter:active,
.newsletters a.newsletter:active .number {
	color: #fff;
}
.newsletter .number {
	float: left;
	width: 50px;
	text-align: center;
	color: #999;
	font-weight: bold;
	padding: 2px 0;
	line-height: 24px;
	margin-right: 10px;
}
.newsletter .number .big {
	display: block;
	font-size: 2em;
}
.newsletter .preview {
	float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
	width: 100px;
	min-height: 1em;
	padding: 0 10px 10px 10px;
}
.newsletter .preview img,
#preview_layers img {
	box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
}
.newsletter .text {
	float: right;
	width: 340px;
	padding: 2px 10px;
}
.admin .newsletter .text {
	width: 400px;
}
.newsletter .text h5 {
	margin: 0; padding: 0;
}
.newsletter .text h5 a {
	font-weight: bold;
}
.newsletter .text p {
	width: 300px;
}
.newsletter .text .actionlink {
	padding: 0;
}
.pager { background: white; }
.pager a { width: 40%; }
.pager .next { text-align: right; float: right; }


.smallmode .newsletter .number {
  width: 40px;
  font-size: 10px;
  display: none;
}
.smallmode .newsletter .preview {
}
.smallmode .newsletter .text {
  width: 199px;
  font-size: 11px; line-height: 1.5em;
}
.smallmode a.newsletter { padding-bottom: 0; }



body.process {
	background: white;
	padding-top: 200px; margin: 0;
}
body.process .largemessage {
	padding-top: 64px;
	text-align: center;
	background: url(../gfx/wheel.gif) no-repeat center 40%;
	font-size: 14px; font-weight: bold;
	color: #555;
}

body.error {
	padding-top: 100px;
}
body.error .largemessage {
	border: 1px solid #ccc;
	background: white;
	text-align: left;
	padding: 20px;
}
body.error .largemessage h3 {
	margin: 0; padding: 0 0 0.5em 0;
}
body.error .largemessage .description {
	color: #000;
	padding: 0 0 4em 0;
	font-size: 12px;
}
body.error .warning {
	padding-left: 100px;
	background: #fff no-repeat 20px 20px;
}
body.error .warning { background-image: url(../gfx/warning.gif); }


.iewarning {
	background: #ffc;
	border: 1px solid #c90;
	margin-bottom: 10px;
	padding: 0;
}
.iewarning h5 { padding: 10px 10px 0 10px; margin: 0; }
.iewarning div { padding: 10px; margin: 0; }



/* Ny log ind-side */
form.glemtkode input {
  width: 100%;
  box-sizing: border-box;
}
form.glemtkode input.text {
  font-size: 16px;
  margin: 0.33em 0;
}
form.glemtkode input.submit {
  padding: 4px 10px;
}


/* mailupdates */

iframe#mailupdate_preview {
  display: block;
  width: 100%;
  height: 1000px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  overflow: hidden;
}