@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700);

body {
	font-family: 'Exo 2', Helvetica;
	font-size: 14px;
	/*color: #878787;*/
	color: #302F2F;
	background-color: #FDFDFD;
	margin: 0px;
	padding: 0px;
    margin-top: 50px;
}
input, textarea {
	font-family: 'Exo 2', Helvetica;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #dba90f;
}

	a:hover {
		text-decoration: underline;
		color: #dba90f;
	}

img {
	border: 0px;
}

.preloadimg {
	display: none;
}

.clear {
	clear: both;
}

.stick {
    position: fixed;
    top: 0;
}

#site {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
}

#twitter {
    display: none;
}

#topp {
	margin-left: 0px;
	margin-top: 0px;
	width: 40px;
	float: left;
	overflow: hidden;
	background-color: #FDFDFD;
	padding: 8px;
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
	border-bottom-right-radius: 8px;
}

#head {
	margin-top: 4px;
	width: auto;
	height: 80px;
}

#head .logo {
	margin-left: 35px;
	width: 173px;
	height: 80px;
	float: left;
}

.languages {
	margin-right: 0px;
	margin-top: -40px;
	width: 80px;
	float: right;
	overflow: hidden;
	background-color: #FDFDFD;
	padding: 8px;
    border-top: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
	border-top-left-radius: 8px;
}


.hostedin {
	margin-left: 0px;
	margin-top: -39px;
	width: 120px;
	float: left;
	overflow: hidden;
	background-color: #FDFDFD;
	padding: 8px;
    border-top: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
	border-top-right-radius: 8px;
}

.languages a {
    margin: 5px;
}
	
#menu {
	margin: 0px; padding: 0px;
	width: auto;
	text-align: right;
	margin-left: 130px;
	margin-right: 5px;
}

#menu .first {
    display: none;
}

#menubg {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
	background-color:rgb(219, 169, 15);
	width: auto;
    z-index: 10;
	background-image: url(../img/imgmenu3.png);
	background-position-x: left;
	background-position-y: center;
	background-repeat: no-repeat;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}


#menu ul,  #menu li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1px;
}

#menu li, #menu ul {
	list-style-image: none;
	list-style-type: none;
	list-style: none;
	display: inline-block;
	padding: 0px 5px 0px 5px;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active, #menu a:hover {
	text-decoration: none;
	font-size: 16px;
	color: #FDFDFD;
}

#menu .menu {
	width: auto;
	padding: 15px 10px 15px 10px;
	margin: -1px;
	height: 20px;
	display: block;
	cursor: pointer;
}

	#menu .menu:hover {
    	background-color:rgb(255, 255, 255, 1);
    	color: #302F2F;
	}

#menu .menupromo {
	padding: 5px 10px 5px 10px;
	margin: 9px 0px 8px 0px;
}	

	#menu .menupromo:hover {
    	background-color:rgb(255, 255, 255, 1);
    	color: #302F2F;
	    border: 1px solid rgb(255, 255, 255, 1);
	}	

.menupromo {
    color: white;
    text-align: center;
    background-color: #dd1b21;
	border: 1px solid #dd1b21;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
}


#menu .menucp {
	padding: 5px 10px 5px 10px;
	margin: 9px 0px 8px 0px;
}

	#menu .menucp:hover {
    	background-color: #d9d9d9;
    	color: #302F2F;
	    border: 1px solid #d9d9d9;
	}	
.menucp a {
    color: #302F2F;
}
.menucp {
    color: #302F2F;
    text-align: center;
    background-color: #FDFDFD;
	border: 1px solid #FDFDFD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
}
.Startpagina {
	cursor: pointer;
	margin-left: 10%;
}

.Startpagina img {
	height: 30px;
}

	
#advert, #advert2 {
	margin-top: 16px;
    background-size: cover;
	width: 973px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	height: 136px;
}

.advi {
    display: block;
    height: 330px;
       width: auto;
	overflow: hidden;
	background-size: cover;
    border-bottom: 1px solid #F5F5F5;
    background-color: #fff;
}

.homeitem {
    width: 280px;
    margin: 8px;
    height: 20px;
    float: left;
    border: 1px solid #F5F5F5;
    padding: 120px 10px 10px 10px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background-size: cover;
}

.homeitem b {
    font-size: 16px;
    display: block;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0px -10px -10px -10px;
    
}

