/* Theme Name: Stoned
Theme URI: http://www.stone-is.com/ 
Description: Stone Internet Services 
Version: 1
Author: Octavian Susnea
Author URI: http://www.sneakersgames.com/ 
Tags: hosting */
blockquote {
border-left: 5px solid #FFC60B;
margin-left: 1.3em;
padding-left: 5px;
}
td.permaand2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 12px;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 14px;
	border-bottom: line;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background-color: #FFF;
}
td.pricefull2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	border-bottom-color: #FFD117;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
td.pricefull3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 12px;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #0E4687;
	background-color: #F8F7F7;
	border-bottom-color: #FFD117;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
blockquote.red {
border-left: 5px solid #FFFFFF;
margin-left: 0em;
padding-left: 0px;
}
blockquote.green {
border-left: 5px solid #FFFFFF;
margin-left: 0em;
padding-left: 0px;
}
blockquote.blue {
border-left: 5px solid #FFFFFF;
margin-left: 0em;
padding-left: 0px;
}

td.permaand {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 12px;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 10px;
}
td.pricefull {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 12px;
	vertical-align: middle;
	padding-top: 3px;
	font-size: 28px;
	font-weight: bold;
	color: #0E4687;
}

body {
	font: 12px/1.5 'Lucida Grande','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	padding: 0;
	margin: 0;
	background: #fff url(img/stone-bg.jpg) no-repeat center top;
	color: #333;
}


hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 17px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 15px;
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset {
	margin-bottom: 20px;
}

#header {
  margin-top: 10px;
  background: url(img/logo.png) no-repeat;
  z-index: 99;
}
  .logo {
    display: block;
    height: 69px;
    width: 274px;
    text-indent: -9999px;
  }

.search_form {
    height: 20px;
    width: 244px;
    border: 1px solid #000;
    background: #fafafa;
    float: right;
    position: relative;
	margin-top: 10px;
    padding: 0;
}
    input#search_term {
      color: #6d5d52;
      font-size: 10px;
      border: none;
      border-top: 1px solid #fff;
      padding: 4px 10px 4px 10px;
      width: 188px;
      height: 11px;
    }
    input.submit_button {
      width: 36px;
      height: 21px;
      position: absolute;
      right: -1px;
      top: -1px;
      border: none;
      text-indent: -9999px;
      color: #fff;
      padding: 0;
      margin: 0;
      display: block;
      cursor: pointer;
    }
input.submit_button {
  background: transparent url(img/minibutton_matrix.png) no-repeat 0px -67px;
}
input:hover.submit_button {
  background: transparent url(img/minibutton_matrix.png) no-repeat 0px -117px;
}

.navigation {
	margin-top: 10px;
	float: right;
}

.navigation2 {
	margin-top: 3px;
	float: center;
}

#slider {
	margin-top: 30px;
	float: left;
	position: relative;
	background: transparent;
}

#big {
	margin-top: -15px;
}
/*--Window/Masking Styles--*/
.window {
	height:168px;
	width: 940px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(img/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #666;
}
.paging a.active {
	font-weight: bold;
color: #ffffff;
	background: #666;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
padding: 5px;
	text-decoration: none;
	color: #ffffff;

}

/* end slider */

#particulier {
	position: relative;
	margin-top: 15px;
	background: url(img/particulier.png) no-repeat center top;
	height: 163px;
}

#particulier p {
	padding: 0px 10px 0px 10px;
	color: #fff;
	font-size: bold;
}

.hpart {
	background: transparent url(img/minibutton_matrix.png) no-repeat 0px -360px;
	height: 25px;
	text-indent: -9999px;
}

#bedrijven {
	position: relative;
	margin-top: 15px;
	background: url(img/bedrijven.png) no-repeat center top;
	height: 163px;
}

.hbedr {
	background: transparent url(img/minibutton_matrix.png) no-repeat 0px -383px;
	height: 25px;
	text-indent: -9999px;
}

#bedrijven p {
	padding: 0px 10px 0px 10px;
	color: #fff;
}

#diensten {
	position: relative;
	margin-top: 15px;
	background: url(img/diensten.png) no-repeat center top;
	height: 163px;
}

