/* 
    Document   : style
    Created on : 22-06-2009, 09:25:09
    Author     : Kasper
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
        max-width:1500px;
		font-size:90%;
	}
    
    
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}
#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

	a {
		color:#369;
	}
	
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}

	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
        background-image:url('../images/studievalgweb_top.gif');
        background-repeat:no-repeat;
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
        
	}

	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
        
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
        
	}

	/* 3 Column settings Łeee */
	.threecol {
		background:#f4f4f4;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* 25 width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* 50 width of the middle column */
		background:#f4f4f4;	/* left column background colour #f4f4f4*/
        
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* 21 Width of left column content (column width minus padding on either side) */
		left:31%;			/* 31 width of (right column) plus (center column left and right padding) plus (left column left padding) */
        
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles  background-image:url('../images/krone.gif');  border-top:1px solid #000; */
	#footer1 {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #003333;
        border-bottom:3px solid #8fa01c;
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:right;
        text-align: right;
        
        

	}
	#footer p {
		
        margin-left: auto;
        color:#666666;
        width: 20em
	}
    /*---------------------------*/
	
	/* 2 Column (left menu) settings  #fff */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}

    /* Font settings  */
body, ul, td, th, p, h1, h2, h3, h4, div, textarea, small, .small,
.tableTitle, .tableExtras, input, textarea, select {
    font-family: verdana, arial, helvetica, sans-serif;
}

/* General header styles 000066 */
h1, h2, h3, h4 {
    color: #003300;
}
h1 { font-size: 120%; }
h2 { font-size: 115%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
/* Default font size for elements */
body, ul, td, th, textarea {
    font-size: 85%;
}
/* links */
a:link {color:blue; text-decoration:none; }
a:visited {color:blue; text-decoration:none;}
a:focus {color:blue; text-decoration:none;}
a:hover {color:blue; text-decoration: underline;}

div.GreenLink { background-color:transparent;
              color:black; font-size:12px }
.GreenLink a:link	{ color:#7c8218; text-decoration:none }
.GreenLink a:visited { color:#7c8218; text-decoration:none }
.GreenLink a:hover { color:#7c8218; text-decoration:underline }


img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

hr {
color:#8fa01c;
background-color: #8fa01c;
height: 3px;
}

a img {
border: 0px;
}

img.floatRight {
    float: right;
    margin: 4px;
}
img.floatLeft {
    float: left;
    margin: 4px;
}
.bigfont {
    font-size: 115%;
}
.text_button {
   border: none;
   background-color: transparent;
   padding: 0;
   text-decoration: underline;
   color: #00c;
   cursor: pointer;

}
/* Tables */
table{margin-left:auto;
    margin-right:auto; }

table.book
{
    text-align: left;
    font-family: Verdana;
    font-weight: normal;
    color: #404040;
    background-color: #fafafa;
    border-collapse: collapse;
    border: 1px solid #666666;
    margin-left:auto;
    margin-right:auto;

}
table.aarsplan{
    margin-left:auto;
    margin-right:auto;
    min-width: 350px;
    width:95%;
    margin-top:10px;
    margin-bottom:10px;
}



.aarsplan a:link	{ color:blue; text-decoration:none;}
.aarsplan a:visited { color:blue; text-decoration:none;}
.aarsplan a:focus {color:red; text-decoration:none;}
.aarsplan a:hover { color:red; text-decoration:none;}




.tdBorder{
      border-right: 1px solid #666666;
}

table.tider
{
    width:400px;
}

table.spoergsmaal{
    width:464px;
}

.radio{
    float:right;
    padding-right:17px;
    margin:0px;
}

.book td{
    padding: 2px;
    padding-left: 15px;
    border-bottom: 1px #000000 solid;
}
.tider td{
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px #000000 solid;
}
.aarsplan td{
    padding:5px;
    padding-right:8px;

}
td.helpHed
{
    border-bottom: 2px solid #000000;
    border-left: 0px;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
    padding:3px;
}

.odd {
    background:#cccc99;
}
.normal {
    background:#ffffff;
}
.arr{
    background:#cccccc
}


/* center div  */
#center{
    text-align: center;
    margin:0 auto;
    width:300px;
}

.opretbrugercontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 745px;
	font-size: 10pt;
	padding-top:-30px;
	font-weight:bold;
}
.dato
{
    font-size: 80%;
    color:gray;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;

}

a.info:hover{z-index:25; background-color:#949f18; color:white;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em; /* 15 */
    border:1px solid black;
    background-color:#f4f4f4; color:black;  /* #949f18; color:white; */
    text-align: left;
    padding:5px;
    min-width:350px;
}