/* Mass reset*/

html, 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, 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*/
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	text-align: left;
	vertical-align: baseline;		
}
	
a img {border:none;}

.adminSide table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* Mass reset end */

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

h1 {
	font-weight:bold;
	color:#333;
}

h2 {
	font-weight:bold;
	color:#366;
}

h3 {
	font-weight:bold;
	color:#f90;
}


h4 {
	
}

h5 {
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding-top:30px;	
}

h6 {
	display:inline;
	font-size:12px;
	font-weight:bold;
	padding-top:20px;
}

li {
	margin:1em 0 1em 2em;
}

/* MAIN  ****************************/
body {	
	font-family: arial, sans-serif;
	font-size:11px;			
	color:#666;
}

body, html {
	height:100%;	
}

a {
	text-decoration:none;
	color:#3cc;	
}

a:hover {
	color:black;
}

#yogaHoersholm {
	display:none;
}

table#masterLayout {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	border-collapse:collapse;
}

#masterLayout #topTD, #masterLayout #bottomTD {
	background:#366;
	border:none;
	padding:0;
}

#masterLayout #middleTD {
	height:740px;
	background:url(/images/middleBg.gif) repeat-x top #366;
	border:none;
}

body.adminBody #masterLayout #topTD {
	height:40px;
}

body.adminBody #masterLayout #middleTD {
	background:url(/images/adminMiddleBg.gif) repeat-x top;
}

body.adminBody #masterLayout #bottomTD {
	background:none;
}

#centerBg {
	background:white;
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height: 627px;
}

#sortTopstreg {
	background: url(/images/sortTopStreg.gif) repeat-x top;
	position:absolute;
	left:0;
	top:124px;
	width:100%;
	height:8px;
}

#sortBundstreg {
	top:755px;
	height:7px;
	font-size:1px;
	position:absolute;
	left:0;
	width:100%;
	background: url(/images/sortBundStreg.gif) repeat-x top;
}

#content {
	margin:0 auto;
	width:985px;
	position:relative; 	
	top:11px;
}

#yzLogo {
	position:absolute;
	left:0px;
	top:38px;
}

#yzLogoAdmin {
	position:absolute;
	left:0px;
	top:-43px;
}


.adminBody #yzLogo {
	display:none;
}

#topMenu {
	position:absolute;
	right:0;
	top:0px;
	color:white;
	font-size:12px;		
}

#topMenu a {
	text-decoration:none;
	color:white;
}

#topMenu a:hover {
	text-decoration:underline;
	color:white;
}

#topMenu #bagIcon {
	vertical-align:text-top;
	width:52px;
	height:50px;
}

#pageContent {
	position:absolute;
	left:0;
	top:41px;	
	width:985px;
	height:371px;	
}

.adminSide {	
	top:15px;
	left:0;
	position:absolute;	
}

#kontaktInfo {
	position:absolute;
	left:0;
	width:100%;
	text-align:left;
	top:680px;
	font-size:12px;	
	color:white;
}

#kontaktInfo a {
	color:white;
	text-decoration:none;
}

#kontaktInfo a:hover {
	text-decoration:underline;
}

#copyright {
	display:block;
	position:absolute;
	right:0;
	width:230px;
	text-align:right;
	top:680px;	
	font-size:10px;
	color: #3cc;
	text-decoration:none;
}

#copyright:hover {
	color:white;
}

.warning {
	color:red;
	font-weight:bold;
}

/* LOGIN   *************************************/

#loginCurtain {
	position:Absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	background:white;
	z-index:40;
}

#loginPopup {
	position:absolute;
	left:400px;
	top:200px;
	display:none;
	z-index:41;
	font-size:11px;
	color:white;
}

#loginPopup #loginPopupBg {
	position:absolute;
	top:0;
	left:0;
	width:373px;
	height:189px;	
	background:url(/images/loginPopup.png) no-repeat top left;
}

#loginPopup .title {
	font-size:11px;
	font-weight:bold;
	color:#300;
	position:absolute;
	left:40px;
	top:25px;	
	width:300px;		
}

#loginPopup .title img {
	margin-right:4px;
}

#loginPopup table {
	position:absolute;
	left:20px;
	top:53px;
	z-index:42;
}

#loginPopup .loginOptions {
	position:absolute;
	left:20px;
	top:145px;
	width: 220px;
	font-size:11px;
	color:#666;
}

#loginPopup .submitBtn {
	position:absolute;
	width:80px;
	left:270px;
	top:148px;
}

#loginPopup #forgotPassword table {
	top:81px;
}

#loginPopup table td {
	height:24px;
}

#loginPopup table tr.row2 td {
	height:20px;
}

#loginPopup table td.col1 {
	width:60px;
}

#loginPopup .textIpt {
	font-size:11px;
	width:176px;
	height:16px;
	padding:2px;
	border:none;
}

#loginPopup .chkbxIpt {
	border:none;
}

#loginPopup a {
	color:#666;
}

