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

body {
	background-color: #fff;
	font: normal 12px Baskerville, Georgia, times, serif, times new roman;
	line-height: 16px;
	color:#444;
	margin:0px;
	padding:0px;
}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}


/* div's */


#wrapper {
width: 100%;
text-align: center;
}

#comment-wrapper {
width: 460px;
height: 100%;
text-align: left;
margin-left: 20px;
margin-right: 10px;
}

#menu {
height: 40px;
text-align: right;
padding-top: 10px;
padding-right: 10%;
font: 10px;

}

#billede {
text-align: center;
padding-top: 60px;
padding-bottom: 50px;
}

#thumbnails {
width: 65%;
float: left;
padding-left: 10%;
}

#kategorier {
width: 20%;
float: right;
}

#about {
width: 45%;
float: right;
padding-left: 10%;
}

#copyright {
text-align: center;
height: 50px;
margin-top: -50px;
position: relative;
clear: both;
padding-top: 20px;
}

#comment {
margin-top: 200px;
margin-bottom: 100px;
margin-left: 35%;
margin-right: 35%;

}



/* skrifter */

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #0099FF;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: #666;
}

/* andre */

img {
 border-color: #CCCCCC;
 border-width: 2px;
 border-style: solid;
 background-color:#ffffff;
}

/* classes */

.p-about {
text-align: left;

}

.p-about p {
font-size: 13px;
}

.browse img {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	margin: 8px;
	padding: 4px;
	background-color:#ffffff;
	}

.tutorials img {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	margin: 8px;
	padding: 4px;
	background-color:#ffffff;
	}

.tutorials p {
	text-align: left;
	}
	
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */