@charset "utf-8";
/* CSS Document */

/*****************************************
* Copyright (c) 2009 - Springform.dk     *
* Udviklet af Kennet H. Andersen         *
* www.springform.dk                      *
* email: post@springform.dk              *
*****************************************/

* {margin:0; padding:0; outline:none;}
	a {
		text-decoration:none;
		color:#000;
	}
	td {
		vertical-align:text-top;
		min-width:160px;
		vertical-align:top;
	}
	body {
		background-image:url(../images/egefiner.jpg);
	}
	ul {
		list-style:inside;
	}
	ul li {
		font-style:italic;
		font-weight:normal;
	}
	ol {
		list-style:inside;
		list-style-type:decimal;
	}
	img { 
		border:none;
	}
	h4 {
		font-size:13px;
		display:inline;
	}
	h2, 
	h3 { 
		font-weight:normal; 
		color:#000000
	}
/*Body structure*/
	.alink {
		border-bottom:dotted 1px;
	}
	.alink:hover {
		background-color:#FFFF00;
	}
	#container {
		width:740px;
		height:1042px;
		font-family:Comic Sans MS, Comic Sans MS5, sans-serif; /*Arial, Helvetica, sans-serif;*/
		font-size:12px;
		color:#333;
		line-height:20px;
		margin: -250px auto;
	}
	#leftmargin {
		position:relative;
		width:133px;
		height:1042px;
		float:left;
		background-image:url(../images/leftmargin.png);
		background-repeat:no-repeat;
	}
	#banner {
		position:relative;
		float:right;
		width:607px;
		height:110px;
		background-image:url(../images/banner.png);
		background-repeat:no-repeat;
	}
	#flashbanner {
		position:relative;
		float:right;
		background-repeat:no-repeat;
	}
	#rightmargin {
		position:relative;
		float:right;
		width:216px;
		height:1042px;
		background-image:url(../images/rightmargin.png);
		background-repeat:no-repeat;
	}
	#bgpic {
		position:absolute;
		left: -130px;
		top:-111px;
		width:740px;
		height:1042px;

	} 
	/*Indhold*/
		#content {
			position:relative;
			float:left;
			border:none;
			width:391px;
			height:1042px;
			background-image:url(../images/content.png);
			background-repeat:no-repeat;
		}
		#contentT {
			position:relative;
			width:391px;
			height:849px;
			left:3px;
			top:20px;
			z-index:10000;
		}
		/*Footer*/
			#footer {
				position:relative;
				width:607px;
				height:83px;
				left:3px;
				top:35px;
				color:#000000;	
			}
			#footer a {
				border-bottom:dotted 1px;
			}
			#footer a:hover {
				background-color:#FFFF00;
			}
		/*End footer*/
	/*End indhold*/
/*End body structure*/
/*Menu*/
	/*Small Post-its*/		
		.hjernenbag,
		.mmd,
		.portfolio,
		.links {
			background-repeat:no-repeat; 
			position:relative; 
			width:250px; 
			height:64px; 
			left:680px; 
			top:260px;			
		}
		.hjernenbag {
			margin-left:0px
		}
		.mmd {
			margin-left:-65px
		}
		.portfolio {
			margin-left:-35px
		}
		.links {
			margin-left:-65px
		}
		.hjernenbag:hover,
		.mmd:hover,
		.portfolio:hover,
		.links:hover {
			margin-left:15px;  
			width:202px;
		}
		#active {
			z-index:10000;
			margin-left:0px;
			width:187px;
		}
	/*Small Post-its*/
	/*Post-it Menu*/
		#menuwrapper {
			float:right;
			width:215px;
			position:relative;
			top:-1142px;
			left:-20px;
			height:1020px;
			margin-bottom:-1000px;
		}
		#pitmenu1topmargin {
			position:relative;
			top:120px;
		}
		#pitmenu3topmargin {
			position:relative;
			top:65px;
		}
		.pitmenu {
			background-image:url(../images/menu.png);
			position:inherit;
			top:75px;
			width:215px;
			height:215px;
			background-repeat:no-repeat;
		}
		.pitmenuText {
			text-align:left;
			position:relative;
			left:50px;
			top:20px;
			border:none;
			width:160px;
			height:125px;
			line-height:20px;	
		}
		.pitmenuText ul li {
			font-style:normal;
			list-style:none;
		}
		.pitmenuText A:link,
		.pitmenuText A:visited,
		.pitmenuText A:active {
			color:#666;
			text-decoration:none;
			font-size:12px;
			width:150px;
		}		
		.pitmenuText A:hover {
			text-decoration: none; 
			color:#333;
			width:150px;
			font-size:14px;
			line-height:normal;
		}
	/*End Post-it menu*/
	/*Billed menu*/
		#picmenu {
			position:relative;
			height:400px;
			width:215px;			
		}
		#picmenu img {
			height:100px;
			width:125px;
			position:relative;
			left:90px;
			top:50px;
			margin-top:10px;
		}
		#picmenu a:hover img {
			left:60px;
		}		
		
		/*Papirklips*/
			.papirklipsort {
				background-image:url(../images/klips.png);
				width:85px;
				height:25px;
				position:relative;
				left:146px;
				z-index:100000000
			}
			.papirkliphvid {
				background-image:url(../images/klipshvid.png);
				width:85px;
				height:25px;
				position:relative;
				left:146px;
				z-index:100000000
			}
			#papirklipspic1 {
				top:-340px; 
			}
			#papirklipspic2 {
				top:-240px; 
			}
			#papirklipspic3 {
				top:-140px; 
			}
			#papirklipspic4 {
				top:-60px; 
			}
		/*End papirklips*/
	/*End billed menu*/
