*
{
	padding: 0;
	margin: 0;
}

body
{
	font-family: Verdana, Geneva, Arial, "Helvetica", sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #e7e7e7;
	background-image: url(../images/bgPattern2.jpg);
	background-repeat: repeat;
	height: 100%;
}

#wrap 
{
	min-height: 100%;
	margin-bottom: 50px;
}

#container
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	margin-top: -140px;
	overflow:auto;
	padding-bottom: 100px;
}

#footer 
{
	position: relative;
	margin-top: -60px; 
	/*background-image: url(../images/footerBg.png);*/
	background-color: #1d1c1c;
	height: 60px;
	clear:both;
} 

#footerTekst
{
	position: relative;
	padding-top: 25px;
	text-align: center;
	color: #e6e6e6;
}

#footerTekst a
{
	text-decoration:none;
	color: #e2ea0a;
}

#footerTekst a:hover
{
	color: #e6e6e6;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

#header 
{
	background-image: url(../images/header3.png);
	width: 903px;
	height: 126px;
	background-repeat: no-repeat;
	margin-left: 80px;
}
#header h1 span
{
	visibility: hidden;
}
#menuBalk
{
	background-image: url(../images/menuBg2.png);
	height: 206px;
	background-repeat: repeat-x;
	top: 0px;
	z-index:-1;
}
.menu
{
	margin-top: 0px;
	top: 0px;
	margin-left: 260px;
	position: absolute;
	z-index: 2;
}

.adminMenu
{
	margin-top: 30px;
	margin-left: 80px;
}

.menu ul, .adminMenu ul {
list-style:none;
padding:0;
margin:0;
}
 
.menu ul li, .adminMenu ul li {
float:left;
}
 
.menu ul li a, .adminMenu ul li a {
text-indent:-9000px;
display:block;
height:50px;
margin-right:4px; /* kleine ruimte tussen buttons */
}

.menu ul li.home a, .adminMenu ul li.home a {
background-image: url(../images/homeBtn2.png);
width: 78px;
}
.menu ul li.home a:hover, .adminMenu ul li.home a:hover  {
background-position:bottom;
}

.menu ul li.portfolio a {
background-image: url(../images/portfolioBtn2.png);
width:113px;
}

.menu ul li.portfolio a:hover {
background-position:bottom;
}

.menu ul li.about a {
background-image: url(../images/aboutBtn2.png);
width:88px;
}
.menu ul li.about a:hover {
background-position:bottom;
}

.menu ul li.contact a {
background-image: url(../images/contactBtn2.png);
width:103px;
}
.menu ul li.contact a:hover {
background-position:bottom;
}

.menu ul li.blog a {
background-image: url(../images/blogBtn2.png);
width:75px;
}
.menu ul li.blog a:hover {
background-position:bottom;
}

a
{
  outline: none;
}


.adminMenu ul li.new a {
background-image: url(../images/newprojectBtn.jpg);
width:129px;
}
.adminMenu ul li.new a:hover {
background-position:bottom;
}

.adminMenu ul li.edit a {
background-image: url(../images/editprojectBtn.jpg);
width:126px;
}
.adminMenu ul li.edit a:hover {
background-position:bottom;
}

.adminMenu ul li.logout a {
background-image: url(../images/logoutBtn.png);
width:106px;
}
.adminMenu ul li.logout a:hover {
background-position:bottom;
}

#fotoPlayer
{
	margin-left: 57px;
	margin-top: 60px;
	height: 382px;
}

.fotoTekst
{
	padding-top: 200px;
}
#onderaanLinks
{
	margin-left: 80px;
	margin-top: 10px;
	margin-right: 61px;
	width: 460px;
	text-align: justify;
	float: left;
}

#onderaanRechts
{
	margin-top: 90px;
	float: left;
	padding: 9px;
}

#onderaanRechts a.twitterLink 
{ 
	display:block; 
	background:url(../images/twitterLogo.png) top no-repeat; 
	width:86px; 
	height:16px; 
	text-decoration:none; 
	margin-bottom: 9px;
	float: left;
} 

#onderaanRechts a.twitterLink:hover 
{ 
	background-position:bottom; 
} 

#onderaanRechts a.twitterLink  span 
{ 
	visibility:hidden; 
}

#onderaanRechts a.facebookLink 
{ 
	display:block; 
	background:url(../images/facebookLogo.png) top no-repeat; 
	width:87px; 
	height:17px; 
	text-decoration:none; 
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
	margin-top: -1px;
} 

#onderaanRechts a.facebookLink:hover 
{ 
	background-position:bottom; 
} 

#onderaanRechts a.facebookLink  span 
{ 
	visibility:hidden; 
}

#onderaanRechts a.behanceLink 
{ 
	display:block; 
	background:url(../images/behanceLogo.png) top no-repeat; 
	width:83px; 
	height:14px; 
	text-decoration:none; 
	margin-bottom: 8px;
	margin-left: 20px;
	float: left;
	margin-top: 2px;
} 

#onderaanRechts a.behanceLink:hover 
{ 
	background-position:bottom; 
} 

#onderaanRechts a.behanceLink  span 
{ 
	visibility:hidden; 
}

#onderaanRechts a.vimeoLink 
{ 
	display:block; 
	background:url(../images/vimeoLogo.png) top no-repeat; 
	width:62px; 
	height:16px; 
	text-decoration:none; 
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
} 

#onderaanRechts a.vimeoLink:hover 
{ 
	background-position:bottom; 
} 

#onderaanRechts a.vimeoLink  span 
{ 
	visibility:hidden; 
}

#onderaanLinks h2 span
{
	visibility: hidden;
}

#onderaanLinks h2
{
	margin-top: 20px;
	margin-bottom: 30px;
	background-image: url(../images/latestPosts.png);
	width: 194px;
	height:27px;
	background-repeat: no-repeat;
}

#onderaanLinks a
{
	text-decoration: none;
	color: #000;
	display:block;
	padding: 9px;
}

#onderaanLinks a:hover
{
	background-color:#e1e1e1;
}

#onderaanLinks p
{
	line-height:1em; 
	border-bottom:1px solid #d7d7d7;
}

#mijnFoto
{
	margin-left: 80px;
	margin-top: 70px;
	float: left;
	margin-right: 40px;
}

#mijnLogo
{
	margin-left: 30px;
	float: left;
	margin-top: 98px;
}

#theFacts h2 span, #bio h2 span, #graphicDesign h2 span, #webDesign h2 span, #logo h2 span, #printDesign h2 span
{
	visibility: hidden;
}

#theFacts h2
{
	background-image: url(../images/theFacts2.png);
	width: 122px;
	height: 22px;
	background-repeat: no-repeat;
	margin-left: 39px;
	margin-top: 70px;
	margin-left: 380px;
}

#graphicDesign h2
{
	background-image: url(../images/graphicDesign2.png);
	width: 307px;
	height: 23px;
	background-repeat: no-repeat;
	margin-top: 45px;
	margin-bottom: 30px;
}

#webDesign h2
{
	background-image: url(../images/webdesign2.png);
	width: 147px;
	height: 23px;
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 30px;
}

#logo h2
{
	background-image: url(../images/logo2.png);
	width: 98px;
	height: 23px;
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 30px;
}

#printDesign h2
{
	background-image: url(../images/printdesign2.png);
	width: 98px;
	height: 23px;
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 30px;
}

#theFacts table
{
	margin-top: 20px;
}

#theFacts table th
{
	text-align: left;
	width: 160px;
}

#bio
{
	margin-top: 40px;
	margin-left: 80px;
	margin-right: 20px;
	float: left;
}


#bio h2 
{
	background-image: url(../images/biography2.png);
	width: 128px;
	height: 23px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

#bio p
{
	text-align: justify;
	width: 580px;
}

input[type="text"], textarea{
	background-color: #bbb9b9;
	border-width: 1px;
	border-style: solid;
	border-color: #b2adad;
	padding: 2px;
	width: 300px;
}

input[type="text"]:focus, textarea:focus {
	background-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb9b9;
}

input[type="password"], textarea{
	background-color: #bbb9b9;
	border-width: 1px;
	border-style: solid;
	border-color: #b2adad;
	padding: 2px;
	width: 300px;
}

input[type="password"]:focus, textarea:focus {
	background-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb9b9;
}

input[type="file"]{
	background-color: #bbb9b9;
	border-width: 1px;
	border-style: solid;
	border-color: #b2adad;
	padding: 2px;
	width: 300px;
}

input[type="file"]:focus{
	background-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	border-color: #bbb9b9;
}

.contactForm
{
	margin-left: 80px;
	margin-top: 60px;
}

#form
{
	float:left;
}
.contactForm label, .loginForm label, #newProject label, #wijzigProject label
{
	vertical-align: top;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 2px;
}

.submit
{
	margin-top: 10px;
	margin-left: 245px;
}

.loginBtn
{
	margin-top:10px;
	margin-left: 254px;
}

.editBtn
{
	margin-top: 10px;
	margin-left: 272px;
}

.sendBtn
{
	margin-top: 10px;
	margin-left: 262px;
}

#find h2 span
{
	visibility: hidden;
}

#find h2
{
	background-image: url(../images/findmeon.png);
	width: 103px;
	height: 19px;
	background-repeat: no-repeat;
	margin-left: 500px;
	margin-top: 55px;
	margin-bottom: 30px;
}

.logo
{
	float: left;
	margin-right: 12px;
	border: 0px;
}

.loginForm
{
	margin-left: 80px;
	margin-top: 45px;
}

#overzicht
{
	margin-top: 140px;
}

.projecten
{
	margin-top: 50px;
	margin-left: 80px;
}

img
{ 
	border: none; 
} 

.projecten .thumbnails
{
	float: left;
	border-color: #000000;
	border-style: solid;
	border-width: 18px;
}

.projecten .uitleg
{
	float: left;
	margin-left: 60px;
	width: 450px;
	height: 300px;
	text-align: justify;
}

.uitleg h2
{
	color: #e62041;
	font-size: 24px;
	font-family: Futura;
}

.uitleg h3
{
	color: #8d8c8c;
	font-size: 14px;
	font-family: Futura;
	margin-top: 30px;
}

#overzicht
{
	margin-left: 80px;
	margin-top: 55px;
}

#thumbnails
{
	margin-top: 70px;
	margin-left: 80px;
}



.thumbs
{
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
	height: 205px;
}

/*.thumbs a
{
	background-color: #1d1c1c;
	padding-top: 2px;
	padding-bottom: 2px;
}*/

.thumbs p
{
	background-color: #1d1c1c;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 442px;
	color: #e6e6e6;
	font-size: 12px;
}

.onderschrift
{
	background-color: #1d1c1c;
}


.thumbs a:hover
{
	/*border-bottom-color: #e2ea0a;
	border-bottom-style: solid;
	border-bottom-width: 4px;*/
	opacity: 0.9;
}

.url 
{
	
	padding-top: 3px;
	padding-bottom: 3px;
	width: 442px;
	text-align: center;
}

.url a
{
	text-decoration: none;
	color: #1d1c1c;
	text-align: center;
}

.url a:hover
{
	opacity: 0.6;
}

.dummy
{
	clear:left;
}

.thumbs p
{
	text-align: center;
	margin-top: 5px;
}

.Btn
{
	margin-right: 20px;
	margin-bottom: 40px;
}

.bewerken h2
{
	color: #e62041;
	font-size: 20px;
	font-family: Futura;
}

.bewerken
{
	float: left;
	width: 300px;
}

.errors
{
	color: #e62041;
	border-width: 2px;
	border-style: solid;
	border-color: #e62041;
	padding: 5px 10px;
	margin: 20px 0 10px 0;
	width: 500px;	
}

.contactErrors
{
	color: #e62041;
	border-width: 2px;
	border-style: solid;
	border-color: #e62041;
	padding: 5px 10px;
	margin: 20px 0 10px 0;
	width: 280px;	
}

.correct
{
	color: #36aa54;
	border-width: 2px;
	border-style: solid;
	border-color: #36aa54;
	padding: 5px 10px;
	margin: 20px 0 10px 0;
	width: 500px;	
}

.correct2
{
	color: #36aa54;
	border-width: 2px;
	border-style: solid;
	border-color: #36aa54;
	padding: 5px 10px;
	margin: 50px 0 10px 82px;
	width: 500px;	
}

#onderkantPlayer
{
	background-image: url(../images/latestWorks.png);
	width: 215px;
	height: 36px;
	background-repeat: no-repeat;
	margin-top: -2px;
	margin-left: 700px;
}

#ventje
{
	margin-top: -160px;
	margin-left: 761px;
}

#sorteer
{
	margin-top: 50px;
	margin-left: 80px;
}

.float
{
	float: left;
}

.btnSorteer
{
	margin-left: 10px;
	margin-top: -10px;
}

#contact
{
	margin-top: 60px;
	margin-left: 40px;
}

/*.wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -63px;
}

.footer, .push 
{
	background-image: url(../images/footerPattern.png);
	height: 63px;
	background-repeat: repeat-x;
}*/