/* style sheet for [Project Name] */
@media screen,projection {
	html, body {
	/*Typefont body color*/
		color: #333;
		margin: 0;
		padding: 0;
		height: 100%
	}
	
	a#flag { border: solid 0px #2b2b2b;
	     float: right; 
	   /*   margin-left: 25px */
       /* margin-right: 0px; */
        	margin: 0px -2	px 0px 0px 
    }
       
	
	
	
	html {
		background: transparent;
		font-size: 100%
	}
	
	body {
	/*body color etc*/
		background: #fff;
		font: 0.9em/1.4em arial,tahoma,sans-serif;
		height: 100%
	}
	
	/*Om oss tex heading*/
	h1, h2, h3 {
		font-family: Tahoma,Verdana,sans-serif;
		font-weight: normal;
		margin: 25px 0 2px 0px
	}
	
/* Top heading */
	h1 {
		border-bottom: solid 1px #2b2b2b;
/*		color: #2b2b2b; */
		color: #888888; 
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.2em;
		padding-bottom: 0.2em;
		margin-bottom: 1em
	}
	
	h2 {
		color: #2b2b2b; 
/*		color: #888888; */
		font-size: 1.2em;
				font-weight: bold;
		margin: 1.2em 0 0.2em 10px
	}
		
	/* Text intendering */
	p, img, form {
		border: 0;
		margin: 0 0 1em 0px
	}
	
	img { border: solid 1px #2b2b2b;
	      float: right;
	   /*   margin-left: 25px */
	margin-left: 0px
    }

	img { border: solid 1px #2b2b2b;
	      float: right;
	   /*   margin-left: 25px */
	margin-left: 0px
    }



/* Frontside productions text logo top*/
	img#logo { border: solid 0px #2b2b2b;
	      float: left;
	       margin: 10px 0px 0px 2px; 
    }
        
	img#miniplay { 
			border: solid 0px #2b2b2b;
	        float: right;			     
    }

	img#flag { 
			border: solid 0px #2b2b2b;
	        float: left; 
	        margin-right: 0px 
          	margin: 0px 0px 0px 0px    			     
    }

	img#middlepic { border: solid 0px #2b2b2b;
	        /* float: Right;
	        float: Left;
	        /* Top : Left side all : space under : richt amount moved    */
            margin: 0px 0px 0px 0px;  
			margin-left: -4px !important;            
  	     
    }


	img#standardvideos { border: solid 0px #2b2b2b;      
    }


	
		img#topimg { border: solid 0px #2b2b2b;
	      float: left;
	 /*     margin-left: 0px */
	 
	 
	      margin: 0px 0px 1px 0
	}
	
	img.noformat { border: 0 }
	
	em { font-style: italic }
	strong { font-weight: bold }
	
	fieldset, blockquote, blockquote p {
		border: none 0;
		margin: 0;
		padding: 0;
		width: auto
	}
	
	legend {
		display: none;
		position: absolute;
		left: -999em
	}
	
	label { cursor: pointer }
	hr { display: none }
		
	
	table {
		border-collapse: collapse;
		font-size: 0.9em;

		margin-bottom: 1em
	}
	
	th { text-align: left }
	td { 
	
	padding: 4px 8px; 
	
	/*rob*/
	margin: 0px 0px 0 10px
	}
	td label { display: none }
	
	/* base layout */
	div#wrap {
		background: #fff;
		margin: 0 auto;
		overflow: auto;
		width: 800px 		
	}

/* DEMO  
looks great in Internet Explorer, but awful in Firefox. What do I do
width = 720px;
margin: 0 auto;
-moz-margin-top: 3px; // For Firefox
margin-top: 4px; // For other browsers

It looks great on Firefox, but bad on Internet Explorer!”
box {
width = 720px;
margin: 0 auto;
-moz-margin-top: 3em; // For Firefox
margin-top: 8em !important; // For Internet Explorer
margin-top: 4em; // For other browsers
}

But I wanna assign an entire other style for those who use IE!”
    .topMennu{
    width: 700px;
    }

    .top\Menu{
    width: 720px;
    }
*/


/* TOP ---------------------------------------------------------------- */ 	
/* TOP ; LEFT ; BOTT ; RIGHT counter clock*/ 	

/* Menu bar size */	
	div#top {
/*		border-top: solid 4px #2b2b2b; */
/*		border-bottom: solid 1px #2b2b2b;  */
		float: left; 	
	/*	margin: 40px 8px -16px 1px; */
	/*	margin: 0px 0px 0px 0px; */
		
	    margin: 0px 0px -3px 0px !important; margin: 40px 8px -16px 0px;
		