.hdienst {
	background: transparent url(img/minibutton_matrix.png) no-repeat 0px -408px;
	height: 25px;
	text-indent: -9999px;
}

#diensten p {
	padding: 0px 10px 0px 10px;
	color: #fff;
}

#maatwerk {
	position: relative;
	margin-top: 15px;
	background: url(img/maatwerk.png) no-repeat center top;
	height: 163px;
}

.hmaat {
	background: transparent url(img/minibutton_matrix.png) no-repeat 0px -430px;
	height: 25px;
	text-indent: -9999px;
}

#maatwerk p {
	padding: 0px 10px 0px 10px;
	color: #fff;}
	
#knop {
 position: absolute;
 bottom:10px;
 right:0;
 width:220px;
}

#big-box {
	margin-top: 15px;
	background: url(img/big-box.png) no-repeat center top;
	height: 226px;
	margin-bottom: 10px;
}

#domein {
  margin: 15px 0px 0px 15px;
  background: transparent url(img/minibutton_matrix.png) no-repeat 0px -150px;
  border-right: 1px solid #c6c6c6;
  z-index: 99
}

#domein-page {
  margin: 15px 0px 0px 15px;
  background: transparent url(img/minibutton_matrix.png) no-repeat 0px -150px;
  height: 140px;
  width: 600px;
}

.registreer-page {
	padding: 50px 0 10px 0;
}

.registreer-page input[type=text] {
	width: 20em;
}

  .domein-link {
    display: block;
    height: 55px;
    width: 380px;
    text-indent: -9999px;
  }

#tweet-col {
  margin: 15px 0px 0px 10px;
  border-right: 1px solid #c6c6c6;
  background: transparent url(img/twitter.png) no-repeat;
}
  .twitter-link {
    display: block;
    height: 55px;
    width: 350px;
    text-indent: -9999px;
  }

#twitter {
  height: 151px;
  overflow: hidden;
  font-size: 9px;
  z-index: 99
}

#twitter li {
  margin: 10px 10px 0px 0px;
  list-style: none;
  background: #333;
  color: #f0f0f0;
  padding: 5px;
  font-size: 10px;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#twitter a {
 color: #ddd;
 text-decoration: underline;
}

#news {
  margin-top: 15px;
  background: transparent url(img/nieuws.png) no-repeat;
  height: 201px;
  float: right;
  overflow: hidden;
  font-size: 11px;
  z-index: 99;
}
  .news-link {
    display: block;
    height: 69px;
    width: 274px;
    text-indent: -9999px;
  }


#news ul {
}

#news li {
  padding: 5px;
  padding-right: 10px;
}

.registreer p {
	margin: 10px 0 10px 0;
}

.registreer input[type=text] {
	width: 20em;
}

.right {
 	background: transparent url(img/info.png) no-repeat;
 	padding-left: 20px;
	float: right;
	padding-right: 25px;
}

.verhuis {
	display: block;
	height: 50px;
 	background: transparent url(img/truck.png) no-repeat;
 	padding-left: 60px;
 	padding-top: 10px;
 	margin-top: 10px;
}

#arrow-l{
	margin-top: 15px;
	float: right;
}

#arrow-r{
	margin-top: 15px;
	float: left;
}

#wit{
	background: #fff;
}

