body {
	margin:0;
	padding:0;
	background:white;
	font-family:arial,verdana, serif;
	font-size:12px;
	background : rgb(245,245,245);
	position: absolute;
	left : 10px
	 }

img 
{
	border : 0;
	margin : 0;
	border : 0
}	

#nikesmall 
{
	position : absolute; 
	top : 0;
	right : 0
}

#contactpic 
{
	float : right
}

#mysqllogo, #phplogo
	{
	padding : 10px
	}
	
div#top {
	height: 100px;
	width : 800px;
	margin-top:0;
	padding-top:0;
	text-align:center;
	background : white url('img/toppic3.png');
	border : 1px rgb(255,200,0) solid;
	}
	
p.weblinks 
{
	height : 50px;
	background : black
}

.banner img
	{
	border : 0
	}
	
div#counter {
	position : absolute;
	top : 0px;
	left : 700px;
	border : 1px rgb(255,200,0) solid;
	color:rgb(255,153,0);
	font-weight:bold;
	width : 100px;
}

div#pictures {
	position : absolute;
	top : 112px;
	left : 0;
	text-align : center;
	width : 200px;
}


div#pictures img, div#contactpic img {
	border : 1px solid rgb(255,200,0)
}

span#countertext {
	margin : 0;
	padding :0;
	background:rgb(255,200,0);
	display:block
	}

span#counternr  
{
}

li.header {
	font-weight : bold;
	font-size : 18px;
	list-style-type:none
}

div#tutorialmenu {
	position:absolute;
	left:0;
	top:112;
	width:198px;
	background:white;
	margin-left:0;
	text-align:left;
	height:auto;
	border-top : 1px rgb(255,200,0) solid;
}

a.tutmenu {
	color:black;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

a.tutmenu:hover {
	color:black;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left : 4px
}
	
div#maincontent {
	position : absolute;
	top : 112px;
	left : 0px;
	width : 800px;
	dddheight : auto;
	overflow : visible;
	padding :0px;
	margin : 0px;
	background : white;
	}


div#main, #notepad {
	position : relative;
	left : 200px;
	top : 0;
	width : 590px;
	border : 1px rgb(255,200,0) solid;
	border-top : 0;
	color : #333333;
	padding-left: 5px;
	padding-right : 5px;
	background : white;
	text-align : left;
	margin : 0;
	border-top : 1px rgb(255,200,0) solid;
	}

#notepad 
	{
	position : absolute;
	left : 0px;
	top : 0;
	width : 600px;
	margin-bottom : 10px;
	padding-bottom : 10px

	}

div.exempel {
	padding:10px;
	border-bottom:thin black dotted;
	margin-left:auto;
	margin-right:auto;
	background:white;
	text-align:left;
}

table.formexample td 
	{
	border : thin solid black
	}
	
a.dictionary 
	{
	color : gray;
	text-decoration:none;
	border-bottom: thin dotted gray;
	margin-left : 2px;
	margin-right : 2px
	}
	
a {
	font-weight:bold;
	color:blue;
	text-decoration:none;
	}
	

code {
	color:black;
	font-family : courier, sans-serif;
	}
	
div.code {
		border:thin black dashed;
		background : rgb(230,230,230);
		padding:5px;
		color:black;
		font-family : courier, sans-serif;
		margin-top:4px;
		margin-bottom:4px;
		width:560px;
		line-height:1.5em
		}

#news {
	 background : white;
	 position : absolute;
	 left : 0;
	 top : 0;
	 width : 194px;
	 height : auto;
	 border : 1px solid rgb(255,200,0);
	 border-top : 0
}

#fullnews {
	background : white;
	position : absolute;
	left : 200px;
	top : 0;
	text-align : left;
	padding : 0px;
	border : 1px solid rgb(255,200,0);
	border-top : 0;
	width : 600px;
	height : auto
}

#news h2 {
	color:rgb(255,200,0);
	background : rgb(245,245,245);
	border-bottom : 1px solid rgb(255,200,0);
	margin : 0;
	padding : 4px;
	padding-right : 0
}

#main h2, #notepad h2 {
	color: rgb(255,200,0);
	margin: 2px;
	padding : 4px;
	font-size: 24px;
	background : white;
	border-bottom : 1px solid rgb(255,200,0);
}

