/* Main CSS Document */

/* FONT SETUPS */

h1,h2,h3,p,li,i,td,th,a:link,b,dd,legend {
	font-family : "century gothic", verdana, sans-serif;
	color : black;
}

p,li,i,b,td,th,a:link,a:hover,dd,legend,button {font-size : 9pt;}

button {font-family : "century gothic", verdana, sans-serif;}

b {font-weight : bold;}

h1 {font-size : 16pt;}

h2 {font-size : 13pt;}

h3 {font-size : 11pt;}

i {font-style : italic;}

li {padding: 2px;}


/* MENU SETUPS */

table.menu {
	width:70px; 
	background-color: #336666; 
	margin-left:auto; 
	margin-right:auto;
}

td.menu {
	width: 115px; 
	height: 30px; 
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

td.menu:hover {
	background-color: #339482;	
}

a.menu {
	color:white; 
	font-size: 12pt; 
	text-decoration: none;
}

a.menu:link,a.menu:hover {
	color: white;
}



/* LINK SETUPS */

a:link {text-decoration: none; color: Blue; outline : none;}

a:hover {
	font-family : "century gothic", verdana, sans-serif;
	text-decoration: none;
	color : Green;
	outline : none;
}

a:visited {text-decoration: none; outline : none;}

img.piktogram {
	width:15px; 
	cursor:pointer;
	border:none;
	vertical-align:text-bottom;
}

:link img {
  border: none;
}


/* CSS OVERLAY SETUPS */

#blanket {
	background-color: #111;
	opacity: 0.65;
	filter: alpha(opacity=65);
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	width: 100%;
}

#popUpDiv {
	background-color: white;
	color: white;
	border: 7px solid #336666;
	padding: 5px 15px 15px 15px;
	position: absolute;
	z-index: 10;
}




/* BLOG SETUPS */

div.date p{
	width: 40px;
	height: 48px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
	background: #D70606 url(../grafik/calendar.png) no-repeat;
	color: #ddd;
	text-align: center;
	font-size: 70%;
	overflow: hidden;
}

div.date span.month{
	display: block;
	margin-bottom: 12px;
	line-height: 1.1;
}

div.date span.date{
	font-size: 160%;
	color: black;
	font-weight: bold;
	line-height: 0.8;
}

div.date span.year{
	margin: 0;
	padding: 1px;
	color: black;
	font-size: 80%;
	font-family: "century gothic", verdana, sans-serif;
}

