html{
	height:100%;
}
* {
	margin: 0px;
	padding: 0px;
}

body{
	height:100%;
	background-color: #000000;
	color: #34363d;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../images/bg_body.png);
	background-repeat: repeat;
	background-position: left top;
}
input{
	font-size: 11px;
}
img{
	border: 0px;
}
select{
	font-size:11px;
}
fieldset {
border: 0;
}

/* default page settings */
h1{
	text-indent: -9999px;	

}
h2{
	font-size: 16px;
	color: #0096d5;
	margin-bottom: 12px;
	line-height: 16px;
}
h2.nomargin {
	margin-bottom: 0px;
}

h3{
	font-size: 11;
	font-weight: normal;
	margin-bottom: 15px;

}
h3.bold {
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 0px;
}

h4{
	font-size: 18px;
	color: #333333;
	margin-bottom: 12px;
}
h5{

}
h6{

}
.h2NoMargin h2{
	margin-bottom: 0px;
}
img.floatRight {
	margin-bottom: 4px;
	margin-left: 6px;
	margin-top: 2px;
}

div{
	text-align: left;	
}
table{
	padding:0;
	border-collapse:collapse;
	font-size: 11px;
	line-height: 16px;
}
p{
	font-size: 11px;
	line-height: 16px;
	padding-right: 10px;
	padding-bottom: 12px;
}
table{
	
}
table tr td{
	
}

/* default hyperlinks properties */
a:link{
	color:#0096d5;
}
a:active{
	color:#0096d5;
}
a:visited{
	color:#0096d5;
}
a:hover{
	color:#0096d5;
}

/* custom classes */
.container{
	position:relative;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
*{
	margin: 0px;
	padding: 0px;	
}
.clear{
	clear:both;
}


/* main container */
#mainContainer{
	position:relative;
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/* top document */
#topHeader{
	height:150px;
}
#logo {
	width:556px;
	height:74px;
	position: absolute;
	left: -37px;
	top: 45px;
}
html>body #logo{
	background:url('../images/logo_occ-webmaster-helpdesk.jpg') no-repeat;
}

/* Navigation */
#hideFirst{
	position: absolute;
	z-index:1;
	left: 52px;
	top:70px;
	height:50px;
	width:10px;
	background-image: url(../images/bg_body.png);
}
#hideFirst{
	position: absolute;
	z-index:1;
	left: 52px;
	top:70px;
	height:50px;
	width:10px;
	background-image: url(../images/bg_body.png);
}
#hideFirst2{
	position: absolute;
	z-index:1;
	right: 137px;
	top:0px;
	height:20px;
	width:10px;
	background-image: url(../images/bg_body.png);
}
#hideFirst3{
	position: absolute;
	z-index:1;
	right: 96px;
	top:0px;
	height:20px;
	width:150px;
	border: solid 0px red;
	background-image: url(../images/bg_body.png);
}

/* navigation */
#mainNav ul {
	list-style-type: none;
	height: 20px;
	position: relative;
	left: 56px;
	top: 78px;
	z-index:3;
}
html>body #mainNav ul li,
html>body #mainNav ul li.active
{
	background-position: left 10px;
}
#mainNav ul li,
#mainNav ul li.active 
{
	float: left;
	background-image: url(../images/sep_mainNav.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-right: 4px;
	padding-left: 6px;
}
#mainNav ul li ul {
	display: none;	
}
#mainNav ul li.active ul,
#mainNav ul li.active ul li.active ul 
{
	display: block;	
}

/* level 1 */
#mainNav ul li a:link, 
#mainNav li a:visited
{
	display: block;
	font-size: 10px;
	text-decoration: none;
}
#mainNav ul li.active a:link,
#mainNav ul li.active a:visited,
#mainNav ul li.active a:active,
#mainNav ul li.active a:hover
{
	font-size: 10px;
	text-decoration: none;
	color: #fff;	
}
#mainNav ul li a:hover 
{
	color:#FFFFFF;
	text-decoration: none;
	display: block;
}