#loginPopup a:hover {
	color:white;
}

#loginPopup #forgotPassword {
	display:none;
}


/* SIDER FÆLLES STYLING  ************************/

.overskrift {
	position:absolute;
	left:387px;
	width:597px;	
	border-bottom:2px solid #3cc;
	padding-bottom:5px;
	color:black;
	font-weight:bold;
}

.overskrift img {
	margin:0 5px;
	position:relative;
	top:1px;
}

.overskrift .overskriftHojreTekst {
	position:absolute;
	right:0;
	top:0;
}


/* ENKELTE SIDER   ********************************/

#index #slideshow, #hold #slideshow {
	position:absolute;
	left:368px;
	top:6px;
}

#index .overskrift, #hold .overskrift {	
	top:201px;	
}

#index #tekst, #hold #tekst {
	position:absolute;
	left:387px;
	top:239px;
	width:595px;
	padding-right:15px;
	height:367px;
}

/* KONTAKT  **********************************/

#kontakt #slideshow {
	position:absolute;
	left:368px;
	top:6px;
}

#kontakt #slideshow2 {
	position:absolute;
	left:704px;
	top:229px;
}

#kontakt .overskrift {	
	top:201px;	
}

#kontakt #tekst {
	position:absolute;
	left:387px;
	top:229px;
	width:287px;
	padding-right:15px;
	height:84px;
}

#kontakt form.genericAdminForm {
	position:absolute;
	left:387px;
	top:318px;
	width:300px;
}

#kontakt .genericAdminForm dt {
	width: 99px;
	float:left;
	clear:left;
	font-size:12px;
}

#kontakt .genericAdminForm dd {
	width: 186px;
	float:left;
	margin-bottom:2px;
}

#kontakt .genericAdminForm input {
	border:2px solid #e5e5e5;
	width:180px;
	font-size:11px;
	padding:2px;
}

#kontakt .genericAdminForm #besked {
	border:2px solid #e5e5e5;
	width: 184px;
	height:120px;
}

#kontakt .genericAdminForm #submit {
	border:none;
	width:106px;
}
	

/* SKABELON 1   ***************************/


#skabelon1 #slideshow {
	position:absolute;
	left:368px;
	top:6px;
}

#skabelon1 .overskrift {
	top:201px;	
}


#skabelon1 #tekst {
	position:absolute;
	left:387px;
	top:239px;
	width:595px;
	padding-right:15px;
	height:367px;
}

/* SKEMA  ************************************/

#skema .overskrift {
	top:22px;
}

#skema #oppeHojreTekst {
	position:absolute;
	left:600px;
	top:50px;
	text-align:right;
	width:385px;
}

#skema #infoTekster {
	position:absolute;
	left:390px;
	top:50px;
	width:200px;
}

#skema #infoTekster a {
	color:black;
	font-size:12px;
}

#skema #skemaWrapper {
	/*display:none;*/
}

#skema #yogaformer {
	position:absolute;
	left:390px;
	top:170px;
	width:500px;
}

#skema #yogaformer .yogaformCombo {
	position:relative;
	width:85px;
	height:16px;
	float:left;
	margin-right:5px;
}

#skema #yogaformer .yogaformCombo .yogaform {
	position:absolute;
	width:85px;
	height:16px;
	left:0;
	top:0;
	color:white;
	font-family:arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	z-index:1;
}

#skema #yogaformer .yogaformCombo .yogaformOverlay {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

#skema #ugeMenu {
	position:absolute;
	left:700px;
	top:170px;
	width:300px;
}

#skema #ugeMenu a {
	float:right;
	display:block;
	margin:0 10px;
	color:#666;
}

#skema #tabel {
	position:absolute;
	left: 57px;
	top:192px;
	width:928px;
	height:419px;
	padding:5px 0 0 15px;
	background:url(/images/skema_baggrund.gif) no-repeat top left;
}

#skema #tabel .ugeDag {
	float:left;
	width:118px;
	height:410px;
	margin-right:10px;
	position:relative;
}

#skema #tabel .ugeDag .ugeDagHeader {
	width:118px;
	font-family:arial black, arial, sans-serif;
	text-align:center;
	font-size:14px;
	height:26px;
	margin-top:3px;
}

#skema #tabel .ugeDag .klasseCombo {
	width:118px;
	height:77px;
	margin-bottom:10px;
	position:relative;
}


#skema #tabel .ugeDag .emptyKlasseCombo {
	width:118px;
	height:77px;
	margin-bottom:10px;
}

#skema #tabel .ugeDag .klasseCombo .klasseBgWrapper {
	position: absolute;
	top:0;
	left:0;
	width:118px;
	height:77px;
} 

#skema #tabel .ugeDag .klasseCombo .klasseBaggrund {
	position:absolute;
	left:0;
	top:0;
	width:118px;
	height:77px;
	z-index:1;
}