/*		padding-top: 12px; */


		/* width: 800px; */ 
		width:800px !important; width:799px;
		
		
		
		
	}
	
	div#top p { margin: 0 0 0 12px }
	
	div#top p em {
		font: 1.2em Tahoma,Verdana,sans-serif;
		font-style: normal;
	}
	
	
	/* Link */
	div#top p a:link,
	div#top p a:visited {
	
/*		Text skate */
	color: #2b2b2b;
	text-decoration: none
	}
	
	div#top p a:hover {	text-decoration: underline }
	
/*		background menu  */	
div#top ul#topmenu {
		background: #2b2b2b;  
		float: left;   
/*		list-style: none;  */
/*		margin: 0px 0 0 1;   */
		margin: 0px 0 0 0;   
		padding: 0;  
		width: 100%;  
/*		cursor: hand;  */
/*		display: block;  */
/*		line-height: 20px;  */
		/*		TOP, RIGHT */
		/*	padding: 5px 6px 8px 5px; */

	}
	
	div#top ul#topmenu li {
		float: left;
		width: auto;
		display: block;



	}
	
	/* Nav Buttons */
	div#top ul#topmenu li a {
	/* space between nav buttons 1px */
		border-right: solid 1px #fff;
		display: block;		
	/*	display: round; */
	
	
		font: 1em Tahoma,Verdana,sans-serif;
		padding: 0.4em 1em;
		/*  0.6 before*/ 
		text-decoration: none
		
	}
	
	div#top ul#topmenu li a:link,
	div#top ul#topmenu li a:visited {
		background: #2b2b2b;
		color: #fff
		
		

	}
	
	div#top ul#topmenu li a:hover {
	
/*		background: #2d5a28; */
	background: #888888;
	color: #fff
	

	
	}
	
	div#top ul#topmenu li a:active {
		background: #2b2b2b;
		

		color: #fff
		
	}

	div#content {
	/*	float: left; */
		float: center;
		margin: 10px 0 0 0;
		padding: 15px 20px 25px 20px;
/*		width: 880px  */
		width: 800px		
		
	}
	
	div#content a:link,
	div#footer a:link {
		color: #000;
		text-decoration: underline
	}
	
	div#content a:visited { color: #222 }
	
	div#content a:hover,
	div#footer a:hover {
		color: #2d5a28;
		text-decoration: underline
	}
	
	div#content p#introduction { width: 500px }

	div#content #main {
		float: left;
		width: 500px
	}
	
	div#content #main img {
		float: none;
		margin: 0
	}
	
	div#content #sidebar {
		float: left;
		margin-left: 35px;
		width: 340px
	}
	
	div#content #sidebar h2 { margin-top: 0 }

	/* forms */
	fieldset {
		background: #f7f7f7;
		border: solid 1px #999;
		float: left;
		margin: 10px 0;
		padding: 25px;
		width: 420px
	}
	
	fieldset p {
		float: left;
		margin: 0 0 1em 0;
		width: 420px
	}
	
	fieldset label {
		float: left;
		margin-right: 10px;
		width: 200px
	}
	
	fieldset input {
		float: left;
		padding: 2px;
		width: 200px
	}
	
	p.btn {
		clear: both;
		/*float: left;*/
		margin: 10px 0 1em 0;
		width: 100%
	}
	
	p.btn input {
		background: #f7f7f7;
		border: solid 1px #999;
		padding: 3px 4px;
		width: auto
	}
	
	p.msg {
		clear: both;
		/*float: left;*/
		margin-bottom: 1em;
		width: 100%
	}
	
	
	div#footer {
/*		border-top: solid 4px #2b2b2b; */
/*		float: left; */
/*		margin: 0 20px 0 20px; */
/*		padding-top: 12px; */
		width: 800px
	}
	
	/* admin styles */
	div.admin {
		padding: 0 0 0 4px;
		width: 95% !important
	}
	
	div.admin div#top,
	div.admin div#content { width: 100% !important }
	
	div.admin div#top { margin: 0 }
	div.admin div#content { padding: 0 }
	div.admin div#top h1 { margin-bottom: 0 }
	
	div.admin h2 {
		font-size: 1em;
		margin: 1em 0 -0.6em 0;
	}
	
	div.admin fieldset { width: 230px }
	div.admin fieldset p { width: 200px }
	
	div.admin h1 { width: 92% }
	div.admin h2 {
		font-size: 1.6em;
		margin-bottom: 0.4em
	}
	
	div.admin div#top p {
		float: right;
		margin: 1em 0;
		width: auto
	}
	
	div.admin div#top ul#topmenu { margin-top: 0; margin-bottom: 0 }
	
	div.admin table { width: 100% }
	div.admin td { border: solid 1px #858585 }

}


@media print {
	
}