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

.validator {
	color: blue !important;
	float:right;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #a4875b;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../Images/Master/bg-gradient.jpg);
	background-repeat: no-repeat;
}

body.iframe {
	background-color: #ffffff;
	background-image: none;
	padding: 15px;
	padding-left: 20px;
}

#container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 16px;
}

#siteURL {
	position: relative;
	margin-left: 728px;
	width: 230px;
	font-size: 11px;
	color: #ffffff;
}

#siteURL a {
	color: #ffffff;
}

img
{
	border: 0px;	
}

/* LOGO */

#logo {
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 102px;
	float: left;
	padding-left: 36px;
	padding-bottom: 20px;
	position: absolute;
	top: 5px;
	z-index: 10;
}

/* MENU */

#menu {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 10px;
	z-index: 10;
	clear: both;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	margin-left: 210px;
}

#menu ul li{
	float: left;
	display: block;
	font-size: 16px;
	color: #faefd2;
	font-style: italic;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 10px;
	padding-top: 12px;
	margin: 0px;
}

#menu ul li.active a {
	background-color: #ffffff;
	color: #9e7732;
	padding-right: 10px;
	padding-left: 10px;	
}

#menu ul li a {
	color: #faefd2;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	
	padding-bottom: 10px;
	padding-top: 12px;
}

#menu ul li a:hover {
	background-color: #ffffff;
	color: #9e7732;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;	
}

#menu ul li.active a {
	color: #9e7732;
	text-decoration: none;
}

/* HEADER */

#header {
	width: 940px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	border:0px solid red;
}

#headerSmall {
	width: 940px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}

#headerMiddle {
	background-image: url(../Images/Master/bg-repeat.png);
	background-repeat: repeat-y; 
	width: 940px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.headerVisual {
	margin: 0px;
	margin-left: 22px;
	padding: 0px;
	border: 0px;
}

#bannerUpload
{
	position: absolute;
	margin-left: 553px;
	margin-top: 22px;
}

#bannerVote
{
	position: absolute;
	margin-left: 553px;
	margin-top: 22px;
}

/* CONTENT */

#content {
	width: 940px;
	margin: 0px;
	margin-top: 50px;
	!margin-top: 10px;	
	padding: 0px;
	border:0px solid red;
}

#contentMiddle {
	background-image: url(../Images/Master/bg-repeat.gif);
	background-repeat: repeat-y; 
	width: 940px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#contentHome {
	margin: 0px;
	padding: 25px;
	padding-top: 0px;
	padding-bottom: 11px;
}

#contentIntro {
	padding-bottom: 20px;
}

.bekijkAlles {
	width: 120px;
	margin: 0px;
	padding: 0px;
	float: right;
	border: 0px;
	position: relative;
	top: -6px;
	margin-right: 15px;
}

.filter {
	width: 120px;
	margin: 0px;
	padding: 0px;
	float: right;
	border: 0px;
	position: relative;
	top: -1px;
	margin-right: 28px;
}

.filterInzendingen {
	border: 1px solid #b38228;
	color: #6f6a62;
	font-size: 12px;
}
	
#bannerHome {
	margin: 0px;
	margin-top: 10px;
	margin-left: 40px;
	padding: 0px;
	float: right;
	border: 0px;
	vertical-align: top;
}

p {
	font-size: 11px;
	color: #6f6a62;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

ol li, ul li{
	font-size: 11px;
	color: #6f6a62;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

a {
	color: #a70538;
}

h1 {

}

h2 {
	font-size: 13px;
	color: #79571b;
	margin: 0px;
	padding: 0px;
}

/* SEARCH */

#search {
	margin: 0px;
	margin-left: 760px;
	margin-top: 20px;
	padding: 0px;
	height: 24px;
	position: absolute;
	display:inline;
}

.searchField {
	margin: 0px;
	padding: 2px;
	width: 120px;
	background-color: #fff3e1;
	border: 1px solid #b38228;
	font-size: 11px;
	color: #79571b;
	font-style: italic;
	height: 17px;
	padding-left: 5px;
	vertical-align: top;
}

.searchSubmit {
	background-color: #FAEFD2;
	margin: 0px;
	color: #79571b;
	border: 0px;
	font-weight: bold;
	border: 1px solid #b38228;
	cursor: pointer;
	height: 23px;
	font-size: 11px;
}

#contentLaatstToegevoegd, #contentMeesteStemmen, #contentAlleInzendingen {
	margin: 0px;
	margin-bottom: 15px;
	padding: 20px;
	padding-bottom: 1px;
	padding-top: 12px;
	padding-right: 0px;
	background-color: #faf2e7;
	border: 1px solid #b38228;
	min-height: 1px;
}

#contentMeesteStemmen {
	margin: 0px;
}

/* UPLOADER */


.uploaderDetail {
	margin-top: 12px;
}

.uploaderDetail .uploader, .uploaderDetail  .petName, .votes {
	font-weight: bold;
	font-size: 11px;
	color: #6f6a62;
}