#skema #tabel .ugeDag .klasseCombo .klasseBgOverlay {
	position:absolute;
	left:0;
	top:0;
	width:118px;
	height:77px;
	z-index:2;
}

#skema #tabel .ugeDag .klasseCombo .klasseBgOverlay img {
	width:118px;
	height:77px;
}

#skema #tabel .ugeDag .klasseCombo .klasseContentWrapper {
	position:absolute;
	left:0;
	top:0;
	width:118px;
	height:77px;
}


#skema #tabel .ugeDag .klasseCombo .klasseContent {
	position:absolute;
	top:4px;
	left:15px;
	z-index:3;
	color:white;	
	font-weight:bold;
}

#skema #tabel .ugeDag .tilmeldt .klasseContent {
	color:orange;
}

#skema #tabel .ugeDag .klasseCombo .deltagerAntal {
	position:absolute;
	right:10px;
	bottom:5px;		
	z-index:2;
	color:white;
	font-weight:bold;
}

#skema #tabel .ugeDag .klasseCombo .aflyst {
	position:absolute;
	right:10px;
	bottom:5px;		
	z-index:2;
	color:red;
	font-weight:bold;
}

#skema #tabel .ugeDag .klasseCombo .klasseClickPad {
	position:absolute;
	left:0;
	top:0;
	width:118px;
	height:77px;
	z-index:4;
}

#skema #tabel .ugeDag .klasseCombo .klasseClickPad img {
	width:118px;
	height:77px;
	z-index: 4;
}

#skema .infoTekstPopup {
	position:Absolute;
	left:390px;
	top:200px;
	display:none;
}

#skema .infoTekstPopup .header {
	font-family:arial black, arial, sans-serif;
	width:400px;
	margin-bottom:15px;
}

#skema .infoTekstPopup .infoTekstPopupLuk {
	display:block;
	background:url(/images/stortLukX.gif) no-repeat top right;
	padding-right:20px;
	position:absolute;
	left:480px;
	top:0;
	width:100px;
	text-align:right;
	font-family:arial black, arial, sana-serif;
	color:black;
}	

#skema .infoTekstPopup .tekst {
	width:570px;
	height:350px;
	/*border:1px solid red;*/
	overflow:auto;
}

/* PRISER   *************************************/

#priser #slideshow {
	position:absolute;
	left: 368px;
	top:6px;
} 

#priser #infoTekster {
	position:absolute;
	left:368px;
	width:620px;
	top:177px;
	text-align:right;
	color:#366;
	font-size:12px;
}

#priser #infoTekster  a {
	color:#366;
	font-size:12px;
}

#priser .overskrift {
	top:198px;
	width:601px;
	font-weight:normal;
	font-size:12px;
}

#priser #dankortLogo {
	position:absolute;
	left:955px;
	top:196px;
}

#priser #roedFlade {
	position:absolute;
	left:861px;
	top:220px;
	width:127px;
	height:407px;
	background:#c00;
}

#priser #hojreTekst {
	position:absolute;
	left:870px;
	top:225px;
	width:118px;
	height:400px;
	color:white;
}

#priser #listeWrapper {
	position:absolute;
	left:390px;
	top:230px;
	width:435px;
	height:390px;
	padding-right:25px;
}

#priser #prisliste {
	margin-top:15px;
	font-size:12px;
}

#priser td.koebTD {
	vertical-align:top;
	width:65px;
}

#priser td.koebTD a {
	color:#f90;	
}

#priser td.itemTekstTD {
	color:#666;
}

#priser td.headerTD {
	color:black;
}

#priser .infoTekstPopup {
	position:Absolute;
	left:390px;
	top:200px;
	display:none;
}

#priser .infoTekstPopup .header {
	font-family:arial black, arial, sans-serif;
	width:400px;
	margin-bottom:15px;
}

#priser .infoTekstPopup .infoTekstPopupLuk {
	display:block;
	background:url(/images/stortLukX.gif) no-repeat top right;
	padding-right:20px;
	position:absolute;
	left:480px;
	top:0;
	width:100px;
	text-align:right;
	font-family:arial black, arial, sana-serif;
	color:black;
}	

#priser .infoTekstPopup .tekst {
	width:570px;
	height:350px;
	/*border:1px solid red;*/
	overflow:auto;
}

/* WORKSHOPS  ***************************/

#workshops #slideshow {
	position:absolute;
	left: 368px;
	top:6px;
} 

#workshops #overskrift {
	top:198px;
	width:601px;
	font-weight:normal;
	font-size:12px;
}

#workshops #workshopContainer {
	position:absolute;
	left:387px;
	top:230px;
	width:580px;
	height:400px;
	padding-right:30px;
}

#workshops .workshopTitel {
	color:#366;
	font-size:12px;
	font-weight:bold;
}

#workshops .workshopTekst {
	width:570px;
	margin-top:20px;
}

#workshops .workshopPris {
	width:570px;
	text-align:right;
	color:#666;
	font-size:12px;
	margin-top:25px;	
}

