/*	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

*/

.clear { clear:both; height:0px; overflow:hidden; } 
.nowrap { white-space:nowrap; }
.left { float:left }
.right { float:right; }
.required, .mandatory { color:rgb(238,38,38); }

/*====================================
  STYLES FOR DIV CONTAINERS - ALL PAGES
=====================================*/
#headerWrapper, #contentWrapper, #footerWrapper { width:100%; }

#header, #content, #footer {
  position:relative;
  top:0;
  max-width:1022px;
  padding:0;
  margin:0px auto;
  text-align:left;
  border-collapse:collapse;
}

/*====================================
  HEADER
=====================================*/
#headerWrapper { border-bottom:3px solid rgb(238,38,38); }
#header { }

/* WEBSITE LOGO */
#websiteLogo { position:absolute; z-index:10; right:0; top:0; }
#websiteLogo img { width:100%; height:auto; }

/* SHORCUTS FOR MOBILE WEBSITE */
#mobileShortcuts { display:none;  }
	


/*====================================
  MAINMENU
=====================================*/
#mainMenuResponsive { position:relative; width:100%; float:left; margin:0 0 3% 0; }
#mainMenu { position:absolute; z-index:15; bottom:0;  width:100%;}
#mainMenu #level-1, #mainMenu #level-1 ul { padding:0; margin:0; list-style:none outside none; z-index:9;}
#mainMenu #level-1 { width:100%; float:left; }
#mainMenu #level-1 > li { float:left; min-height:40px; line-height:40px; padding:0 2% }
#mainMenu #level-1 > li:first-child { margin:0 0 0 1%; }
#mainMenu #level-1 > li:hover,  
#mainMenu #level-1 > li:hover > a {color:#ffffff; background-color:rgb(238,38,38); -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;}
#mainMenu #level-1 > li > a { height:40px; display:table-cell; font-size:16px; color:rgb(81,81,81); text-decoration:none; text-align:center; vertical-align:middle;  }
#mainMenu #level-1 > li.cur,
#mainMenu #level-1 > li.curIfSub,
#mainMenu #level-1 > li.actIfSub { background-color:rgb(238,38,38); -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } 
#mainMenu #level-1 > li.cur > a,
#mainMenu #level-1 > li.curIfSub > a,
#mainMenu #level-1 > li.actIfSub > a  { color:#ffffff; }

/* level 2 */
#mainMenu #level-1 li ul { position:absolute;left:-999em; width:200px;padding:0; margin:0 0 0 -2%; background-color:rgb(238,38,38); -moz-border-radius:0 0 4px 4px;	-webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
#mainMenu #level-1 li ul li { width:100%; border-top:1px solid #ffffff; }
#mainMenu #level-1 li ul li:first-child { border-top:0 none;}
#mainMenu #level-1 li:hover ul {left:auto;}
#mainMenu #level-1 li ul a { color:#fff;  font-size:14px; padding:4% 5% 4% 12%; text-align:left; display:block; text-transform:none; }
#mainMenu #level-1 li ul a:hover { text-decoration:none; background:transparent url(ulWhite.png) left 11px no-repeat;}

#mainMenuResponsive { display:none; }

/*====================================
  CONTENTCONTAINER
=====================================*/
#contentWrapper{ min-height:200px; padding:0 0 4% 0; background-color:rgb(241,241,241); }
#content {  }

/* breadcrumb */
#breadcrumb { width:100%; margin:0 0 2% 0; padding:3% 0; border-bottom:1px solid rgb(231,231,231); }
#breadcrumb ul { list-style: none outside none; margin:0 0 0 3%; }
#breadcrumb ul li { float:left; margin:0 10px 0 0; padding:0 0 0 15px; background:transparent url(ul.png) left 4px no-repeat;   }
#breadcrumb ul li:first-child, 
#breadcrumb ul li.first { background:transparent none; padding:0; } 
#breadcrumb ul li a { color:#000000; }
#breadcrumb ul li.last a { color:rgb(81,81,81); }

#mainContent { width:97%; margin:0 0 4% 0; padding:0 0 0 3%; }
#mainContent  div.ce-textpic .ce-gallery figure.image { margin-bottom:10px;}
.subpage-1 #mainContent { width:66%; float:left; padding:0 0 0 4%; }
#leftCol-1, #centerCol-1, #rightCol-1, #centerCol-2 {
	min-height:305px;
	padding:2% 3%;
	background-color:rgb(231,231,231); 
}
#leftCol-1 { position:relative; width:24%; float:left; }
#centerCol-1 { position:relative; width:24%; float:left; margin:0 5%; }
#rightCol-1 { position:relative; width:24%; float:right;}
#rightCol-1 div.ce-textpic .ce-gallery figure.image { margin-bottom:10px;}
#centerCol-2 { position:relative; width:94%; margin:4% 0 0;  float:left;}

#subMenu {
	position:relative; 
	width:30%; 
	float:left; 
	padding:0%;
	background-color:rgb(231,231,231); 
}
#subMenu ul { list-style:none outside none; margin:0; }
#subMenu ul li { min-height:20px; line-height:20px; border-top:1px solid #fff; padding-bottom:0; }
#subMenu ul li:first-child { border-top:0 none;  }
#subMenu ul li a { width:85%; color:#515151; line-height:19px; padding:15px 0 15px 10%; display:block; background:transparent url(../images/subMenu.png) center right no-repeat; }
#subMenu > ul > li.curIfSub > a { background-image:url(../images/subMenuOpen.png) }
#subMenu ul li a:hover { color:#000; text-decoration:none; background:transparent url(../images/subMenuHover.png) center right no-repeat; }
#subMenu ul ul { margin-bottom:0;}
#subMenu ul ul li { background-color:#dbdbdb; }
#subMenu ul ul li a { }

/*====================================
  FOOTER
=====================================*/
#footerWrapper { min-height:210px; padding:2% 0 1%;  background-color:rgb(81,81,81); }
#footer {  }
#footerCol-1 { width:47%; float:left;  }
#footerCol-1 ul { list-style:none outside none; margin:0;  }
#footerCol-1 ul a { font-size:16px; line-height:24px; }
#footerCol-1 ul a * { color:#fff; }
#footerCol-2 { width:47%; float:right; text-align:right; }
#footer p,
#footer li, 
#footer strong,
#footer em,
#footer a { color:#ffffff; }



/*====================================
  EXT: Powermail
=====================================*/
.powermail_fieldset { width:100%; margin:0 0 3% 0; }
.hide h3, .hide legend {display:none; }
.powermail_fieldwrap { width:100%; margin:0 0 3% 0; } 
.powermail_fieldwrap_submit { }

.loginField { width:90%; float:left;}
.shortField { width:50%; float:left;}


/*====================================
  EXT: tx-ogmidtpointformular
=====================================*/
#terms-message { padding:5px; overflow:hidden; }
.ui-dialog-title { padding:5px; }
.ui-dialog-titlebar-close { float:right; }
.ui-icon-closethick { float: left; overflow: hidden; text-indent: 100%; width: 16px; }
.ui-resizable-handle { float:right; margin:-16px 0 0; cursor:pointer;}