/*
Theme Name: Polaroid Portfolio
Theme URI: http://www.aafkeonline.nl/
Description: This Theme is specialy designed for Aafkeonline.nl by Aafke Ytsma.
Version: 3.0
Author: Aafkieytsma
Author URI: http://www.aafkeonline.nl/
Tags: simple and effective
*/

/* begin reset styles
bron: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {	
	overflow: scroll;
	}
/* EINDE RESET STIJL*/

/* BASIS OPMAAK */
body{
	line-height: 21px;
	font-family: Arial, Verdana;
	font-size: 11pt;
	color: #737373;
}

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

a:hover{
	text-decoration: underline;
	color: #333333;
}

h3 a, h3 a:visited {	
	color: #9a9a9a;	
	text-decoration: none;
} 

h3 a:hover{
	text-decoration: underline;
	color: #666666;
}

p {
	padding: 0 0 5px 0;
}

/* top beschrijving tekst */
h1{
	font-weight: normal;
	font-style: italic;	
	font-family: Georgia, Times New Roman;
	text-decoration: none;
	font-size: 19pt;
	color: #595959;
	padding: 0 0 20px 0;
}

h2{
	font-weight: normal;
	font-family: Georgia, Times New Roman;
	text-decoration: none;
	font-size: 16pt;
	color: #737373;
	padding: 0 0 5px 0;
}

h3{
	font-weight: normal;
	font-style: italic;	
	font-family: Georgia, Times New Roman;
	text-decoration: none;
	font-size: 12pt;
	color: #737373;
	padding: 1px 0 0 0;
}

h4{
	font-weight: normal;
	font-family: Arial;
	font-style: normal;	
	text-decoration: none;
	font-size: 10pt;
	color: #8c8c8c;
	margin: 0px 0 10px 0;
}
	
h5{
	text-align: right;
	font-weight: normal;
	font-style: italic;	
	font-family: Georgia, Times New Roman;
	text-decoration: none;
	font-size: 13pt;
	color: #737373;
	line-height: 20px;
}

h6{
	float: left;
	font-weight: normal;
	font-style: italic;	
	font-family: Georgia, Times New Roman;
	text-decoration: none;
	font-size: 13pt;
	padding: 10px 0 5px 0;
	color: #9a9a9a;
}

/* EINDE BASIS OPMAAK */

/* OPBOUW PAGINA */
#topbanner{
	position: relative;
	top: 0;
	left: 0;
	margin: 0px;
	height: 10px;
	width: 100%;
	background: #ededed;
	}

#topnav{
	position: relative;
	margin: 60px auto 30px;
	width: 805px;
	height: 318px;
}

#wrapper{
	position: relative;
	margin: 30px auto 0px;
	width: 700px;
}

#bottomnav{
	float: left;
	width: 100%;
	height: 220px;
	background: #ededed;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #e0e0e0;
}
/* EINDE OPBOUW PAGINA */

/* TOP NAV */
#polaroid{
	position: absolute;
	background: url('images/portfolio_10.gif') no-repeat top right;
	width: 798px;
	height: 229px;
	top: 0px;
	left: 0px;
	text-indent: -900em;
}

#work{
	position: absolute;
	background: url('images/portfolio_11.gif') no-repeat top right;
	width: 221px;
	height: 89px;
	top: 229px;
	left: 0px;
	text-indent: -900em;
}

#atlas{
	position: absolute;
	background: url('images/portfolio_12.gif') no-repeat top left;
	width: 185px;
	height: 89px;
	top: 229px;
	left: 221px;
	text-indent: -900em;
}	

#commission{
	position: absolute;
	background: url('images/portfolio_13.gif') no-repeat top left;
	width: 183px;
	height: 89px;
	top: 229px;
	left: 406px;
	text-indent: -900em;
}

#info{
	position: absolute;
	background: url('images/portfolio_14.gif') no-repeat top left;
	width: 209px;
	height: 89px;
	top: 229px;
	left: 589px;
	text-indent: -900em;
}
/* EINDE TOP NAV */

/* TOP NAV GENERAL */

#topsubnavigation{
	position: relative;
	margin: 90px auto 0px;
	padding: 0 0 20px 0;
	height: 16px;
	width: 700px;
}

#homeheader{
	position: absolute;
	height: 24px;
	width: 165px;
	top: 0px;
	left: 0px;
	font-weight: normal;
	font-family: Georgia, Times New Roman;
	font-style: normal;
	font-size: 21pt;
	line-height: 40px;
	text-decoration: none;
	color: #262626;
	text-indent: -900em;
	background: url('images/submenu_00.gif') no-repeat top left;
}