#workshops .workshopPris a {
	color:#f60;
	font-weight:bold;
}

#workshops .workshopAdresse {
	width:570px;
	text-align:right;
	color:#666;
	font-size:11px;
	margin-top:15px;	
}

#workshops #workshopContainer .overskrift {
	position:static;
	width:570px;
	margin-bottom:20px;
}

/* NYHEDSBREV  ****************************/

#nyhedsbrev #slideshow{
	position:absolute;
	left:368px;
	top:6px;
}

#nyhedsbrev .overskrift {	
	top:201px;	
}

#nyhedsbrev #nyhedsbrevElementer {
	position:absolute;
	left:387px;
	top:239px;
	width:595px;
	padding-right:15px;	
}

#nyhedsbrev #tekst {
	/*position:absolute;
	left:387px;
	top:239px;*/
	width:265px;
	padding-right:15px;
	margin:10px 0;	
}

#nyhedsbrev #seneste {
	font-weight:bold;
}

#nyhedsbrev #nyhedsbrevForm {
	margin-top:30px;
}

#nyhedsbrev #nyhedsbrevForm input {
	width:265px;
	height:19px;
	padding:2px;
	border:1px solid #ccc;
}

#nyhedsbrev #tilmeld {
	font-weight:bold;	
}

#nyhedsbrev #afmeld {
	color:#333;
	font-size:9px;
}

/* KURV  **********************************/

#kurv #greeting {
	position:absolute;
	left:410px;
	top:118px;
}

#kurv #tilbageTilShopping {
	position:absolute;
	left:820px;
	width:160px;
	top:113px;
}

#kurv #kurvRamme {
	position:absolute;
	left:398px;
	top:139px;
}

#kurv #dankortLogo {
	position:absolute;
	left:943px;
	top:146px;
}

#kurv #shoppingbag {
	position:absolute;
	left:420px;
	top:303px;
	width:188px;
	height:175px;
}

#kurv #listeWrapper {
	position:absolute;
	left:450px;
	top:160px;
	width:450px;
	height:140px;
	/*border:1px solid red;*/
	color:#444;
	font-size:12px;
}

#kurv #listeWrapper a {
	color:#f90;
	font-size:11px;
}

#kurv #listeWrapper #outerTD {
	height:130px;
	vertical-align:middle;
}

#kurv #listeWrapper .col1 {
	width:320px;
}

#kurv #listeWrapper .col2 {
	width:37px;
}

#kurv #listeWrapper .col3 {
	width:45px;
	text-align:right;
}

#kurv #total {
	position:absolute;
	left:745px;
	top:355px;
	width:200px;
	text-align:right;
	font-family:arial black, arial, sans-serif;
	font-size:12px;
}

#kurv #betingelserAccept {
	position:absolute;
	left:670px;
	top:415px;
	width:300px;
	text-align:right;
}

#kurv #betingelserAccept a {
	color: #f90;
}

#kurv #betingelserAccept input {
	position:relative;
	top:2px;
}

#kurv #okBtn {
	position:absolute;
	left:820px;
	width:160px;
	top:460px;
}

#kurv #betingelserPopup {
	position:absolute;
	left:392px;
	top:102px;
	width:599px;
	height:398px;
	background:url(/images/kurv_betingelser_bg.gif) no-repeat top left;
	z-index:3;
	display:none;
}

#kurv #betingelserPopup #betingelserTekst {
	position:absolute;
	left:38px;
	top:27px;
	width:435px;
	height:328px;
}

#kurv #betingelserPopup .lukX {
	position:absolute;
	left:567px;
	top:366px;
}

/* START BETALING  *********************************/

#startbetaling {
	padding:20px;
}

#startbetaling h1 {
	font-size:15px;
	font-weight:bold;
}

/* AUTH DUMMY  *****************************/

#authDummy {
	padding:20px;
	font-size:12px;
}

#authDummy h1 {
	font-size:15px;
	font-weight:bold;
}

#authDummy table {
	border-collapse:collapse;
}

#authDummy td {
	border:1px solid #666;
	padding:2px 4px;
}

/* PROFIL   *************************************/

#profil .overskrift {
	font-size:12px;	
}

#profil #velkommenOverskrift {
	top:37px;
}

#profil #topTekst {
	position:absolute;
	left:390px;
	top:70px;
	width:485px;
	padding-right:20px;
	height:100px;
}

#profil #detaljerWrapper {
	position:absolute;
	top:190px;
	left:390px;
	width:555px;
	height:405px;
}

#profil #detaljerWrapper .overskrift {
	position:relative;
	left:0;
	top:0;
	width:500px;
	margin-bottom:20px;
}

#profil .overskriftHojreTekst a {
	font-size:12px;
	color:#f90;
}

#profil #detaljerWrapper #klasseTable, #profil #detaljerWrapper #workshopTable, #profil #detaljerWrapper #forloebTable {
	margin-bottom:20px;
	font-size:12px;
}

