/*******************************************************************************
*  Copyright (C) RiboSystems Corporation - www.ribosystems.com                 *
*  Last modified	: 15-07-2010 *
*******************************************************************************/

/* General
*******************************************************************************/

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-align: center;	
	line-height: 20px;
	margin: 0;
	padding: 0;
	background: url('../img/bg.gif') repeat-x;
	color: #666666;
}
html, body {
	height: 100%;
}
a, a:visited, a:active {
	color: #3399cc;
	text-decoration: underline;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}
img {
	border: 0;
	margin:0;
	padding:0;
}
input, textarea, select {
	border-top: 1px solid #b3a9a4;
	border-left: 1px solid #b3a9a4;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #f3f1f0;
	font-size: 11px;
}

input, textarea {
	padding: 4px;
}
input, textarea, select, submit {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.button {
	border: 1px solid #b3a9a4;
	padding: 3px;
}

.radio {
	border:0;
	margin:0;
	padding:0;
	background: none;
}
input.checkbox {
	background: none;
}

#siteContainer {
	width: 800px;
	margin: 0 auto;
	position: relative;
	background: url('../img/bgtopmenu.gif') no-repeat;
	background-position: 0 85px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 100%;
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}

hr {
	border: 0;
	width: 100%;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin-top: 1.5em;
	_margin-top: 0;
	margin-bottom: 1.5em;
}

/* Header settings
*******************************************************************************/
#logo {
	background: url('../img/logo.gif') no-repeat;
	width: 238px;
	height: 85px;
	text-indent: -9999px;
	float: left;
}
#header {
	background: #FFFFFF;
}
#menu {
	margin:0 auto;
}
#country {
	width: 562px;
	height: 55px;
	margin: 30px 0 0 0;
	float: right;
	text-align: right;
}
#country ul {
	display:inline;
	padding-right: 15px;
	list-style-type:none;
	position:relative;
}
#country li {
	margin-left: 5px;
	padding-left: 15px;
	padding-right: 10px;
	display:inline;
	font-size: 9px;
	background: url('../img/arrowDown.gif') no-repeat left center;
	border-right: 1px #CCCCCC solid;
}
#country a {
	color:#666666;
	font-size: 9px;
	text-decoration:underline;
}
#navMessage {padding-top: 2px; _padding-top:0;}
/* Navigatie settings
*******************************************************************************/

#topmenu {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 25px;
	text-align: left;
	height: 31px;
}
#topmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#topmenu li {
	float:left;
}
#topmenu a {
	line-height: 2.60em;
	color: #FFFFFF;
	text-decoration:none;
	padding: 8px;
	font-weight: bold;
}
#topmenu a:hover{
	color: #3399cc;
	background: #ccffff;
}
#topmenu .current a {
	color: #0099cc;
	background: #bde1ef;
}

#submenu {
	/*background: #bde1ef;*/
	clear: both;
	float: none;
	height: 25px;
	text-align: left;
	padding: 5px 0 0 25px;
}

/* 
*******************************************************************************/
#subpicture, 
#homepicture {
	margin: 0;
	padding: 7px 0 0 0;
}
#homefooter {
	width: 800px;
	margin: 0 auto;
	bottom: 0;
	position: absolute;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 30px;
	border-top: 1px #CCCCCC solid;
}
#homefooter_text {
	padding: 5px 8px 5px 5px;
	font-size: 9px;
	text-align: right;
}

#subfooter {
	width: 780px;
	margin: 0 auto;
    height: 30px;
       bottom:0;
	position:absolute;
	padding: 5px 8px 5px 5px;
	font-size: 9px;
	text-align: right;
}

