﻿/*/----------------------------------------------------------------------------------/*/
/*/ General styling                                                                  /*/
/*/----------------------------------------------------------------------------------/*/

body {
    text-align: center;
    background-color: Black;
    background-image: url('../images/bg.jpg');  
}
a, a:active, a:visited {
    text-decoration: none;
    font-weight: normal;    
    color: Blue;
}
a:hover {
    text-decoration: underline;
    /*font-weight: bold;*/
    color: Blue;    
}
/*a:visited {
    text-decoration: underline;
    font-weight: normal;  
    color: Red;
}*/
.printArea {
    padding: 0px;
    margin: 0px;
    background-position: center center;
    background-repeat: no-repeat;
}
.standardForm {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: justify; 
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small;
}

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for default.aspx on root (Frontpage!)                                    /*/
/*/----------------------------------------------------------------------------------/*/

/* Styring af genvejsmenuen */
.quickmenu {
    font-size: 14px;
    position: absolute; 
    left: 88%;
    list-style-type: none;
}
.quickmenu li ul {
    display: none;
}
.quickmenu li:hover > ul {
    display: block;
}
.quicklink {
    font-weight: bold;
    color: Red;
    list-style-type: none;
    padding: 0px;
}
.quicklink:hover {
    font-weight: bold;
    color: Red;
    text-decoration: underline;
}
.quickmenu ul {
    list-style-type: none;
    padding: 0px;
}
.quickmenu ul li {
    padding: 2px;
}
.quickmenu ul a {
    font-size: 10px;
    color: Red;
    list-style-type: none;
    text-decoration: none;
    padding: 0px;
}
.quickmenu ul a:hover {
    list-style-type: none;
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
}
.quickmenu ul a:visited {
    text-decoration: none;
}

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for master.master                                                        /*/
/*/----------------------------------------------------------------------------------/*/

/* Denne div omringer alt indholdet på siden */
.containerdiv {
    width: 85%;  
    margin: 0 auto;
}
/* Headeren er den table, der indeholder logo og præsentative tekster */
.header {
    width: 100%;
}
/* TableRow1 indeholder logoet */
/*.juulslogo, .amulogo, .kuclogo 
{
    background-image: url("../images/haand.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 200px;
    height: 110px;
}*/