a.posted_by {
	text-decoration: none;
	line-height: 0.5;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

a.blog_title {
	color: black;
	font-size: 11pt;
	text-decoration: none;
}

img.blog_avatar {
	width:40px;
	float:left;
	padding-bottom: 5px;
	padding-right: 10px;
}

.blog_container {
	max-width: 650px;
	margin-left:auto;
	margin-right:auto;
}

td.sidebar {
	font-size: 8pt;
	vertical-align: middle;
	background-color: #336666;
	padding-left: 5px;
	padding-right: 5px;
}

td.sidebarcount {
	background-image: url('/blog/graphics/rightbg.png');
	background-repeat: no-repeat; 
	color: white; 
	border: none; 
	height: 30px; 
	width: 30px; 
	text-align: right; 
	font-weight: 500; 
	font-size: 8pt;
}

td.sidebar:hover {
	background-color: #339482;	
}

img.star {
	width: 15px; 
	border: none; 
	vertical-align: top; 
	padding: 0; 
	margin: 0;
}

img.ratestar {
	width: 15px; 
	border: none; 
	vertical-align: top; 
	padding: 0; 
	margin: 0;
	cursor: pointer;
}

/* Rounded corners for blog posts and blog comments. With great thanks to Stu Nicholls at http://www.cssplay.co.uk/boxes/curves.html for making the code publically available! */

.curvy-blog {margin-left: auto; margin-right: auto; position:relative; width:100%; max-width: 600px; min-height:80px; background:#DDD; color:black; }
.ctl-blog, .cbl-blog, .ctr-blog, .cbr-blog {position:absolute; width:20px; height:20px; color:#99FFFF; background:#fff; overflow:hidden; font-style:normal; z-index:0;}
.ctl-blog {top:0; left:0;}
.cbl-blog {bottom:0; left:0;}
.ctr-blog {top:0; right:0;}
.cbr-blog {bottom:0; right:0;}
.curvy-blog em b {position:absolute; font-size:150px; font-family:arial; color:#DDD; line-height:40px; font-weight:normal;}
.ctl-blog b {left:-8px;}
.ctr-blog b {left:-25px;}
.cbl-blog b {left:-8px; top:-17px;}
.cbr-blog b {left:-25px; top:-17px;}
.curvy-blog p {position:relative; z-index:1; padding:15px 15px;}


.curvy-comment {position:relative; width:500px; min-height:60px; background:#336666; color:white; }
.ctl-comment, .cbl-comment, .ctr-comment, .cbr-comment {position:absolute; width:20px; height:20px; color:white; background:#fff; overflow:hidden; font-style:normal; z-index:0;}
.ctl-comment {top:0; left:0;}
.cbl-comment {bottom:0; left:0;}
.ctr-comment {top:0; right:0;}
.cbr-comment {bottom:0; right:0;}
.curvy-comment em b {position:absolute; font-size:150px; font-family:arial; color:#336666; line-height:40px; font-weight:normal;}
.ctl-comment b {left:-8px;}
.ctr-comment b {left:-25px;}
.cbl-comment b {left:-8px; top:-17px;}
.cbr-comment b {left:-25px; top:-17px;}
.curvy-comment p {position:relative; z-index:1; padding:15px 15px;}


 
/* STUDIER SETUPS */

td.matcourse {
	background-color:#C0C0C0;
	border: 1px solid #669966;
	text-align:center;
	vertical-align:middle;
	height:35px;
	width:22%;
	padding-left:2px;
	padding-right:2px;
	}
td.datcourse {
	background-color:white;
	border: 1px solid #669966;
	text-align:center;
	vertical-align:middle;
	height:35px;
	width:22%;
	padding-left:2px;
	padding-right:2px;
	}
td.nocourse {
	background-color:white;
	border: none;
	text-align:center;
	vertical-align:middle;
	height:35px;
	width:22%;
	padding-left:2px;
	padding-right:2px;
	}
td.courseheader {
	background:white;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:9pt;
	padding-bottom:5px;
	}
td.courseyear {
	background:white;
	text-align:center;
	vertical-align:middle;
	font-size:9pt;
	}

a.course {font-size:9pt; text-decoration:none;}

td.coursetitle1 {
	width: 30%;
	background-color: #DDD;
}

td.coursetitle2 {
	width: 30%;
	background-color: #AAA;
}

tr.ass1 {
	background-color: #DDD;
	border: none;
}


tr.ass2 {
	background-color: #AAA;
	border: none;
}

td.ass1 {
	width: 70%;
	background-color: #DDD;
}

td.ass2 {
	width: 70%;
	background-color: #AAA;
}


/* PICS SETUPS */

td.piccat {
	width: 33%;
	padding:5px;
	text-align:center;
	border:none;
	vertical-align:middle;
	}
table.piccats {
	width:95%;
	border:none;
	margin-left:auto;
	margin-right:auto;
	}
	
a.piccat,a.piccat:hover {
	text-decoration:none;
	color:black;
	font-size:11pt;
}

img.dropShadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/* MISCELLANEOUS SETUPS */

li.wishlist {
	margin-left: 0;
	margin-right: 20%;
	margin-top: .5em;
	margin-bottom: .5em;
}

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}


/* GUESTBOOK SETUPS */

.ikkese {
 	display: none;
 }
 
 
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#aaa; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}
.headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh p {margin: 0px 10px 0px 10px; padding-bottom: 3px; color:white; font-size:9pt; text-shadow: rgba(0,0,0,.4) 0px 2px 5px;}
.contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 12px; margin-right: 12px; padding-top: 5px; font-family : "century gothic", verdana, sans-serif; font-size:9pt;}




/* The following code is credited to Ryan Thrash (vertexworks.com). A special thanks to him for letting everybody use it! */

/* Show only to IE PC \*/
* html .boxheadleft p {height: 1%;} /* For IE 5 PC */

/*
.sidebox {
	margin: 0 auto;
	width: 85%;
	background: url(/grafik/gbcornerrightb.gif) no-repeat bottom right;
}
.boxheadleft {
	background: url(/grafik/gbcornerright.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxheadleft p {
	background: url(/grafik/gbcornerleft.gif) no-repeat top left;
	margin: 0;
	padding: 7px 30px 7px;
	color: white;  
	font-size: 9pt; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
.boxheadleft b {
	font-weight: bold;
	color: white;
}
.boxbody {
	background: url(/grafik/gbcornerleftb.gif) no-repeat bottom left;
	margin: 0;
	padding: 3px 30px 1px;
}
.boxbody p {
	color:white;
	font-size:9pt;
}
.boxbody p.bottom {
	text-align: right;
}
*/


/* PAGE LAYOUT SETUPS */

body { background: white; }
#content { background: white; }
#sidebar-left { background: #336666; }
#sidebar-right { background: #336666; }
#header { background: #336666; }
#footer { background: #336666; }

body
	{
	margin: 0;
	padding: 0;
	overflow:auto;
	}
#content
	{
	margin-top: 1.5em;
	margin-left: auto;/*13em;*/
	margin-right: auto;/*4.5em;*/
	margin-bottom: 1.5em;
	padding-left: 9em;
	padding-top: 2em;
	padding-bottom: 2em;
	z-index: 1;
	overflow:inherit;
	max-width:750px;
	}
#header
	{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2em;
	z-index: 2;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
	}
#toplogo
	{
	z-index: 4;
	}
#sidebar-left
	{
	position: fixed;
	top: 2em;
	bottom: 0; /* Operas 5 + 6 shouldn't see this property */
	left: 0;
	width: 10em;
	overflow: auto;
	z-index: 3;
	-moz-box-shadow: 3px 0px 4px #000;
	-webkit-box-shadow: 3px 0px 4px #000;
	box-shadow: 3px 0px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
	}
#sidebar-right
	{
	position: fixed;
	top: 2em;
	bottom: 0; /* Operas 5 + 6 shouldn't see this property */
	right: 0;
	width: 1.5em;
	z-index: 2;
	/*-moz-box-shadow: -3px 0px 4px #000;
	-webkit-box-shadow: -3px 0px 4px #000;
	box-shadow: -3px 0px 4px #000;*/
	}
#footer
	{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5em;
	z-index: 2;
	/*-moz-box-shadow: 3px -3px 4px #000;
	-webkit-box-shadow: 3px -3px 4px #000;
	box-shadow: 3px -3px 4px #000;*/
	}
#tlcorner
	{
	position: fixed;
	top: 12px;
	left: -15px;
	z-index: 4;
	}
#trcorner
	{
	position: fixed;
	top: 12px;
	right: 0;
	z-index: 4;
	}
#blcorner
	{
	position: fixed;
	bottom: -17px;
	left: 8.5em;
	z-index: 4;
	}
#brcorner
	{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 4;
	}
#blcornerIE7
	{
	position: fixed;
	bottom: -17px;
	left: 8.5em;
	z-index: 4;
	}
#brcornerIE7
	{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 4;
	}
#blcornerFFmac
	{
	position: fixed;
	bottom: -19px;
	left: 8.5em;
	z-index: 4;
	}
#brcornerFFmac
	{
	position: fixed;
	bottom: -2px;
	right: 0;
	z-index: 4;
	}
#update
	{
	position: fixed;
	bottom: 0.3em;
	right: 3em;
	z-index: 3;
	}

/*\*/
body>#header, body>#sidebar-left, body>#sidebar-right, body>#footer, body>#tlcorner, body>#trcorner, body>#blcorner, body>#brcorner, body>#blcornerIE7, body>#brcornerIE7, body>#update
	{
	position: fixed;
	}