/* FRONTEND CSS
*********************************************/
html {
	overflow-y: scroll;
}

a, a:hover, a:focus {
	color: #333;
}

body {
	background-color: #FFFFFF;
}
.logo{
	padding-top: 20px;
}

.header {
	position: relative;
}

.social {
	position: absolute;
	right: 0;
}

.mainzonder {
	padding: 0px;
	min-height: 400px;
}

.main {
	padding: 0px;
}

.navbar {
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: bold;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
	background-color: #ee4812;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}

.navbar .nav>li>a {
	text-shadow: none;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
	background-color: #ee4812;
	color: #fff;
}

.dropdown-menu>li>a {
	color: #fff;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background: none;
	color: #ee4812;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background-color: #fff;
	background-image: none;
	color: #ee4812;
	font-weight: bold;
}

.dropdown-menu {
	margin: 0;
	background-color: #ee4812;
	border: 1px solid #ccc;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.footer .nav>li>a, .footer ul li {
	display: inline;
} 
.footer .nav {
	margin: 0 15px;
}

.footerborder {
	border: 1px solid #ccc;
	padding: 10px 0 5px;
	margin-top: 15px;
}

.footerborder2 {
	border: 1px solid #ccc;
	padding: 0px 0 0px;
	margin-top: 15px;
}

.footer, .footer a {
	color: #333;
	font-weight: bold;
}

.contentfooter2{
	text-align: right;
	margin: 5px 15px;
	color: #999;
}


.maillistcontainer {
	max-width: 300px;
	background-color: #ee4812;
	padding: 10px;
}
.maillist {
	width: 70%;
}
.maillistbutton {
	float: right;
} 
.modnsintro {
	padding: 0 0 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.modnstxt {
	min-height: 40px;
	background-color: #ee4812;
	padding: 10px;
	color: #fff;
	font-weight: bold;
}

.contactblok {
	min-height: 100px;
	background-color: #ee4812;
	padding: 15px;
	margin-bottom: 10px;
	color: #fff;
}
.contactblok a, .contactblok a:hover, .contactblok a:focus {
	color: #fff;
}

.blognieuwsblog .readmore {
	display: none;
}

.vmgroupprod_display ul {
	margin: 0;
}

.vmgroupprod_display li{
	list-style-type: none;
	background-color: #ee4812;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.vmgroupprod_display li a{
	color: #fff;
	font-weight: bold;
}

.wijnhuisbloklinks {
	padding: 0px 20px 0px 30px;
}

.wijnhuisblokrechts {
	padding: 0px 10px 0px 20px;
}


/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}

@media (max-width: 979px) {
.nav-collapse .dropdown-menu {display: block;}

.wijnhuisbloklinks, .wijnhuisblokrechts {padding: 0px 0px 15px 0px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {

.social, .footer ul li {
	display: none;
}

.menupadding {padding:0 0 10px;}

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.social,.footer ul li {
	display: none;
}

.menupadding {padding:0 0 10px;}

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
body {
  background-color: #c0c0c0;
}

.sitearea {
  background-color: #FFFFFF;
}

.social {
	top: 185px;
}

.logopadding {padding:0 10px;}
.menupadding {padding:0 10px 10px;
}

.mainzonder {
	min-height: 400px;
}

.contact {
	padding: 0px 10px 30px 30px;
}

.main {
	padding: 20px 30px 30px;
	min-height: 400px;
}

}



/* Portrait tablet to landscape and desktop */
@media (min-width: 980px) {

body {
  background-color: #c0c0c0;
}

.sitearea {
  background-color: #FFFFFF;
}

.menupadding, .logopadding {padding:0 10px;}

.social {
	top: 25px;
	right: 15px;
}
.social div {
	padding-bottom: 5px;
}

img.godutch {
	width:40px;
	height:53px;
	background:url(../../../images/imglogodutch.png) 0px 0px;
	margin-bottom: 20px;
}
img.godutch:hover {
	background-position: 40px 0px;
}

img.facebook {
	width:40px;
	height:40px;
	background:url(../../../images/social-media2.png) 0px 80px;
}
img.facebook:hover {
	background-position: 0px 0px;
}
img.twitter {
	width:40px;
	height:40px;
	background:url(../../../images/social-media2.png) 40px 80px;
}
img.twitter:hover {
	background-position: 40px 0px;
}
img.youtube {
	width:40px;
	height:40px;
	background:url(../../../images/social-media2.png) 0px 40px;
}
img.youtube:hover {
	background-position: 0px 119px;
}


.mainzonder {
	min-height: 400px;
}

.contact {
	padding: 0px 10px 30px 30px;
}

.main {
	padding: 40px 30px 30px;
	min-height: 400px;
}

.navbar-inner {
	background-color: transparent;
	background-image: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar ul.nav {
display: table;
width: 100%;
}
.navbar ul.nav > li {
display: table-cell;
float: none;
text-align: center;
}
.dropdown-menu{
left:auto;
}
.navbar ul.dropdown-menu li {
text-align: left;
}

}



/* ++++++++++++++  blog  ++++++++++++++ */

@media (max-width: 480px) {
	.item img {
		padding-bottom: 10px;
	}
}

@media (min-width: 480px) {

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:47%;
        float:left;
}

.cols-2 .column-2
{
        width:47%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}
}


/* ++++++++++++++  custom qarpa  ++++++++++++++ */

ul.nav.menu li {
	float: left;
}

ul.nav.menu li.item-101 {	padding: 0 5px 0 5px; }
ul.nav.menu li.item-107 {	padding: 0 5px 0 0; }
ul.nav.menu li.item-108 {	padding: 0 5px 0 0; }
ul.nav.menu li.item-109 {	padding: 0 5px 0 0; }


ul.nav.menu li.item-101.current.active a span img, ul.nav.menu li.item-101 a span img:hover {
	/* home */
	content:url("http://www.backupdonkey.nl/images/menu/homebutton_select.png");
	background: url("http://www.backupdonkey.nl/images/menu/homebutton_select.png") no-repeat -9999px -9999px;
}

ul.nav.menu li.item-107.current.active a span img, ul.nav.menu li.item-107 a span img:hover {
	/* online backup */
	content:url("http://www.backupdonkey.nl/images/menu/onlinebackupbutton_select.png");
	background: url("http://www.backupdonkey.nl/images/menu/onlinebackupbutton_select.png") no-repeat -9999px -9999px;
}

ul.nav.menu li.item-108.current.active a span img, ul.nav.menu li.item-108 a span img:hover {
	/* pricing */
	content:url("http://www.backupdonkey.nl/images/menu/pricingbutton_select.png");
	background: url("http://www.backupdonkey.nl/images/menu/pricingbutton_select.png") no-repeat -9999px -9999px;
}

ul.nav.menu li.item-109.current.active a span img, ul.nav.menu li.item-109 a span img:hover {
	/* about me */
	content:url("http://www.backupdonkey.nl/images/menu/aboutmebutton_select.png");
	background: url("http://www.backupdonkey.nl/images/menu/aboutmebutton_select.png") no-repeat -9999px -9999px;
}

@media (min-width: 980px) {

.custommenucontainer {
	margin: 0 auto;
	width: 825px;
}

.custommaincontainer {
	margin: 0 auto;
	width: 785px;
	padding: 40px 20px;
	background: url("http://www.backupdonkey.nl/images/headers/headerBGalt.jpg") no-repeat 0 0;
}

}

.main {
	padding: 0 !important ;
}

.container [class*="span"] {
	min-height: 0px;
}


div.cn_photos1, div.slideshow1, div.slideshow1 img {
	width: 100% !important;
	height: auto !important;
}

.btn-group:first-child {
	display: none;
}

.dropdown-menu {
	margin: 0;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: block;
	position: relative;
}

.footer .dropdown-menu>li>a:hover {
	color: #e2001a;
	text-decoration: underline;
}

.footer .dropdown-menu>li>a {
	color: #999999;
	padding: 0;
}
 
.footer ul.nav.menu li ul li {
	float: none;
}

.footer ul.nav.menu li {
	width: 25%;
}

.footer .nav-header {
	padding: 0;
}

.margintop {
	margin-top: 15px;
}

.marginbottom {
	margin-bottom: 15px;
}

.main .item-page .btn-group, .btn.jmodedit {
	display: none !important;
}

.subtitleleft {
	font-size: 30px;
	font-weight: bold;
	width: 50%;
	line-height: normal;
	float: left;
}

.subtitleright {
	font-size: 30px;
	font-weight: bold;
	width: 45%;
	line-height: normal;
	float: right;
}

.subtitleleft img, .subtitleright img {
	max-width: 200px;
	width: 90%;
	border: none;
}

.subcontentleft {
	float: left;
	width: 50%;
	margin-top: 30px;
}

.subcontentright {
	float: left;
	width: 50%;
	margin-top: 30px;
}

.contentsep {
	clear: both;
	text-align: center;
	padding: 20px 0 30px;
}

.ccinvoices_payment_list {
	margin-top: 0 !important;
}

.ccinvoices_payment_list h2 {
	text-align: center;
}

.downloadblock {
	height: 160px;
	background-color: #fff;
	border: 1px solid #000;
	margin-bottom: 20px;
}

.downloadversionlogo {
	float: left;
	margin: 0 15px;
}

.downloadversiontext {
	float: left;
	height: 100%;
	width: 50%;
	font-size: 18px;
}

.downloadversionlink {
	float: left;
	height: 100%;
}

.listcenter ul {
	width: 350px;
	margin: 0 auto;
}

.nav-header {
	color: #000;
}

.takeourtour a {
	color: #e2001a;
	font-weight: bold;
	float: right;
	padding-top: 10px;
}

.onlinebackup a {
	font-weight: bold;
	float: right;
	padding-top: 10px;
}

.getyourfreetrial .bfQuickMode .bfNextButton, .getyourfreetrial .bfQuickMode .bfSubmitButton, .getyourfreetrial .bfQuickMode .bfCancelButton {
	background-color: #e2001a;
	padding: 5px 20px;
	border: none;
	color: white;
}