#profil #detaljerWrapper #kortTable .col1 {
	font-size:12px;
	width: 200px;
}

#profil #detaljerWrapper #kortTable .col2, #profil #detaljerWrapper #kortTable .col3 {
	font-size:11px;
	padding-right:10px;
}

#profil #klasseTable .col1 {
	width:80px;
} 

#profil #klasseTable .col1, #profil #klasseTable .col2, #profil #klasseTable .col3, #profil #klasseTable .col4, #profil #klasseTable .col5  {
	font-size:12px;
	padding-right:10px;
	white-space:nowrap;
}

#profil #klasseTable .col4 {
	width:100px;
}

#profil #klasseTable .col5 a {
	color:orange;
}

/* KUNDEDATA  ********************************/

#kundedata .overskrift {
	top:37px;
	font-size:12px;
}

#kundedata #form1 {
	position:absolute;
	left:390px;
	top:80px;
}

#kundedata #fieldset-hojreGruppe {
	position:absolute;
	left:210px;
	top:0px;
}

#kundedata dt {
	margin-top:6px;
}

/* VIS NYHEDSBREV  *****************************/

#visNyhedsbrev #tidspunkt {
	position:absolute;
	left:400px;
	top:10px;
	font-size:10px;	
}

#visNyhedsbrev #subject {
	position:absolute;
	left:400px;
	top:60px;
	font-size:12px;
	font-weight:bold;	
}

#visNyhedsbrev #tekst {
	position:absolute;
	left:400px;
	top:80px;	
	width:465px;
	padding-right:20px;
	height:520px;	
	font-size:12px;
}
	

	
/* Popups    ***************/

.popup {
	position:absolute;	
	display:none;	
	z-index: 10;
	color:white;
	/*border:2px solid #ccc; Bliver sat i utils.js*/
}



.popupLukDIV {
	position:absolute;
	right:10px;
	bottom:2px;
	width:100%;
	text-align:right;
}

.popupStor .popupLukDIV {
	position:absolute;
	right:16px;
	bottom:-5px;
	width:100%;
	text-align:right;
	z-index:100
}

.popupLukX {
	float:right;
	border: 1px solid white;
	width:15px;
	height:15px;
	font-weight:bold;
	text-align:center;
	font-size:12px;	
	background:url(../images/popupLukKryds.png) top left no-repeat;
}

.popupLukTekst {
	width:60%;
	float:right;
	text-align:right;
	margin: 2px 5px 0 0;
	font-weight:bold;
	font-size:10px;
	font-weight:bold;
}

.popupLukVenstreDIV {
	position:absolute;
	left:10px;
	top:3px;
	width:100px;
	z-index:20;
}

.popupStor .popupLukVenstreDIV {
	left:15px;
	top:-2px;
	z-index:20;
}

.popupLukXVenstre {
	float:left;
	border: 1px solid white;
	width:15px;
	height:15px;
	font-weight:bold;
	text-align:center;	
	background:url(../images/popupLukKryds.png) top left no-repeat;
}

.popupLukTekstVenstre {
	float:left;
	margin:2px 0 0 5px;
	font-weight:bold;
	font-size:10px;
	font-weight:bold;
}
.popupSubmitButton {
	position:absolute;
	right:10px;
	bottom:2px;		
}

.popupStor .popupSubmitButton {
	right:16px;
	bottom:-5px;	
	z-index:100
}

.popupLukImg {
	position:absolute;
	right:10px;
	bottom:5px;
}

#popupCurtain {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display: none;	
	background:white;	
	z-index: 8;	
}


/* VIEWHELPERS   **************************/

.editableText a {
	text-decoration:none;
}

.editableText a:hover {
	text-decoration:underline;
}

.positionedImageContainer {
	position:relative;
	display:block;
	overflow:visible;
}

.positionedImageContainer img {
	position:absolute;
}

/*************************************/
/* ADMIN                             */
/*************************************/

/* ADMIN REDIGER KLIPPEKORT **************************/


#admin_redigerKlippekort #prisliste_tekst {
	width:300px;
}

/* ADMIN REDIGER WORKSHOP   *****************************/

#admin_redigerWorkshop #fieldset-hojreGroup {
	position:absolute;
	left:300px;
	top:45px;
}

#admin_redigerWorkshop #fieldset-tekstGroup textarea {
	width:600px;
	height:400px;
}

#admin_redigerWorkshop #fieldset-GemGroup {
	position:absolute;
	left:0;
	top:600px;
}

/* ADMIN KUNDER  *************************************/

#admin_kunder #filter {
	position:absolute;
	left:750px;
	top:0px;
}

/* ADMIN KUNDEPROFIL  **************************/

#admin_kundeProfil #hojreKolonne {
	position:absolute;
	left:550px;
	width:400px;
	top:30px;
	border:1px solid #666;
	padding:10px;
}

/* ADMIN REDIGER KUNDE STAMDATA  ***********************/