h1 {
	color : rgb(255,200,0);
	margin: 2px;
	padding : 4px;
	font-size: 18px;
	background : white;
	border-bottom : 1px solid rgb(255,200,0);
}

div.newsflash {
	margin-bottom : 4px;
	border-bottom : 1px solid rgb(255,200,0);
	padding-left : 2px;
	width : 100%
}

.date {
	color : black;
	font-weight : bold;
	display : block;
}

.newsheadline {
	color:rgb(255,200,0);
	font-weight:bold;
}

.newsheadline:hover {
	color:rgb(255,153,0);
}

.newstext {
	color:black;
	margin : 0px;
	margin-bottom:4px;
	padding : 2px;
	width : 560px
}

.activenews {
	border : 1px solid rgb(255,200,0);
	padding : 2px;
	margin : 0px;
	width : 560px
}

.inactivenews {
	padding : 2px;
	margin : 0px;
	width : 560px
}

.navigate {
	margin : 6px;
	padding : 2px;
	text-align : center;
}

.navigate a {
	border:thin rgb(255,153,0) solid;
	color:black;
	padding : 4px;
	font-weight:bold;
	text-decoration:none;
}

.navigate a:hover {
	background : rgb(255,153,0);
	color : white
}


#tutorialmenu h2 {
	color:rgb(255,200,0);
	background : rgb(245,245,245);
	background : white;
	border : 1px solid rgb(255,200,0);
	 border-top : 0;
	margin : 0px;
	padding : 4px;
}
.liknelse {
		  border:solid thin #33CC00;
		  background:rgb(255,200,0);
		  padding:4px;
		  margin:10px
		  }
		  
.exercise {
		  border:solid thin rgb(255,153,0);
		  background:rgb(255,200,0);
		  padding:4px;
		  margin:10px
		  }

.tip {
		background:rgb(255,200,0);
		border:solid black thin;
		border-collapse:collapse;
		padding:4px;
		margin:10px
		}
		
.boxalert {
		  font-size:18px;
		  color:red;
		  font-weight:bold
		  }		   

img.eyecatcher {
				float:left;
				margin-left:4px;
				margin-right:4px
				} 
				
				
a img {
	border: thin solid rgb(255,200,0);
}

.valid a img {
	border : 0;
}

dt a {
	text-decoration : none;
	color : black
	}
	
dl.dic dt 
	{
	margin-top:20px
	}

a.top 
	{
	float:right;
	font-size:18px
	 }

form.contact 
	{
	color : rgb(255,153,0);
	border : thin solid lightgrey;
	padding:10px;
	font-weight:bold
	}
  
form.contact input, form.contact textarea
	{
	border : thin solid rgb(255,153,0);
	background : white;
	color : black;
	}
	
form.contact input.submit
	{
	border : thin solid rgb(255,153,0);
	background : rgb(255,200,0);
	color : white;
	font-weight : bold
	}
	
div#startmenu {
	text-align: left;
	position : absolute;
	left : 0px;
	top : 0px;
	width : auto;
	padding : 4px 0 4px 0;
	margin : 0;
	margin-left : 4px
}

div#contentmenu {
	float : right;
	width : auto;
	padding : 4px 0 4px 0;
	margin : 0
}	

div#menu {
	position : absolute;
	top : 70px;
	left : 0;
	width : 800px;
}	

.nonactive{
	border : 1px rgb(255,200,0) solid;
	color : rgb(255,200,0);
	background : white;
	padding : 3px;
	font-weight : bold;
	text-decoration : none;
	margin-left : 0px;
	margin-right : 0px;
}

.nonactive:hover {
	background:rgb(255,200,0);
	color : white
}

.active {
	background:rgb(255,200,0);
	color : white;
	border : 1px rgb(255,200,0) solid;
	padding : 3px;
	font-weight : bold;
	text-decoration : none;
	margin-left : 0px;
	margin-right : 0px;
}

#headline {
	margin-top :0
}

div.active {
	background:rgb(255,200,0);
	color : white;
	border : 1px rgb(255,153,0) solid;
	font-weight : bold;
	margin-bottom : 0px;
	padding : 4px
	}
	
div.nonactive {
	background:white;
	border : 1px rgb(255,153,0) solid;
	}

.cssexample 
{
	background : yellow ; 
	color : green
}