a#OccCrossmedia:link,
a#OccCrossmedia:visited,
a#OccCrossmedia:active
{
	background: url('../images/nav_occ_crossmedia1.png');
	width:86px;
	height: 13px;	
}
#mainNav ul li.active a#OccCrossmedia:link,
#mainNav ul li.active a#OccCrossmedia:visited,
#mainNav ul li.active a#OccCrossmedia:active,
#mainNav ul li a#OccCrossmedia:hover 
{
	background: url('../images/nav_occ_crossmedia2.png');
	width:86px;
	height: 13px;
}
a#OCCHosting:link,
a#OCCHosting:visited,
a#OCCHosting:active
{
	background: url('../images/nav_occ_hosting1.png');
	width:64px;
	height: 13px;	
}
#mainNav ul li.active a#OCCHosting:link,
#mainNav ul li.active a#OCCHosting:visited,
#mainNav ul li.active a#OCCHosting:active,
#mainNav ul li a#OCCHosting:hover 
{
	background: url('../images/nav_occ_hosting2.png');
	width:64px;
	height: 13px;
}


/* level 2*/

a#CrossmediaHome:link,
a#CrossmediaHome:visited,
a#CrossmediaHome:active
{
	background: url('../images/subnav_home1.png');
	width:27px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#CrossmediaHome:link,
#mainNav ul li.active ul li.active a#CrossmediaHome:visited,
#mainNav ul li.active ul li.active a#CrossmediaHome:active,
#mainNav a#CrossmediaHome:hover 
{
	background: url('../images/subnav_home2.png');
	width:27px;
	height: 10px;	
}

a#overocc:link,
a#overocc:visited,
a#overocc:active
{
	background: url('../images/subnav_over_occ_crossmedia.png');
	width:96px;
	height: 10px;	
}

#mainNav ul li.active ul li.active a#overocc:link,
#mainNav ul li.active ul li.active a#overocc:visited,
#mainNav ul li.active ul li.active a#overocc:active,
#mainNav a#overocc:hover 
{
	background: url('../images/subnav_over_occ_crossmedia2.png');
	width:96px;
	height: 10px;
}

a#portfolio:link,
a#portfolio:visited,
a#portfolio:active
{
	background: url('../images/subnav_portfolio1.png');
	width:41px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#portfolio:link,
#mainNav ul li.active ul li.active a#portfolio:visited,
#mainNav ul li.active ul li.active a#portfolio:active,
#mainNav a#portfolio:hover 
{
	background: url('../images/subnav_portfolio2.png');
	width:41px;
	height: 10px;	
}

a#opdrachtgevers:link,
a#opdrachtgevers:visited,
a#opdrachtgevers:active
{
	background: url('../images/subnav_opdrachtgevers1.png');
	width:75px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#opdrachtgevers:link,
#mainNav ul li.active ul li.active a#opdrachtgevers:visited,
#mainNav ul li.active ul li.active a#opdrachtgevers:active,
#mainNav a#opdrachtgevers:hover 
{
	background: url('../images/subnav_opdrachtgevers2.png');
	width:75px;
	height: 10px;	
}

a#workflow:link,
a#workflow:visited,
a#workflow:active
{
	background: url('../images/subnav_workflow1.png');
	width:46px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#workflow:link,
#mainNav ul li.active ul li.active a#workflow:visited,
#mainNav ul li.active ul li.active a#workflow:active,
#mainNav a#workflow:hover 
{
	background: url('../images/subnav_workflow2.png');
	width:46px;
	height: 10px;	
}

a#contact:link,
a#contact:visited,
a#contact:active
{
	background: url('../images/subnav_contact1.png');
	width:35px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#contact:link,
#mainNav ul li.active ul li.active a#contact:visited,
#mainNav ul li.active ul li.active a#contact:active,
#mainNav a#contact:hover 
{
	background: url('../images/subnav_contact2.png');
	width:35px;
	height: 10px;	
}

a#hostinghome:link,
a#hostinghome:visited,
a#hostinghome:active
{
	background: url('../images/subnav_home1.png');
	width:27px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#hostinghome:link,
#mainNav ul li.active ul li.active a#hostinghome:visited,
#mainNav ul li.active ul li.active a#hostinghome:active,
#mainNav a#hostinghome:hover 
{
	background: url('../images/subnav_home2.png');
	width:27px;
	height: 10px;	
}

a#pakket25:link,
a#pakket25:visited,
a#pakket25:active
{
	background: url('../images/subnav_pakketten1.png');
	width:50px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#pakket25:link,
#mainNav ul li.active ul li.active a#pakket25:visited,
#mainNav ul li.active ul li.active a#pakket25:active,
#mainNav a#pakket25:hover 
{
	background: url('../images/subnav_pakketten2.png');
	width:50px;
	height: 10px;	
}

a#hostingdomeinnamen:link,
a#hostingdomeinnamen:visited,
a#hostingdomeinnamen:active
{
	background: url('../images/subnav_domeinnamen1.png');
	width:67px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#hostingdomeinnamen:link,
#mainNav ul li.active ul li.active a#hostingdomeinnamen:visited,
#mainNav ul li.active ul li.active a#hostingdomeinnamen:active,
#mainNav a#hostingdomeinnamen:hover 
{
	background: url('../images/subnav_domeinnamen2.png');
	width:67px;
	height: 10px;	
}

a#hostingaanvragen:link,
a#hostingaanvragen:visited,
a#hostingaanvragen:active
{
	background: url('../images/subnav_aanvragen1.png');
	width:51px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#hostingaanvragen:link,
#mainNav ul li.active ul li.active a#hostingaanvragen:visited,
#mainNav ul li.active ul li.active a#hostingaanvragen:active,
#mainNav a#hostingaanvragen:hover 
{
	background: url('../images/subnav_aanvragen2.png');
	width:51px;
	height: 10px;	
}

a#hostingsupportwebmail:link,
a#hostingsupportwebmail:visited,
a#hostingsupportwebmail:active
{
	background: url('../images/subnav_support1.png');
	width:37px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#hostingsupportwebmail:link,
#mainNav ul li.active ul li.active a#hostingsupportwebmail:visited,
#mainNav ul li.active ul li.active a#hostingsupportwebmail:active,
#mainNav a#hostingsupportwebmail:hover 
{
	background: url('../images/subnav_support2.png');
	width:37px;
	height: 10px;	
}

a#hostingcontact:link,
a#hostingcontact:visited,
a#hostingcontact:active
{
	background: url('../images/subnav_contact1.png');
	width:35px;
	height: 10px;
}
#mainNav ul li.active ul li.active a#hostingcontact:link,
#mainNav ul li.active ul li.active a#hostingcontact:visited,
#mainNav ul li.active ul li.active a#hostingcontact:active,
#mainNav a#hostingcontact:hover 
{
	background: url('../images/subnav_contact2.png');
	width:35px;
	height: 10px;	
}

/* level 1 nav images */

#mainNav ul li ul,
#mainNav ul li.inactive ul,
#mainNav ul li.active ul 
{
	position: absolute;
	left: 0px;
	top: 20px;	
}
#mainNav ul li ul li,
#mainNav ul li ul li.active,
#mainNav ul li ul li.inactive
{
	background-image: none;	
}

/* level 3 */

#mainNav ul li.active ul li.active ul{
	position: absolute;
	top: 51px;
	z-index: 2000;
	width: 450px;
}
	
a#uploaden:link,
a#uploaden:visited,
a#uploaden:active
{
	background: url('../images/uploadbestanden.png') 0px 12px no-repeat;
	width:102px;
	height: 30px;
	z-index:2000;
}
#mainNav ul li.active ul li.active ul li.active a#uploaden:link,
#mainNav ul li.active ul li.active ul li.active a#uploaden:visited,
#mainNav ul li.active ul li.active ul li.active a#uploaden:active,
#mainNav a#uploaden:hover 
{
	background: url('../images/uploadbestanden.png') 0px 12px no-repeat;
	width:102px;
	height: 30px;	
	z-index:2000;
}

a#aanleverspecificaties:link,
a#aanleverspecificaties:visited,
a#aanleverspecificaties:active
{
	background: url('../images/aanleverspecificaties.png') 0px 12px no-repeat;
	width:110px;
	height: 30px;
	z-index:2000;
}
#mainNav ul li.active ul li.active ul li.active a#aanleverspecificaties:link,
#mainNav ul li.active ul li.active ul li.active a#aanleverspecificaties:visited,
#mainNav ul li.active ul li.active ul li.active a#aanleverspecificaties:active,
#mainNav a#aanleverspecificaties:hover 
{
	background: url('../images/aanleverspecificaties.png') 0px 12px no-repeat;
	width:110px;
	height: 30px;	
	z-index:2000;
}

a#helpdesk:link,
a#helpdesk:visited,
a#helpdesk:active
{
	background: url('../images/onlinehelpdesk.png') 0px 12px no-repeat;
	width:110px;
	height: 30px;
	z-index:2000;
}
#mainNav ul li.active ul li.active ul li.active a#helpdesk:link,
#mainNav ul li.active ul li.active ul li.active a#helpdesk:visited,
#mainNav ul li.active ul li.active ul li.active a#helpdesk:active,
#mainNav a#helpdesk:hover 
{
	background: url('../images/onlinehelpdesk.png') 0px 12px no-repeat;
	width:110px;
	height: 30px;	
	z-index:2000;
}

#subNav {
	height: 14px;
	position: relative;
	left: 57px;
	top: 75px;
}
html>body #subNav li{
	background-position: left 11px;
}
#subNav li{
	float: left;
	list-style-type: none;
	background-image: url(../images/sep_subNav.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-right: 4px;
	padding-left: 6px;
}
#subNav li a:link, #subNav li a:visited {
	background-position: left top;
	display: block;
}
#subNav li a:hover {
	text-decoration: none;
	background-position: right top;
	display: block;
}
#subNav .home a {width: 27px;}
#subNav .over a {width: 96px;}
#subNav .portfolio a {width: 41px;}
#subNav .opdrachtgevers a {width: 75px;}
#subNav .workflow a {width: 46px;}
#subNav .contact a {width: 35px;}
#subNav .pakketten a {width: 50px;}
#subNav .domeinnamen a {width: 67px;}
#subNav .aanvragen a {width: 51px;}
#subNav .support a {width: 37px;}

#content {
	position: relative;
}
.contentTop,
.contentTop2,
.contentTop3 {
	background-image: url(../images/bgctNav.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 33px;
	position: relative;
	z-index: 2;
	background-color: #FFFFFF;
}
html>body .contentTop,
html>body .contentTop2,
html>body .contentTop3{
	height: 30px;
}
.contentTop{
	width: 264px;
}
.contentTop2 {
	width: 400px;
}
.contentTop3 {
	width: 290px;
}

.contToplong {
width:450px
}

/* center document */

	

#contopNav {
	height: 30px;
	padding-left: 60px;
	background-image: url(../images/corner_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	z-index: 1;
	font-size:10px;
}

#contopNav li {
	list-style-type: none;
	padding: 15px 0 0 0;
	float: left;
}
#contopNav li.active, #contopNav li.hover {
	background-image: url(../images/bgctNav_li.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#contopNav li a:link, #contopNav a:visited {
	color: #000000;
	text-decoration: none;
	background-position: center top;
	background-repeat: no-repeat;
}
#contopNav li a:hover {
	color:#000000;
}
#contopNav li a:active {
	color:#FFFFFF;
}


#contopNav2 {
	height: 30px;
	padding-left: 60px;
	background-image: url(../images/corner_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	z-index: 1;
	font-size:10px;
}

#contopNav2 li {
	list-style-type: none;
	padding: 0 0 0 0;
	float: left;
}
#contopNav2 li.active, #contopNav2 li.hover {
	background-image: url(../images/bgctNav_li.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#contopNav2 li a:link, #contopNav2 a:visited {
	color: #000000;
	text-decoration: none;
/*	background-image: url(../images/bgctNav_li.png); */
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	padding: 15px 0 0 0;
}
#contopNav2 li a:hover {
	background-position: center top;
	background-repeat: no-repeat;
	color:#000000;
}
#contopNav2 li a:active {
	color:#FFFFFF;
}
.noUnderline a{ 
	text-decoration: none;
}