.juulslogo {
    background-image: url("../images/juulslogo.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 200px;
    height: 110px;
}
.amulogo, .kuclogo {
    background-image: url("../images/amulogo.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 200px;
    height: 100px;
}
/* {
    background-image: url("../images/kuclogo.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    width: 200px;
    height: 110px;
}*/
.kucbanner {
    background-image: url("../images/kuclogo.gif");
    background-repeat: no-repeat;
    cursor: pointer;    
    float: left;
    width: 600px;
    height: 110px;
}
/* TableRow2 indeholder banneret */  
.juulsbanner {
    background-image: url("../images/juulsbanner.gif");
    background-repeat: no-repeat;
    cursor: pointer;    
    float: left;
    width: 600px;
    height: 110px;
}
.amubanner {
    background-image: url("../images/amubanner.gif");
    background-repeat: no-repeat;
    cursor: pointer;    
    float: left;
    width: 600px;
    height: 110px;
}
/* TableRow3 indeholder link til forsiden */ 
.juulgruppen {
    width: 16%;
    height: 110px;
    padding: 5px 0px 0px 0px;
}
.juulgruppen a {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-decoration: none;
    color: White;
}
.juulgruppen a:hover {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-decoration: none;
    color: Red;
}
/* Headmenudiven indeholder hovedmenupunkterne */
.headmenudiv { 
    background-image: url('../images/menubg.jpg');
    text-align: center;
    height: 20px;
    float: none;
}
/* mainmenu er klassen til <ul>, som definerer hovedmenupunkterne */
.mainmenu { 
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.mainmenu li { 
    width: 14% !important;
    float: left;
    margin-left: 2px;
    height: 21px;
}
.mainmenu a {
    font-family: Tahoma, Arial, Sans-Serif;
    font-weight: bold;    
    text-decoration: none;
    color: White;
}
/* Styrer den midterste div, der er beregnet til selve indholdet */
.contentdiv {
    width: 100%;
    float: left;
    background-color: White;
}
/* Styling af footeren */
.footerdiv {
    background-image: url("../images/footbg.jpg");
    font-family: Tahoma, Arial, Sans-Serif;
    width: 100%;
    float: left;
    text-align: center;
    height: 25px;
}
.footerdiv td {
    color: White; 
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small; 
    font-weight: bold;
    text-decoration: none;
}
.footerdiv td a {
    color: White; 
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small; 
    font-weight: bold;
    text-decoration: none;
}
.footerdiv td a:hover {
    color: red; 
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small; 
    font-weight: bold;
    text-decoration: none;
}

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for right.master                                                         /*/
/*/----------------------------------------------------------------------------------/*/

/* Der er også en content-table i menu.master! */
.contenttable {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.contenttable tr td {
    vertical-align: top;
}
.rightside {
    width: 25%;
    background-color: White;
}
/* Nedenstående styrer selve aktivitetsboksenes udseende */
/*.activityBox {
    margin: 15px 5px 15px 5px;
    cursor: pointer;
}
/* Nedenstående er den inaktive aktivitetsboks udseende */
/*.rTop, .rBottom {
    display: block;
}
.rTop *, .rBottom * {
	display: block;
	height: 1px;
	font-size: .01em;
	overflow: hidden;
	background: #CCCCCC;
}
.r1 {
    margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	background: #d8d8d8;
}
.r2 {
    margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
	background: #d5d5d5;
}
.r3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}
.r4 {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
.r5
{
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}
.rContent {
    color: Black;
	background: #CCCCCC;
}
.rContent * {
    font-family: Tahoma, Arial, Sans-Serif;
	padding: 0px;
	margin: 0px;
}
/* Nedenstående er den aktive aktivitetsboks udseende */
/*.dTop, .dBottom {
    display: block;
}
.dTop *, .dBottom * {
	display: block;
	height: 1px;
	font-size: .01em;
	overflow: hidden;
	background: #EBEBEB;
}
.d1 {
    margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0
}
.d2 {
    margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#eeeeee
}
.d3 {
	margin-left: 1px;
	margin-right: 1px;
  border-left:1px solid #eeeeee;
  border-right:1px solid #eeeeee;
}
.d4 {
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6
}
.d5
{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0
}
.dContent {
    color: Black;
	background: #EBEBEB;
}
.dContent * {
    font-family: Tahoma, Arial, Sans-Serif;
	padding: 0px;
	margin: 0px;
}
/* Styling af indholdet af aktivitetsboksene */
/*.abTopHead {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.abSubHead {
    padding: 0px; 
    margin: 0px;
    font-size: small;
    font-weight: bold;
    text-align: center;
}
.abContent {
    padding: 10px;
    margin: 0px;
    font-size: small;
    font-weight: normal;
    text-align: justify;
}

/* Style for jscroller! */
#scroller_container {
     width: 200px;
     height: 20px;
     margin: 0px auto;
     overflow: hidden;
}
/* CSS Hack Safari */
#dummy {
    ;# 
}
#scroller_container {
    overflow: auto;
}

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for menu.master                                                          /*/
/*/----------------------------------------------------------------------------------/*/

.leftmenu {
    /*float: left;*/
    width: 230px;
    padding: 0px;
    margin: 0px;
    background-color: White;
}
.menulinkstyle {
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small;
}
/* Styling af selve sidemenuen */
.arrowlistmenu {
    width: 230px;
    padding-top: 15px;
    vertical-align: top;
    top: 0px;
}
.arrowlistmenu .menuheader { 
    font: bold 14px Arial;
    color: white;
    background: black repeat-x center left;
    text-transform: uppercase;
    padding: 4px 0 4px 10px;
    cursor: pointer;
    text-align: left; 
    background-position: center right; 
    background-repeat: no-repeat;
}
.arrowlistmenu a {
    text-decoration: none;
    color: White;
    font-weight: bold;
}
.arrowlistmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
}
.arrowlistmenu ul li {
    padding-bottom: 2px;
}
.arrowlistmenu ul li a {
    color: #A70303;
    display: block;
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #dadada;
    font-size: small;
}
.arrowlistmenu ul li a:visited {
    color: #A70303;
}
.arrowlistmenu ul li a:hover {
    color: #A70303;
    font-size: 14px;
    font-weight: 600;
    background-color: #EAEAEA;
}
.sidemenubox{
	padding-top: 15px;
}

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for staff presentation                                                   /*/
/*/----------------------------------------------------------------------------------/*/

.pictureCell {
    width: 125px;
    margin: 0px 0px 0px 15px;

}
.pictureHolder {
    border-color: #404040; 
    border-width: 1px; 
    border-style: Solid; 
    background-position: center center;
    overflow: hidden;
    height: 150px;
    width: 125px;
    cursor: pointer;
}
/*.pictureHolder a {
    font-size: 0px;
}*/
.presentationHolder p {
    padding-left: 10px;
    margin: 0px;
}
.teacherInfo p {
    margin: 0px;
}
.weekSched {
    width: 100%;
}
.wstd {
    width: 40%;
}
.linebreak {
    height: 13px;
}
img.bigPicture {
    width: 37.50em;
}
.sendmail {
    cursor: pointer;
}