.workheader{
	position: absolute;
	height: 24px;
	width: 97px;
	top: 0px;
	left: 195px;
	font-family: Georgia, Times New Roman;
	font-style: normal;
	font-size: 21pt;
	font-weight: normal;
	text-indent: -900em;
	background: url('images/submenu_01.gif') no-repeat top left;
}

.atlasheader{
	position: absolute;
	height: 24px;
	width: 98px;
	top: 0px;
	left: 325px;
	font-family: Georgia, Times New Roman;
	font-style: normal;
	font-size: 21pt;
	font-weight: normal;
	text-indent: -900em;
	background: url('images/submenu_02.gif') no-repeat top left;
}

.commissionheader{
	position: absolute;
	height: 24px;
	width: 145px;
	top: 0px;
	left: 455px;
	font-family: Georgia, Times New Roman;
	font-style: normal;
	font-size: 21pt;
	font-weight: normal;
	text-indent: -900em;
	background: url('images/submenu_03.gif') no-repeat top left;
}

.infoheader{
	position: absolute;
	height: 24px;
	width: 71px;
	top: 0px;
	left: 629px;
	font-family: Georgia, Times New Roman;
	font-style: normal;
	font-size: 21pt;
	font-weight: normal;
	text-indent: -900em;
	background: url('images/submenu_04.gif') no-repeat top left;
}



/* EINDE TOP NAV GENERAL */

/* BOTTOM NAV */
#bottomnavbox{
	position: relative;
	margin: 0px auto;
	width: 700px;
	height: 220px;
}

#beschrijving{
	position: absolute;
	width: 700px;
	height: 50px;
	top: 0px;
	padding: 20px 0 0 0;
}

#beschrijving h2{
	float: left;
	padding: 0 10px 20px 0;
}

.ned{
	font-style: normal;
	font-size: 10pt;
}

#bottommenuwork{
	position: absolute;
	top: 45px;
	left: 0px;
	width: 230px;
	height: 150px;
	padding: 20px 0px 0px 0px;
}

.thumbnav{
	float: left;
	width: 230px;
	margin: 5px 0 0 0;
	background: url('images/background.gif') repeat top left;
}

.singlethumb{
	float: left;
	padding: 0 12px 0 0;
	background-color: #EDEDED;
}

#bottommenuatlas{
	position: absolute;
	top: 45px;
	left: 255px;
	width: 235px;
	height: 150px;
	padding: 20px 0px 0px 0px;
}

#rsswork{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 35px;
	height: 26px;
	background: url('images/portfolio_06.png') no-repeat top right;
	border-bottom: 1px solid #d5d5d5;
	}
	
#rssatlas{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 35px;
	height: 26px;
	background: url('images/portfolio_06.png') no-repeat top right;
	border-bottom: 1px solid #d5d5d5;
	}

#bottomcredit{
	position: absolute;
	top: 45px;
	left: 510px;
	width: 183px;
	height: 150px;
	padding: 20px 0 0 7px;
	font-size: 9pt;
}

#mail{
	position: absolute;
	top: 15px;
	right: 23px;
	width: 45px;
	height: 26px;
	background: url('images/portfolio_04.png') no-repeat top right;
	border-bottom: 1px solid #d5d5d5;
	}
	
#skype{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 23px;
	height: 26px;
	background: url('images/portfolio_05.png') no-repeat top left;
	border-bottom: 1px solid #d5d5d5;
	}
	
.copy{
	float: left;
	padding: 15px 0 0 0;
}

.thumbfooter{
	height: 90px;
}
/* EINDE BOTTOM NAV */

/* CONTACT PAGE */
#sidebarcontact{
	float: left;
	width: 225px;
	padding: 0 25px 0 0;
}

#containercontact{
	float: left;
	width: 450px;
}

#containercontact p {
	padding: 1px 0 0 0;
}

#sidebarcontact p {
	padding: 0px 0px 20px 0;
}

#wpcf7-f2-p571-o1{
	height: 330px;
}

.send{
padding: 5px 0 0 0;
}
/* EINDE CONTACT PAGE */

/* INFO PAGE */
#sidebarinfo{
	float: left;
	height: 285px;
	width: 225px;
	padding: 0 25px 0 0;
	background: url('images/foto.gif') no-repeat top left;
}

#containerinfo{
	float: left;
	width: 450px;
}
	

/* EINDE INFO PAGE */	

.yearbannerwork{
	margin-bottom: 10px;
}	

.pic{
	border-right: 40px solid #EDEDED ;
}