.share .delen, .url {
	font-weight: bold;
	font-size: 11px;
	color: #6f6a62;
}

.uploaderImage {
	width: 405px;
	height: auto;
	float: left;
	margin-right: 26px;
	margin-bottom: 19px;
}

.uploaderImage img {
	border: 1px solid #b38228;
	margin-bottom: 10px;
}

#border {
	background-color: #b38228;
	height: 1px;
	padding: 0px;
	margin: 0px;
	margin-top: 22px;
	margin-bottom: 12px; 
}

.share {
	width: 405px;
	margin-right: 26px;
	margin-bottom: 19px;
}

.share .icons {
	border: 0px;
	margin: 0px;
}

#urlField {
	width: 280px;
	border: 1px solid #b38228;
	float: right;
	color: #6f6a62;
	padding: 2px;
	font-style: italic;
	font-size: 12px;
}

/* UPLOAD FORM */

label {
	font-weight: bold;
	width: 120px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 2px;
}

.formField {
	font-size: 12px;
	color: #6f6a62;
	width: 163px;
	height: 16px;
	margin: 0px;
	padding: 2px;
	padding-left: 4px;
	border: 1px solid #b38228;
}

.optionField {
	font-size: 11px;
	color: #6f6a62;
	width: 171px;
	height: 22px;
	margin: 0px;
	padding: 2px;
	padding-top: 4px;
	border: 1px solid #b38228;
}

.optinField {
	float: left;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
	margin-top: 3px;
}

.formField {
	font-size: 12px;
	color: #6f6a62;
	width: 163px;
	height: 16px;
	margin: 0px;
	padding: 2px;
	padding-left: 4px;
	border: 1px solid #b38228;
}

.linkField {
	font-size: 12px;
	color: #6f6a62;
	width: 278px;
	height: 18px;
	margin: 0px;
	padding: 1px;
	padding-left: 4px;
	padding-bottom: 2px;
	border: 1px solid #b38228;
	font-style: italic;
}

.uploadField {
	border: 1px solid #b38228;
}


/* VOTE */

.uploadImage {
	border: 1px solid #b38228;
	margin: 0px;
}

#btnVote {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: right;
	position: relative;
	top: 40px;
	left: 20px;
}

.volgendeBtn {
	margin-left: 185px;
}

.verzendenBtn {
	margin-left: -5px;
}

.stemBtn {
	margin-left: 209px;
}


/* THUMBS */

.thumbList {
	margin-top: 12px;
	padding: 0px;
}

.thumb a {
	width: 125px;
	height: 125px;
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
	border: 1px solid #b38228;
}

.thumb a:hover {
	width: 125px;
	height: 125px;
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
	border: 1px solid #a70538;
}

.thumb .title {
	display: none;
	position: absolute; 
	background-color: #FFF;
	margin-left: -80px;
	margin-top: -10px;
}

.thumb .uploader {
	display: none;
}

.thumb .petName {
	display: none;
}

.thumb .votes {
	display: none;
}

/* PICTURE NAVIGATION */

#pictureNavigation {
	width: 405px;
	position: absolute;
	border: 0px;
	margin-top: 104px;
	display: block;
}

#pictureNavigation .next {
	float: right;
	margin-right: 16px;
}

#pictureNavigation .previous {
	float: left;
	margin-left: 16px;
}

#pictureNavigation img, #pictureVergrootglas img {
	border: 0px;
}


#pictureVergrootglas  {
	float: right;
}


/* PAGE NAVIGATION */

#pageNavigation {
	text-align: center;
	color: #6f6a62;
	font-size: 11px;
}

#pageNavigation.detail {
	text-align: center;
	color: #6f6a62;
	font-size: 11px;
	float: right;
	margin-right: 140px;
}

#pageNavigation .pageNumber {
	color: #6f6a62;
	text-decoration: none;
	padding-right: 4px;
}

#pageNavigation .previousPage {
	margin-right: 15px;
	vertical-align: text-top;
	margin-top: 2px;
}

#pageNavigation .firstPage {
	vertical-align: text-top;
	margin-top: 2px;
}

#pageNavigation .nextPage {
	margin-left: 15px;
	vertical-align: text-top;
	margin-top: 2px;
}

#pageNavigation .lastPage {
	vertical-align: text-top;
	margin-top: 2px;
}

#pageNavigation .pageNumber:hover {
	text-decoration: underline;
}

#pageNavigation .pageNumber.active {
	color: #a70438;
	text-decoration: underline;
}

/* FOOTER */

#footer {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 0px;
	padding: 0px;
	font-size: 11px;
	color: #ffffff;
}

#footer p {
	color: #faefd2;
}


#footer a {
	color: #ffffff;
	text-decoration: none;
}

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

/* ACTIE EN PRIJZEN */

.prijzenContainer {
	background-image: url(../Images/bg-prijzen.jpg); 
	background-repeat: no-repeat; 
	width: 415px; 
	height: 259px; 
	margin: 0px; 
	padding: 0px; 
	padding-left: 6px; 
	padding-top: 10px;
}