#homeshuff {
    width: auto;
    margin-bottom: 30px;
}

#ahome {
	background-image: url(../img/aHOME.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#adfaciliteiten {
	background-image: url(../img/aFAC2.jpg);
	background-position: left bottom;
    background-repeat: no-repeat;
}

#hadfaciliteiten {
	background-image: url(../img/haFAC2.jpg);
	background-position: left bottom;
    background-repeat: no-repeat;
}

#adcolocation {
	background-image: url(../img/aCOLO.jpg);
    background-position: center bottom; 
    background-repeat: no-repeat;
}
#hadcolocation {
	background-image: url(../img/haCOLO.jpg);
    background-position: center bottom; 
    background-repeat: no-repeat;
}

#adfirewall {
	background-image: url(../img/aFIRE.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#addedicated {
	background-image: url(../img/aDEDI.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#adwebhosting {
	background-image: url(../img/aHOST.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#hadwebhosting {
	background-image: url(../img/haHOST.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#adbackup {
	background-image: url(../img/aBACKUP.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}
#hadbackup {
	background-image: url(../img/haBACKUP.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#advps {
	background-image: url(../img/aVPS.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#hadvps {
	background-image: url(../img/haVPS.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#adcontact {
	background-image: url(../img/aCONTACT.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#advpn {
	background-image: url(../img/aVPN.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#aoffer {
	background-image: url(../img/dco2o.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#adspecial {
	background-image: url(../img/aSPECIAL.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#hadspecial {
	background-image: url(../img/aSPECIAL.jpg);
    background-position: center top; 
    background-repeat: no-repeat;
}

#adstats {
	background-image: url(../img/aSTAT.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#hadstats {
	background-image: url(../img/haSTAT.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#adsla {
	background-image: url(../img/aSLA.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#hadsla {
	background-image: url(../img/haSLA.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}

#admanagement {
	background-image: url(../img/aMANAGEMENT.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}


#hadmanagement {
	background-image: url(../img/haMANAGEMENT.jpg);
    background-position: center center; 
    background-repeat: no-repeat;
}


#advert2 {
	font-size: 16px;
	height: auto;
	text-align: center;
	color: #121212;
	cursor: pointer;
}

#advert2 .small {
	font-size: 8px;
	color: #878787;
}

#advert2 b {
	color: #000;
}

#advert .menu {
	float: left;
	width: 120px;
	height: 136px;
}

#advert .menu a, #advert .menu a:link, #advert .menu a:visited, #advert .menu a:active, #advert .menu a:hover {
	text-decoration: none;
	font-size: 14px;
	color: #878787;
}

#advert #ad {
	width: 802px;
	height: 136px;
	float: left;
}

#advert .view {
	width: 51px;
	height: 136px;
	float: left;
}

#content {
	line-height: 1.6;
    background-color: #FDFDFD;
	width: auto;
	margin-left: 10%;
	margin-right: 10%;
}

@media screen and (max-width:500px) {
    #content { margin: 5px; }
}

#content  .inf  {
	color: #dba90f;	
}
#content  .inf2  {
	color: #8C8C8C;	
}
	
#content .top {
    display: none;
}

#content .home b {
	color: #dba90f;
	font-weight: bold;
}

#content  ul {
	padding: 20px 0px 40px 0px;
	list-style: none;
	color: #dba90f;
	text-align: right;
}

#content li {
	display: inline-block;
}
#content li a {
	padding-right: 20px;
}

#content .right {
	width: auto;
}


#content .right h1 {
	font-size: 18px;
	color: #121212;
	padding: 0px;
	margin: 15px 0px 15px 0px;
	font-weight: normal;
	border-bottom: 1px solid #DBDBDB;
}

#content .right h2 {
	color: #dba90f;
	font-size: 15px;
	padding: 0px;
	margin: 2px 0px 5px 10px;
	font-weight: bold;
}

#content .right li {
	list-style:square;
    padding: 0px;
    margin: 0px;
}

#content .right p {
	padding: 0px;
	margin: 0px 0px 10px 15px;
}

#content .right form {
	padding: 0px;
	margin: 0px 0px 10px 15px;
}

#content .right input, #content .right textarea,#content .right select {
	padding: 2px;
	color: #878787;
	border: 1px solid #e3e2e2;
	border-left: 2px solid #dba90f;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	background-color: #FFFFFF;
} 

