/* @override 
	http://iipcreate.jonnotie.nl/wp-content/themes/iipcreate/style.css
	http://195.169.147.140/~iipcreate/wp-content/themes/iipcreate/style.css
*/

@import url("reset.css");

/*
Theme Name: iipcreate
Theme URI: http://iipcreate.nl
Description: theme for iipcreate
Version: 1
Author: Jonno Riekwel
Tags: ..

Wordpress template by Postmachina and Jonnotie
*/

* {
	text-shadow: #000000 0 0 0px;
}

html, body {
	background-color: #fff;
	height: 100%;
}

body {
	font: 70%/1.64em TrebuchetMS, Lucida, Verdana, sans-serif;
	color: #333;
}

p {
	margin-bottom: 1.64em;
}

a:link,
a:visited {
	color: #a51c24;
}

a:link:hover,
a:visited:hover {
	color: #123244;
}

#wrapper {
min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
	width: 901px;
	padding-top: 47px;
}

/* NAVIGATION */

#navigation {
	width: 309px;
	float: left;
}

#navigation #logo {
	display: block;
	width: 309px;
	height: 172px;
	background-image: url(images/logo.png);
	text-indent: -9999px;
}

#navigation ul {
	padding-left: 109px;
	margin-top: 3.3em;
	width: 200px;
}

#navigation ul li {
	
}

#navigation ul li a {
	width: 200px;
	display: block;
	height: 25px;
	background: url(images/navigation.png) no-repeat 0 0;
	text-indent: -9999px;
	padding-bottom: 5px;
}

#navigation ul li#btn_home a {
	background-position: 0 -5px;
	width: 56px;
}

#navigation ul li#btn_home.current a,
#navigation ul li#btn_home a:hover {
	background-position: 0 -220px;
}

#navigation ul li#btn_nieuws a {
	background-position: 0 -35px;
	width: 70px;
}

#navigation ul li#btn_nieuws.current a,
#navigation ul li#btn_nieuws a:hover {
	background-position: 0 -250px;
}

#navigation ul li#btn_organisatie a {
	background-position: 0 -65px;
	width: 111px;
}

#navigation ul li#btn_organisatie.current a,
#navigation ul li#btn_organisatie a:hover {
	background-position: 0 -280px;
}

#navigation ul li#btn_publicaties a {
	background-position: 0 -95px;
	width: 108px;
}

#navigation ul li#btn_publicaties.current a,
#navigation ul li#btn_publicaties a:hover {
	background-position: 0 -310px;
}

#navigation ul li#btn_projecten a {
	background-position: 0 -125px;
	width: 94px;
}

#navigation ul li#btn_projecten.current a,
#navigation ul li#btn_projecten a:hover {
	background-position: 0 -340px;
}

#navigation ul li#btn_evenementen a {
	background-position: 0 -155px;
	width: 132px;
}

#navigation ul li#btn_evenementen.current a,
#navigation ul li#btn_evenementen a:hover {
	background-position: 0 -370px;
}

#navigation ul li#btn_contact a {
	background-position: 0 -185px;
	width: 77px;
}

#navigation ul li#btn_contact.current a,
#navigation ul li#btn_contact a:hover {
	background-position: 0 -400px;
}

/* CONTENT */

#content {
	float: left;
	width: 400px;
	margin-left: 13px;
	padding-top: 48px;
	margin-bottom: 2em;
}

#content #buttons {
	width: 400px;
	overflow: hidden;
	height: 304px;
	position: relative;
	margin-bottom: 2em;
}

#content #buttons #btn_registreer {
	display: block;
	width: 400px;
	height: 145px;
	background-image: url(images/buttons/registreer.png);
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}

#content #buttons #btn_project1 {
	display: block;
	width: 191px;
	height: 139px;
	background-image: url(images/buttons/project1.png);
	text-indent: -9999px;
	position: absolute;
	top: 164px;
	left: 0;
}

#content #buttons #btn_project2 {
	display: block;
	width: 191px;
	height: 139px;
	background-image: url(images/buttons/project2.png);
	text-indent: -9999px;
	position: absolute;
	top: 164px;
	right: 0;
}

#content h1, #content h2 {
	font-size: 1.27em;
	margin-bottom: 0.5em;
	color: #123244;
	font-weight: bold;
}

#content h2 a {
	margin-bottom: 0.5em;
	color: #123244;
	font-weight: bold;
	text-decoration: none;
}

#content h2 a:hover {
	color: #cc2727;
}