#content .article {
	margin-bottom: 10px;
	background-image: url(../images/corner_tl.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	position: relative;
	top: -5px!important;
	top: -8px;
	width: 700px;
	font-size:11px;
	line-height: 16px;
}
.sifr_cNav {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#conrightNav {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 2px;
}
#conrightNav li{
	float: left;
	list-style-type: none;
	background-image: url(../images/sep_subNav.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-right: 3px;
	padding-left: 6px;
}

.sifr_crNav {
	font-size: 10px;
}


.article img {
	text-align: right;
}

.article .tr {
	background-image: url(../images/corner_tr.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 700px;
}
.article .bl {
	background-image: url(../images/corner_bl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 700px;
}
.article .br {
	background-image: url(../images/corner_br.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 45px;
	padding-right: 60px;
	padding-top: 45px;
	padding-left: 60px;
}
form.upload {
	padding-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
form.upload fieldset div {
	margin: 0px;
	padding: 0px;
	height: 30px;
}
form.upload div {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
form.upload fieldset img {
	margin-top: 3px;
	margin-right: 4px;
}
form.upload fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form.upload .button input {
	margin-right: 10px;
	width: 92px;
}
form.upload .button p {
	float: left;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	display: inline;
}
form.upload fieldset.floatLeft{
	width: 264px;	
}
form.upload .floatRight input {
	margin-top: 2px;
	width: 150px;
	margin-right: 10px;
	display: inline;
}
form.upload .floatRight img {
	margin-right: 4px;
	display: inline;
}
table.host, table.specs {
	border-collapse:collapse;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 12px;
}
table.host {
	width: 480px;
}
table.host th{
	width:25%;
}
table.specs th{
	width:50%;
}
table.specs {
	width: 480px;
}
table.host thead, table.specs thead {
	font-size: 11px;
	font-weight: bold;
	background-color: #edf0f1;
	padding: 5px;
}
table.host thead th, table.specs thead th {
	padding: 4px;
	color: #8998a0;
}
table.host .db_even td, table.specs .db_even td {
	padding: 4px;
}
table.host .db_odd td, table.specs .db_odd td {
	background-color: #edf0f1;
	padding: 4px;
}

/* bottom document */
#footer{
	width:600px;
	height:20px;
	font-size: 9px;
	color: #909EA6;
	padding-right: 60px;
	padding-left: 55px;
	position: relative;
	top: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
#footer li {
	float: left;
	list-style-type: none;
	padding-right: 0px;
}
#footer a:link, #footer a:visited {
	padding-left: 0px;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#loginform label{
	float: left;
	display:block;
	width: 100px;
}
#loginform input{
	margin: 2px;
}

/* FTP upload */

html>body .uploadFile{
	margin:3px 0 3px 0;
}
.uploadFile{
	margin:0;
	height:35px;
}
.buttonDelete{
	background:url('../images/buttondelete.gif') no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin:0 10px 0 0;
	cursor:hand;
}
.buttonEdit{
	background:url('../images/buttonedit.gif') no-repeat;	
	width:16px;
	height:16px;
	float:left;
	cursor:hand;
}
html>body .buttonEdit,
html>body .buttonDelete{
	cursor:pointer;
}
.bgrow{
	background:#E1E2E3;
}


.textError{
	width:200px;
	border:solid 1px red;
	font-size: 11px;
	margin: 2px;
}
.textRed{
	color: red;
}
textarea{
	font-size: 11px;
}
input.text{
	margin: 2px;
	width:200px;
	border:solid 1px #ccc;
	font-size: 11px;	
}
#footer a.isFirst:link,
#footer a.isFirst:active,
#footer a.isFirst:visited,
#footer a.isFirst:hover{
	text-decoration: none;
	cursor: text;
}

#mainNav ul li#liMainOccCrossmedia {
background-image: none;
}






