html {margin: 0;padding: 0;color: #000000;font: normal 12px "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;}

/* Links */
a:link { text-decoration: none; color: #135A9F; border-bottom: 1px dotted #335577; font-weight: bold; }
a:visited { text-decoration: none; color: #3f7e86; border-bottom: 1px dotted #3f7e86; font-weight: bold; }
a:hover, a:active { color: #990000; border-bottom: 1px solid #990000; }

/* Html Elements */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0; padding: 0; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{ 
	font-weight: normal; 
	border-bottom-width: 0; 
}

h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

ul, ol, blockquote, pre{ color: #444444; padding: 0px 10px 10px 30px; line-height: 1.7em;}

ul { list-style-type: square; }
blockquote, pre { background-color: #eaeadf; border: 1px solid #cfcfcf; }
ins { text-decoration: none; color: #9e624a; }
del { color: #555555; }

table { width: 90%; color: #333333; margin: 10px 10px 20px; border-left: 1px solid #cbcbb4; border-top: 1px solid #cbcbb4; }
table caption { margin: 10px 0 5px; font-weight: bold;}
th, td{border-right: 1px solid #cbcbb4; border-bottom: 1px solid #cbcbb4; padding: 1px 10px;}
th { background-color: #e0e0cf; }
tr.alt td { background-color: #eaeadf; }

p {   margin: 0px; }


img { border-style: none; }

/* Structure  */

body {margin: auto;padding-right: 30px;padding-left: 30px;padding-top: 0px; background-image: url('../../images/achos/mybg.png');background-repeat: repeat-x;background-color: #C2C8CA;width: 897px;}

#topnav{float: left;width: 897px;color: #cfcfcf; clear: both;background-color: #1F1A15;border-bottom: 1px solid #000000;}/*oldbg=#2e2015*/

#header
{
  background-image: url(../../images/achos/grad.png);
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  float: left;
  width: 897px;
  height: 86px;/* 96 met de lage space, zonder hoger font size in navigation */
  color: #f9f9f9;
  background-color: #313131;
  padding-bottom: 4px;
}

#navigation
{
  float: left;
  width: 897px;
  clear: both;
  color: #555555;
  /*background-color: #f1efe3;*/
  background-color: #E6E6E8;
  border-bottom: 1px solid #cfcfcf;
}

#wrapper
{
  background: #f9f9f9 url('../../images/achos/bg.png') 28% 0 repeat-y;
  clear: both;
  width: 897px;
  margin: 0 auto;
}

#content-wrapper
{
  width: 500px;
  float: left;
  line-height: 1.8em;
  padding: 0px;
}

#content
{
  display: block;
  float: left;
  padding: 15px;
  padding-top: 5px;
  margin-right: 30px;
  width: 450px;
}

#content h1
{
  color: #FFA500;
  font-size: 19pt;
  line-height: 1.3;
  font-family: Georgia;
}

#content h2
{
  color: #FFA500;
  font-size: 15pt;
  line-height: 1.3;
  font-family: Georgia;
}

#sidebar-wrapper
{
  display: block;
  width: 375px;
  float: left;
}

#sidebar
{
  float: left;
  padding-left: 15px;
  padding-right: 5px;
  width: 90%;
}

#footer
{
  clear: both;
  float: left;
  width: 897px;
  color: #9c9084;
  color: #FFFFFF;
  text-align: center;
  background-color: #3e362f;
  background-color: #373737;
}

/* Top-Nav */

#topnav ul
{
	margin: 0;
	width: 850px;
        height: 38px;
	float: left;
	padding: 0 5px;
	list-style-type: none;
        font-size: 15px;
        font-family: Helvetica;
}

#topnav li { float: left; margin-top: 3px; }

#topnav li a:link,
#topnav li a:visited
{
	float: left;
	color: #BFB8B3;
	display: block;
	padding: 0 10px;
	margin: 3px 0;
	font-weight: normal;
	border-bottom-width: 0;
	border-right: 1px solid #666666;
}

#topnav li a:hover,
#topnav li a:active
{
	color: #bfb2aa;
}

/* Header */
#header a:link { color: #f1efe3; border-bottom-color: #f1efe3; }
#header a:visited { color: #eae7d2; border-bottom-color: #eae7d2; }
#header a:hover, #header a:active { color: #ffffff; border-bottom-color: #ffffff; }
#header h1 { padding: 60px 10px; }

/* SUB Navigation */
#navigation ul
{
  margin: 0;
  width: 860px;
  height: 38px;
  float: left;
  padding: 0 10px;
  list-style-type: none;
  line-height: 1.7em;
}

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
  float: left;
  margin: 8px 2px;
  color: #3f3126;
  display: block;
  padding: 5px 8px;
  border-bottom-width: 0;
  border-radius: 5px 5px 0px 0px;
}

#navigation li a:hover,
#navigation li a:active
{
  color: #ffffff;
  color: #eeeeee;
  background-color: #848280;
  background-color: #999189;
  border-radius: 5px 5px 0px 0px;
}

body#bNieuws li#tNieuws a,
body#bDomeinnamen li#tDomeinnamen a,
body#bWebhosting li#tWebhosting a,
body#bVentrilo li#tVoicehosting a,
body#bTeamspeak3 li#tVoicehosting a,
body#bGamehosting li#tGamehosting a,
body#bNetwerk li#tNetwerk a,
body#bOver li#tOver a,
body#bContact li#tContact a,
body#bAltConfig li#tAltConfig a,
body#bHotServers li#tHotServers a,
body#bGameserverAanbiedingen li#tGamehosting a
{
	color: #FFFFFF;
}

body#bHome li#lHome a,
body#bNieuws li#lNieuws a,
body#bDomeinnamen li#lDomeinnamen a,
body#bWebhosting li#lWebhosting a,
body#bVentrilo li#lVentrilo a,
body#bTeamspeak3 li#lTeamspeak3 a,
body#bGamehosting li#lGamehosting a,
body#bNetwerk li#lNetwerk a,
body#bOver li#lOver a,
body#bContact li#lContact a,
body#bAltConfig li#lAltConfig a,
body#bHotServers li#lHotServers a,
body#bGameserverAanbiedingen li#lGameserverAanbiedingen a,
body#bFaq li#lFaq a,
body#bCustomerBind li#lCustomerBind  a,
body#bCreateService li#lCreateService  a,
body#bCreateProduct li#lCreateProduct  a,
body#bCreateInvoice li#lCreateInvoice  a,
body#bFactuurBeheer li#lFactuurBeheer a,
body#bServicesTodo li#lServicesTodo a,
body#bClusterStatus li#lClusterStatus a,
body#bScriptInstaller li#lScriptInstaller a,
body#bFTPManager li#lFTPManager a,
body#bServiceManager li#lServiceManager a,
body#bTeamspeakManager li#lTeamspeakManager a,
body#bServerBackup li#lServerBackup a,
body#bSwitchUser li#lSwitchUser  a,
body#bIpManager li#lIpManager  a,
body#bDatacenterMail li#lDatacenterMail a,
body#bOrders li#lOrders  a,
body#bRabobank li#lRabobank  a
{
	color: #101010;
	background-color: #EEEEEE;
        border: 1px solid #DDD;
        border-bottom: 0px;
        /*background-color: #D7D4C5;*/
}

body #navigation #bHotServers li#lHotServers a,
body #navigation li#lHotServers a
{
    color: #FFFFFF;
    background: url(../../images/objects/fire/fire.jpg);
    background-repeat: repeat-x;
}

/* Sidebar */

#sidebar ul { margin: 0 0 10px; line-height: 2.5em; padding: 5px 15px; }

#sidebar ul#announcements { line-height: 1.8em; list-style-type: none; margin: 0; padding: 0; }

#sidebar ul#announcements li
{
	padding: 5px 10px; 
	border-bottom: 1px dotted #aaaaaa;
}

#sidebar ul#announcements li.alt
{
	background-color: #f0ede8;
}

#sidebar ul#announcements li .date,
#sidebar ul#announcements li .entry
{ display: block; }

#sidebar ul#announcements li .date { color: #af735b; font-size: 11px; }

/* Footer */

#footer a:link{color: #9c9084; border-bottom-color: #9c9084; }
#footer a:visited{color: #7a7062; border-bottom-color: #7a7062; }
#footer a:hover, #footer a:active{color: #bfb2a6; border-bottom-color: #bfb2a6;}
#footer ul, #footer ol { color: #7a7062; line-height: 2.5em; }
#footer #additional-info{width: 600px;margin: 0 auto;}
#footer #additional-info ul{margin: 0; padding: 0;}
#footer #additional-info h6 {font-size: 12px;font-weight: bold;padding-top: 10px;padding-bottom: 0;letter-spacing: .1em;text-transform: uppercase;}
#footer #recent-blog{width: 28%;float: left; text-align: left;}
#footer #recent-news{width: 38%;float: left;text-align: left;}
#footer #about{width: 33%;float: left;text-align: left; }
#footer #site-info{clear: both;float: left;width: 897px;padding: 10px;}

.HeadLine {
  float: left;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #105090;
}

.HeadLineDate {
  float: right;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 8pt;
  color: #99B0C1;
}

.NewsPost1 {background-color: #e1ebf2; display: block;font-family: Arial;font-size:13px;line-height: 21px;}
.NewsPost2 {background-color: #ecf3f7; display: block;font-family: Arial;font-size:13px;line-height: 21px;}
.CornersTop { width: 100%;display: block;height: 6px;background-image: url('../../images/achos/corners_left.png');background-repeat: no-repeat;background-position: top left;}
.CornersTop span {display: block;height: 6px;background-image: url('../../images/achos/corners_right.png');background-repeat: no-repeat;background-position: top right;}
.CornersBottom {display: block; width: 100%;height: 6px;background-image: url('../../images/achos/corners_left.png'); background-repeat: no-repeat;background-position: bottom left;clear: both;}
.CornersBottom span {display: block;height: 6px;background-image: url('../../images/achos/corners_right.png');background-position: bottom right;background-repeat: no-repeat;}
.PostHolder { padding: 17px 22px 17px 22px; }

.CSSBlock{
  width: 400px;
  position: relative;
  left: 20px;
  top: 20px;
  border: 1px solid #EEEEEE;
  background-color: white;
  padding: 5px;
}

body  #content .CSSBlock h1 {
  font-size: 10pt;
  display: inline;
  color: green;
  font-weight: bold;
}

.warning img{border: none;}
.tool-tip{float: left;border: 1px solid #D4D5AA;padding: 5px;background: #FFFFCC;max-width: 300px;}

.button {
background:none repeat scroll 0 0 #DBDBD4;
border:1px solid #BBBBBB;
color:#222222;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}
 
.clearfix {
	display: block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#content table {
border-collapse:collapse;
border-left: 0px;
border-right: 0px;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
margin:5px;
text-align:left;
font:0.9em Verdana,Arial,Geneva,Helvetica,sans-serif; /*0.75em/1.73em*/
}

#content table th {
background:none repeat scroll 0 0 #E1E7FA;
background: url(../../images/achos/bg_th.jpg);
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
border-left: 0px;
border-right: 0px;
color:#1563AF;
font-weight: bold;
padding:8px;
}

#content table a{
  font-weight:normal;
}


#content table.HoverEnabled tr:hover td {
background:none repeat scroll 0 0 #D0DAFD;
color:#135A9F;
}

#content table tr.alt td
{
  background:none repeat scroll 0 0 #DFE4F7;/*E3E9FD*/
}

#content table td {
background:none repeat scroll 0 0 #E8EDFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
border-left: 0px;
border-right: 0px;
color:#105090;
padding:8px;
}

#content .mceLayout td{
  padding: 0px;
  background-color: #eee;
}

#content .mceLayout table{
  margin: 0px;
  margin-right: 5px;
}