/* 
	CSS vivor.net
	2009-03 Ad Trouwborst
	Vivor B.V.
*/

*
{font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#444444;}

.minitext
{font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px; 
color:#444444;}

.spacer5{font-size:5px;line-height:1px;}
.spacer10{font-size:20px;line-height:1px;}
.spacer20{font-size:20px;line-height:1px;}

.groen
{font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#6C0;}

body {
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	overflow:none; 
	height: 100%;
	background-attachment: scroll; 
	background-image:url(/images/background.png);
	background-position: top center;
	
}

/* linkjes */

a
{text-decoration: none;
font-size: 11px;
color: #38393b;
font-weight:normal;
letter-spacing:0.0em;}
a:visited
{text-decoration: none;}
a:active
{text-decoration: none;}
a:hover
{text-decoration: none;
color:#d3dc3d;}

a.breadcrumbnavi
{text-decoration: none;
font-size: 9px;
color: #c0c0c0;

font-weight: bold;
letter-spacing: 0.1em;}
a:visited
{text-decoration: none;}
a:active
{text-decoration: none;}
a:hover
{text-decoration: none;
color:#d3dc3d;}

.domeincheckbar
{
        font-size: 12px; 
        color: #444444;
        font-weight: normal;
	text-align:middle;
        letter-spacing:0.0em;
	padding-left: 20px;
	vertical-align:middle;
	height:30px;
}

.sitemap
{text-decoration: none;
font-size: 11px;
/* color: #c0c0c0; */
color: #bbbbbb;
letter-spacing: 0.0em;}

a.sitemap
{text-decoration: none;
font-size: 11px;
/* color: #c0c0c0; */
color: #bbbbbb;
font-weight: normal;
letter-spacing: 0.0em;}
a:visited
{text-decoration: none;}
a:active
{text-decoration: none;}
a:hover
{text-decoration: none;
color:#d3dc3d;}

a.wit
{text-decoration: none;
font-size: 11px;
color: #FFFFFF;

font-weight:bold;
letter-spacing:0.0em;}
a.wit:visited
{text-decoration: none;}
a.wit:active
{text-decoration: none;}
a.wit:hover
{text-decoration: none;
color:#d3dc3d;}

a.grijs
{text-decoration: none;
font-size: 9px;
color: #3b3b3b;

font-weight:bold;
letter-spacing:0.1em;}
a.grijs:visited
{text-decoration: none;}
a.grijs:active
{text-decoration: none;}
a.grijs:hover
{text-decoration: none;
color:#d3dc3d;}

a.blauw
{text-decoration: none;
font-size: 9px;
color: #2b2b2b;

font-weight:bold;
letter-spacing:0.0em;}
a.blauw:visited
{text-decoration: none;}
a.blauw:active
{text-decoration: none;}
a.blauw:hover
{text-decoration: none;
color:#4c97fd;}

a.portfolio
{text-decoration: none;
font-size: 11px;
color: #9ea8b6;

font-weight:normal;
letter-spacing:0.0em;}
a.portfolio:visited
{text-decoration: none;}
a.portfolio:active
{text-decoration: none;}
a.portfolio:hover
{text-decoration: none;
color:#1b1b1b;}

a.meer
{text-decoration: none;
font-size: 9px;
color: #8c979f;

font-weight:bold;
letter-spacing:0.0em;}
a.meer:visited
{text-decoration: none;}
a.meer:active
{text-decoration: none;}
a.meer:hover
{text-decoration: none;
color:#1b1b1b;}

a.linkje
{text-decoration: none;
font-size: 11px;
color: #1b1b1b;
font-weight:normal;
letter-spacing:0.0em;}
a.linkje:visited
{text-decoration: none;}
a.linkje:active
{text-decoration: none;}
a.linkje:hover
{text-decoration: none;
color:#68C1F9;}

a.white
{text-decoration: none;
font-size: 11px;
color: #FFFFFF;

font-weight:normal;
letter-spacing:0.0em;}
a.white:visited
{text-decoration: none;}
a.white:active
{text-decoration: none;}
a.white:hover
{text-decoration: none;
color:#1b1b1b;}

a.dark
{text-decoration: none;
font-size: 10px;
color: #474a4f;

font-weight: bold;
letter-spacing:0.0em;}
a.dark:visited
{text-decoration: none;}
a.dark:active
{text-decoration: none;}
a.dark:hover
{
	text-decoration: none;
	color:#FFFFFF;
}

.navtrigger
{
text-decoration: none;
font-size: 10px;
color: #474a4f;
font-weight: bold;
letter-spacing:0.0em;
}

.navtrigger:hover
{
background-image:url(/images/nav-hover.gif);
text-decoration: none;
font-size: 10px;
color: #474a4f;
font-weight: bold;
letter-spacing:0.0em;
}
	


/* tekstopmaak */

.text
{text-decoration: none;
font-size: 11px;
color: #464d55;

font-weight:normal;
letter-spacing:0.0em;}

.textwitkop
{text-decoration: none;
font-size: 9px;
color: #FFFFFF;

font-weight: bold;
letter-spacing: 0.1em;}

.textgrijskop
{text-decoration: none;
font-size: 9px;
color: #555555;
/* #636468 */
font-weight: bold;
letter-spacing: 0.1em;}

.textgrijskop2
{text-decoration: none;
font-size: 9px;
color: #c0c0c0;

font-weight: bold;
letter-spacing: 0.1em;}

.textgrijs
{text-decoration: none;
font-size: 10px;
color: #2b2e32;

font-weight: normal;
letter-spacing: 0.0em;}

/* Clipboard 
#636468

*/

.textlichtgrijskop
{text-decoration: none;
font-size: 10px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.1em;}

.textlichtgrijskop2
{text-decoration: none;
font-size: 9px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.1em;}

.textgroenkop
{
text-decoration: none;
font-size: 9px;
color: #d3dc3d;

font-weight: bold;
letter-spacing: 0.1em;
}


.actueel
{text-decoration: none;
font-size: 11px;
color: #1b1b1b;

font-weight: normal;
letter-spacing: 0.0em;}

.actueel-arrow
{text-decoration: none;
font-size: 11px;
color: #000000;

font-weight: normal;
letter-spacing: 0.0em;}

.leestekst
{text-decoration: none;
font-size: 11px;
color: #1b1b1b;

font-weight: normal;
letter-spacing: 0.0em;
}

.leestekstkop
{text-decoration: none;
font-size: 18px;
color: #d3dc3d;
font-weight: normal;
letter-spacing: 0.0em;}

.leestekstgrijskop
{text-decoration: none;
font-size: 12px;
color: #444444;
font-weight: bold;
letter-spacing: 0.0em;}


.leestekstsub
{text-decoration: none;
font-size: 11px;
color: #474a4f;

font-weight: normal;
letter-spacing: 0.0em;
}

.leestekstletterkop
{text-decoration: none;
font-size: 14px;
color: #666666;
/* #636468 */
font-weight: bold;
letter-spacing: 0.0em;
}

.nadruk1
{text-decoration: none;
font-size: 9px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.0em;
}

.nadruk2
{text-decoration: none;
font-size: 12px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.0em;
}

.nadruk3
{text-decoration: none;
font-size: 14px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.0em;
}

.nadruk4
{text-decoration: none;
font-size: 16px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.0em;
}

.leesteksthr
{text-decoration: none;
font-size: 14px;
color: #c0c0c0;

font-weight: normal;
letter-spacing: 0.0em;
}

.subkop
{text-decoration: none;
font-size: 13px;
color: #474a4f;

font-weight: normal;
letter-spacing: 0.0em;}

.groennormaal
{
text-decoration: none;
font-size: 15px;
color: #d3dc3d;
font-weight:  bold;
letter-spacing: 0.0em;
}

.groenkop
{
text-decoration: none;
font-size: 22px;
color: #d3dc3d;

font-weight:  bold;
letter-spacing: 0.0em;
}

.groenkleinkop
{
text-decoration: none;
font-size: 10px;
color: #d3dc3d;

font-weight:  normal;
letter-spacing: 0.0em;
}

.groenkleinboldkop
{
text-decoration: none;
font-size: 11px;
color: #d3dc3d;
font-weight:  normal;
letter-spacing: 0.0em;
}


.productvormen {
text-decoration: none;
font-size: 14px;
color: #d3dc3d;
font-weight: normal;
letter-spacing: 0.0em;
}

.groenmidkop
{
text-decoration: none;
font-size: 12px;
color: #d3dc3d;

font-weight:  normal;
letter-spacing: 0.0em;
}

#form
{
	width: 500px;
	color:#444444;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;

}
#form
a
{
	color:#444444;
	text-decoration: none;
}
#form
a:hover
{
	color:#444444;
	text-decoration: underline;
}
.header
{
	color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
}
.content
{
	height: 160px;
	padding: 10px;
}
.footer
{
	padding: 10px;
	font-weight: bold;
}

/*
 * Tekststyles
 */
h1
{

}
h2
{
	color: #595B5D;
	margin: 0px;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	padding-top: 4px;
	padding-bottom: 0px;
}
hr
{
	color: #cccccc;
	height: 1px;
}

/*
 * Formulieren
 */
ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
li
{
	color: #595B5D;
}
.text
{
	width: 100%;
	color: #595B5D;
	height: 20px;
	border: 1px #CCCCCC solid;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	padding-left: 3px;
	padding-top: 3px;
}
.text_fout
{
	width: 100%;
	color: #595B5D;
	height: 20px;
	border: 1px red solid;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	padding-left: 3px;
	padding-top: 3px;
}
select
{
	width: 100%;
	color: #595B5D;
	height: 21px;
	border: 1px #CCCCCC solid;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	padding-left: 3px;
	padding-top: 3px;
}
textarea
{
	width: 100%;
	color: #595B5D;
	height: 80px;
	border: 1px #CCCCCC solid;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	padding-left: 3px;
	padding-top: 3px;
}

.td1
{
	width: 50%;
}
.td2
{
	width: 50%;
}

.bordertop
{ 
border-top-style: solid;
border-top-width: 1px;
border-color:#d5d5d5;
}

.borderbottom
{ 
border-bottom-style: solid;
border-bottom-width: 1px;
border-color:#d5d5d5;
}

.borderall
{ 
border-style: solid;
border-width: 1px;
border-color:#d5d5d5;
}

.cborderall
{
}


.breadcrumbborder
{ 
border-style: dotted;
border-width: 1px;
border-color:#d5d5d5;
}

.bordertbl
{ 
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-color:#d5d5d5;
}

.bordertbr
{ 
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-color:#d5d5d5;
}

.bordertb
{ 
border-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-color:#d5d5d5;
}

.adres
{text-decoration: none;
font-size: 9px;
color: #FFFFFF;

font-weight: bold;
letter-spacing: 0.0em;}

.overlibtext
{font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#FFFFFF;}



		.sent								{font-size: 11px; color: #7fadfb; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
		
		.contacttextbox				{height:18px; border:1px dotted #c0c0c0; color:#1b1d20; background-color:transparent;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.contacttextarea			{height:80px; border:1px dotted #c0c0c0; color:#1b1d20; background-color:transparent; overflow:auto;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.contactbutton				{height:20px; border:1px solid #1b1b1b; color:#1b1d20; background-color:#FFFFFF; cursor:pointer;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
											
											
		.button							{height:21px; width: 100%; /*border:1px solid #1b1b1b; color:#1b1d20; background-color:#FFFFFF; cursor:pointer;*/
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
		.searchbox					{height:12px; width: 70px; border:0px solid #FFFFFF; color:#1b1d20; background-color:transparent; 
											font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;}		
                .searchboxlogin                                      {height:15px; width: 70px; border:0px solid #FFFFFF; color:#1b1d20; background-color:transparent;
                                                                                        font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;}
		.offertebox						{height:18px; width:100px; border:1px solid #c0c0c0; color:#1b1d20; background-color:transparent;
											font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.textbox						{height:21px; width:100px; border:1px solid #d3dc3d; color:#1b1d20; background-color:transparent;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.textboxgr						{height:18px; width:100px; border:1px solid #c0c0c0; color:#1b1d20; background-color:transparent;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.textboxklein					{height:21px; width:50px; border:1px solid #7fadfb; color:#1b1d20; background-color:transparent;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.textarea						{height:80px; width:225px; border:1px solid #7fadfb; color:#1b1d20; background-color:transparent; overflow:auto;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
											
		.pullbox							{height:21px; width:50px; border:1px solid #d3dc3d; color:#1b1d20; background-color:transparent;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}									
		.pullboxvulling				{height:19px; width:50px; color:#1b1d20; background-color:#FFFFFF; background-color:#FFFFFF;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.prijsbox				{height:18px; border:1px dotted #c0c0c0; color:#1b1d20; background-color:transparent;
											font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
											
	#myoutercontainer { position:relative }
	#myinnercontainer { position:absolute; top: -7px; }
											
/* AJAX search */

#livesearch
  { 
  margin:0px;
  width:120px; 
  position: absolute; 
  top: 24px; 
  right: -22px; 
/*  background-image:url(../images/blokje2.jpg); */
  font-size: 10px; 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left: 3px;
  background-color:#ffffff;
  	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  }
  
#livesearch
a
{
	color:#444444;
	text-decoration: none;
	font-size: 10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#livesearch
a:hover
{
	color:#d3dc3d;
	text-decoration: none;
	font-size: 10px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:3px;
}

#txt1
  { 
  margin:0px;
  } 




form {

	margin: 0px;

}


.heading {
text-decoration: none;
font-size: 18px;
color: #d3dc3d;
font-weight: normal;
letter-spacing: 0.0em;
}



.heading2 {
	
	font-size: 18px;

	font-weight: normal;

    text-decoration: none;

    color: #d3dc3d;

}



.heading3 {
	
	font-size: 12px;

    font-weight: bold;

    color: #16679F;

}

.huge {
	
	font-size: 36px;

	font-weight: normal;

    text-decoration: none;

    color: #e8e8e8;

}



.wrapper {

	width: 730px;

	border: 0px;

	padding: 5px;

	border-collapse: collapse;

	background-color: #ffffff;

	margin-left: auto; 

	margin-right: auto;

}



table.topnavbar {

	width: 100%;

}



tr.topnavbar {

	background-color: #efefef;

	font-weight:bold;

	text-align: center;

}



tr.topnavbar a {

	color: #000000;

	text-decoration: none;

}



tr.topnavbar a:hover {

	color: #666666;

}



.clientarealinks {

    padding: 10px;

}



.clientarealinks a {

	color: #555555;

}



table.frame {

	width: 100%;

	border: 1px solid #d5d5d5;

	padding: 0px;

}



.fieldarea {

	text-align: right;

}



.clientareatable {

	width: 100%;

	background-color: #cccccc;

}



tr.clientareatableheading {

	background-color: #efefef;

	font-weight: bold;

	text-align: center;

}



tr.clientareatableactive {

	background-color: #ffffff;

	text-align: center;

}



tr.clientareatablepending {

	background-color: #FFFFE2;

	text-align: center;

}



tr.clientareatablesuspended {

	background-color: #E9FFD2;

	text-align: center;

}



tr.clientareatableterminated {

	background-color: #FFE1E1;

	text-align: center;

}



tr.supportticketsheading {

	background-color: #efefef;

}



tr.supportticketscontent {

	background-color: #ffffff;

}



.contentbox {

	width: 65%;

	text-align: center;

	background-color: #f7f7f7;

	border: 1px dashed #cccccc;

	padding: 5px;

	margin-left: auto; 

	margin-right: auto;

}

.markupbox {

	width: 360px;

	text-align: justify;

	background-color: #FFFFFF;

	border: 1px dashed #cccccc;

	padding: 5px;

	margin-left: auto; 

	margin-right: auto;

}



.errorbox {

	border: 1px dashed #cc0000;

	font-weight: bold;

	background-color: #FBEEEB;

	text-align: center;

	width: 90%;

	padding: 10px;

	color: #cc0000;

	margin-left: auto; 

	margin-right: auto;

}



.domaincheckeravailable {

	color: #669900;

}



.domaincheckerunavailable {

	color: #cc0000;

}



.networkissuessummary {

    background-color: #f6f6f6;

    border: 1px dashed #cccccc;

    padding: 10px;

    text-align: center;

}



.networkissuesopen {

    font-size: 16px;

    font-weight: bold;

    color: #65CC00;

    padding-right: 20px;

}



.networkissuesscheduled {

    font-size: 16px;

    font-weight: bold;

    color: #EEDD00;

    padding-right: 20px;

}



.networkissuesclosed {

    font-size: 16px;

    font-weight: bold;

    color: #888888;

}



.networkissuedescription {

    border-left: 5px solid #efefef;

    padding: 20px;

    padding-top: 1px;

}



.networkissueaffected {

    background-color: #FDFCDD;

    padding: 10px;

    margin-top: 10px;

}



.clientticketreplyheader {

    margin-top: 20px;

    background-color: #92BDEA;

    font-weight: bold;

    color: #ffffff;

    padding: 4px 20px 4px 20px;

}



.clientticketreply {

    min-height: 80px;

    background-image: url('images/clientticketreplybg.gif');

    background-repeat: repeat-x;

    padding: 10px;

}



.adminticketreplyheader {

    margin-top: 20px;

    background-color: #888888;

    font-weight: bold;

    color: #ffffff;

    padding: 4px 20px 4px 20px;

}



.adminticketreply {

    min-height: 80px;

    background-image: url('images/adminticketreplybg.gif');

    background-repeat: repeat-x;

    padding: 10px;

}



.closeticket {

    border: 1px dashed #cc0000;

	font-weight: bold;

	background-color: #FBEEEB;

    color: #cc0000;

}



tr.orderheadingrow {

	background-color: #5AB9F1;

	color: #ffffff;

}



tr.orderrow1 {

	background-color: #E8F0F9;

	color: #000000;

}



tr.orderrow2 {

	background-color: #D6E4F6;

	color: #000000;

}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	text-align: left;
	width:120px;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 6px 0px;
	width: 100%;
	font-size: 10px;
	color: #474a4f;
	font-weight: bold;
	letter-spacing:0.0em;
	text-align: center;
	text-decoration: none}

#sddm li a:hover {
background-image:url(/images/nav-hover.gif); }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-top: 3px;
	padding: 0;
	width:120px;
	background-color:#ffffff;
        filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
	border: 1px solid #d5d5d5}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
     		font-size: 10px;
        	color: #474a4f;
        	font-weight: bold;
        	letter-spacing:0.0em; }

	#sddm div a:hover
	{	background: #d3dc3d;
		color: #474a4f; }


div.stepsboxactive { background: #efefef; width: 150px; font-size: 12px; text-align: center; margin-bottom: 5px; }
b.stepsboxactivertop, b.stepsboxactiverbottom { display:block; background: #FFF }
b.stepsboxactivertop b, b.stepsboxactiverbottom b {display:block;height: 1px; overflow: hidden; background: #d3dc3d; }

div.stepsboxinactive { background: #efefef; width: 150px; font-size: 12px; text-align: center; margin-bottom: 5px; }
b.stepsboxinactivertop, b.stepsboxinactiverbottom { display:block; background: #FFF }
b.stepsboxinactivertop b, b.stepsboxinactiverbottom b {display:block;height: 1px; overflow: hidden; background: #efefef; }

div.orderbox { background-image:url(/images/adminticketreplybg.gif); background-repeat:repeat-x; margin-bottom: 5px; }
b.orderboxrtop, b.orderboxrbottom { display:block; background: #FFF }
b.orderboxrtop b, b.orderboxrbottom b {display:block;height: 1px; overflow: hidden; background: #c6c6c6; }
div.orderboxpadding { padding: 5px; }

b.r1 {margin: 0 5px}
b.r2 {margin: 0 3px}
b.r3 {margin: 0 2px}
b.r4 {margin: 0 1px;height: 2px}