#admin_redigerKundeStamdata #fieldset-hojreGruppe {
	position:absolute;
	left:300px;
	top:45px;
}



/* ADMIN_SKEMA   ***************************/

#admin_skema .genericAdminTableBodyContainer {
	margin-bottom: 20px;
}


/* ADMIN REDIGER SKEMA INFO TEKST *****************************/

#admin_redigerSkemaInfoTekst textarea {
	width: 575px;
	height:400px;
}

/* ADMIN REDIGER PRISER INFO TEKST *****************************/

#admin_redigerPriserInfoTekst textarea {
	width: 580px;
	height:400px;
}

/* ADMIN REDIGER PROFIL TOP TEKST   *****************************/

#admin_redigerProfilTopTekst textarea {
	width: 485px;
	height:295px;
}

#admin_redigerProfilTopTekst .updateNotification {
	position:absolute;
	left:0;
	top:400px;
}

/* ADMIN REDIGER YOGAFORM  ************************************/

#admin_redigerYogaform #farve {
	position:absolute;
	left:200px;
	top:42px;
}

/* ADMIN SEND NYHEDSBREV   ********************************/

#admin_sendNyhedsbrev textarea {
	width:485px;
	height:500px;
}

#admin_sendNyhedsbrev #Send {
	position:absolute;
	left:410px;
	top:40px;
}

#admin_sendNyhedsbrev #patience {
	position:absolute;
	left:410px;
	top:65px;
	width:400px;
}

/* ADMIN NYHEDSEBREV MODTAGERE   *****************************/

#admin_nyhedsbrevModtagere #filter {
	position:absolute;
	left:700px;
	top:15px;
}
 

/* ADMIN_REDIGER SLIDESHOWBILLEDE  ************************/

#admin_redigerSlideshowBillede #Gem {
	position:absolute;
	left:0;
	top:0px;
}	

#admin_redigerSlideshowBillede #slideshowSize {
	position:Absolute;
	left:0;
	top:50px;
}
	
#admin_redigerSlideshowBillede #imageEditor {
	position:absolute;
	left:100px;
	top:0px;
}

/* ADMIN KONTAKTINFO  ************************/

#admin_kontaktinfo #fieldset-groupKontaktinfo {
	position:absolute;
	left:0;
	top:100px;
}

#admin_kontaktinfo #fieldset-groupKontaktinfo textarea {
	width:900px;
	height:110px;
}

#admin_kontaktinfo #Gem {
	position:absolute;
	left:0px;
	top:30px;
}

#admin_kontaktinfo .updateNotification {
	position:absolute;
	left:0;
	top:60px;
}


/* ADMIN BESKEDER FRA HJEMMESIDEN   ***************************/

#admin_beskeder #info {
	position:absolute;
	left:610px;
	top:0px;	
	width:260px;
	height:500px;
	border:1px solid #ddd;
}

#admin_beskeder #info #infoBesked {
	width:260px;
	height:200px;				
	overflow:auto;
}


#admin_beskeder #info div {
	margin-bottom:10px;
}

#admin_beskeder #info h2 {	
	font-weight:bold;
	font-size:12px;
}

/* ADMIN_FILER ******************************/

#admin_filer #filer {
	position:absolute;
	left:150px;
	top:30px;
	height:400px;
	width:300px;
}

#admin_filer #deleteDiv {
	position:absolute;
	left:480px;
	top:30px;
}


#admin_filer #flashUploader {
	position:absolute;
	left:480px;
	top:60px;
}

/* ADMIN SIDER    *********************************/

#admin_redigerSide #fieldset-seo {
	border:1px solid black;
	padding:10px 30px;
	position:absolute;
	left:300px;
	top:30px;
}

#admin_redigerSide legend {
	font-weight:bold;
	font-size:13px;
	padding:0 10px;
}

#admin_redigerSide textarea {
	width:500px;
	height:30px;
	overflow:auto;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
}

/* ADMIN_RAPPORTER   ***************************/

#admin_rapporter #rapportControls {
	margin-top:3px;	
	width:200px;
}

#admin_rapporter #specs {
	margin-top:3px;
}

#admin_rapporter #specs_slutdato {
	margin-top:3px;
}

#admin_rapporter #specs_underviser_aktiviteter_sort {
	margin-top:3px;
}

#admin_rapporter #format {
	margin-top:3px;
}

#admin_rapporter #Gem {
	margin-top:10px;
}

#admin_rapporter #moreSpecsTable {
	position:absolute;
	left:200px;
	top:0;
}

#admin_rapporter #moreSpecsTable td {
	padding-right:20px;
	height:35px;
	vertical-align:middle;
}

#admin_rapporter #preview {
	position:absolute;
	left:200px;
	top:40px;
	width:700px;
	height:420px;	
	border:1px solid black;
	padding:20px 20px 0 20px;
	overflow:auto;
}

#admin_rapporter .rapportTitel {
	font-size:18px;
	font-weight:bold;
	margin:0 0 0px;
}