/*End Menu*/	
/*Kun på én side*/
	#FAQ p {
		font-weight:bold;
	}
	/*Billeder*/
		#profilepic {
			background-image:url(../images/me.png);
			position:relative;
			float:right;
			width:210px;
			height:245px;
			background-repeat:no-repeat;
			border:none;
			top:-1090px;
			left:-5px;
		}
		#laerpic a img {
			position:relative;
			top:20px;
			left:-10px;
			height:78px;
			width:150px;
		}		
		#laerpic a:hover img {
			left:-125px;
			top:-50px;		
			width:383px;
			height:200px;
			background-color:#fdf183;
			z-index:10000;
		}
	/*End Billeder*/	
	/*Galleri*/
		.photo {
			width:391px;
			text-align:left; 
			position:relative;
			top:30px; 
			margin:0 auto;
		}  
		.photo ul.topic {
			padding:0; 
			margin:0; 
			list-style:none; 
			width:500px; 
			height:auto; 
			position:relative; 
			z-index:10;
		}  
		.photo ul.topic li {
			display:block; 
			width:125px; 
			height:31px; 
			float:left;
		}
		.photo ul.topic li a.set {
			display:block; 
			font-size:11px; 
			width:124px; 
			height:30px; 
			text-align:center; 
			line-height:30px; 
			color:#666; 
			text-decoration:none; 
			border:1px solid #fff; 
			border-width:1px 1px 0 0; 
			background:url(../images/galleri/faneblad.png);
		}  
		.photo ul.topic li a ul, 
		.photo ul.topic li ul {
			display:none;
		}
		.photo ul.topic li.active a {
			color:#666; 
			background:url(../images/galleri/faneblad.png);
		}
		.photo ul.topic li a:hover,
		.photo ul.topic li:hover a { 
			color:#333;
			font-size:14px; 
			background:url(../images/galleri/faneblad.png) no-repeat;
		}
		.photo ul.topic li.active ul {
			display:block; 
			position:absolute; 
			left:0; 
			top:31px; 
			list-style:none; 
			padding:0; 
			margin:0; 
			height:480px; 
			background:url(../images/galleri/content.png) no-repeat; 
			width:497px;  
			z-index:1;
		}
		.photo ul.topic li a:hover ul, 
		.photo ul.topic li:hover ul {
			display:block; 
			position:absolute; 
			left:0; 
			top:31px; 
			list-style:none; 
			padding:0; 
			margin:0; 
			height:480px; 
			background:url(../images/galleri/content.png) no-repeat; 
			width:497px; 
			z-index:100;
		}  
		.photo ul.topic li ul li {
			display:inline;
			width:112px; 
			height:87px;
			margin-left:10px;
			margin-top:10px;
		}
		.photo ul.topic li ul li a {
			display:block; 
			width:110px; 
			height:85px; 
			cursor:default; 
			float:left; 
			text-decoration:none;  
		}
		.photo ul.topic li ul li a img {
			display:block; 
			width:100px; 
			height:75px; 
			border:5px solid #CCC;
		}
		.photo ul.topic li a:hover ul li a:hover, 
		.photo ul.topic li:hover ul li a:hover {
			white-space:normal; 
			position:relative;
		}
		.photo ul.topic li a:hover ul li a:hover img, 
		.photo ul.topic li:hover ul li a:hover img {
			position:absolute; 
			left:-50px; 
			top:-32px; 
			width:200px; 
			height:150px; 
			border-color:#999;
		}
	/*End galleri*/	
	/*Info hover*/
		a.info{
			position:relative;
			z-index:20; 
			color:#000;                
			text-decoration:none;
			font-size:10px;
			border-bottom:dotted 1px;
		}
		a.infooverskrift{
			position:relative;
			z-index:20; 
			color:#000;
			font-size:13px;
			font-weight:bold;
			font-style:normal;               
			text-decoration:none;
			border-bottom:dotted 1px;
		}
		a.infooverskrift:hover,
		a.info:hover {
			z-index:25;
			background-color:#FFFF00;
		}
		a.infooverskrift span,
		a.info span{
			display: none;
		}
		a.infooverskrift:hover span,
		a.info:hover span{
			display:block;
			position:absolute;
			top:24px;
			left:48px;
			width:240px;
			padding:3px;
			border:1px solid #333;
			background-color:#ff9;
			color:#000;
			font-size: 12px;
			font-weight:normal;
			z-index:30;
			text-align:left;
		}
	/*End Info hover*/
/*EndKun på én side*/