/*/------------------------------/*/
/*/ CAN BE DELETED!!!!!!!!!!!!!! /*/
/*/------------------------------/*/
/*.ultimatecontentdiv {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    top: 0px;
}
.middlediv {
    /* Styling af div indeholdende middlecontent */
    /* height: 600px; 
    text-align: justify;
    padding-top: 15px;
}
.rightdiv {
    /* Styling af div indeholdende right side content 
    width: 230px;
    /* height: 600px; 
    padding-top: 15px;
}
.middlecontent {
    float: left;
    width: 60%;
    padding: 0px;
    margin: 0px;
}
.rightmenu {
    float: right;
    width: 20%;
    padding: 0px;
    margin: 0px;
}*/

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for competetion module                                                   /*/
/*/----------------------------------------------------------------------------------/*/

.marginTopDivs {
    text-align: left;
    margin-top: 10px;
}
.marginTopDivs p {
    margin: 0px;
    padding: 0px;
}
.mainQuestion {
    margin: 20px 0px 0px 20px;
    padding: 0px;
    text-align: left;
}
.marginQuestions {
    margin: 0px 0px 0px 20px;
}
.txtBoxes {
    margin: 0px;
    padding: 0px;
    width: 210px;
}
.txtLabel {
    margin: 0px;
    padding: 0px;
}
.sForm {
    text-align: justify; 
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small;
    margin: 0px;
}
.sForm div {
    padding: 5px;
}

/*/----------------------------------------------------------------------------------/*/
/*/ Classes for intra.master                                                      /*/
/*/----------------------------------------------------------------------------------/*/

.sp-contentdiv {
    width: 85%; 
    margin: 0 auto; 
    padding: 0; 
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: small; 
    font-weight: bold;
}
.sp-logo {
    font-size: 40px; 
    /*position: absolute; 
    left: 67%; 
    top: 0px; */
    float: right;
    color: White; 
    font-family: Berlin Sans FB Demi, Arial Black;
}
.sp-menudiv {
    border-top: solid 1px white; 
    border-bottom: solid 1px white; 
    margin-top: 100px; 
    text-align: left; 
    font-size: 15px;
    height: 30px !important; 
    padding: 2px;
}
#sp-menulist li ul {
    display: none;
}
#sp-menulist li:hover > ul {
    display: block;
}
.sp-menulist {
    /*position: absolute;
    position: relative;
    width: 100%;*/
    margin: 0;
    padding: 0;
    list-style: none;
}
.sp-menulist ul {

}
.sp-menulist li {
    padding-left: 35px;
    float: left;
}
.sp-menulist li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sp-menulist li ul li {
    /*padding-left: 15px;

    padding: 10px;
    float: none;*/
    width: 135px;    
    margin: 0px;
    clear: both;
    background-color: black;
    list-style: none;
    text-indent: 0;
}
.sp-menulist a {
float: left;
    color: White;
    font-weight: bold;
    font-size: 15px;
}
.sp-menulist a:hover {
    color: Red;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}
