@charset "UTF-8";
#wrapper{
	background-color:#D1D2D4;	
}
#midt{
	width:450px;
	height:auto;
	float:left;
	margin: 80px 0 0 100px;
}
#midt h3{
	visibility:hidden;
	position:absolute;
	left:-1000px;
}
#midt #gallery_midt{
	width:auto;
	background-color:#302E32;
	position:relative;
	margin:0px auto 0 auto;
}
#midt #gallery_midt img{
	margin:10px;
	position:absolute;
	/*CSS egenskab visibility bliver dynamisk defineret af JavaScript: hidden - visible */
}
#midt #gallery_midt #transperent{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}
#right{
	float:left;
	padding:20px 0 0 0;
}
/* Thumbnail navigationen ydre*/
#img_navigation{
	width:80px;
	float:left;
	margin:80px 0 0 0;
}
#forward span, #back span{
	visibility:hidden;
/*	position:absolute;
	left:-2000px;*/
}
#forward, #back{
	margin:0 0 0 7px;
}
#forward a, #back a{
	border:none;
	text-decoration:none;
	width:30px;
	height:12px;
	display:block;
}
#forward{
	background-image:url(../img/main_grafik/grund/pil_ned.png);
	background-repeat:no-repeat;
}
#back{
	background-image:url(../img/main_grafik/grund/pil_up.png);
	background-repeat:no-repeat;

}
/* Thumbnail navigationen indre*/
#container_gallery{
	width:80px;	
/*	height:350px; Bliver sat ved JavaScript */
	position:relative;
	margin:15px 0 15px 0;
}
/* Listen til Thumbnails */
#right li{
	height:50px;
	width:50px;
	margin:0px 0 4px 0;
	float:left;
}
/* Listen til Thumbnails */
#right ul{
/* Da det ikke altid er nok at definere margin og padding til 0 med stjernereglen 
virker på ul elementet
*/	
	position:absolute;
	top:0px;
	left:0px;
	/*float:left;*/
}
/* pragrafteksten i billedgalleriet */
#beskrivelse{
	width:auto;
	font-weight:bold;
	text-align:center;
	margin:5px 0 10px 0;
	clear:both;	
}
#outer_menu #forside, #outer_menu #referencer, #outer_menu #cv, #outer_menu #gallery{
	float: left;
}
/* Thumbnails */
#imagegallery li a span{
	visibility:hidden;
	font-size:6px;
}
#imagegallery li a{
	text-decoration:none;
	display:block; 
	width:50px;
	height:50px;
	border:none;
}
#backtee-herre1, #backtee-herre2, #backtee-pige1, #backtee-pige2, #dreams1, #dreams2, #dreams3, #kai1, #kai2, #kai3, #kai4, #kai5,#machrace1, #machrace2, #machrace3, #redgreen1, #redgreen2, #redgreen3{
	background-repeat:no-repeat;
}

#backtee-herre1{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/backtee-herre1tb.jpg);
}
#backtee-herre2{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/backtee-herre2tb.jpg);
}
#backtee-pige1{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/backtee-pige1tb.jpg);
}
#backtee-pige2{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/backtee-pige2tb.jpg);
}
#dreams1{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/dreams1tb.jpg);
}
#dreams2{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/dreams2tb.jpg);
}
#dreams3{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/dreams3tb.jpg);
}

#kai1{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/kai1tb.jpg);
}
#kai2{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/kai2tb.jpg);
}
#kai3{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/kai3tb.jpg);
}

#kai4{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/kai4tb.jpg);
}
#kai5{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/kai5tb.jpg);
}


#machrace1{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/matchrace1tb.jpg);
}
#machrace2{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/matchrace2tb.jpg);
}
#machrace3{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/matchrace3tb.jpg);
}
#redgreen1{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/redgreen1tb.jpg);
}
#redgreen2{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/redgreen2tb.jpg);
}
#redgreen3{
	background-image:url(../img/main_grafik/picture_gallery/thumbnails/redgreen3tb.jpg);
}