/*
Theme Name: Jack Janssen's theme
Version: 1.0
Author: Annemieke van der Hoek
Tags: Jack Janssen, Annemieke van der Hoek
*/

/*---:[ algemeen ]:---*/

* { padding: 0; margin: 0; }
body {font-family:Georgia;background: #000; color: #fff;}

/*---:[ global elements ]:---*/

a { color: white;}
a:visited { }
a:hover { text-decoration:none;}
a img { border: none; }
#reloadFrame {position:fixed;top:0;left:0;z-index:0;}
#pagecontent_box {position:fixed;z-index:1;}
#container {position:absolute;overflow:hidden;height:100%;width:100%;}
ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h2 {font-style:normal;font-size:21pt;line-height:30pt;letter-spacing:1pt;}
h1 {font-size:17pt; color:steelblue;color:white;}
p {font-size:11pt;}

li.page_item a{color:#999;}
li.page_item a:hover {color:white;}
li.current_page_item a{color:white;}


/* alle pagina's */
#masthead {background:#000;padding:0px 0px 0 0px;height:40px;position:absolute;z-index:4;width:100%;}
#masthead h1 {padding-top:5px;float:left;}
#masthead h4 {float:right;padding-top:10px;font-size:11pt;margin-right:30px;}
#masthead a, .enter a {color:steelblue; color:white; text-decoration:none;}
#kruimelpad {float:left;padding-top:10px;font-size:11pt;font-style:normal;margin-left:30px;}
#kruimelpad a {color:#fff;}
#kruimelpad a:hover {color:white;text-decoration:underline;}
.enter {position:absolute;right:0px;bottom:0px;width:100%;background:#000;height:40px;text-align:right;z-index:4;}
.enter h1 {padding: 5px 30px 0 30px;}

/* startpagina */
#dear_visitor { position:fixed;z-index:100;width:310px;height:400px;right:25px;top:65px;background: url('vlak.png') no-repeat;padding:0px;}
#dear_visitor p { width:auto;margin:10px 20px;padding:0px;}
#dear_visitor h3 {font-size:13pt;padding: 15px 20px 0 20px;}
.entryhome {width:100%;height:100%;position:absolute;background:none;}
.entryhome img {position:absolute;z-index:0;margin-top:-5px;left:0;width:100%;}
.entryhome .actueel, .entryhome .selectie {z-index:1;position:absolute;width:100%;height:100%;padding-top:75px;}
.entryhome h1{font-size:21pt;margin:20px 0 0 30px;z-index:1;}
.selectie {font-size:21pt;margin:20px 0 0 0px;z-index:1; text-align:right !important;;}
.selectie h1 {margin-right:30px;}
.selectie p, .selectie a {text-align:right !important;margin:20px 30px 0 0px !important;width:100% !important;}
.entryhome h2 {font-style:normal;color:white;font-size:21pt;margin:0px 0 0 30px;}
.entryhome h3 {font-size:12pt; margin:20px 0px 0px 30px;}
.entryhome a {text-decoration:none;}
.entryhome p {font-size:10pt;margin:5px 0 0 0px;width:350px;}
.actueel h4 {margin-top:25px !important;font-size:14pt !important;margin-left:30px;}
.actueel h5 {margin-top:23px;font-size:10pt;line-height:15pt;margin-left:30px;}
.actueel p {margin-top:10px;margin-left:30px;}
.actueel {background:url('zwart.png');}

/* home */
#homemenu {margin: 0px 0 0 0px;position:absolute;z-index:100;width:100%;height:100%;padding: 75px 0 0 30px;}
#homemenu .menu {font-style:oblique;font-size:24pt;line-height:30pt;}
#homemenu .menu {z-index:3;margin:0px 0 0 0px;}
#homemenu .menu ul {margin-left:0px;}
#homemenu .menu li {display:block; margin: 0 10px 0 0;}
#homemenu a {color:white;}
#paginas_counter {position:absolute;z-index:3;background:none;width:400px;margin-top:500px;font-family:arial;font-size:16pt;font-style:oblique;margin-left:20px;}
#paginas_counter a{background:none;color:white;text-decoration:none;}
#paginas_counter a:hover {text-decoration:none !important;}
#paginas a {text-decoration:underline;}
#paginas {font-size:9pt;width:450px;background:none;}
#paginas .qp_prev {float:left;}
#paginas .qp_next {float:left;margin-right:10px;}
#paginas .qp_disabled {display:none;}
.credit {position:absolute;left:289px;}

/*projectpagina's */
.bio {z-index:1;position:fixed;background:url('zwart.png');width:100%;height:100%;top:0;left:0;padding:225px 30px;}
.bio p {font-size:10pt;line-height:15pt;width:450px !important;margin-bottom:10px;}
.bio h4 {margin:5px 0 10px !important;font-size:14pt !important;width:450px;}
.tekst {	z-index:1;position:fixed;background:url('zwart.png');width:100%;height:100%;top:0;left:0;padding:210px 30px 210px 139px; font-size:10pt;line-height:15pt; }
	.tekst p, .entry p {font-size:10pt;line-height:15pt;width:425px;margin-bottom:10px;}
	object {font-size:10pt;line-height:15pt;}

/*.projects {background:none;width:200px;position:absolute;top:75px;left:10px;}
.child_projects {background:none;width:200px;position:absolute;top:75px;left:210px;}
.projects ul {font-size:12px;}
.child_projects ul {font-size:12px;}*/

.entry {background:none;position:absolute;margin-top:170px;left:0px;width:100%;}
.entry h2 {position:absolute;z-index:3;font-size:18pt;margin-left:139px;font-style:oblique;}
/*.posts {margin-left:0px;background:none;position:absolute;top:40px;width:100%;height:100%;}*/

#project {margin:52px 0 0 30px;position:absolute;z-index:3;background:none;}
#project h2 {margin-left:109px;}
.projectmenu_home {margin: 0px 0 0 0px;font-style:oblique;font-size:10pt;}
.menu {position:absolute;z-index:3;margin:130px 0 0 0px;font-style:oblique;font-size:10pt;}
.menu ul {margin-left:30px;}
.menu li {display:inline; margin: 0 10px 0 0;}
.menu a, .projectmenu_home a, #project h2 a {text-decoration:none;}
#project h2 a:hover {text-decoration:underline !important;}

.imgnav {list-style-type:none;font-family:georgia;font-style:oblique;position:absolute;z-index:5;left:30px;margin-top:60px;}
.imgnav li {margin-top:40px;float:left;margin-right:5px;}
.imgnav li a {color:white;text-decoration:none !important;}
.imgnav img {width:104px;height:56px;}
.imgnav h6 {background:none;position:absolute;color:white;padding:4px 2px;font-size:9pt;width:100px;height:48px;}
.imgnav h6:hover {background:url('zwart.png');text-decoration:none !important;}

div.homenav {font-family:georgia;font-style:oblique;position:fixed;width:700px;z-index:5;left:0px;top:50px;}
div.homenav h2 {margin-left:30px;}
div.homenav ul {list-style-type:none;margin-bottom:5px;margin-top:5px;background:none;margin-left:30px;width:675px;float:left;clear:all;background:none;}
div.homenav li {margin-bottom:5px;margin-right:7px;float:left;}
div.homenav li a {color:white;text-decoration:none !important;}
div.homenav img {width:125px;height:70px;}
div.homenav h6 {background:none;position:absolute;color:white;padding:4px;font-size:9pt;width:117px;height:62px;}
/*div.homenav h6 {background:url('zwart.png');color:white;padding:4px;font-size:9pt;}*/
div.homenav h6:hover {background:url('zwart.png');text-decoration:none !important;}
div.homenav ul > li > ul {margin-left:130px;position:absolute;width:800px;background:none;margin-top:-75px;}
div.homenav ul > li > ul > li {float:left;margin-right:5px;width:125px;height:70px;background:none;}
div.homenav ul > li > ul > li > h6 {background:url('zwart.png');color:white;padding:4px;font-size:9pt;width:117px;height:62px;}

.homeknop {margin-right:5px !important;}
.projectknop {margin-right:5px !important;}

#tooltip{
	position:absolute;
	border:0px solid #333;
	background:#fff;
	padding:2px 5px;
	color:#000;
	display:none;
	z-index:150;
	}	
	
#error {background:url('zwart.png');position:absolute;width:100%;height:100%;background:black;z-index:0;}
#error img {width:100%;}
#errortekst {position:absolute;z-index:2;margin-left:30px;}
#errortekst h2 {position:absolute;margin-left:0px;margin-top:-40px;}
#errorback {background:url('zwart.png');position:absolute;width:100%;height:100%;z-index:1;}