/* - - - - - - - - - - - - - - - - - - - - -

Title : Department of Computer Science
Author : Klaus Kjeldsen
Mail: klaus@cs.aau.dk
URL : www.klauskjeldsen.dk

Description : Base stylesheet for intranet

- - - - - - - - - - - - - - - - - - - - - */

@import url("cms_styles.css");
@import url("indexed_search.css");
@import url("tt_news.css");
@import url("csaaudk_csinfosystem_internal.css");


/*** The Essential Code ***/
* {padding: 0; margin: 0;}

body {
background: #FFF;
min-width: 600px;		  /* 2 x (LC fullwidth) + RC fullwidth */
font-family:verdana, sans-serif;
font-size:11px;
color: #333;
}
h1, h2, h3 {color: #445171; font-family: arial, sans-serif;}
h1 { font-size: 1.75em; margin: 0.5em 0 0.1em;font-weight: normal;}
h2 { font-size: 1.55em; margin: 0.5em 0 0.1em;font-weight: normal;}
h3 { font-size: 1.35em; margin: 0.3em 0 0.1em;}
a {color: #445171; text-decoration: none;}
/*a {color: #445171; text-decoration: none;} */
a:hover {color: #000;}
a img {border:none;}
#centercontent a {color:#3366cc;}

/*#centercontent a {color:#009A92;} */


#container {
padding-left: 200px;      /* LC fullwidth */
padding-right: 200px;     /* >>> RC fullwidth*/
overflow: hidden;
}
#container .column {
position: relative;
float: left;
min-height: 400px;
padding-top: 20px;
}
#header {
position: relative;
margin: 0;
padding: 0;
height: 55px;
background: #999;
background-image: url("../gfx/header.jpg");
background-position: 0 -55px;
background-repeat: repeat-x;
}
#logo {position: absolute; top: 0px; left: 0px; display: block; height:55px; width: 375px; background: url("../gfx/header_en.jpg") no-repeat 0px 0px;}

#navigation{
position: relative;
margin: 0;
padding: 0;
height: 50px;
background-image: url("../gfx/tabmenu.jpg");
} 
#info {height: 20px;color: #445171;line-height: 20px;font-size: 0.9em;}
#infoleft, #infocenter, #inforight {padding: 0 10px 0 10px;}
#infoleft {float: left; width: 25%;text-align: left;}
#infocenter {float:left; width: 20%;text-align: center;}
#inforight {float:right; width: 40%;text-align: right;}

#center {
width: 100%;
background: white;
}
#center ul, #center ol {margin: 0 0 0 25px;}
#center ol ol {list-style: lower-alpha;}


#left {
width: 200px;             /* LC width */
margin-left: -100%;
left: 200px;              /* RC fullwidth for IE6 */
background-position: 198px 0px;
background-repeat: repeat-y;
} 
#container > #left {
  left: -200px;             /* -(LC fullwidth + CC padding) */
}
#right {
width: 200px;             /* RC width */
margin-right: -100%;
background-position: -1px 0px;
background-repeat: repeat-y;
}
#footer {
clear: both;
position: relative;  /* Needed for Safari */
width: 100%;
height: 45px;
background: #fefefe;
background-image: url("../gfx/footer.jpg");
background-repeat: repeat-x;
line-height:16px;
color:#999;
}
#footer #copyright {float:left;margin-left:10px;}
#footer #searchbox {float:right;margin-right:10px;}
#footer p, #footer form {padding-top: 7px;}
#footer input, #footer select , #footer button {width: 100px; margin: 0 5px 0 5px;}
#footer #searchbutton {height:16px;width:16px;}
#footer input {}
#footer select {}
#footer button {width: auto;}

/*- - - Content placeholders - - -  */
#path {text-transform: lowercase;}
#centercontent {padding: 10px 10px 30px 10px;} 
#leftcontent, #rightcontent {padding: 5px;}

/*- - - MENU LAYOUT [BEGIN]  - - -  */
#options {float: right;}
#options a {float: left; display: block; height:20px; line-height: 20px; margin:0 3px 0 3px; padding:0 5px 0 5px; color: #A4A7CB; background-color: #394764; text-decoration: none; vertical-align: middle;}
#options a:hover {color: white; background-color: #3B4966;}
#options a img {border:none;}

