@charset "utf-8";
/* CSS Document */

body {padding: 0; margin: 0;}

/* -- tekstformatering -- */
p {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; padding: 6px; line-height:1.1em;}
p .li {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; padding: 6px; line-height:1.1em;}
h2 {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:13px; padding: 0px 6px 0 6px; color:#000; }
h1 {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:22px; padding:0 6px 0 6px; color:#426d7f;} 

.tableformatting {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px; padding: 6px;}

a {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; text-decoration: none; color: #003399;}
a:hover {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; text-decoration:underline; color: #0033FF;}
a:active {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; color: #003399;}
a:visited {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; color:#003399;} 


/*-- Sideindhold --*/

#wrapper {margin: 0px auto; width: 973px;}
#mainwrapper {width:983px; margin: 0px auto; background: #fff url('/filemanager/braaskovv1/middle_graphic.png') repeat; min-height:auto; /* Saetter minimumhoejde */height:auto !important; height: 600px; float:left;}


/* -- header -- */

#header {display:block; height: 124px; width: 945px; margin: 0px auto; background: url('/filemanager/braaskovv1/banner.png') no-repeat top left;}
#header a span {visibility: hidden;}
#header p {color: #666; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 9px; margin: 2px 0 0 0; }
#menuholder {width: 925px; height: 22px; padding-top: 5px; float: left; margin-top:0px;}


/* -- Login --*/

.login {height: 22px; width: 45px; float: right; padding: 4px 0 0 15px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 11px;} 
.login a {color: #fff; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 10px; background:url('/filemanager/braaskovv1/bullet.png') no-repeat; padding: 0px 0px 0px 15px; text-decoration:none;}
.login a:hover {text-decoration:underline;} 


/* -- container som holder left, middle og right-- */

#content_holder {float:left; width: 942px; clear:both; margin-left: 19px;}


/* -- venstre  -- */

.sidebarleft { width: 194px; margin: 0px 0 5px 0; background: url('/filemanager/braaskovv1/side.png') no-repeat top right; padding: 0; min-height:440px; /* Saetter minimumhoejde */ height:auto !important; height: auto; float:left; clear:both; }


/* -- venstre menuboks -- */

.menucontainer {width: 190px; margin: 11px 0 0 0; background-color:#fefefe; background: url('/filemanager/braaskovv1/middle.png');} 
.menucontainer h1 {font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 13px; color: #000; background: url('/filemanager/braaskovv1/top.png') no-repeat left top; 
padding: 15px 0 0px 10px; } 
.menucontainerfooter {background:url('/filemanager/braaskovv1/bottom.png') no-repeat left bottom; width: 190px; height: 23px;}


/* -- Hoejre bar -- */

#sidebarright { float: left; width: 198px; margin: 0px 0px 0 4px; background: #eeefc2 url('/filemanager/braaskovv1/side.png') no-repeat top left;}


/* -- Natur og kreative fag -- */

.rightcreativity {width: 193px; height: 145px; margin: 1px 0 0 1px;} 
.rightnature { width: 190px; height: 200px; margin: 1px 0 0 1px;}
.rightvideolink { height:280px; margin:1px 0 0 1px; width:190px; }

/* -- Indhold -- */

#content {float: left; width: 539px; margin: 10px 3px 5px 3px; height:; background: #fff; padding: 0;}


/* -- Footer -- */ 
#footer {clear:both; width: 988px; height: 55px; background: url('/filemanager/braaskovv1/middle_footer.png') no-repeat top left; margin: 0px auto;}
#footer p {font-familiy:"verdana"; color: #555; font-size: 10px; text-align: center;}


/* -- Galleri -- */

.gallery {width: 190px; height:158px; margin: 5px 0 2px 0px; padding: 0; background: url('/filemanager/braaskovv1/frame.png') no-repeat top left; float:left; background-color: #fff; display:block; }
.gallerycontainer {width:163px; height:123px; margin: 14px 0 10px 12px;}


/* -- Kontakt -- */

.material {background: url('/filemanager/braaskovv1/contact_icon.png') no-repeat left; width: 189px; height:33px; margin: 7px 0 10px 0; float:left;} 
.material p{color: #FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:14px; margin-top: 5px; }
.material a { text-decoration:none; color: #fff; padding: 0px 0 0 55px;}
.material a:hover { text-decoration:none; color: #ff9933;}


/* -- materiale --*/

.contact { background: url('/filemanager/braaskovv1/material_icon.png') no-repeat left; width: 189px; height:33px; margin: 8px 0 0 0; float:left;} 
.contact p {color: #FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:14px; margin-top: 2px; } 
.contact a{ text-decoration:none; color: #fff; padding: 2px 0 0 55px;}
.contact a:hover { text-decoration:none; color: #ff9933;}


/* -- Forms -- */

.form {float:right; width:155px; margin: 0px 0px 0 470px; height: 35px;}
.field {padding: 3px 0 0 18px; color:#666; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:9px; background: #f7f7f7 url('/filemanager/braaskovv1/search_icon.png') no-repeat left; height: 15px; border: solid 1px #fff; width: 90px;}
.formtext {font-color: #FFFFFF; letter-spacing:1px;}


/* -- Nyhedsboks -- */

.newscontainer { width: 190px; background-color: #eeefc2; margin: 8px 0 0 3px; background: url('/filemanager/braaskovv1/newsbox_middle2.png') repeat;}
.newscontainer h1 { background: url('/filemanager/braaskovv1/newsbox_top2.png') no-repeat top left; color:#fff; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding: 12px 0px 13px 10px; font-size:14px;}
.newscontainerfooter { background:url('/filemanager/braaskovv1/newsbox_bottom2.png') bottom; width: 190px; height: 15px; margin-top:3px; }
.newsbox {width: 190px; min-height:200px; margin: 0 0 0 0px;} 


/* --  Nyhedsboks tekst -- */

.newsbox p {color:#CCFF00; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding: 0px 3px 0px 11px; font-size:11px; color: #000; line-height: 0.1em;}
.newsbox h3 {color:#888; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding: 0 0 0px 10px; font-size:9px; line-height: 0.1em;}
.newsbox h2 {color:#000; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding: 4px 0 0 11px; font-size:12px; line-height: 0.1em;}
.newsbox a {text-decoration:underline; color:#000; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding: 0 0 0 11px; font-size:9px; margin: 0px;}


/* -- Billedformatering -- */

.module_gallery_albumname {text-decoration: none;}
.billedkant_galleri {border: 1px solid #ccc; padding: 2px; text-decoration: none; background-color: #E8E8E8; }
.billedkant_billeder {border: 1px solid #ccc;}


/* -- tabmenu -- */

.ddoverlap{margin-left: 180px; float:left;}

.ddoverlap ul{
padding: 0;
margin: 0;
font: 70% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
padding: 5px 7px 3px 6px;
text-decoration: none;
padding-right: 28px; /*extra right padding for at tage højde for det runde hjoerne på tabben*/
color:#000;
background: transparent url('/filemanager/braaskovv1/righttabdefault.png') 100% 1px no-repeat; /*giver illusion af at tabben rykkes 1px ned */
position: relative;
display: block;
float: left;
margin-left:-20px; /* skifter tabben 20px til venstre så de overlapper */
left: 20px;
}

.ddoverlap li a:visited{
color: #333;
}

.ddoverlap li a:hover{
text-decoration: none;
color: #FF9900;
}

.ddoverlap li.selected a{ /*valgte tab style*/
color: black;
z-index: 100; /*højt z-index saa den valgte tab ligger højest*/
/* top: 1px; Skifter tabben 1 px ned, saa border under er daekket. */
background: transparent url('/filemanager/braaskovv1/righttabselected.gif') 100% 0 no-repeat;
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
margin-top: 2px;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}


/* venstremenu */

.leftmenu {
width: 170px; 
padding: 0;
margin: 0 0 0 8px;
float: left;
min-height: 190px;
height: auto;
overflow:hidden;
}

.leftblocker {
width: 175;
clear: left;
}


.leftmenu ul {
margin:0; 
padding: 0;
list-style: none; 
color: #000;
font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; 
font-size: 82%;
}

.leftmenu li {
padding-left:0; 
color:#000;
display:inline;
}

.leftmenu a {
display:block; 
text-decoration:none;
border-bottom: 1px dotted #cccccc;
padding: 2px 2px 2px 4px;
color: #333333;
border-left: 5px solid #d5edf6; 
}

.leftmenu a:hover {
border-left: 5px solid #5295b0;
}

.leftmenu li.selected a {
color:#333333;
border-left: 5px solid #5295b0;
font-weight: bold;
}


/* -- formatering af selve faget --*/
#fagmodul {margin: 0px; padding:0px;}
#fagmodul .rightside {border-left: 1px solid #aaa; padding: 0 0 0 10px;} /*Hele området til højre*/)
#fagmodul .practical {border: 1px solid #aaa;}
#fagmodul .teachertext {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:11px; padding: 6px;} /*teksten ved billedet af læreren og alle billeder*/
#fagmodul a {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:11px; float:right;}
#fagmodul img {border: 1px solid #aaa;} /*billedet af læreren*/
#fagmodul .fag_text {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:11px; padding: 2px;}
#fagmodul .head {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:12px; font-weight:bold; padding: 0 3px 0 5px;}


/* -- Formatering af listvisning --*/
#fagmodul {margin: 10px 0px 0px 10px;} 
#fagmodul .teasertext {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:11px; }
#fagmodul .practical {width: 160px; margin: 6px 0 0 1px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:11px; border: 1px solid #aaa; width: 140px; padding: 2px;}


/* -- Formatering af personalegalleri -- */ 
#profiles {width: 95%; margin: 0px auto;} /* tabellen som indeholder galleriet*/
#profiles .pict {width: 120px;} /* kolonnen som rummer billedet */
#profiles .pict img {border: 1px solid #ccc; padding: 2px; text-decoration: none; background-color: #E8E8E8; vertical-align: top;} /* Billedet */ 
#profiles .desc {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana; font-size:11px; padding: 2px 0 0 0;} /* kolonnen som indeholder tekst om personen */
#profiles a{font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px;}
#profiles p {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px;}
#profiles desc {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px;}

 
/* -- formatering af artikler --*/
.moduleedit { font: 11px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; margin: 5px 5px 5px 8px; color: #383838;}
.articles_rellist {padding: 5px; }
#showarticles {width: 520px;}
#showarticle a {float: left; font: 11px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding: 3px; }
#showarticle img {border: 1px solid #ccc; padding: 2px; text-decoration: none; background-color: #E8E8E8; margin: 0 5 0 5px;}


/*-- formatering af artikeloversigten --* /
#archive {90%; background: #FFFFCC;}
#archivearticle {color: FFFF33; padding: 0px; margin: 0px;}
#archivearticle a {font: 11px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding:0px; margin: 0px;}
#archivearticle p {color: #000; font: 11px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; padding:0px; margin:0px;}


/* -- Kontaktformular -- */
#ctform {width: 60%; margin-left: 95px; font-size: 11px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;}


/* -- Tilmeldingsformular --*/
#tilmeld {width: 70%; margin-left: 80px; } 
#tilmeld input {border:solid 1px #A0A0A0; color:#000; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px; background: #fff;} /* knap ved formular */ 
#tilmeld p {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; font-size:11px; padding:0px;} 


/*-- Søgefunktion --*/
.search_textpreview {font-size: 11px; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; line-height:1.1em;} /* visning af tekstpreview i søgeresultat --*/


/* -- Formatering af kalender -- */ 
#calendar {width: 98%; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px; text-align: left; margin: 0px auto; left: 20px;}/* tabellen som indeholder kalenderen */
#calendar .list_top {background: #B8B8B8; font-weight: bold; color: #000; } /* Overskrift i kalendertabellen */ 
#calendar .list_1st {background: #E0E0E0;}
#calendar .list_2nd {background: #F8F8F8;}
#calendar a {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px; text-align: middle;}

#showevent {background-color:#fff;}


/* -- Nyderne på forsiden -- */
#calendarfrontpage {margin:6px 0 0 0;}
#calendarfrontpage a {padding:5px 0 0 0; text-decoration:none; font-family:"Lucida Grande", "Lucida Sans", sans-serif; font-size:11px;}
#calendarfrontpage a:hover {text-decoration: underline;}


/* -- galleri (list albums) --*/
#listalbums {width: 540px; overflow:hidden;}
#listalbums a {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px;}
#listalbums img {border: 1px solid #888888; padding: 2px; text-decoration: none; background-color: #E8E8E8;}


/* -- mange billeder -- */
#motioncontainer /* -- små roterende billeder -- */
{margin: 0px auto; width: 510px;}
#motioncontainer img {border: 1px solid #888888; padding: 2px; text-decoration: none; background-color: #E8E8E8;}
#motioncontainer a:hover img {cursor: hand;color: red;}


/* #statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; 
left: -300px;
visibility: hidden; }*/


/* -- Vis få billeder (showpictures_few.tpl) --*/ 
#fewimages {width: 540px; overflow:hidden;}
#fewimages img {border: 1px solid #888888; padding: 2px; background-color: #E8E8E8; width:100%; margin: 0px auto; }


/* -- SMS -- */
#sms {margin: 0 0 0 10px;}
#smscontainer {margin-left:5px; background-color:#f5f3db; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:11px; padding: 0px 10px 5px 10px; width:35%;}




/* -- form td {font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; font-size:12px; } --*/


/* -------------- Videogalleri (Liste af videoer) ------------*/
#video {width: 440px; float: left;}
#videogallery {margin: 5px 5px 0px 0px; float:left; padding: 5px; width: 428px; border: 1px dotted #666;}
#videogallery p {font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; padding:0 5px 0 0px;}
#videogallery a {font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; color: #003399; padding:0 5px 0 0px;}
#videogallery a:hover {text-decoration: underline;}
.text {padding:0 0 0 0px; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; color: #000;}
#videogallery img {margin: 0 5px 0 0; text-decoration: none; border: 1px solid #888;}

/* ------------ Videogalleri (selve fremviser paa siden) ---------*/
#singlevideo {padding: 5px; margin: 0px auto; width: 425px; border: 1px dotted #666;}
.videotext {width: 440px; margin: 0 0 15px 0; }