/* Sub pages
*******************************************************************************/
#subContainer {
	background: url('../img/subarea_bg2.gif') repeat-y;
	margin-top: 6px;
	width: 800px;
	height: 100%;
	vertical-align:text-top;
	border-bottom: 1px #CCCCCC solid;
}
#subtitle {
	background: #ff6600;
	height: 55px;
}
#subleft {
	float: left;
	margin: 0;
	width: 222px;
	padding: 0;
	text-align: left;
	height: 100%;
}
#subright {
	float: right;
	height: 100%;
	text-align: left;
	vertical-align: text-top;
	width: 576px;
	padding: 0;
	margin:0;
	background: url('../img/bgsubright.gif') top no-repeat;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
}
#subcontent {
	overflow:inherit;
	height:100%;
}
#subcontent p {
	padding: 0 10px 10px 15px;
	_padding: 0 10px 0 15px;
}
.icon {
	margin:15px 15px 15px 0;
}
.autocontent {
	clear:both;
	float:none;
	margin:15px;
}
.actionButton { margin: 15px 0 0 0; border-top:#CCCCCC 1px solid }
.actionButton a {
	float:left;
	background:url("../img/bgbutton_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
.actionButton a span {
	float:left;
	display:block;
	background:url("../img/bgbutton_right.gif") no-repeat right top;
	padding:0 15px 5px 15px;
	color:#666;
	text-decoration:none;
}
  
.productDescriptionImage {
	float:left;
	width:184px;
}
.productDescription {
	width:545px;
	_width: 375px;
	margin: 15px 0 15px 15px;
}

.productDescriptionContainer a {
	text-decoration:none;
}
.servicesContainer h3 {
	font-size: 13px;
	font-weight:bold;
	margin: 0;
}
.servicesContainer h3 a {
	font-size: 13px;
	color: #1260b5;
	text-decoration: none;
	font-weight:bold;
}
.servicesContainer h3 a:hover {
	color: #6aaef9;
	text-decoration: none;
}
.servicesContainer ul {
	margin: 0 0 0 ;
	padding:0;
}
.servicesContainer li.hosting {
	margin-top: 5px;
	margin-bottom: 25px;
	list-style: none;
	padding-left: 70px;
	background: url('../img/diensten/icon_hosting.gif') no-repeat left center;
}
.servicesContainer li.domains {
	margin-top: 5px;
	margin-bottom: 25px;
	list-style: none;
	padding-left: 70px;
	background: url('../img/diensten/icon_domains.gif') no-repeat left center;
}
.servicesContainer li.dedicated {
	margin-top: 5px;
	margin-bottom: 25px;
	list-style: none;
	padding-left: 70px;
	background: url('../img/diensten/icon_dedicated.gif') no-repeat left center;
}
.servicesContainer li.streaming {
	margin-top: 5px;
	margin-bottom: 25px;
	list-style: none;
	padding-left: 70px;
	background: url('../img/diensten/icon_streaming.gif') no-repeat left center;
}
#homeside {
	float:left;
	width: 214px;
        height: 760px;
	text-align: left;
	padding: 15px;
	background: url('../img/homeside.gif');
}
#homecontent {
	float:right;
	height: 790px;
	text-align: left;
	vertical-align:text-bottom;
	width: 555px;
	padding: 0;
	margin: 0;
	background: url('../img/greypixel.gif') repeat-y right;
}

.datenews {
	color: #99cccc;
	font-weight: bold;
}
.subtext {
	margin: 15px;
}
#promos img { margin:0; }
#promotop {
	margin:0;
	padding:0;
	border-top:9px #FFFFFF solid;
	background: url('../img/home/teaser_loading.gif') no-repeat top;
}
#promos .promo_design { 
	float:left; 
	width:153px; 
	padding: 15px; 
	background: url('../img/greypixel.gif') repeat-y right;
	height:100%;
	margin:0;
}
#promos .promo_hosting { 
	float:left; 
	width:158px; 
	padding: 15px; 
	background: url('../img/greypixel.gif') repeat-y right;
	height:393px;
	_height:440px;
	margin:0;
}
#promos .promo_cms { 
	float:left; 
	width:154px; 
	padding: 15px;
	height:393px;
	_height:440px;
	margin:0;
}
.subareaNav {
	background: url('../img/subarea_bg.gif');
	color:#FFFFFF;
	padding: 15px;
	margin:0;
}
.subareaButtons a,
.subareaButtons a:visited {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 5px 4px 12px;
	border-bottom: 1px solid #D5D3CF;
	background: url(../img/subarea_arrow_0.gif) 0px 11px no-repeat;
}