/* Contact */

@CHARSET "UTF-8";
.form {
	padding: 3px;
}
.form .formCol1 {
	width: 120px;
}
.form input.text {
	width: 300px;
	border: solid 1px #ccc;
	margin-bottom: 8px;
}
.form input.textError {
	width: 300px;
	border: solid 1px red;
	margin-bottom: 8px;
}
.form .textarea {
	width: 300px;
	height: 200px;
	border: solid 1px #ccc;
	margin-bottom: 8px;
}
.form .buttonSubmit {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
.form .buttonReset {
	float: left;
	margin-top: 10px;
}

/* Registration form */
html>body #aanmeldForm {
	width:400px;
}

#aanmeldForm {
	width:525px;
	padding:0 55px 0 70px;
}

#lastname {
	width:150px;
	height:18px;
}

#firstname {
	width:150px;
	height:18px;
}

#middlename {
	width:30px;
	margin:0 0 0 5px;
	height:18px;
}

#address_home {
	width:111px;
	height:18px;
}

#address_home_no {
	width:30px;
	margin:0 0 0 5px;
	height:18px;
}

#address_home_zipcode {
	width:40px;
	height:18px;
}

#address_home_city {
	width:100px;
	height:18px;
	margin:0 0 0 5px;
}

#company_name {
	width:150px;
	height:18px;
}

#job_function {
	width:150px;
	height:18px;
}

#phone_work,
#phone_home,
#email_home,
#phone_mobile,
#password,
#password_repeat,
#email,
#username
{
	width:150px;
	height:18px;
}

#errorMessages {
	color: red;
}
#submitButtons input {
	font-size: 11px;
	width: 100px;
}
.errorInputMsg {
	color: red;
}