body
{
 font-family: arial, verdana, tahoma;
 font-size: 11px;
 color: #000;
 background-image: url('/ajrgfx/gfx/baggrundstile.jpg');
 background-color: #3D434E;
 margin: 0;
}

.center{ margin-left: auto; margin-right: auto; text-align: center;}
.sitewidth{ width: 982px; text-align: left; margin-left: auto; margin-right: auto; }

/* ----------------- default classes ----------------- */

h1,h2,h3{ margin: 0; padding: 0; font-family: georgia; color: #FFFFFF; }
form{ margin: 0; display: inline; }
img{ border: 0; }

.left{ float: left; }
.right{ float: right; }
.clear{ clear: both ;}
.alignright{ text-align: right; }
.debug{ background-color: red; }

/* ----------------- start text classes ----------------- */

h1{ margin-bottom: 10px; font-size: 26px; line-height: 30px; color: #F9742C; font-weight: normal; }
h2{ margin-bottom: 15px; font-size: 16px; line-height: 20px; color: #545452; font-weight: bold; }
h3{ margin-bottom: 8px; font-size: 15px; line-height: 17px; color: #F9742C; }

h2.frontpageteaser{ margin-bottom: 8px; font-size: 17px; line-height: 19px; text-transform: uppercase; color: #fff; font-weight: normal; }
h3.quote{ margin-bottom: 0; font-size: 18px; line-height: 20px; font-weight: normal; color: #fff; }
h3.quoteorange{ margin-bottom: 0; font-size: 18px; line-height: 20px; font-weight: normal; color: #F9742C; }
h3.white{ margin-bottom: 8px; font-size: 15px; line-height: 17px; color: #fff; }
h3.newstitle{ text-transform: uppercase; margin-bottom: 15px; font-size: 13px; line-height: 15px; color: #fff; }

div{ font-size: 11px; line-height: 16px; color: #343433; }
div.white, td.white, span.white{ font-size: 11px; line-height: 16px; color: #FFFFFF; }
.orange{ color: #F9742C; }

.size9{ font-size: 9px; line-height: 10px; }

.uc{ text-transform: uppercase; }

/* ----------------- start link classes ----------------- */

a{ text-decoration: none; color: #F9742C; }
a:hover {text-decoration: underline; }


a.white{ color: #FFFFFF; text-decoration: none; }
a.white:hover {text-decoration: none; color: #F9742C; }

a.orange{ color: #F9742C; text-decoration: none; }
a.orange:hover{ text-decoration: none; }

a.dark{ color: #343433; text-decoration: none; }
a.dark:hover{ color: #F9742C; text-decoration: none; }


a.language{ font-size: 9px; color: #767672; text-decoration: none; position: relative; top: 5px; }
a.language:hover {text-decoration: none; color: #F9742C; }

/* ----------------- start menu classes ----------------- */

a.level0{ color: #FFFFFF; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-right: 18px; }
a.level0:hover { text-decoration: none; color: #F9742C; }
a.level0selected{ color: #F9742C; text-transform: uppercase; font-weight: bold; margin-right: 18px; }
a.level0selected:hover { text-decoration: none; color: #FFFFFF; }


/* ----------------- start form classes ----------------- */

input,textarea,select{ font-family: arial, verdana, tahoma; color: #000; font-size: 11px; }

.ButtonInputsMedium
{
 font-weight: bold;
 height: 20px;
 padding: 0px 10px 0px 10px;
 cursor: pointer;
 background-color: #cccccc;
 border: 1px solid #999999;
}

input.FormFieldInputsNarrow{
 width: 125px; height: 18px; border: 0;
 background-image: url('/ajrgfx/gfx/bg_text_input.gif');
 background-position: top left;
 background-repeat: no-repeat;
 background-color: transparent;
 padding: 2px 5px 0 5px;
}

input.FormFieldInputsMedium{
 width: 250px; height: 15px; padding: 0 2px 0 2px;
}

input.FormFieldInputsWide{
 width: 440px; height: 15px; padding: 0 2px 0 2px;
}

select{ width: 132px; font-family: verdana; font-size: 11px; }

select.FormFieldInputsMedium{ width: 258px; }


textarea.FormFieldInputsMedium{ width: 440px; height: 150px; }

.FormFieldLabelMediumStdColor{ font-weight: bold; margin-top: 15px; }
.minor { font-size: 11px }

/* ----------------- start list classes ----------------- */

ul{ list-style-type: none; margin: 0; padding: 0; }

ul li
{
 background-image: url('/ajrgfx/gfx/list_item.gif');
 background-repeat: no-repeat;
 padding-left: 12px;
 margin-left: 3px;
}

ul.navigation{ padding: 0; padding-top: 10px}
ul.navigation li{ float: left; background-image: none; margin: 0; padding: 0  }
ul.navigation li.splitter{
 width: 20px; height: 32px;
 background-image: url('/ajrgfx/gfx/splitter.gif');
 background-repeat: no-repeat; background-position: center left;
}

ul.whitelink li a{ color: #FFFFFF; text-decoration: none; }
ul.whitelink li a:hover{ color: #F9742C; text-decoration: none; }

/* ----------------- Start custom classes ----------------- */

.content{
  margin-left: auto; margin-right: auto; text-align: center;
  background-image: url('/ajrgfx/gfx/toptile.jpg');
  background-position: top center;
  background-repeat: repeat-x;
}

.highlite{
/*  background-image: url('/ajrgfx/gfx/highlite_billede.jpg'); */
  background-repeat: no-repeat;
  background-position: top center;
}

.footer{
  margin-left: auto; margin-right: auto; text-align: center;
  background-image: url('/ajrgfx/gfx/bund_bgtile.jpg');
  background-position: top center;
  height: 494px;
}

.contact{ text-align: right; padding-right: 28px; height: 85px; }

.col130{ width: 130px; }
.col147{ width: 147px; }
.col195{ width: 195px; }
.col205{ width: 205px; }
.col217{ width: 217px; }
.col219{ width: 219px; }
.col253{ width: 253px; }
.col448{ width: 448px; }

.row50{ height: 50px; width: 208px; }

.marbot8{ margin-bottom: 8px; }
.marright8{ margin-right: 8px}
.marbot10{ margin-bottom: 10px;}
.marright10{ margin-right: 10px}
.marright15{ margin-right: 15px}
.marright20{ margin-right: 20px}
.marright30{ margin-right: 30px}
.martop5{ margin-top: 5px; }
.martop10{ margin-top: 10px; }
.martop30{ margin-top: 30px; }

.padright5{ padding-right: 5px; }
.padright10{ padding-right: 10px; }
.padright20{ padding-right: 20px; }
.padright25{ padding-right: 25px; }
.padright30{ padding-right: 23px; }

.padtop2{ padding-top: 2px; }
.padtop3{ padding-top: 3px; }
.padtop4{ padding-top: 4px; }
.padtop7{ padding-top: 7px;}
.padtop8{ padding-top: 8px; }
.padtop10{ padding-top: 10px; }
.padtop12{ padding-top: 12px; }
.padtop15{ padding-top: 15px;}
.padtop17{ padding-top: 17px;}
.padtop20{ padding-top: 20px; }
.padtop21{ padding-top: 21px; }
.padtop30{ padding-top: 30px; }
.padtop38{ padding-top: 38px; }

.padleft5{ padding-left: 5px; }
.padleft10{ padding-left: 10px; }
.padleft13{ padding-left: 13px; }
.padleft40right33{ padding-left: 40px; padding-right: 33px; }
.padleft50{ padding-left: 50px; }
.padleft83{ padding-left: 83px; }

.pad5{ padding: 0 5px 0 5px; }

.menupad{ padding-top: 7px; }
.sectionpad{ padding-top: 6px; }

.searchbox{
 position: relative; width: 334px; height: 41px;
}

.abs{ position: absolute; top: 0; left: 0; z-index: 1; }
.abstext{ position: absolute; top: 6px; left: 15px; z-index: 2; }
.search{ position: absolute; top: 3px; right: 12px; z-index: 3; }

.teaser{ width: 218px; float: left; margin-right: 5px; }

.menuoff{
 background-image: url('/ajrgfx/gfx/bg_list_off.gif');
 background-position: top left;
 background-repeat: no-repeat;
 padding-left: 16px;
 padding-bottom: 4px;
}

.menuon{
 background-image: url('/ajrgfx/gfx/bg_list_on.gif');
 background-position: top left;
 background-repeat: no-repeat;
 padding-left: 16px;
 padding-bottom: 4px;
}

.submenuoff{
 background-image: url('/ajrgfx/gfx/bg_sub_list_off.gif');
 background-position: top left;
 background-repeat: no-repeat;
 padding-left: 16px;
 padding-bottom: 4px;
 margin-left: 20px;
}

.submenuon{
 background-image: url('/ajrgfx/gfx/bg_list_on.gif');
 background-position: top left;
 background-repeat: no-repeat;
 padding-left: 16px;
 padding-bottom: 4px;
 margin-left: 20px;
}

.submenu3off{
 background-image: url('/ajrgfx/gfx/bg_sub_list_off.gif');
 background-position: top left;
 background-repeat: no-repeat;
 padding-left: 16px;
 padding-bottom: 4px;
 margin-left: 36px;
}

.submenu3on{
 background-image: url('/ajrgfx/gfx/bg_list_on.gif');
 background-position: top left;
 background-repeat: no-repeat;
 padding-left: 16px;
 padding-bottom: 4px;
 margin-left: 36px;
}

.subnav{ width: 205px; margin-top: 33px; min-height: 287px; height:auto !important; height: 287px; }
.subbanner{ float: right; padding-right: 33px; }
.subbannercontainer{ width: 685px; height: 340px; position: relative; }
.subbannerlayer{ position: absolute; top: -1px; left: 0; z-index: 15; }
.subbannerimage{ position: absolute; top: 28px; left: 18px; z-index: 10; }

.highlayercontainer{ width: 218px; height: 274px; position: relative; }
.highlayer{ position: absolute; z-index: 15; }
.highlayerimage{ position: absolute; top: 4px; left: 4px; z-index: 10; }

.widelayercontainer{ width: 218px; height: 127px; position: relative; }
.widelayer{ position: absolute; z-index: 15; }
.widelayerimage{ position: absolute; top: 4px; left: 4px; z-index: 10; }
.playbutton{ position: absolute; top: 40px; left: 85px; z-index: 20; }
.playbuttonsmall{ position: absolute; top: 23px; left: 52px; z-index: 20; }

.imgtext{ font-family: georgia; font-size: 9px; padding-left: 5px; margin-bottom: 15px; color: #FFFFFF; }

.logo{ text-align: center; padding-top: 20px; }

.sheettopabs{ position: absolute; top: -40px; left: 8px; z-index: 2; }

.sheettop{
 width: 710px;
 background-image: url('/ajrgfx/gfx/sheet_top.png');
 background-repeat: no-repeat;
 background-position: top center;
 position: relative;
 top: -2px;
 z-index: 1;
 min-height: 650px;
 height:auto !important;
 height: 650px;
}

.sheettop2{
 width: 710px;
 background-image: url('/ajrgfx/gfx/sheet_top2.png');
 background-repeat: repeat-y;
 background-position: top center;
 position: relative;
 z-index: 1;
 top: 18px;
 min-height: 650px;
 height:auto !important;
 height: 650px;
}

.sheetcontent{ padding-top: 30px; width: 610px; position: relative; top: 0; left: 35px; z-index: 3; }
.sheetcontentnarrow{ padding-top: 30px; width: 610px; position: relative; top: -40px; left: 35px; z-index: 3; }
.sheetbottom{ position: absolute; bottom: -40px; left: -4px; z-index: 2; }
.sheetbottomnarrow{ position: absolute; bottom: -40px; left: -4px; z-index: 2; }

.tools{ position: absolute; top: 20px; right: 0; height: 41px; }
.box{
 width: 134px; height: 134px;
 background-image: url('/ajrgfx/gfx/bg_box.gif');
 text-align: center; vertical-align: center;
}
.boximage{ position: absolute; }

/* styles from JB */

.profileDetails{ float: left; padding-top: 6px;  margin-right: 20px; width: 164px; }
.profilePic{ float: right; padding-top: 10px; width: 55px; }
.profileText{ float: left; padding-top: 6px;  margin-right: 20px; width: 188px; }
.studentMail{ padding-left: 13px; padding-top: 10px; }
.studentClass{ padding-left: 13px; padding-top: 2px;}

.studentName{ padding-left: 13px; padding-top: 7px; }
.studentPics{ float:right; padding-top: 15px; }
.studentProfileArt{ position: absolute; bottom: 19px; right: 52px; }

.studentProfileBg{
 background-image: url('/ajrgfx/gfx/bg_students.jpg');
 width: 314px;
 height: 146px;
 background-position: top left;
 background-repeat: no-repeat;
 margin-top: 16px;
 float:left;
 position: relative;
}

.studentProfileLeft{ height: 113px; float: left; width:175px; }
.studentProfilePic{ height: 113px; padding-right: 60px; float:right; }
.titleLink{ font-family: Georgia; font-size: 14px; line-height: 18px; color: #f9742c; }

.courseFirstColWidth{padding-top: 16px; padding-bottom: 18px; padding-left: 7px; }
.courseColWidth{width: 77px; padding-top: 16px; padding-bottom: 18px;}
.bgDarkTable{ background-image: url('/ajrgfx/gfx/bg_tableDark.jpg'); background-repeat: no-repeat;}
.bgLightTable{ background-image: url('/ajrgfx/gfx/bg_tableLight.jpg'); background-repeat: no-repeat;}


.galleryContainer{ width: 610px; padding-top: 30px; }
.galleryPicBox{ float: left; width: 134px; height: 124px; margin-right: 24px; overflow: hidden; }
.galleryPicBox4{ float: left; width: 134px; height: 124px; overflow: hidden; }

.galleryIntroText{ padding-top: 6px; font-family: georgia; font-size: 16px; line-height: 21px; color: #343433;}
.galleryInfoText{ float: right; padding-right: 26px; padding-top: 11px;}
.galleryInfoText a { font-family: arial; font-size: 9px; color: #767672; }

.pagingLink{ font-family: arial; font-size: 10px; color: #343433; padding-right: 3px; }
.pagingLinkSelected{ font-family: arial; font-size: 10px; color: #f9742c; padding-right: 3px; }

.gallerybackground{
 position: relative; background-image: url('/ajrgfx/gfx/bg_gallery.jpg');
 width: 911px; height: 680px;
}

#gallerysearchbar{
 background-image: url('/ajrgfx/gfx/gallery_search_bar.png'); width: 901px; height: 160px;
 position: absolute; top: 5px; left: 5px; z-index: 10;
 display: none;
}

.renewsearch{ padding: 5px 0 0 5px; }
.renewsearchclose{ position: absolute; bottom: 10px; left: 0; }
.gallerytitle{ position: absolute; top: 24px; left: 103px; }
.gallerypreview{ width: 564px; text-align: center; position: absolute; top: 72px; left: 25px; z-index: 5; }
.previewborder{ border: 7px solid #fff; background-color: #000; }
.gallerythumbs{ width: 300px; position: absolute; top: 30px; right: 5px; z-index: 5; }
.gallerythumb{ width: 150px; height: 85px; float: left; cursor: pointer; }
.gallerytext{ color: #fff; width: 280px; height: 62px; overflow: hidden; }
.relthumb{ position: relative; width: 134px; height: 75px; z-index: 10; }
.thumbborder{ cursor: pointer; border: 3px solid #fff; position: absolute; top: 0; left: 0; width: 128px; height: 69px; z-index: 20; }
.thumbbordernone{ cursor: pointer; border: 0; position: absolute; top: 0; left: 0; width: 128px; height: 69px; z-index: 20; }

.contactBlocks{ float: left; width: 224px; height: 80px; }
.contactimage{ width: 55px; float: left; }
.contacttext{ width: 155px; float: right; }

.listPic{padding-left: 14px; padding-top: 12px;}

.bgTeachers{
 background-image: url('/ajrgfx/gfx/bg_teachers.gif');
 background-repeat: no-repeat; padding-left: 14px; padding-top: 2px;
}


.frontlayer{ position: absolute; top: 0; left: 4px; z-index: 15; }
.banner{ position: absolute; top: 9px; left: 40px; z-index: 10; }

.calendar{ 
 position: absolute; top: 192px; right: 12px; z-index: 30;
 background-image: url('/ajrgfx/kalender/background.png');
 width: 242px; height: 223px;
}

.calpad{ padding: 20px 0 0 23px; }

#reusableHint{
 position:absolute;z-index:100;visibility:hidden;
}

.boble{
 background-image: url('/ajrgfx/gfx/taleboble.png');
 width: 159px; height: 139px;
 position: absolute; top: -190px; left: -140px;
}

.calboble{
 background-image: url('/ajrgfx/gfx/taleboble_cal.png');
 width: 197px; height: 110px;
 position: absolute; top: -120px; left: -50px;
}

.bobletext{ padding: 15px 20px 15px 20px; }

.listwhite{
 background-image: url('/ajrgfx/gfx/list_item_white.gif');
 background-position: top left; background-repeat: no-repeat;
 padding-left: 13px; color: #fff; line-height: 13px;
}

.popup{
 position: relative; background-image: url('/ajrgfx/gfx/bg_popup.jpg');
 width: 500px; height: 373px;
}

.credits{
 position: absolute; text-align: center;
 width: 550px; height: 240px; overflow: auto; top: 430px; left: 39px
}

.ChildNode
{
 background-image:url("/AjrGfx/Sitemap/sitemap_childnode.gif");
 background-repeat: no-repeat;
 background-position: top left;
}

.LastChildNode
{
 background-image:url("/AjrGfx/Sitemap/sitemap_lastchildnode.gif");
 background-repeat: no-repeat;
 background-position: top left;
}