/*--- Toevoegingen op main.css ---*/

#content ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
}
#content li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#content  li a {
	float: left;
	width: 60px;
	height: 72px;
}
#content li#personal a:link {
	background-image: url(/img/nav/personal.jpg);
}
#content li#personal a:visited {
	background-image: url(/img/nav/personal.jpg);
}
#content li#personal a:hover {
	background-image: url(/img/nav/personal2.jpg);
}
#content li#still a:link {
	background-image: url(/img/nav/still.jpg);
}
#content li#still a:visited {
	background-image: url(/img/nav/still.jpg);
}
#content li#still a:hover {
	background-image: url(/img/nav/still2.jpg);
}
#content li#interior a:link {
	background-image: url(/img/nav/interior.jpg);
}
#content li#interior a:visited {
	background-image: url(/img/nav/interior.jpg);
}
#content li#interior a:hover {
background-image: url(/img/nav/interior2.jpg);
}
#content li#portrait a:link {
	background-image: url(/img/nav/portrait.jpg);
}
#content li#portrait a:visited {
	background-image: url(/img/nav/portrait.jpg);
}
#content li#portrait a:hover {
	background-image: url(/img/nav/portrait2.jpg);
}
#content li#travel a:link {
	background-image: url(/img/nav/travel.jpg);
}
#content li#travel a:visited {
	background-image: url(/img/nav/travel.jpg);
}
#content li#travel a:hover {
	background-image: url(/img/nav/travel2.jpg);
}
#content-work-right img {
	border: 1px;
	border-style: solid;
	border-color: #424242;
	margin-bottom: 5px;
}
#content-work-middle p {
	font-size: 100%;
	color: #424242;
	background: transparent;
	line-height: 100%;
	font-weight: normal;
	padding-top: 5px;
}
#content-work-left h1 {
	font-size: 120%;
	color: #fff;
	background: transparent;
	line-height: 100%;
	font-weight: bold;
	padding: 85px 0 0 40px;
	font-family: "Arial";
}
#content-work-left #nav {
	padding: 120px 0 0 36px;
}
#content-contact p {
	color: #fff;
	background: transparent;
	border: 0;
	font-weight: bold;
	text-decoration: none;
	padding-left: 2px;
}
#content-contact a:link {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#content-contact a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#content-contact a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#content-contact a:active {
	color: #fff;
	font-weight: bold;
}
#content-about p {
	color: #fff;
	background: transparent;
	border: 0;
	font-weight: bold;
	text-decoration: none;
	padding-left: 2px;
}
#content-about a:link {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#content-about a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#content-about a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
#content-about a:active {
	color: #fff;
	font-weight: bold;
}

/* Presentation Stylesheet */

a:link {
	color: #424242;
	background: transparent;
	font-weight: normal;
}
a:visited {
	color: #424242;
	background: transparent;
	font-weight: normal;
}
a:hover {
	color: #fff;
	background: transparent;
	font-weight: normal;
}
a:active {
	color: #fff;
	background: transparent;
	font-weight: normal;
}
hr {
	color: #2F3C57;
	height: 1px;
	width: 100%px;
	margin: 10px 0 10px 0;
	clear: both;
}
h1 {
	font-size: 200%;
	color: #1B5580;
	background: transparent;
	line-height: 120%;
	font-weight: normal;
}
h2 {
	color: #1B5580;
	background: transparent;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}
h3 {
	padding: 0;
	margin: 2px 0px 4px 0px;
	font-size: 105%;
	line-height: 120%;
	color: #2F3C57;
	background: transparent;
}
p {
	margin: 0 0 1em;
}

/* Image styling */

img.border {
	border-style: solid;
	border-width: 1px;
	border-color: #1B5580;
}

img.padding-left{
	margin: 0px 0px 10px 15px;
}
/* TABLES */

/*--- DATA TABLE ---*/
table.data {
	margin:0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	font-family: "Arial";
	font-size: 100%;
	color: #fff;
	border-collapse: collapse;
	border: 1px solid #444;
}
table.data td {
	border: 1px solid #444;
	padding: 4px 4px 4px 4px;
	margin: 0;
	vertical-align: middle;
}
table.data td.top {
	vertical-align: top;

}
table.data th {
	color: #232F45;
	font-weight: bold;
	background: #A6C4E4;
	margin: 0;
	padding: 4px 4px 4px 4px;
	border: 1px solid #444;
}
table.data tr.even {
	background: #788FA8;
}
table.data tr.odd {
	background: #90A2B5;
}

/* FORM DATA */
form {
	padding: 0;
	margin: 0;
}
fieldset {
	background-color: #fff;
	font-family: Arial;
	font-size: 85%;
	padding: 5px 20px 15px 20px;
	margin: 5px 0 5px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #A5B5C6;
}
legend {
	background-color: #fff;
	font-family: Arial;
	font-size: 110%;
	font-weight: bold;
	padding: 0 5px 0 5px;
	color: #2F3C57;
	margin: 0 0 10px 0;
}
label {
	background-color: transparent;
	padding:0;
	margin:0;
	font-weight: bold;
}
input {
	background-color: #fff;
	font-family: Arial;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #A5B5C6;
}

/* verschillende lengtes textvelden */
input.mini {
	width: 50px;
}
input.short {
	width: 125px;
}
input.mid {
	width: 250px;
}
input.long {
	width: 550px;
}
input.checkbox {
	border: 0;
	margin: 0;
	padding:0;
}
p.info {
	background: #eee;
	color: #2F3C57;
	border-color: #2F3C57;
	border:1px solid;
	padding: 2px 2px 2px 2px;
	margin: 15px 0 15px 0;
	font-size: 80%;
}
p.error {
	background: #eee;
	color: #2F3C57;
	border-color: #2F3C57;
	border:1px solid;
	padding: 2px 2px 2px 5px;
	margin: 15px 0 15px 0;
	font-size: 85%;
}
input.submit {
	padding: 2px 2px 2px 2px;
	margin: 10px 0 0 0;
	background: #ddd;
	font-size: 100%;
	font-weight: bold;
	color: #2F3C57;
	border-color: #2F3C57;
	border:1px solid;
}
textarea {
	background-color: #fff;
	font-family: Arial;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #A5B5C6;
}

/*--- verschillende lengtes textvelden ---*/
textarea.small{
	width: 400px;
	height: 130px;
}
textarea.big{
	width: 400px;
	height: 200px;
}
select{
	background-color: #fff;
	font-family: Arial;
	font-size: 85%;
	padding: 5px 20px 15px 20px;
	margin: 5px 0 5px 0;
	color: #2F3C57;
	border:1px solid;
	border-color: #A5B5C6;
}
/*--- einde extra.css ---*/