.sp-menulist a:visited {
    text-decoration: none;
}
/*
.sp-menutable {
    color: White;
}
.sp-menutable tr td {
    padding-left: 25px;
}
.sp-menutable tr td a {
    color: White;
    font-weight: bold;
    font-size: 15px;
}
.sp-menutable tr td a:hover {
    color: Red;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}
.sp-menutable tr td a:visited {
    text-decoration: none;
}
*/
.sp-form {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
.sp-footer {
    border-top: solid 1px white; 
    border-bottom: solid 1px white; 
    margin-top: 35px;
}
.rd {
    display:block
}

.rd * {
    display:block;
    height:1px;
    overflow:hidden;
    font-size:.01em;
    background:#FFFFFF
}

.rd1 {
    margin-left:3px;
    margin-right:3px;
    padding-left:1px;
    padding-right:1px;
    border-left:1px solid #aca7a7;
    border-right:1px solid #aca7a7;
    background:#dbd8d8
}

.rd2 {
    margin-left:1px;
    margin-right:1px;
    padding-right:1px;
    padding-left:1px;
    border-left:1px solid #7d7575;
    border-right:1px solid #7d7575;
    background:#e3e1e1
}

.rd3 {
    margin-left:1px;
    margin-right:1px;
    border-left:1px solid #e3e1e1;
    border-right:1px solid #e3e1e1;
}

.rd4 {
    border-left:1px solid #aca7a7;
    border-right:1px solid #aca7a7;
}

.rd5{
    border-left:1px solid #dbd8d8;
    border-right:1px solid #dbd8d8;
}
.rdfg{
    background:#FFFFFF;
}


/*/----------------------------------------------------------------------------------/*/
/*/----------------------------------------------------------------------------------/*/
/*/ Additional styling                                                               /*/
/*/----------------------------------------------------------------------------------/*/

.locationInfo {
    width: 100%;
}
.locationInfo p {
    margin: 0px;
}
.locationInfo table {
    width: 100%;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
}
.history td {
    padding-top: 8px;
}

.linkArea p {
    padding: 0px;
    margin: 0px;
}
.linkArea a {
    color: Black;
}
.linkArea a:hover {
    color: Blue;
    text-decoration: none;
    font-weight: bold;
}
.categoryBox {
    text-align: justify;
    padding: 8px;
    margin-bottom: 25px;
    width: 44%; 
    float: left;
    border: dotted 1px gray;
}
.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
.floatcontainer{display: inline-block;} 

/* Hides from IE Mac */
* html .floatcontainer {height: 1%;}
   .floatcontainer{display:block;}
/* End Hack */
    
    
    
    
    
    
    
    
    
    
/* TEST TEST TEST
ul {
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;    
    padding: 5px 15px 5px 15px;
    background: #414141;
    margin-left: 1px;
    white-space: nowrap;
}
ul li a:hover { 
    background: #949494;
    color: White;
}
li:hover ul {
  width: 100%;
  z-index: 1;
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 10px;
}
li:hover a { background: #949494; }
li:hover li a:hover { background: #95A9B1; } */








/*******************************************/
/* 
/* EFTERUDDANNELSE.DK styling
/*
/*******************************************/