#content .post {
	background: url(images/post_bg.png) repeat-x 0 bottom;
	padding-bottom: 11px;
	margin-bottom: 1.5em;
}

#content .post .postinfo {
	text-align: right;
	color: #9a906c;
}

#content .post .postinfo p {
	margin-bottom: 0;
}

#content .post .postinfo a {
	text-decoration: none;
}

#content .post .postinfo a:hover {
	text-decoration: underline;
}

#content .post .postinfo strong a {
	color: #333;
}

#content .post .postinfo em {
	color: #333;
}

#content form {
	overflow: hidden;
	width: 400px;
}

#content form * {
	text-shadow: #000000 0 0 0px;
	font-size: 1em;
	line-height: 1.5em;
}

#content form span input {
	width: 300px;
	padding: 5px 0 0;
	margin: 0;
	border: 1px solid #c1c1c1;
	height: 19px;
	background: url(images/input_bg.png) repeat-x;
}

#content form span textarea {
	width: 398px;
	padding: 5px 0 0;
	margin: 0;
	border: 1px solid #c1c1c1;
	height: 130px;
	background: url(images/input_bg.png) repeat-x;
}

/* SIDEBAR */

#sidebar {
	float: right;
	width: 151px;
	margin-right: 1px;
	padding-top: 62px;
}

#sidebar ul {
	margin-bottom: 3em;
}

#sidebar ul.color-red li a {
	color: #a51c24;
}

#sidebar ul li a {
	text-decoration: none;
	color: #9a906c;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

#sidebar h2 {
	text-indent: -9999px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: -2px 0;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 1em;
}

#sidebar h2#h_categorien {
	background-image: url(images/headings/categorien.png);
}

#sidebar h2#h_tags {
	background-image: url(images/headings/tags.png);
}

#sidebar h2#h_flickr {
	background: url(images/headings/flickr.png) no-repeat;
}

#sidebar ul#flickr li {
	float: left;
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
	margin-right: 4px;
}

#sidebar ul#flickr li a img {
	width: 46px;
	height: 46px;
}

#sidebar ul#flickr li a img:hover {
	opacity: 0.46;
}

/* FOOTER */

#footer {
	clear: both;
	overflow: hidden;
	background: url(images/footer_bg.png) repeat-x;
	width: 100%;
	padding-top: 30px;
	height: 114px;
}

#footer .container {
	width: 901px;
	margin: 0 auto;
}

#footer ul#nav {
	width: 200px;
	float: left;
	padding-left: 109px;
	display: none;
}

#footer ul#nav li {
}

#footer ul#nav li a {
	background: url(images/footer_nav.png) no-repeat 0 -5px;
	height: 18px;
	display: block;
	width: 200px;
	text-indent: -9999px;
	padding-bottom: 2px;
}

#footer ul#nav li#btn_algemenevoorwaarden a {
	width: 192px;
}

#footer ul#nav li#btn_algemenevoorwaarden.current a,
#footer ul#nav li#btn_algemenevoorwaarden a:hover {
	background-position: 0 -75px;
}

#footer ul#nav li#btn_conditiesvoorgebruik a {
	background-position: 0 -25px;
	width: 190px;
}

#footer ul#nav li#btn_conditiesvoorgebruik.current a,
#footer ul#nav li#btn_conditiesvoorgebruik a:hover {
	background-position: 0 -95px;
}

#footer ul#nav li#btn_privecyverklaring a {
	background-position: 0 -45px;
	width: 150px;
}

#footer ul#nav li#btn_privecyverklaring.current a,
#footer ul#nav li#btn_privecyverklaring a:hover {
	background-position: 0 -115px;
}

#footer #copyright {
	width: 400px;
	float: left;
	text-indent: -9999px;
	height: 50px;
	background-image: url(images/copyright.png);
	margin: 3px 0 0 323px;
}

#footer ul#partners {
	float: right;
	width: 151px;
}

#footer ul#partners li {
	
}

#footer ul#partners li a {
	display: block;
	background-image: url(images/footer_partners.png);
	text-indent: -9999px;
}

#footer ul#partners li#btn_ict a {
	height: 32px;
}

#footer ul#partners li#btn_ict a:hover {
	background-position: 0 -60px;
}

#footer ul#partners li#btn_waag a {
	height: 20px;
	background-position: 0 -32px;
	margin-top: 3px;
}

#footer ul#partners li#btn_waag a:hover {
	background-position: 0 -92px;
}

.push {
	height: 144px;
	clear: both;
}