#admin_rapporter .sektionHeader {
	font-size:15px;
	font-weight:bold;
	margin:20px 0 5px;
	width:670px;
	border-bottom:1px solid #555;
}

#admin_rapporter .tableLabel {
	font-weight:bold;
	margin-top:5px;
}

#admin_rapporter .underviserCpr {	
	margin-left:20px;
	font-size:12px;
	font-weight:normal;
}

#admin_rapporter .emph {
	
	font-weight:bold;
	margin:10px 0 0;
}

#admin_rapporter .paragrafTypeHeader {	
	font-weight:bold;
	margin:10px 0 0;
}

#admin_rapporter .kursusInfo {
	margin-top:5px;
}

#admin_rapporter .rapport_manglerDokumentationCpr {
	font-size:10px;
}

#admin_rapporter .udenbysDeltagereChunk {
	position:relative;
	width:700px;
	height:340px;
	border:1px solid #aaa;
}

#admin_rapporter .UDToptable1 {
	position:absolute;
	left:5px;
	top:5px;
}

#admin_rapporter .UDToptable2 {
	position:absolute;
	left:330px;
	top:5px;
}

#admin_rapporter .UDToptable3 {
	position:absolute;
	left:470px;
	top:5px;
}

#admin_rapporter .UDToptable4 {
	position:absolute;
	left:570px;
	top:5px;
}

#admin_rapporter .UDDeltagerTable {
	position:absolute;
	left:5px;
	top:80px;
}


#admin_rapporter #downloadIFRM {
	width:1px;
	height:1px;
}


/* DROPDOWN   **********************/


.dropdownMenu .dropdown {
	display: none;
	position:absolute;
}


#adminMenuBg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:41px;
	background:#2e507a;
	z-index:190;
}

#adminMenuContents {
	width:848px;
	margin:0 auto;
	position:relative;
}

#adminMenu {
	position:absolute;
	left:-3px;
	top:13px;
	text-align:right;
	color:white;
	font-size:12px;	
	z-index:191;
	width:600px;
}

#adminMenu > a, #adminMenu div.dropdownLeadIn {
	text-decoration:none;	
	color:white;
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;	
	padding: 3px 6px;		
}


#adminMenu a.titleLink:hover {
	text-decoration:underline;
}

#adminMenu .dropdown {
	border:1px solid white;
	border-bottom:none;
}

#adminMenu .dropdown a {
	display:block;
	background:#366;
	color:white;
	padding:4px 6px;
	border-bottom:1px solid white;
	text-decoration:none;
	font-size:11px;
	white-space:nowrap;
}

#adminMenu .dropdown a:hover {
	background:#3cf;
}

.elementAdminLayer {
	position:absolute;	
	height:16px;
	left:0;
	top:-10px;	
	z-index:7;
}

.redigerKnap, .billedKnap, .nytBilledeKnap {
	float:left;
	cursor:pointer;
}

.flytKnap {
	float:left;	
	cursor:move;
}

.swapKnap {
	float:left;	
	cursor:pointer;
}

#editorCurtain {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:black;
	z-index:19;
	display: none;
}

#editorMasterContainer {
	position:absolute;
	left:0;
	top:0;	
	z-index:20;
	display: none;
	width:0;
	height:0;
}

#editorCenterContent {
	width:846px;
	margin:0 auto;
	position:relative;
}

#editorContainer {
	
}

#colorPickerContainer {
	position:absolute;
	display: none;
	border:1px solid black;
	background:white;
	padding:15px;
	z-index: 21;		
	font-size:12px;
}

#colorPickerContainer table {
	border-collapse:separate;
}

#colorPickerContainer td {
	border:2px solid white;
}

#colorPickerContainer table table td {
	vertical-align:middle;
}

.editableTextKnapDiv {
	padding:10px 5px;
}

.editableImage {
	position:relative;
}

.editableImageIMG {
	position:absolute;
}

/* SLIDESHOWS   **********************/

.slideshowBilledContainer {
	display:none;
}

.slideshowBilledContainer img {
	position:absolute;	
}

.overlayColoredBg {
	background: #efefde;
}


.genericAdminTableBodyContainer {	
	width:990px;
	/*height:170px;*/
	/*padding-right:5px;*/
}

.genericAdminTable {
	/*width: 848px;*/
}

.genericAdminTable th {
	background:black;
	color:white;
	border: 2px solid white;
	padding:2px 4px;
}
	
.genericAdminTable td {
	padding:2px 4px;
	border:2px solid white;	
	vertical-align:middle;
	height:25px;
	color:black;
}

.genericAdminTable tr.bg0 td {
	background:#dffafa;
}

.genericAdminTable tr.bg1 td {
	background:#b0f1f1;
}

.genericAdminTable tr.skjult_paa_web td {
	background: #88b4cb;
}

.genericAdminTable tr.manglerData td {
	background: #eeaaaa;
}

.genericAdminTable tr.selected td {
	border-color:green white;			
}

