/*	midtpoint.dk
	sk@opengate.dk 13-03-2014
	
  Generelt
	Text: #000000 rgb(0,0,0);
	Grey: #515151 rgb(81,81,81);
	Red: #EE2626 rgb(238,38,38);
    
    Sizes:
	11px = 0.6875em
	12px = 0.75em
	14px = 0.875em
	15px = 0.9375em
	16px = 1em
	17px = 1.0625em
	18px = 1.125em
	20px = 1.25em
	22px = 1.375em
	24px = 1.5em
	28px = 1.75em

*/

/*====================================
  GLOBAL SETTINGS
=====================================*/
html { overflow-y:scroll; background-color:rgb(255,255,255); }
body { }
html,body { }

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, figcaption, font, img, ins, input, kbd, q, s, samp, small, select, option, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td, tt, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font: normal normal normal 14px/18px arial, helvetica, verdana, tahoma, sans-serif;
	color:rgb(0,0,0);
	margin:0; 
	padding:0;
	border:0 none;
}
/* html5 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


figure { margin: 0}

img {border: 0; -ms-interpolation-mode: bicubic; height: auto;} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

em { font-style:italic; }
strong, strong a { font-weight:bold; }
strong em, em strong { font-weight:bold; font-style:italic; }

/*-----------------------------------
  HEADER STYLE SETTINGS
------------------------------------*/
h1, h1 a { font-size:26px; line-height:32px; color:rgb(81,81,81); margin:0 0 10px 0; text-decoration:none; }
h1 a { text-decoration:none; margin:0; }
h1 a:hover { color:rgb(238,38,38); text-decoration:underline; }
h2, h2 a { font-size:18px; line-height:22px; color:rgb(81,81,81); margin:0 0 10px 0; text-decoration:none; }
h2 a { margin:0; }
h2 a:hover { color:rgb(238,38,38); text-decoration:underline; }
h3, h3 a { font-size:14px; line-height:17px; font-weight:bold; color:rgb(81, 81, 81); text-decoration:none; margin:0 0 10px 0; }
h3 a { margin:0; }
h3 a:hover { color:rgb(238,38,38); text-decoration:underline; }
h4, h4 a { font-size:13px; line-height:17px; color:rgb(81, 81, 81); margin:0; text-decoration:none;}
h4 a:hover { color:rgb(238,38,38); text-decoration:underline; }
h5, h5 a { font-size:11px; line-height:14px; text-decoration:none;}
h5 a { color:rgb(81, 81, 81); }
h5 a:hover { color:rgb(238,38,38); text-decoration:underline; }


/*-----------------------------------
  PARAGRAPH STYLE SETTINGS
------------------------------------*/
p { margin:0 0 15px 0; }

p.align-left { text-align:left; }
p.align-center { text-align:center; }
p.align-right { text-align:right; }

/*-----------------------------------
  BLOCKQOUTE SETTINGS
------------------------------------*/
blockquote { 
	padding:11px 8px 0px 37px;
	border:1px solid #e0e0e0;
	margin:0 0 20px;
	background:#eeeeee url('openqoute.png') left top no-repeat;
}  
blockquote .closequote { padding:0 31px 0 0; background:transparent url('closeqoute.png') right bottom no-repeat; }

blockquote p, blockquote li, blockquote a, blockquote strong { 
	font-style:italic;
}
/*-----------------------------------
  LINK STYLE SETTINGS
------------------------------------*/
a { color:rgb(238,38,38); text-decoration:none;}
a:link, a:visited {}
a:focus { outline:0 none; }
a:hover { color:rgb(238,38,38); text-decoration:underline; }
a:active {}