#mainmenu * {margin:0; padding:0;display:block;} * html #mainmenu {width: 800px;}
#mainmenu ul {list-style:none;}
#mainmenu {position: absolute; left: 0px; bottom: 0px;}
#mainmenu ul {padding: 0 15px;}
#mainmenu ul li {float:left; background:url("../gfx/tabmenu.jpg") no-repeat 0% -80px; padding: 0 0 0 13px; border-bottom: 1px solid #999; }
#mainmenu ul li a, #mainmenu ul li span {float:left;display:block;background: #C5C5C5 url("../gfx/tabmenu.jpg") no-repeat 100% -80px; padding: 9px 13px 2px 0; text-decoration:none; color:#333;}
#mainmenu li:hover, #navigation li:hover a, #navigation li.iehover, #navigation li.iehover a {background-position:0% -50px;}
#mainmenu li:hover a, #navigation li.iehover a {background-position:100% -50px;}
#mainmenu ul li.active, #mainmenu #current {background-position:0% -50px; border-width:0;}
#mainmenu ul li.active a, #mainmenu #current span {background-position:100% -50px;padding-bottom:3px;font-weight:bold;}
#mainmenu ul li.active a {font-weight:normal;}

/* - - - COLUMN BOXES - - - */
.columnbox {width:190px;margin: 0 0 15px 0;}
.columnbox-top {display: block; padding: 5px 8px 0 10px; height: 20px; background-image: url("../gfx/column-box.jpg");background-position: top left;background-repeat: no-repeat;font-weight: bold;}
.columnbox-top span{float: right; margin: 1px 2px 0 0;}

.columnbox-content {display: block; padding: 3px 10px; background-image: url("../gfx/column-box.jpg");background-position: -190px 0px;background-repeat: repeat-y;}

.columnbox-content ul #current {font-weight:bold;}
.columnbox-content ul .active {font-style:italic;}
.columnbox-content ul .normal {}

.cb-menu li, .cb-submenu li, .cb-subsubmenu li, cm-subsubsubmenu li {font-weight:normal;font-style:normal;}

.columnbox-content ul {list-style: none;}
.columnbox-content ul li{}

.columnbox-content ul li a, 
.columnbox-content ul li span {display:block; background-repeat:no-repeat;}

.columnbox-content ul.cb-menu li a, 
.columnbox-content ul.cb-menu li span{width: 155px; padding: 5px 0 5px 15px; background-position: -2% 4px; color: #333;}

.columnbox-content li ul.cb-submenu li a, 
.columnbox-content li ul.cb-submenu li span {width: 145px; padding: 5px 0 5px 25px; background-position: 4% 4px;}

.columnbox-content li li ul.cb-subsubmenu li a, 
.columnbox-content li li ul.cb-subsubmenu li span {width: 138px; padding: 5px 0 5px 32px; background-position:10% 2px;font-size:0.9em;}

.columnbox-content li li ul.cb-subsubsubmenu li a, 
.columnbox-content li li ul.cb-subsubsubmenu li span {width: 130px; padding: 5px 0 5px 39px; background-image: url("../gfx/bullet_black.jpg"); background-position:15% 2px;font-size:0.9em;}

.columnbox-content li.minus a, 
.columnbox-content li.minus span {background-image: url("../gfx/bullet_toggle_minus.gif");}

.columnbox-content li.plus a,
.columnbox-content li.plus span {background-image: url("../gfx/bullet_toggle_plus.gif");}

.columnbox-content li.news a, .columnbox-content li.news span {background-image: url("../gfx/bullet_orange.jpg");}
.columnbox-content li.news p a {background-image:none !important;padding:0;width:auto;text-align:right;font-size:0.9em;}

.columnbox-content ul li a span {display:inline; color:#999 !important; width:auto !important; padding:0 !important; background-image:none !important;}

.columnbox-bottom {display: block; height: 25px;background-image: url("../gfx/column-box.jpg");background-position: bottom left;background-repeat: no-repeat;text-align:center;}


.external-link-new-window{color:#3366cc;}
.internal-link{color:#3366cc;}
a {color:#3366cc;}

/*For the print box -- kyrke*/
#centercontentheader {float:right; text-align: right; padding: 0px 10px 0px 0px;color:#c8c8c8; font-size:0.1em;}
#centercontentfooter {text-align: left; padding: 0px 10px 0px 0px; color: #c8c8c8; font-size:0.8em; padding: 20px 0px 0px 0px;}