/* button basics */
.navigation li {
	list-style: none;
	display: inline;
	margin: 0px;
}
.navigation li a {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
		font-weight:bold;
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(img/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	li a>span {
		display:block;
		height:23px;
		padding:0 10px 0 8px;
		line-height:23px;
		background:url(img/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	li a:hover, li a:focus {
		color:#000;
		text-decoration:none;
		text-shadow:-0px -1px 0 rgba(0,0,0,0.1);
		background-position:0 -30px;
	}
	li a:hover>span, li a:focus>span {background-position:100% -30px;}
	
	li a.mousedown{background-position:0 -60px; }
	li a.mousedown>span{background-position:100% -60px; }
	
a.button {
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	background:url(img/minibutton_matrix.png) 0 0 no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	text-shadow:-0px -1px 0 rgba(0,0,0,0.1);
	background-position:0 -30px;
	margin-top: 10px;
	margin-right: 5px;
	float: right;		
	}
	
	a.button>span {
		display:block;
		height:23px;
		padding:0 10px 0 8px;
		line-height:23px;
		background:url(img/minibutton_matrix.png) 100% 0 no-repeat;
		background-position:100% -30px;
	}
	
	a.button:hover, a.button:focus {
		text-decoration:none;
	}
	
	
/* page tricks */
.page-top {
	margin-top: 30px;
	background: url(img/top-bg.png) no-repeat center top;
	height: 6px;
}

.page-content {
	background: #FFFFFF  url(img/cnt-bg.png) no-repeat center top;
	border-left: #bdbcbd 1px solid;
	border-right: #bdbcbd 1px solid;
	overflow: auto;
}

.page-bottom {
	background: url(img/bottom-bg.png) no-repeat center top;
	height: 7px;
	margin-bottom: 20px;
}

.page-main {
	overflow-y: visible;
	padding: 10px 0px 10px 20px;
	float: left;
	width: 670px;
}

.page-main li {
	margin-left: 30px;
}

a img {border:0;vertical-align:text-bottom;}

.sidebar {
	padding: 10px;
	width: 220px;
	float: right; 
	border-left: #ccc 1px solid;
}

.widget_pages {
	list-style: none;
}

.widget_pages h2 {
	font-size: 20px;
}

.page_item {
	list-style: none;
	margin-left: 5px;
	margin-bottom: 5px;
}

.children li {
	background: #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 170px;
}

.children li:hover {
	background: #FFCC00;
 	color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.children {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.page-item-119 {
	margin-top: 10px;
	background: url(img/bedrijven-ico.gif) no-repeat;
	padding-left: 25px;
}

.page-item-14 {
	margin-top: 10px;
	background: url(img/particulieren-ico.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
}

.page-item-122 {
	margin-top: 10px;
	background: url(img/diensten-ico.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
}

.page-item-132 {
	margin-top: 150px;
	background: url(img/maatwerk-ico.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
}

.page-item-287 {
	margin-top: 10px;
	background: url(img/kennis-ico.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
}

.page-item-657 {
	background: url(img/nieuws-ico.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
}

.page-item-134 {
	margin-top: 10px;
	background: url(img/domein-ico.gif) no-repeat;
	padding-left: 25px;
	height: 21px;
}

#site_map ul{
padding: 0;
margin: 6px 0 0px 0;
list-style: none;
font-size: 11px;
}

#site_map li{
padding: 0;
margin: 6px 0 0px 6px;
list-style: none;
font-size: 10px;
}

#site_map h6{
padding: 0;
margin: 0;
}

#site_map a{
text-decoration: none;
color: #555;
}

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

#footer {
	font-size: 10px;
	margin-top: 20px;
}

a {
	color: #000000;
	text-decoration: none;
font-weight: bold;

}

a:hover, #news a:hover {
	color: #666;
text-decoration: underline;
font-weight: bold;
}

h3 a{
	margin-bottom: 20px;
	color: #666;
font-size: 20px;
}

h3 a:hover {
	color: #666;
	text-decoration: none;
font-size: 20px;
}

h3{
	margin-bottom: 10px;
	font-size: 18px;
	color: #666;
}

h5{
	margin-bottom: 10px;
	font-size: 14px;
	color: #666;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 4px solid #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/******************************************

*   Align box

******************************************/


img.centered, .aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}


img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}


img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}


.alignright {

	float: right;

	}


.alignleft {

	float: left;

	}
	
.item {
border-bottom: 1px #ccc solid;
margin-bottom: 10px;
}

.item h6 {
	margin: 0px;
	padding: 0px;
}

a.leesmeer {
	color: #004080;
	text-decoration: none;
}

a.leesmeer:hover{
	color: #004080;
	text-decoration: underline;
}

.bestel {
	width: 50px;
}
.choiceA:hover {
	background: #FFD011; color: #FFD011;
}

#pricing {
	font-size: 9px;
	line-height: 1;
}

.placeholder {
	margin-top: 184px;
}

a.plan {
	display: block;
	text-align: center;
	text-decoration: none!important;
	color: #444;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background-color: #f6f6f6;
}

a.plan div.name {
	
	font-size: 18px;
color: #FFFFFF;
	font-variant: small-caps;
	padding: 10px 0;
	background-color: #dedede;
background-image: url(http://beta.stone-is.org/wp-content/uploads/2010/06/topbg_pricing.gif);
}

a.plan div.segment {
	font-size: 12px;
	font-variant: small-caps;
	color: #000000;
	padding: 10px 0;
	background-color: #efefef;
}

a.plan div.cost {
	color: #FFC60B;
	font-size: 30px;
	font-variant: small-caps;
	padding: 10px 0 20px;
	background-color: #efefef;
background-image: url(http://beta.stone-is.org/wp-content/uploads/2010/06/chrome.gif);

}

a.plan div.feature {
	font-size: 15px;
	padding-bottom: 6px;
	margin-top: 6px;
}

a.plan div.choose {
	height: 35px;
	text-indent: -9999em;
}

a.plan div.choose .hover {
	background-position: center -35px;
}

a.plan:hover {
	background-color: #efefef;
}

.name {
	background-color: #cddead;
}

.segment {
	background-color: #d6e7b6;
}

.cost {
	background-color: #d6e7b6;
	height: 56px;
color: #FFC60B;
	font-size: 40px;
}

.box {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

.discounts {
	padding: 20px 0;
}

#pricing h2 {
	font-size: 18px;
	font-weight: 400;
	color: #111;
}

#pricing p {
	font-size: 12px;
	line-height: 1.2em;
	margin-top: 10px;
}

.feature-header {
	color:#000000;
	font-size:11px;
	margin-top:5px;
	text-align:right;
	padding-bottom:5px;
}

.popUp
{
	position: absolute;
	top: 300px;
	left: 200px;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	background: white;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 500%;
	background-color: grey;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
position: absolute;
float:right;
 width:450px;
	top: 72%;
	left: 35%;
	padding: 16px;
	border: 2px solid #FFC60B;
	background-color: #FFFFFF;
	z-index:1002;
	overflow: auto;
-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Scroller Box */
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 80px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: #fff;
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}

table.main_table {
	border-color: #FFF;
	border-left-color: #FFF;
	border-top-color: #FFF;
	border-right-color: #FFF;
}

table.hoover_table {
	background-color: #F8F7F7;
}
table.hoover_table:hover {
	background-color: #efefef;
}
td.product_top {
	background-image: url(http://beta.stone-is.org/wp-content/uploads/2010/06/topbg_pricing.gif);
	height: 25px;
	margin-top: 0px;
	padding-top: 5px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color: #FFF;
}
td.chrome_top {
	background-image: url(http://beta.stone-is.org/wp-content/uploads/2010/06/chrome.gif);
	height: 100px;
}
td.desk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-a	gn: right;
	font-weight: bold;
	height: 22px;
	vertical-align: bottom;
	padding-top: 5px;
}
td.tddetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12x;
	text-align: center;
	font-weight: bold;
	height: 22px;
	vertical-align: bottom;
	padding-top: 5px;
}
/* Scoller Box */


#col2 {
  margin: 15px 0px 0px 10px;
  border-right: 1px solid #c6c6c6;
}
#col3 {
  margin-top: 15px;
}

.navigation2 li {
	list-style: none;
	margin: 0px;
}
.navigation2 li a {
	height:23px;
	padding:0 0 0 0px;
	font-size:11px;
		font-weight:bold;
		color:#333;
		text-shadow:1px 1px 0 #fff; 
		background:url(img/minibutton_matrix.png) 0 0 no-repeat;
		white-space:nowrap;
		border:none;
		overflow:visible;
		cursor:pointer;
		text-decoration:none;
	}
	
	li a>span {
		display:block;
		height:23px;
		padding:0 5px 0 8px;
		line-height:23px;
		background:url(img/minibutton_matrix.png) 100% 0 no-repeat;
	}
	
	li a:hover, li a:focus {
		color:#000;
		text-decoration:none;
		text-shadow:-0px -1px 0 rgba(0,0,0,0.1);
		background-position:0 -30px;
	}
	li a:hover>span, li a:focus>span {background-position:100% -30px;}
	
	li a.mousedown{background-position:0 -60px; }
	li a.mousedown>span{background-position:100% -60px; }