/*license, credits, comments, tips, devnotes, :
this CSS stylesheet is created under a creative commons license, in short, free for non-commercial use, but keeping the credits on here.
The css-file may be altered and adjusted, but without any warranty. As of yet we cannot offer any support. we do offer you a fresh template.
The above does not necessairily apply to any websites built upon it or created from it.
Commercial use is allowed only after email confirmation by Quahosting Internet Services. *Donation may be required*
CREDITS-  (should not be deleted)*||
***	Author: Kees Burger, 3dZiggy Online Design. url:"http://3dziggy.com".
	Licensed by QuaHosting Internet Services url:"http://quahosting.com".
	Copyright march 2010.
	information: email:ziggy@3dziggy.com	***|| 
Do NOT delete before this point!!

DEVNOTES-
- 
-
-
*/
/*general settings for all (when no override)*/
body{
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0 0 0 0;
	color:#003;
	font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	background:#ddd;
}
/*general link-style:*/
img {border:none;vertical-align:bottom;display:inline-block;}
a img {border:none; }
a,a:link,a:visited,a:hover,a:active,a:focus {color:#a11;}a:active {outline: none;}
/**/
a:link {text-decoration:none;}/**/
a:visited {text-decoration:none;}/**/
a:hover {text-decoration:underline;color:#d00;}/**/
a:active {text-decoration:none;outline:none;color:#966;}/**/
hr {color:#000;background-color:#eee;height:2px; margin:0px 0px 0px 0px;border:none;}
/**/
h1,h2,h3,h4,h5,h6 {font-weight:bold;}/**/
h1,h4 {font-size:150%;text-transform:uppercase;font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;}/**/
h2,h5 {font-size:120%;text-transform:uppercase;font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;}/**/
h3,h6 {font-size:100%;text-transform:uppercase;font-family:Verdana,Geneva,Helvetica,Arial,sans-serif;}/**/
h1,h2,h3 {color:#369;line-height:100%;font-weight:bolder;}/**/
h4,h5,h6 {color:#963;}/**/
p {text-align:justify;}
iframe {background:transparent;}
table,table tr,table td {background:transparent;border:1px inset #ccc;}
/**/
/* style unordered list */
ul {
list-style-type:none;
margin:0;
padding:0px;
overflow:hidden;
border:1px solid #336;
}
li {
float:left;
}
li a {
display:block;
margin:1px;
padding:0px 5px;
width:60px;
background-color:#ddd;
border:1px solid #229;
}
li a:hover {
background:#cce;
text-decoration:none;
}
/*full width box*/
.sitebox {
	position:relative;
	margin:0 auto 0;
	padding:0px;
	width:99%;
	max-width:1150px;
	height:auto;
	min-height:650px;
	max-height:900px;
	border:3px ridge #669;
	background:transparent;
}
/**/
/*boxclass to size and place the logo*/
.logobox {
	position:relative;
	top:1px;
	left:1px;
	margin-bottom:2px;
	overflow:visible;
	max-width:256px;
	width:auto;
	height:auto;
	min-height:124px;
	background-color:transparent;
	border:0px solid #fd0;
}
/**/
/*boxclass to size and place the banner*/
.bannerbox {
	position:absolute;
	top:1px;
	right:1px;
	padding:0px;
	overflow:visible;
	width:715px;
	height:142px;
	background-color:transparent;
	border:0px solid #fc0;
}
/*classes to fix elements on screen*/
.topfix {position:fixed;top:-1px;z-index:50;}
.leftfix {position:fixed;top:70px;left:-5px;z-index:50;}
.rightfix {position:fixed;top:70px;right:5px;z-index:50;}
.bottomfix {position:fixed;bottom:15px;z-index:50;}
/*class to create a rounded right-floating box*/
.rightfloat {
	float:right;
	height:auto;
	width:250px;
	text-align:justify;
}
/*class for styling the leftnav*/
.subleft {
	display: block;
	list-style-type: none;
	line-height:24px;
	height:auto;
	border:3px solid #f00;
}
/**/
/*styling of navbtn-class*/
.navbtn{
	float:inherit;
	display:block;
	width:auto;
	min-width:70px;
	max-width:100%;
	height:auto;
	max-height:20px;
	margin:1px;
	padding:10px 15px;
	overflow:hidden;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	background-image:url(../02-img/zbtns40.png);
	background-color:#fff;
	border:4px ridge #aaa;
}
/*link-behaviour of navbtn*/
.navbtn a:link {background-position:0px 0px;}/**/
.navbtn a:visited {background-position:0px -40px;}/**/
.navbtn a:hover {background-position:0px -80px;}/**/
.navbtn a:active {background-position:0px -120px;}/**/
/*general usage classes*/
.bodytext {font-size:100%;line-height:1.5em;text-align:justify;}
.box{display:block;margin:10px;padding:5px;border:1px solid #999;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.img {position:relative;margin:0px 0px 0px 0px;padding:2px 2px 4px 2px;width:auto;height:auto;border:1px outset #666}

.imgfullw {position:relative;margin:2px;padding:2px;width:99%;}
.imgfullh {position:relative;margin:2px;padding:2px;height:99%;}
.logo {position:relative;margin:0px 0px 0px 0px;padding:2px 2px 4px 2px;width:auto;height:auto;border:0px solid #666}
.imgfix {position:fixed;}
/**/
.bg0 {background-image:none;background-color:transparent;border:0px outset #ccc;}
.bg1 {background:#ddd url(../02-img/bgTrans01.png) repeat;} .bg1:hover {background:#eee;}.bg1 a:hover {color:#f00;} .bg1 a:active {color:#af0}
.bg2 {background-image:url(../02-img/bgTrans01.png);background-repeat:repeat;}
.bg3 {margin:0px;padding:10px;width:980px;height:768px;overflow:hidden;background-image:url(../02-img/earth-calling-mirani-scherm-ani.gif);background-repeat:no-repeat;}/**/
.bg4 {background-image:url(../02-img/);background-repeat:no-repeat;}/**/
/*gradient background*/
#bggr {
	position:absolute;
	background-color:transparent;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	height:100%;
	width: 100%;
}
/**/
#bgoffbtn {
	position:absolute;
	margin:0;
	padding:0;
	width:128px;
	height:128px;
	background:transparent url(../02-img/bgOff128.png) no-repeat;
}
/**/
#bgonbtn {
	position:absolute;
	margin:0;
	padding:0;
	width:128px;
	height:128px;
	background:transparent url(../02-img/bgOn128.png) no-repeat;
}
/**/
#wrapper {
	position:absolute;
	width:100%;
	margin:0px;
	height:97%;
	top:0px;
	left:0px;
	border:0px solid #f00;
}
/**/
#container {
	position:relative;
	width:1024px;
	height:auto;
	background-color:#eee;
	margin:0 auto;
	padding-bottom:30px;
	border:1px solid #ccc; 
}
/**/
#banner {
	position:relative;
	overflow:hidden;
	margin-top:2px;
	margin-right:2px;
	margin-left:60px;
	padding:0px 0px 0px 0px;
	width:1024px;
	height:auto;
	background-color:transparent;
	border:0px solid #ddd;
}
/**/
#padibox {
	position:absolute;
	top:-1px;
	right:-1px;
	padding:0px;
	overflow:hidden;
	width:120px;
	height:140px;
	background-color:transparent;
	border:0px solid #fc0;
}
/**/
#navbarspacer {height:32px;}
/**/
#navbar {
	float:none;
	margin:2px auto;
	width:99%;

	max-width:1022px;
	height:26px;
	color:#000;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:30px;
	background:#fff url(../02-img/zbtns26.png) repeat-x 0px 0px;
	border:1px solid #999;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#navbar:hover {background:#def url(../02-img/zbtns26.png) repeat-x 0px -26px;}
/*the navbar buttons, floating*/
#navbar a {
	color:#a11;
	float:left;
	margin:3px 0px 3px 6px;
	padding:0px 10px;
	height:18px;
	line-height:20px;
	max-width:250px;
	min-width:100px;
	overflow:hidden;
	background:#ddd url(../02-img/zbtns18.png) repeat-x;
	border:1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*navbar buttons, link behaviour*/
#navbar a:link { background-position:0px 0px;}/**/
#navbar a:visited { background-position:0px -18px;}/**/
#navbar a:hover { background-position:0px -37px;color:#d00;}/**/
#navbar a:active { background-position:0px -55px;color:#633;background-color:#ccc;}/**/
#navbar a:focus {background-position:0px -55px;}/**/
/*main body elements, check the order (header after body)*/
#header {
	position:relative;
	margin:0 auto;
	padding:1px;
	width:1024px;
	height:auto;
	min-height:50px;
	background:transparent;
	border:0px solid #0f0;
}
/**/
#bodyfull {
	position:relative;
	margin:0 auto;
	padding:0px;
	max-width:700px;
	height:auto;
	min-height:500px;
	background:transparent;
	border:0px solid #333; 
}
/**/
#rightfloatbox {
	float:right;
	margin:50px 10px;
	padding:10px;
	height:auto;
	width:250px;
	text-align:justify;
	border:1px solid #666;
}
/**/
#footer {
	position:relative;
	margin:0 auto;
	padding:0;
	width:700px;
	height:auto;
	min-height:20px;
	background:transparent;
	border:0px solid #666;
}
/**/
/*floating boxes*/
#leftnav {
	position:relative;
	float:left;
	margin:1px;
	padding:2px;
	width:190px;
	height:auto;
	color:#0df;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:26px;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	border:2px ridge #466;
}
/*the leftnav buttons, floating*/
#leftnav a,#leftnav a:link,#leftnav a:visited,#leftnav a:hover,#leftnav a:active,#leftnav a:focus {
	color:#05e;
	float:left;
	height:26px;
	width:98%;
	margin:1px;
	background-image:url(../02-img/zbtns26.png);
	border:1px solid #333;
}
/**/
#leftnav a:link { background-position:0px 0px;}/**/
#leftnav a:visited { background-position:0px -26px;}/**/
#leftnav a:hover { background-position:0px -52px;}/**/
#leftnav a:active { background-position:0px -78px;}/**/
#leftnav a:focus {background-position:0px -78px;}/**/
#rightnav {
	position:relative;
	float:right;
	direction:rtl;
	width:190px;
	height:auto;
	border:1px dotted #f0f;
}
/**/
#contentmain {
	position:absolute;
	overflow:auto;
	top:2px;
	left:200px;
	padding:3px;
	width:768px;
	max-height:650px;
	border:0px solid #f0f;
}
/**/
#content590 {
	float:left;
	padding:5px;
	width:590px;
	height:auto;
}
/**/
#footbar {
	position:relative;
	visibility:visible;
	/*float:left;*/
	overflow:visible;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width:auto;
	max-width:1000px;
	height:auto;
	text-align:center;
	background-color:transparent;
	border:1px solid #333;
}
/**/