.subareaButtons a.last { border: none; }

.subareaButtons a:hover {
	color:#FF9900;
	text-decoration: none;
	background: url(../img/subarea_arrow_1.gif) 0px 11px no-repeat;
}

.subareaButtons #selected {
	color: #FF9900; 
	text-decoration: none;
	background: url(../img/subarea_arrow_1.gif) 0px 11px no-repeat; 
}
.subareaSolutions {
	padding: 28px 0 10px 15px;
	background:#99cccc url(../img/subarea_solutions.gif) no-repeat; 
}
.navSolutionsBold { font-weight:bold; color:#0099FF; }

.floatleft { clear:both; float:left; width:250px; height:100%; }
.floatright { float:right; width:320px;height:100%;}

/* Button elements
*******************************************************************************/

input.button_check {
	background: url(../img/buttons/check.gif);
	width: 44px;
	height: 23px;
	border: 0px;
	text-indent: -999px;
}

input.button_send {
	background: url(../img/buttons/send.gif);
	width: 44px;
	height: 23px;
	border: 0px;
	text-indent: -999px;
}

input.field_domeincheck,
input.field_nlsignup {
	width: 155px;
}

.contactTitle {
  padding: 4px 0;
  margin: 0 0 10px 0;
  font-size: 12px;
  color: #0066FF;
  border-bottom: 1px solid #ccc; }

/* sIFR settings
*******************************************************************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -6px;
	_font-size: 15px;
	margin:17px 0 15px 15px;
	_margin:18px 0 10px 15px;
}
h1{margin:0;}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	_font-size: 10px;
	margin: 0 0 15px 0;
}

/* FOOTER LAYOUT

*******************************************************************************/
#footerContainer {
	width: 800px;
	margin: 0 auto;
	border-top: 1px #CCCCCC solid;
}

#footerText {
	padding: 5px 8px 5px 5px;
	font-size: 9px;
	text-align: right;
}

#bigItems {padding-left:15px;}
#bigItems ul {
	clear: both;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
}
#bigItems ul li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}
#bigItems ul li a {
	display: block;
	color: #404040;
	text-decoration: none;
	padding: 15px;
	width: 230px;
	height: 250px;
	font-size: 11px;
	margin-right: 8px;
	margin-bottom: 10px;
	line-height: 18px;
}
#bigItems ul li a {
	background: transparent url("../img/home_bigitem.gif") no-repeat left top;
}
#bigItems ul li a:hover {
	background: transparent url("../img/home_bigitem.gif") no-repeat left -466px;
	
}
#bigItems li {
	margin:0 15px 0 15px;
}

#bigItems ul li a h4 {
	font-size: 20px;
	margin:5px 0 10px 0;
	font-weight: normal;
}

#bigItems ul li a img {
	border:1px #CCCCCC solid;
	margin-bottom: 10px;
}

/* News  */
ul.newsheadlines {
  list-style-type:none;
  color:#000;
  margin:0;
}

ul.newsleadlines li {
  margin-bottom: 1px;
}

ul.newsheadlines a, ul.newsheadlines a:visited {	
	background: #f1f3ff url(../img/icons/post.gif) 5px 50% no-repeat;
	color: #666666;
	display: block;
	font-size: 11px;
	height: 28px;
	line-height: 28px;
	padding: 0 13px 0 30px;
	border-bottom:1px #FFFFFF solid;
	text-decoration: none;
}

ul.newsheadlines a:hover {
	background-color: #c3e7ff;
	color: #000;
	text-decoration: none;
}

.date {
	color: #999;
	cursor: pointer;
	float: left;
	margin-right: 5px;
}