html, body{color: #333;font-family: Tahoma, Verdana, sans-serif;font-size: 12px;margin: 0;padding: 0;height:100%;}
body{margin-top:5px;background: #fff url(http://s1.partyindustries.be/img/bgtest.webp)  center top no-repeat;}
img{border: 0px;}
#header, #mainMenu, #mainAanraders, #content, #searchBar {width: 995px;margin: 0 auto;padding: 0;margin-left: auto;margin-right: auto;text-align: left;}
#mainMenu{border:1px solid #757575;border-bottom:1px solid #505050;text-transform: uppercase;background: #505050 url(http://s1.partyindustries.be/img/backgroundMainmenu.png) top repeat-x;color:white;font-family:Arial,Verdana;font-weight:bold;width:993px;height:37px;}
#searchBar {background-color:#505050;height:37px;text-align:right;padding: 0 5px 0 5px;width: 985px;}
#header{height:186px;}
#sitename{display:inline-block;text-transform: uppercase;margin:0;background: #eae9e9 url(http://s1.partyindustries.be/img/backgroundSitename.png) top repeat-x;color:white;padding-left: 7px;padding-right:7px;font: 3.5em Impact,Verdana,Arial;text-shadow: 1px 1px 1px #2a1c11;height:63px;line-height:63px;}
#header ul {list-style-type:none;}
#headerWelkom {clear:both;margin-top:162px;color:white;width:995px;text-align:right;height:24px;position: absolute;}
#headerWelkom a {color:#fff;font-style:italic;}
.uppercase {text-transform: uppercase;}
.imageQuality {display: inline-block;height: auto;image-rendering: optimizequality;max-height: 100%;width: auto;}
a {color: #666666;text-decoration:none;}
a:hover{color:black;}
.newsRow {padding-bottom:3px;font-size:1.1em;}
.newsRow a {color: #333;/*text-transform:uppercase;*/text-decoration:none;}
.newsRow time {color: #666;font-weight:bold;}
.newsRow span {font-weight:bold;}

.button {
background-color: #519805; /*C22C1B*/
  border: 1px solid black;
  padding: 5px;
  margin-bottom: 5px;
  color: paleTurquoise;
  font-weight: bold;
}
.button:hover {
  color: white;
}

@font-face {
    font-family: 'SegoeUIBold';
    src: url('font/segoe_ui_bold.eot');
    src: url('font/segoe_ui_bold.eot') format('embedded-opentype'),
         url('font/segoe_ui_bold.woff') format('woff'),
         url('font/segoe_ui_bold.ttf') format('truetype'),
         url('font/segoe_ui_bold.svg#SegoeUIBold') format('svg');
}

#container { min-height:100%; margin-top: -5px; position:relative; height:100%;}
#header ul.nav {height: 32px;}
#header ul.nav li {height: 32px;}
ul.nav {margin: 0;padding: 0;font-size: 1em;font-family:Verdana,Arial;font-weight:bold;}
ul.nav li {display: inline;float: left;padding: 0;margin: 0;list-style-type: none;}
#header ul.nav a {text-transform: uppercase;/* IE hack */color: #333;margin: 8px 8px 0 0;padding: 0;text-decoration: none;display: block;}
#header ul.nav a:hover {color: #666;}

ul.horizontalList {height: 165px;}
ul.horizontalList li, ul.horizontalPicList li { display: inline;float: left;padding-right: 25px; }
.noList {list-style-type: none;padding: 0 0 0 4px;margin: 0;}
.clear {clear:both;}
.center {text-align:center;}
.hiddenOverflow {overflow: hidden}
.smaller {font-size: 0.9em;}
.imgSmall li, .horizontalList li, .horizontalPicList li {margin-bottom: 5px;}
.clearleft {clear:left;}
.newsTekst img {float:left;padding:0;margin:0;padding-right:5px;max-height:170px;}


#contentContainer {background-color: white; width:995px; margin: auto;}
#content {overflow:hidden;clear:both;/*background-color:#eaeaea;*/padding:10px; width: 975px;/*height:auto !important;height:100%;min-height:100%;*/}
#content h2, #content h3 {display:inline-block;color:#3d3d3d;text-transform:uppercase;margin:0;}
#content h2 {/*font-size:1.2em;*/font: 1.4em  Tahoma, Verdana, sans-serif; font-weight:bold;}
#content h3 {/*{font-size:1.1em;*/font: 1.2em Tahoma, Verdana, sans-serif; font-weight:bold;}

#content .contentNormalDiv, #content .contentBlueDiv,#content .contentRedDiv, #content .contentGreenDiv, #content .contentYellowDiv, #content .contentPurpleDiv {margin-bottom: 10px; padding:6px 6px 6px 6px;}
#content .contentBlueDiv {color:#333;background: #F4F4F4 /* url(http://s1.partyindustries.be/img/contentRed.png) top repeat-x*/-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#content .contentRedDiv {color:#333;background: #F4F4F4 /* url(http://s1.partyindustries.be/img/contentRed.png) top repeat-x*/;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#content .contentGreenDiv {color:#333;background: #F4F4F4 /* url(http://s1.partyindustries.be/img/contentRed.png) top repeat-x*/-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#content .contentYellowDiv {color:#333;background: #F4F4F4 /* url(http://s1.partyindustries.be/img/contentRed.png) top repeat-x*/-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#content .contentPurpleDiv {color:#333;background: #F4F4F4 /* url(http://s1.partyindustries.be/img/contentRed.png) top repeat-x*/-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#content .contentBlueDiv h2, #content .contentRedDiv h2, #content .contentGreenDiv h2,  #content .contentYellowDiv h2, #content .contentPurpleDiv h2,
#content .contentBlueDiv h3, #content .contentRedDiv h3, #content .contentGreenDiv h3, #content .contentYellowDiv h3, #content .contentPurpleDiv h3 {color:#333;}

#content .contentNormalDiv hr, #content .contentBlueDiv hr, #content .contentGreenDiv hr, #content .contentRedDiv hr, #content .contentPurpleDiv hr, #content .contentYellowDiv hr {height:1px; border:0;}
#content .contentNormalDiv hr {border: 1px dotted #333; border-style: none none dashed; color: #fff; background-color: #fff;}
#content .contentBlueDiv hr {color: #1F6180;background-color:#1F6180;}
#content .contentGreenDiv hr {color: #3B7500;background-color:#3B7500;}
#content .contentRedDiv hr {background-color:#333;}
#content .contentYellowDiv hr {color: #ff6d00;background-color:#ff6d00;}
#content .contentPurpleDiv hr {color: #bc0078;background-color:#bc0078;}

#content .contentNormalDiv div {}

#content .contentNormalDiv .noList hr { background:#f4f4f4;}

.widthHalf {width:49%;}
.widthKwart {width:25%;}
.widthDrieKwart {width:75%;}
.widthDrieKwart img {max-width:700px;width: expression(this.width > 700 ? 700: true);}
#content img {max-width:700px;width: expression(this.width > 700 ? 700: true);}

#footer {bottom:0; clear:both; background-color:#363636;margin:0;padding:0;width:100%; height:200px;}
.right, .floatRight {float: right;}
.left, .floatLeft {float: left;}
.textright {text-align:right;}

#mainMenu ul.nav {display:inline-block;height:37px;}
#mainMenu ul.nav li {line-height: 37px;border-right:1px solid #757575;padding:0 10px 0 10px;height:37px;}
#mainMenu ul.nav a {text-decoration: none;text-transform: uppercase;color:#fff;}
#mainMenu input {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
background-color:#4d4d4d;border:1px solid #3d3d3d;color:#b1b5be;}
.mmSpecial, #mainMenu ul.nav li:hover {background:url(http://s1.partyindustries.be/img/backgroundMainmenuSpecial.png) repeat-x;}
#mainMenu input, #searchBar input {margin:8px 8px 0 0;}
#searchBar input {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
background-color:#b1b5be;border:1px solid #3d3d3d;color:#4d4d4d;}

#aanraderBar {border-top:4px solid #505050;font-family:Verdana,Arial;color:#fff;font-weight:bold;text-transform:uppercase;height:144px;background: /*#eae9e9*/#000000 url(http://s1.partyindustries.be/img/backgroundAanraders.png) top repeat-x; padding: 8px 0 0 10px; width:985px; margin: auto;}
#mainAanraders {width: 985px;margin: 0 auto;margin-left: auto;margin-right: auto;}
#mainAanraders a {text-decoration:none;color:#fff;}
#mainAanraders img {border:3px solid #fff;max-height:114px;height: expression(this.width > 114 ? 114: true);}
#mainAanraders #top {padding-left:244px;}
#mainAanraders #mainAftermovies {padding-left:245px;}
#mainAanraders #mainTrailers {padding-left:67px;}
#mainAanraders #mainReleases {padding-left:95px;}
#mainAanraders #mainInterviews {padding-left:97px;}

#picLastReactions ul li, #picLastReactions ul, ul.fadeAanraders, li.fadeAanraders, ul.fadeAanraders li, .fadeAanraders ul,.fadeAanraders li {height:120px;margin: 0;padding: 0;list-style-type: none;text-align:left;}
ul.fadeAanraders {float: left;width:156px; padding-left: 7px;}
#mainAanraders #aanrader1 {padding-left: 0;}
#picLastReactions ul li {float: left;width:218px; margin-left: 16px;}

#mainAanraders ul li div, #picAanraders ul li div, #picLastReactions ul li div {text-transform:none;position:relative;background-color:#000;padding: 5px 5px 5px 5px;margin:0 3px 3px 3px;height:30px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;color:white;}
#mainAanraders ul li div {top:-45px;}
#picAanraders ul li div, #picLastReactions ul li div {top:-32px;height:17px;}
#picAanraders img, #picLastReactions img {border:3px solid #fff;max-height:212px;height: expression(this.width > 212 ? 212: true);}
#picAanraders, #picLastReactions {height: 200px;}
#picAanraders ul li, #picLastReactions ul li {height: 160px;}

#sitemap {width:995px; margin:0; padding:0;background: #2c2c2c url(http://s1.partyindustries.be/img/sitemaplogo.png) left center no-repeat;height:140px;margin-top:8px;}

#footerMain, #copyright, #copyright a {color: #898989;text-decoration:none;}
#copyright {font-size:x-small;font-weight:bold;padding: 3px 0 3px 0;}

#footerMain{width: 995px;margin: 0 auto;padding: 0;margin-left: auto;margin-right: auto;text-align: left;font-family:Verdana,Arial;text-transform:uppercase;padding-top:8px;}
#footerMain h2 {margin:0;color:#ffffff;font-size:1.4em;display:inline-block;}
#footerMain ul {color:#ffffff;padding-top:4px;}
#footerMain li {width:160px;}
#sitemap {text-transform:none;font-weight:normal;}
#sitemap a {color:#ffffff;text-transform:none;margin:0;padding:0;}
#sitemap a:hover {color: #666;}
ul.footnav {margin: 0;padding: 0;font-size: 0.9em;font-family:Verdana,Arial;}
ul.footnav li {float: left;padding: 0;margin: 0;list-style-type: none;}
ul.footnav a {margin:0;padding: 0;text-decoration: none;}


.contentNormalDiv div {padding: 0px;}
.contentNormalDiv div div {background-color: transparent;padding:0;}
.contentNormalDiv fieldset div {background-color: transparent;}

.Border { border: 1px solid; border-color: #bdc3c7;}
.Border:hover { border: 1px solid; border-color: #bdc3c7; background: #f4f4f4; color: 333;}

.BorderYellow{ border: 1px solid; border-color: #ffbe33; padding:10px;}
.BorderYellow:hover { border: 1px solid; border-color: #ffbe33; color: 333; padding:10px;} 

/* Wedstrijden */
.kalenderRow div, .kalenderDate div { padding: 20px;}
.wedstrijdRow, .kalenderRow {color: white;width:95%;margin-bottom: 10px; display:inline-block;}
.wedstrijdRow {width: 225px;margin-bottom:10px;}
.wedstrijdDate, .kalenderDate, .dateDiv {color: white;font-family: Verdana, Tahoma, sans-serif;padding-top:5px;background-color:#4c9404;text-transform: uppercase;text-align:center;font-weight:bold;width:40px;}
.wedstrijdDate div, .kalenderDate div, .dateDiv div {color: white;margin-top:5px; padding:2px 0 2px 0;background-color:#3b7500;font-size:0.9em;}
.wedstrijdInfo, .kalenderInfo {color:black;float:right;width:75%;}
.wedstrijdRow a {color: white;}
.wedstrijdInfo{width:75%}


/* Kalender */
.contentNormalDiv div .kalenderDate {background-color: #bf0000;padding-top:5px;}
.contentNormalDiv div .kalenderDate div {background-color: #850000;}
.contentNormalDiv div .kalenderRow {background-color: #dadada; }
#content .contentNormalDiv div .kalenderDate {padding: 5px 0 0 0;}

/* Nieuws */
#newsCatas {background-color:#dadada; border-top: 1px solid #c9c9c9; padding: 8px 4px 6px 4px;}

/* Laatste Fotoreeksen */
.contentRedDiv div {background-color: #FFF;padding:5px;}
.contentRedDiv a, .contentBlueDiv a, .contentGreenDiv a, .contentYellowDiv a, .contentPurpleDiv a {color: #333;}
.contentBlueDiv a:hover, .contentGreenDiv a:hover, .contentYellowDiv a:hover, .contentPurpleDiv a:hover {color: #000;}

.contentPurpleDiv li, .contentPurpleDiv div {background-color:#F4F4F4;padding:5px;}
.contentBlueDiv li, .contentGreenDiv li, .contentRedDiv li {color: #333;padding:5px;background-color:#f4f4f4;margin-bottom: 3px;}
.contentGreenDiv li {color: #333;background-color:#F4F4F4;}
.contentRedDiv li {background-color:#F4F4F4;color:#333;}
.contentBlueDiv ul, .contentBlueDiv ul {margin:0;padding:0;}

.imgSmall img {max-height:144px;max-width:206px;width: expression(this.width > 206 ? 206: true);height: expression(this.width > 144 ? 144: true);}
.noPadding {padding:0;margin:0;}


.bottomBorderDotted {border-bottom: 1px dashed black;margin:5px 0 5px 0; padding: 3px 3px 3px 3px; background-color: #dadada;}


/* LIGHTBOX / SLIMBOX */
#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(http://s1.partyindustries.be/img/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(http://s1.partyindustries.be/img/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(http://s1.partyindustries.be/img/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(http://s1.partyindustries.be/img/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}
/* RATER PLUGIN */
.stat {margin:1em;}
.stat label {font-weight: bold;}
.ui-rater>span {vertical-align:top;}
.ui-rater-rating {margin-left:.8em}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(http://s1.partyindustries.be/img/stars.png) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}

/*Place Colors*/
.colorPlace9, .colorPlace10 {color:purple;}
.colorPlace1, .colorPlace5, .colorPlace6, .colorPlace7, .colorPlace8 {color:black;}
.colorPlace2{color:red;}
.colorPlace3{color:brown;}
.colorPlace4{color:green}

.approved {/*background-color: #F8D203;*/font: 2em "Capture it 2", Impact,Verdana,Arial;text-shadow: 1px 1px 5px #2a1c11;}

/*AutoSuggest*/
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used*//*width: 100%;*/font: menu;font-size: 12px;/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox*/line-height: 16px;overflow: hidden;}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}

.invisible {height: 0;padding:0;margin:0;visibility:hidden}
#drop-files {
	width: 250px;
	height: 125px;
	background: rgba(0,0,0,0.1);
	border-radius: 10px;
	border: 4px dashed rgba(0,0,0,0.2);
	padding: 75px 0 0 0;
	text-align: center;
	font-size: 2em;
	float: left;
	font-weight: bold;
	margin: 0 20px 20px 0;
}

#dropped-files {
	float: left;
	position: relative;
	width: 560px;
	height: 125px;
}

#upload-button {
	position: absolute;
	top: 87px;
	z-index: 9999;
	width: 210px;
	display: none;
}

#dropped-files .image {
	height: 200px;
	width: 300px;
	border: 4px solid #fff;
	position: absolute;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
}

#upload-button .ss-upload {
	font-size: 0.7em;
}

#upload-button a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 0 1000px 62px rgba(255, 255, 255, 1), inset 0 -35px 40px -10px #0A9FCA;
	font-size: 20px;
	padding: 10px 20px;
	background-color: #4bc1e3;
	border-radius: 10px;
}

#upload-button span {
	display: block;
	width: 160px;
	text-align: center;
	margin: 20px 0 0 0;
	background: white;
	border-radius: 10px;
	font-size: 1.1em;
	padding: 4px 0;
	position: relative;
	left: -14px;
}
#upload-button a:hover {
	box-shadow: 0 0 1000px 62px rgba(255, 255, 255, 1), inset 0 -5px 40px 0px #0A9FCA;	
}

#extra-files {
	display: none;
	float: left;
	position: relative;
}

#extra-files .number {
	background: rgba(0,0,0,0.6);
	border-radius: 4px;
	display: inline-block;
	position: relative;
	font-weight: bold;
	color: #fff;
	padding: 20px 30px;
	margin: 60px 0 0 0;
	cursor: pointer;
	font-size: 30px;
}

#dropped-files #upload-button .delete {
	padding: 7px 6px 4px 6px;
	border-radius: 100px;
	background: rgba(0,0,0,0.6);
	box-shadow: none;
	font-size: 1em;
	margin-left: 8px;
}

#dropped-files #upload-button .delete:hover {
	background: rgba(0,0,0,0.8);
}


#extra-files .number:after {
	position: absolute;
	content: " ";
	top: 18px;
	left: -40px;
	display: block;
	border: 20px solid;
	border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
}

#extra-files #file-list {
	display: none;
	background: white;
	padding: 20px 0;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	width: 250px;
	top: 100px;
	border: 1px solid #dadada;
	left: -96px;
	left: -100px;
	max-height: 220px;
	top: 150px;
	position: absolute;
	color: #545454;
	z-index: 99999;
}

#file-list ul {
	overflow: scroll;
	padding: 0;
	border-top: 1px solid #dadada;
	max-height: 200px;
	width: 250px;
	list-style: none;
	border-bottom: 1px solid #dadada !important;
}


#file-list ul li:last-of-type {
	border-bottom: 0 !important;
}

#uploaded-holder {
	width: 700px;
	height: 250px;
	display: none;
	float: left;
}

#extra-files #file-list:after, #extra-files #file-list:before {
	position: absolute;
	content: " ";
	top: -40px;
	left: 40px;
	display: block;
	border: 20px solid;
	border-color: transparent transparent #ffffff transparent;
}

#extra-files #file-list:before {
	border-color: transparent transparent #dadada transparent;
	top: -41px;
}

#extra-files #file-list li {
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
}

#loading {
	display: none;
	float: left;
	width: 100%;
	position: relative;
}

#loading-bar {
	width: 404px;
	height: 40px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 2px;
}

.loading-color {
	width: 0%;
	height: 100%;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	border-radius: inherit;
	background-color: #4edbf1;
}

#loading-content {
	position: absolute;
	top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 405px;
}

#file-name-holder {
	width: 100%;
	float: left;
}