#content .right input:hover, #content .right textarea:hover, #content .right select:hover {
	border: 1px solid #CCCCCC;
	border-left: 2px solid #dba90f;
}

#content .right .Error {
	border-left: 2px solid #ff4c4c;
	border-bottom: 1px solid #ff4c4c;
}

#content .bottom {
    display: none;
}

#content .onderschrift {
	text-align: right;
	font-size: 10px;
	padding-right: 25px;
}

#content .tbl_prijzen {
	margin: 0px;
	margin-left: 14px;
	margin-right: 14px;
	padding: 0px;
	width: 97%;
	border: 0px;
}

#content .tbl_prijzen tr, #content .tbl_prijzen td {
	margin: 0px;
	padding: 2px;
	padding-left: 5px;
}

#content .tbl_head {
	background-image: url(../img/fusa_prijzen_bg.png);
	font-weight: bold;
	color: #FFFFFF;
    font-size: 15px;
}

#content .tbl_head td {
	padding-left: 10px;
}
	
#content .tbl_row td, #content .tbl_row2 td {
	padding-left: 5px;
	cursor: pointer;
}

#content .tbl_row2  {
	background-color: #f8f8f6;
}

#content .tbl_prijs  {
	font-weight: bold;
}

#content .tbl_row:hover, #content .tbl_row2:hover {
	background-color: #e3e2e2;
}

#footer {
	width: auto;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-align: center;

}

#footer .contact {
    border-top: 1px solid #F5F5F5;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	padding: 0px 10px 10px 10px;
	background-color:rgb(219, 169, 15);
	background-image: url(../img/imgfooter.png);
	background-position: center left;
	background-repeat: no-repeat;
}
#footer .contact span {
    display: inline-block;
    padding: 10px; margin: 5px;
}
#footer .copy {
	font-size: 12px;
}

#footer .contact a, #footer .contact a:link, #footer .contact a:visited, #footer .contact a:active {
	text-decoration: none;
	color: #ffffff;
}

	#footer .contact a:hover {
		text-decoration: underline;
	    color: #ffffff;
	}


.ipv6 {
	margin-top: 3px;
	margin-right: 10px;
	border: 1px solid #DBDBDB;

}

.klnt {
    margin-top: 3px;
    margin-right: 10px;
    border: 1px solid #DBDBDB;
    width: 135px;
	height: 43px;
	background-color: #FFF;
}

.klnt2 {
    margin-top: 3px;
    margin-left: 5px;
    border: 1px solid #DBDBDB;
    height: 70px;
    background-color: #FFF;
}


.light {
	color: #5E5E5E;
}

.slider {
	font-size: 30px;
	text-align: center;
}

.slider span {
	cursor: pointer;
}

.slider .price {
	float: right;
	font-size: 20px;
	color: #5E5E5E;
}


.card {
    width: 190px;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    position: relative;
    text-align: center;
    border: 1px solid #FDFDFD;

}

.innercard {
    border: 1px solid #dba90f;
    margin: 5px -11px -11px -11px;

}

.incld {
    width: 350px;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    border: 0px;
    position: relative;
    text-align: left;
}
.blockhome {
    margin: 60px 0px 60px 0px;
}
.incld i {
    font-size: 38px; 
    padding-bottom: 10px;
    display: inline-block; 
    float: left; 
    margin-right: 5px;
}

.incld img {
    vertical-align: top;
    padding: 5px 20px 5px 0px;
    display: block;
    float: left;
    width: 32px;
}

.card:hover {
    border: 1px solid #CCC;
}

.card .price {
    text-align: center;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    font-size: 24px;
    background-color: #dba90f;
    color: white;
    margin: 0px 0px 20px 0px;
}

.card .price i {
    font-size: 12px;
}

.card .order {
    font-weight: bold;
    cursor: pointer;
    font-size: 24px;
}
.card .specs {
    margin: 0px 7px 10px 7px;
    text-align: left;
    line-height: 200%;
}

.card .available {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    
}
.card .nravailable {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px;
    height: 25px;
    padding: 0px 5px 13px 5px;
    margin: 0px;
    color: white;
    font-size: 24px;
    text-align: center;
    background-color: #dd1b21;
	border: 1px solid #dd1b21;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    
}
.slider #price, .slider #size, .slider .price span {
        color: #dba90f;
}


.slider .size {
	float: left;
	font-size: 20px;
    color: #5E5E5E;
}