a img, :link img, :visited img {
  border:0 none;
}
a:hover img { border:0px solid #fff;}

/*-----------------------------------
  CLASS STYLE SETTINGS
------------------------------------*/
span.class-0, p.class-0, td.class-0 { color:rgb(255,255,255); } /* Hvid */
span.class-1, p.class-1, td.class-1 { color:rgb(63,146,210); } /* LightBlue */
span.class-2, p.class-2, td.class-2 { color:rgb(11,97,164); } /* Darkblue */
span.class-3, p.class-3, td.class-3 { color:rgb(255,73,0); } /* Red */
span.class-4, p.class-4, td.class-4 { color:rgb(255,191,0); } /* Orange */
span.class-5, p.class-5, td.class-5 { color:rgb(191,89,48); } /* Brown */
span.class-6, p.class-6, td.class-6 { color:rgb(121,147,54); } /* Green */

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.boxShadow { 
	-moz-box-shadow:2px 2px 5px #BEBEBE;
	-webkit-box-shadow:2px 2px 5px #BEBEBE;
	box-shadow:2px 2px 5px #BEBEBE;
	border-collapse: separate;  
}
.borderRadius {
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}

/*-----------------------------------
   HR STYLE SETTINGS
------------------------------------*/
hr {  width:100%; height:1px; line-height:1px; border:0; border-top:1px solid rgb(11,97,164); padding:0; margin:10px 0; }


/*-----------------------------------
  INPUT, SELECT, TEXTAREA STYLE SETTINGS
------------------------------------*/
/* IOS: IPAD - undgå rundehjørner */
.ipad {
    -webkit-appearance: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}	

/* Hvert inputsfelt */
.fieldWrap, div.inputfields { margin:0 0 9px; }
div.submitfields { margin:18px 0 0; }


label, .powermail_label {
	height:42px;
	line-height:41px;
	width:31%;
	padding:1% 0;
	display:block;
	float:left;
}

/* <input type="text"> */
input[type="text"], input.text, input.stdText, .powermail_input {
	height:42px;
	min-width:47%;
	padding:1% 3%;
	border:1px solid #D5D5D5;
	background:#ffffff none;
  	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 5px #BEBEBE;
	-webkit-box-shadow:2px 2px 5px #BEBEBE;
	box-shadow:2px 2px 5px #BEBEBE;
	border-collapse: separate;
}

/* select */
select, .powermail_select {
	min-width:calc(53% + 2px);
	padding:calc(1% + 10px) 3%; /* 42px - height for select fields (32px by def.) = 10px */
	border:1px solid #D5D5D5;
	background:#ffffff none;
  	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 5px #BEBEBE;
	-webkit-box-shadow:2px 2px 5px #BEBEBE;
	box-shadow:2px 2px 5px #BEBEBE;
	border-collapse: separate;
}

option { 
	padding:1% 0 1% 3%;
}

/* <input type="checkbox"> */
input[type="checkbox"], input.checkBox {
	width:13px;
	min-height:42px;
	margin:1% 49% 1% 3%;
	border:1px solid #D5D5D5;
	background:#ffffff none;
  	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 5px #BEBEBE;
	-webkit-box-shadow:2px 2px 5px #BEBEBE;
	box-shadow:2px 2px 5px #BEBEBE;
	border-collapse: separate;

}
/* textarea */
textarea {
  padding:2px;
  border:1px solid #D5D5D5;
  overflow:auto;
  background:#ffffff none;  
}


/* <input type="submit"> */
input[type="submit"], input.submit, input.stdSubmit, input.powermail_submit, div.mbl_newsevent_register a  {
	height:42px;
	padding: 1% 10%;
	position:relative;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	cursor:pointer;
	border: 1px solid #D5D5D5;
	background-color:rgb(81,81,81);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow:2px 2px 5px #BEBEBE;
	-webkit-box-shadow:2px 2px 5px #BEBEBE;
	box-shadow:2px 2px 5px #BEBEBE;
	border-collapse: separate;	
}

input.submit:hover, input.stdSubmit:hover, input.powermail_submit:hover {
	background-color:#BEBEBE;
}



input:not([type="submit"]):focus,
select:focus,
textarea:focus   {
	background:#fff none;
	border:1px solid #515151;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none; 
}

input[readonly="readonly"],
input[disabled="disabled"], 
select[disabled="disabled"],
textarea[disabled="disabled"],
input.powermail_text[readonly="readonly"]:focus,
fieldset.tx-powermail-pi1_fieldset input.powermail_text[readonly="readonly"]:focus:not([type="submit"]) { 
	border:1px solid #EDEDED;
	background:#EDEDED none;
}





/*-----------------------------------
  LIST STYLE SETTINGS
------------------------------------*/
ul {
  text-align:left;
  padding-left:0px;
  list-style:none outside url('ul.png');
  margin:0 0 15px 26px;
}

ul li { padding-bottom:5px;}

ol {
  text-align:left;
  padding:0;
  list-style-position: outside;
  margin:0 0 15px 34px;
}

q:before, q:after, blockquote:before, blockquote:after {
  content:"";
}

/*-----------------------------------
  TABLE STYLE SETTINGS   [TYPO3] 
------------------------------------*/
table.contenttable, table.countingtable { 
  border-collapse: collapse;
  padding:0;
  border-bottom: 1px solid #1f6089; 
}

/* Overskriftscelle */
table.contenttable th,
table.countingtable th { color:#ffffff; padding:5px 5px 5px 10px; background:#1f6089; border:1px solid #1f6089; }
table.contenttable th p, 
table.countingtable th p { color:#ffffff; font-weight:700; margin:0; padding:0; } 

/* Almindelig celle */
table.contenttable td, 
table.countingtable td { padding: 4px 10px; vertical-align:top; border-left:1px solid #1f6089; border-right:1px solid #1f6089; border-bottom:1px solid #1f6089;}
table.contenttable td p, 
table.countingtable td p { margin:0; padding:0; }

table td.align-left { text-align:left;}
table td.align-center { text-align:center;}
table td.align-right { text-align:right;}
table td.align-justify { text-align:justify;}


/* TABEL SKIFTENDE RÆKKER (alternating) */
/* Overskriftscelle */
table.countingtable th { background:#EAB021;  border:0 none; }

/* Almindelig celle */
table.countingtable td { border:0 none;}

tr.tr-odd { background-color:#ffffff; }
tr.tr-even { background-color:#ededed; }



/*====================================
  TYPO3 inlines styles
=====================================*/
.ce-textpic .csc-textpic-single-image img { margin-bottom:0; }
.ce-textpic .ce-gallery figure.image { margin-bottom:0; }
.ce-center .ce-gallery { line-height:0; }
.ce-textpic .ce-gallery figure { display: block !important; }

figcaption.csc-textpic-caption { display:block; }

#footerContainer img.frontEndEditIcons, #rightCol-1 img.frontEndEditIcons { width:auto; height:auto; }
#websiteLogo a.frontEndEditIconLinks, 
#address a.frontEndEditIconLinks { display:none;}