#file-name-holder h1 {
	text-align: center;
	border-bottom: 1px solid #dadada;
	padding: 20px 0;
	font-size: 3em;
	margin: 0;
}

#uploaded-files {
	background: white;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	width: 407px;
	top: 100px;
	padding: 0;
	border: 1px solid #dadada;
	max-height: 320px;
	overflow: scroll;
	color: #545454;
}

#uploaded-files li {
	padding: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 25px;
	color: #545454;
}

#uploaded-files a {
	color: #1bacbf;
}
.kalenderRow:hover {background-color: #f4f4f4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.partyPicsRow {min-height:189px;}
.ui-helper-hidden-accessible {position:none;}

#contentContainer input[type="text"] {
	width: 330px;
}

/*FORM STYLE*/
/*
 ul { list-style-type:none; list-style-position:outside; margin:0px; padding:0px; }
 li { margin-bottom:10px; } 
*/
.form select{ display: inline-block; margin-bottom: 10px; color: #555555; vertical-align: middle; }
	
.form  label{ font-size: 13px; line-height: 1.6em; font-weight: bold; display:block; } 

.form  textarea,
.form  input{ /*width:260px;*/ padding:10px 10px 10px 10px; border:solid 1px #d6d4d4; margin-bottom:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form  .small input{ width:100px;; padding:10px 10px 10px 10px; border:solid 1px #d6d4d4; margin-bottom:10px; margin-left:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	 		 	
	 			
.form  input:focus + .tooltip {display: inline;}
.form  input:required:valid + .tooltip {background: #90cd00;}
.form  input:required:valid + .tooltip::before {color:#90cd00;}

/*  Invalid ... eens bekijken
.form  input:required:invalid + .tooltip {background: #000;}
.form  input:required:invalid + .tooltip::before {color:#000;}
 */
.form  input:focus { outline:none }
.form  input:hover { border-color: #f39c12; }
.form  input:required:valid,  textarea:required:valid  { border-color: #90cd00; }
.form  input:focus:invalid,  textarea:focus:invalid { border-color: #d45252; }


.form .submit { padding:15px 25px 15px 25px; color: white; font-weight: bold; text-align: center; }
.form .submit:hover { opacity:.85; cursor: pointer; }

input.yellow{ background-color: #f39c12; border:none; border-bottom: 1px solid #c37d0f; }
input.green{ background-color: #90cd00; border:none; border-bottom: 1px solid #7aa711; }
input.red{ background-color: #e74c3c; border:none; border-bottom: 1px solid #c0392b; }
input.blue{ background-color: #3498db; border:none; border-bottom: 1px solid #2980b9; }
input.grey{ background-color: #bdc3c7; border:none; border-bottom: 1px solid #90969a; }
input.white{ background-color: #FFF; border:none; 	border:solid 1px #d6d4d4; color:#373535; }
input.appelblauwzeegroen{ background-color: #1abc9c; border:none; border-bottom: 1px solid #16a085; }