/** CSS3 **/
@font-face {
 font-family: Pupcat;
 src: url('http://outflow.nl/inc/css/pupcat.TTF');
}
html, body, #wrap {
	height: 100%;
	color: #FFFFFF;
}
html {
	background: url(../gfx/bg-html.png) #000000 fixed top center no-repeat;
}
#wrap {
	height: auto;
	min-height: 100%;
	background-image: url(../gfx/logos/yellow-wrap.png);
	background-repeat: repeat-y;
	background-position: top left; 
	width: 980px;
	max-width: 980px;
	margin: 0 auto;
}
.content a {
	text-decoration: none;
}
#main {
	position: relative;
	padding-bottom: 150px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Pupcat, Calibri, sans-serif;
}
.content h1 small.right {
	float: right;
}
/** stream **/
#stream {
	position: absolute;
	right: 20px;
	top: 10px;
	height: 150px;
	width: 300px;
	background: url(../gfx/stream.png) no-repeat;
}
#stream a {
	display: block;
	height: 150px;
	width: 300px;
	text-indent: -9999em;
}
/** header **/
#header h1 {
	height: 150px;
	width: 325px;
	text-indent: -999em;
	margin-top: 0;
	background-image: url(../gfx/logos/yellow.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#header h1 a {
	display: block;
	height: 325px;
	width: 200px;
	border: none;
}
/** maincontent **/
#mainContent {
	width: 680px;
	background: url(../gfx/bg-content-70.png);
	margin: 0 0 0 20px;
	float: left;
}
#mainContentLarge {
	width: 680px;
	background: url(../gfx/bg-content-70.png);
	margin: 0 0 0 20px;
	float: left;
}
.inner {
	padding: 20px;
}
/** home yellow **/
.home #header h1 {
	background-image: url(../gfx/logos/orange.png);
}
.home #wrap {
	background-image: url(../gfx/logos/orange-wrap.png);
}
.home h1, .home h1, .home h3, .home h4, .home h5, .home h6 {
	color: #FF4400;
}
.home a {
	color: #FF4400;
}
/** info orange **/
.info #header h1 {
	background-image: url(../gfx/logos/yellow.png);
}
.info #wrap {
	background-image: url(../gfx/logos/yellow-wrap.png);
}
.info h1, .info h2, .info h2, .info h3, .info h4, .info h5, .info h6 {
	color: #FFCC00;
}
.info a {
	color: #FFCC00;
}
/** party green **/
.party #header h1 {
	background-image: url(../gfx/logos/green.png);
}
.party #wrap {
	background-image: url(../gfx/logos/green-wrap.png);
}
.party h1, .party h2, .party h3, .party h4, .party h5, .party h6 {
	color: #99cc00;
}
.party a {
	color: #99cc00;
}
/** active blue **/
.active #header h1 {
	background-image: url(../gfx/logos/blue.png);
}
.active #wrap {
	background-image: url(../gfx/logos/blue-wrap.png);
}
.active h1, .active h2, .active h3, .active h4, .active h5, .active h6 {
	color: #009999;
}
.active a {
	color: #009999;
}
/** music purple **/
.music #header h1 {
	background-image: url(../gfx/logos/purple.png);
}
.music #wrap {
	background-image: url(../gfx/logos/purple-wrap.png);
}
.music h1, .music h2, .music h3, .music h4, .music h5, .music h6 {
	color: #a94499;
}
.music a {
	color: #a94499;
}
/** radio **/
.outflow-radio #header h1 {
	background-image: url(../gfx/logos/pink.png);
}
.outflow-radio #wrap {
	background-image: url(../gfx/logos/pink-wrap.png);
}
.outflow-radio h1, .outflow-radio h2, .outflow-radio h3, .outflow-radio h4, .outflow-radio h5, .outflow-radio h6 {
	color: #ff3366;
}
.outflow-radio a {
	color: #ff3366;
}
/** tv skyblue **/
.outflow-tv #header h1 {
	background-image: url(../gfx/logos/skyblue.png);
}
.outflow-tv #wrap {
	background-image: url(../gfx/logos/skyblue-wrap.png);
}
.outflow-tv h1, .outflow-tv h1, .outflow-tv h3, .outflow-tv h4, .outflow-tv h5, .outflow-tv h6 {
	color: #66ccff;
}
.outflow-tv a {
	color: #66ccff;
}
/** zakelijk orange **/
.zakelijk #header h1 {
	background-image: url(../gfx/logos/orange.png);
}
.zakelijk #wrap {
	background-image: url(../gfx/logos/orange-wrap.png);
}
.zakelijk h1, .zakelijk h1, .zakelijk h3, .zakelijk h4, .zakelijk h5, .zakelijk h6 {
	color: #FF4400;
}
.zakelijk a {
	color: #FF4400;
}
/** info yellow **/
.members #header h1 {
	background-image: url(../gfx/logos/yellow.png);
}
.members #wrap {
	background-image: url(../gfx/logos/yellow-wrap.png);
}
.members h1, .members h2, .members h2, .members h3, .members h4, .members h5, .members h6 {
	color: #FFCC00;
}
.members a {
	color: #FFCC00;
}
/** guestbook skyblue **/
.guestbook #header h1 {
	background-image: url(../gfx/logos/skyblue.png);
}
.guestbook #wrap {
	background-image: url(../gfx/logos/skyblue-wrap.png);
}
.guestbook h1, .guestbook h1, .guestbook h3, .guestbook h4, .guestbook h5, .guestbook h6 {
	color: #66ccff;
}
.guestbook a {
	color: #66ccff;
}
/** general a:hover **/
.home a:hover, .info a:hover, .party a:hover, .active a:hover, .music a:hover, .outflow-radio a:hover, .outflow-tv a:hover, .zakelijk a:hover, .members a:hover, .guestbook a:hover {
	color: #E5E5E5;
}
/** sidebar **/
#sidebar {
	width: 265px;
	background: url(../gfx/bg-content-70.png);
	float: right;
}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
	color: #FFFFFF;
}
#sidebar h1 a {
	text-decoration: none;
}
#sidebar a:hover {
	border: none;
	color: #CCCCCC;
}
.sidebar-content div {
	overflow: hidden;
	background: url(../gfx/bg-content-20.png);
	padding: 5px 5px 5px 5px;
	margin: 0 0 1px 0;
}
.employee-photo {
	display: inline-block;
	width: 80px;
	border: 2px solid #FFFFFF;
	float: left;
}
.employee-information {
	display: inline-block;
	margin: 0 0 0 10px;
}
.content td h4 {
	margin-top: 0;
}
ul.event-items {
	list-style: none;
	margin: 0;
}
ul.event-items li {
	background: url(../gfx/bg-content-70.png);
	padding: 5px;
	border-bottom: 1px solid #333333;
}
/** event agenda **/
.events-overview div {
	background: url(../gfx/bg-content-20.png);
	padding: 10px 0 10px 5px;
	margin: 0 0 1px 0;
}
.event-information {
	background: url(../gfx/bg-content-20.png);
	padding: 10px;
	margin: 0 0 20px 0;
}
.event-information p {
	display: inline;
	border-right: 1px solid #333333;
	padding: 0 5px 0 20px;
	margin: 0;
}
.event-information p:last-child {
	border-right: none;
}
/** footer **/
#footer {
	position: relative;
	width: 980px;
	margin: -150px auto 0;
	height: 150px;
	clear:both;
}
#footer p {
	color: #999999;
	margin: 0;
}
#footer h1 {
	height: 50px;
	text-indent: -999em;
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 0;
}
h1.footer-information {
	background-image: url(../gfx/titles/footer-information.png);
}
h1.footer-members {
	background-image: url(../gfx/titles/footer-members.png);
}
h1.footer-socialmedia {
	background-image: url(../gfx/titles/footer-socialmedia.png);
}
div.footer-information {
	height: 150px;
	width: 219px;
	background: #111111;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	border-right: 1px solid #000000;
	float: left;
}
div.footer-members {
	height: 150px;
	width: 458px;
	background: #111111;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	border-left: 1px solid #222222;
	border-right: 1px solid #000000;
	float: left;
}
div.footer-socialmedia {
	height: 150px;
	width: 219px;
	font-family: Pupcat, Calibri, sans-serif;
	font-size: 11pt;
	background: #111111;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	border-left: 1px solid #222222;
	float: right;
}
div.footer-socialmedia ul {
	list-style: none;
	margin: 0;
}
div.footer-socialmedia ul li {
	padding: 0 0 12px 0;
}
div.footer-socialmedia ul li a {
	text-decoration: none;
	border: none;
}
div.footer-socialmedia ul li a {
	display: block;
	height: 16px;
	color: #999999;
	line-height: 16px;
}
div.footer-socialmedia ul li a:hover {
	color: #FFFFFF;
	border: none;
}
div.footer-socialmedia ul li a.flickr {
	background: url(../gfx/titles/footer-socialicons.png) left -16px no-repeat;
}
div.footer-socialmedia ul li a.twitter {
	background: url(../gfx/titles/footer-socialicons.png) left -32px no-repeat;
}
div.footer-socialmedia ul li a.hyves {
	background: url(../gfx/titles/footer-socialicons.png) left 0 no-repeat;
}
/** table **/
.content table, .content table th, .content table td {
	border: none;
}
.content table th, .content table td {
	background: url(../gfx/bg-content-20.png);
	border-top: 1px solid #333333;
}
.content table th {
	background: rgba(17, 17, 17, .4);
	border-top: none;
}
.content table td h3 {
	margin-top: 0;
}
/** employee detail **/
.profile {
	overflow: hidden;
}
.profile .profilePhoto {
	width: 200px;
	margin: 0;
	float: right;
}
.profile .profilePhoto img {
	max-width: 190px;
	border: 5px solid #FFFFFF;
}
.profile .profileInformation {
	width: 420px;
	margin: 0;
	float: left;
}
/** form **/
.content form div {
	display: block;
	padding: 8px 0;
	margin: 0;
}
.content form div.foot {
	padding: 8px 0 8px 180px;
}
.content form div label {
	display: inline-block;
	width: 180px;
	float: left;
}
.content form div input[type='text'], .content form div textarea {
	width: 300px;
}