/*  symbion.dk  */
/* by sk@opengate.dk */
/*
  COLORS:
    black: #000000
    grøn: #8cbb24;
    blå: #0a647a;
    lilla: #4c053d
    grå:#6e6e6e;    

*/

@font-face {
    font-family: 'AccordAlternateExtraBold';
    src: url('../fonts/accordaltextrabold-webfont.eot');
    src: url('../fonts/accordaltextrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/accordaltextrabold-webfont.woff') format('woff'),
         url('../fonts/accordaltextrabold-webfont.ttf') format('truetype'),
         url('../fonts/accordaltextrabold-webfont.svg#AccordAlternateExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
   font-family: 'HastyTasty';
   src: url('../fonts/HastyTasty.eot');
   src: url('../fonts/HastyTasty.eot?#iefix') format('embedded-opentype'),
          url('../fonts/HastyTasty.woff') format('woff'),
          url('../fonts/HastyTasty.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;          
}
 
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?41607320');
  src: url('../fonts/fontello.eot?41607320#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?41607320') format('woff'),
       url('../fonts/fontello.ttf?41607320') format('truetype'),
       url('../fonts/fontello.svg?41607320#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
/*====================================
  GLOBAL SETTINGS
=====================================*/
html {
  overflow-y : scroll;
}
html,body {
  height:100%;
  background-color:#ffffff;
}
body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  font: normal normal normal 13px/17px arial, helvetica, verdana, tahoma, georgia, sans-serif;
  color:#3f3f3f;
  margin:0px; 
  padding:0px;
  text-align:left;
  vertical-align:baseline;
  border:0 none;
}

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

/*-----------------------------------
  HEADER STYLE SETTINGS
------------------------------------*/
h1 { font-size:17px; line-height:24px; font-weight:bold; letter-spacing:1.2px; text-transform:uppercase; margin:0 0 10px 0; color:#333333; }
h2 { font-size:14px; line-height:20px; font-weight:bold; margin:0 0 5px 0; }
h3 { font-size:14px; line-height:20px; font-weight:bold; margin:0 0 5px 0; }
h4 { font-size:14px; line-height:20px; }
h5 { font-size:11px; line-height:15x; color:#333333; margin:0 0 8px 0; }
h6 { font-size:10px; line-height:14px; }

/* Opsætning af firstheader */
h1.csc-firstHeader { }
.shadowboxPage h1 {padding: 15px 0 0; text-align: center;}

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

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

sup { font-size:80%; vertical-align:super; }

/*-----------------------------------
  LINK STYLE SETTINGS
------------------------------------*/
a { color:#0c485c; font-weight:bold; text-decoration:none; }
a:link, a:link strong, a:visited, a:visited strong {}
a:hover, a:hover strong { color:#999; text-decoration:none; }
a:active {}

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

:focus { outline-style:none; }

span.whiteButton {  height:25px; line-height: 25px; display:inline-block; background:transparent url('../images/whiteButton.png') left -25px no-repeat; }
span a.whiteButton { height:25px; line-height:20px; display:inline-block; color:#ffffff; font-size:17px; margin: 0 0 0 19px; padding: 3px 20px 3px 0; background:transparent url('../images/whiteButton.png') right 0px no-repeat; }

span.greenButton { height:25px; line-height: 25px; display:inline-block;  background:transparent url('../images/greenButton.png') left -25px no-repeat; }
span a.greenButton { height:25px; line-height: 20px; display:inline-block; color:#ffffff; font-size:17px; margin: 0 0 0 19px; padding: 3px 20px 3px 0; background:transparent url('../images/greenButton.png') right 0px no-repeat; }


/*-----------------------------------
  CLASS STYLE SETTINGS
------------------------------------*/
span.class-0, p.class-0, #leftCol-1 span.class-0, #leftCol-1 p.class-0{ font-size:24px; font-family: HastyTasty; } /* font HastyTasty */
span.class-1, p.class-1 { color:#8cbb24 } /* Grøn */
span.class-2, p.class-2 { color:#0a647a } /* Blå */
span.class-3, p.class-3 { color:#6e6e6e } /* Grå */
span.class-4, p.class-4 { color:#4c053d } /* Lilla */
span.class-5, p.class-5 { color:#ffffff } /* Hvid */


/*-----------------------------------
   HR STYLE SETTINGS
------------------------------------*/
hr {  width:100%; height:1px; line-height:1px; border:0; border-top:1px solid #D6D5D5; padding:0; margin:10px 0; }



/*-----------------------------------
  INPUT, SELECT, TEXTAREA STYLE SETTINGS
------------------------------------*/
/* Hvert inputsfelt */
.fieldWrap, div.inputfields { margin:0 0 9px; }
div.submitfields { margin:9px 0 0; }


label, .powermail_label {
  height:36px;
  line-height:35px;
  width:90%;
  padding:0;
  display:block;
  float:left;
}

/* <input type="text"> */
input[type="text"], input[type="tel"],  input.text, input.stdText, .powermail_input {
  height:36px;
  min-width:93%;
  padding:0 3%;
  border:2px solid #e5e4e4;
  background:#f4f4f4 none;
}

/* select */
select, .powermail_select {
  min-width:calc(99% + 2px);
  padding:0 3%;
  border:2px solid #e5e4e4;
  background:#f4f4f4 none;
}

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

/* <input type="checkbox"> */
input[type="checkbox"], input.checkBox {
  width:13px;
/*
  min-height:32px;
  margin:0.5% 61% 0.5% 3%;
*/
  border:2px solid #e5e4e4;
  background:#f4f4f4 none;
}

/* <input type="radio"> */
input[type="radio"], input.radio {
  width:13px;
  min-height:inherit;
  margin:2.5% 1% 2.5% 3%;
  border:1px solid #e5e4e4;
}


/* textarea */
textarea {
	width:98.5%;
  padding:2px;
  border:2px solid #e5e4e4;
  overflow:auto;
  background:#f4f4f4 none;  
}


/* <input type="submit"> */
input[type="submit"], input.submit, input.stdSubmit, input.powermail_submit, div.mbl_newsevent_register a  {
  text-transform:uppercase;
  height:36px;
  padding:0 14%;
  position:relative;
  font-weight:bold;
  color: #f4f4f4;
  text-decoration:none;
  cursor:pointer;
  border:2px solid #e5e4e4;
  background-color:#8dc53e;
  
}

input[type="submit"]:hover, input.submit:hover, input.stdSubmit:hover, input.powermail_submit:hover {
  border-color:#ef2b2d;
  color:#ef2b2d;
}



input:not([type="submit"]):focus,
select:focus,
textarea:focus   {
  background:#fff none;
  border:2px solid #cccccc;
  -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:2px solid #EDEDED;
  background:#EDEDED none;
}

.readonly, .readonly input {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}


/*-----------------------------------
  LIST STYLE SETTINGS
------------------------------------*/
ul {
  text-align:left;
  padding-left:0px;
  list-style-image: url('../images/listitem.png');
  list-style-position: outside;
  margin:0 0 20px 16px;
}

ul li {
  padding-bottom:0px;
  line-height:20px;
}

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

ol li {   line-height:20px;  }

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

/*-----------------------------------
  TABLE STYLE SETTINGS   [TYPO3] 
------------------------------------*/
/* Tabellen */
table.contenttable { 
  width:100%;
  border-collapse: collapse;
  padding:0;
  border: 0px solid #cccccc; 
}

/* Overskriftscelle */
table.contenttable th {
  background: #cccccc;
  text-align: center;
  padding:5px 0;
}

table.contenttable th pt {  font-weight: bold; margin:0; } 

/* Almindelig celle */
table.contenttable td { padding: 2px;}
table.contenttable td p { margin: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;}

table.withBorders {  border:1px; }
table.withoutBorders {  border:0; } 

/* skiftende rækker */
table.countingtable {
  border-collapse: collapse;
  padding:0;
  border: 0 none; 
}

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

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

tr.tr-odd { background-color:#ffffff; }
tr.tr-even { background-color:#e6e6e6; }
tr.tr-last { border-bottom:1px solid #0f3caa; }

/*====================================
  TYPO3 inlines styles
=====================================*/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
  margin-bottom:0px;
}
dd.csc-textpic-caption { font-size:13px; line-height:16px; font-weight:bold; padding:5px 0 0 0; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { margin:0 }