.genericAdminTable tr.selected td.lastCol {
	border-color:green green green white;
}

.genericAdminTable tr.selected td.firstCol {
	border-color:green white green green;	
}

.genericAdminTable tr.beforeSelected td, .genericAdminTable tr.beforeSelected th {
	border-color:white white green white;			
}


.genericAdminTable a {
	color:blue;
}

.genericAdminTable .colorPreviewDIV {
	width:15px;
	height:15px;
	border:1px solid black;
}

.adminTablePopupImage {
	position:absolute;
	border:1px solid black;
	padding:5px;
	background:white;
}

.genericAdminTablePreview {
	border:1px solid white;
}

.genericAdminTableFilter {
	position:absolute;
	left:120px;
	top:245px;
}

.genericAdminTableFilter .genericAdminTableFilterClearBtn {
	position:relative;
	vertical-align:bottom;
	top:-3px;
	cursor:pointer;
}


.genericAdminForm input[type=text], .genericAdminForm input[type=password] {
	width:170px;
}

.genericAdminFormMetaFieldGroup {
	height:0;
	width:0;
	overflow:hidden;
}

.simpleTable td {
	padding:2px 4px;	
	border:1px solid white;
}

.simpleTable td.key {	
	background:#dffafa;
}

.simpleTable td.value {
	padding-right:14px;
	background: #b0f1f1;
}

.simpleTable td.value.farRight {
	padding-right:4px;
}


.simpleTable2 th, .simpleTable2 td {
	padding:2px 4px;
	border: 1px solid white;
}

.simpleTable2 th {
	background: black;
	color:white;
}

.simpleTable2 td {
	background: #eee;
}

.simpleTable2 tr.odd td {
	background: #ddd;
}

.simpleTable3 td {
	padding:2px 4px;
	border:1px solid white;
}

.simpleTable3 td.bg0 {
	background:#dffafa;
}

.simpleTable3 td.bg1 {
	background:#b0f1f1;
}

.adminColorPicker .colorPreview {
	width:30px;
	height:30px;
	border:1px solid black;
	cursor:pointer;
}



/* IMAGE RESIZER    ********************/



.imageOverlayResizerDiv {
	position:relative;
}

.imageResizerWaitDIV {
	display: none;
}


.imageResizerFrameDIV {
	overflow:hidden;	
	/*border: 2px solid ;
	border-color: #888 #ddd #ddd #888;*/
	border: 1px dashed #bb6666;
	position:relative;	
	left:-1px;
	top:-1px;
	/*background:white;*/
}

.imageResizerFrameDIV img {
	/*border:1px dotted red;*/
	position:absolute;
	cursor:move;
}

.imageResizerControlsDIV {
	position:absolute;
	top: 0;
	height:238px;
	width:24px;
	background:#efefde;
	border: 1px solid black;
	padding:2px;
	z-index:2;
}

.imageResizerControlsShortDIV {
	position:absolute;
	top: 0;
	height:97px;
	width:24px;
	background:#efefde;
	border: 1px solid black;
	padding:2px;
}


.imageResizerDraghandle {
	position:absolute;
	left:2px;
	top:0;
	cursor: pointer;
}

.imageResizerControlsDIV .imageResizerDragbar {
	position: relative;
	left:0;
	top:0;
	height:200px;
	width:23px;
}

.imageResizerControlsShortDIV .imageResizerDragbar {
	position: relative;
	left:0;
	top:0;
	height:67px;
	width:23px;
}


.imageResizerFitBoth {
	position: relative;			
	float:left;
	clear:left;
	margin-top:5px;
	cursor:pointer;
}

.imageResizerFitWidth {
	position: relative;
	float:left;
	clear:left;
	margin-top:5px;
	cursor: pointer;
}

.imageResizerFitHeight {
	position:relative;
	float:left;
	clear:left;
	margin-top:5px;			
	cursor:pointer;
}

.imageResizerConfirmDiv {
	margin: 10px 0;	
	width:200px;
	position:relative;	
}

.imageResizerConfirmDiv table {
	width:10px;
	height:10px;
}

.imageResizerConfirmDiv td {
	padding:7px 7px;
	background:#efefde;
	border:1px solid black;	
	white-space:nowrap;
}

.imageResizerIframeWrapper {
	margin-top:5px;
	background:#efefde;
	border:1px solid black;
	padding:0 4px;
	width:300px;
}

.imageResizerIFRM {	
	width:290px;
	height:54px;
	margin-top:10px;
	background:transparent;	
}

/* BUTTON EDITOR OVERLAY  ************************/

.buttonEditorOverlayDiv, .buttonEditorOverlayDiv form {
	width:200px;
}

.buttonEditorOverlayDiv input[type=text] {
	font-size:10px;
	width:110px;
	text-align:center;
	border:1px solid #999;
}
	
/* UPDATE NOTIFICATION  *****************/

.updateNotification {
	color: green;
	display:none;
}

/* HACKS / FIXES **************************/

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}