/* @override http://checkoutapp.com/new/css/style.css */
@import url("/css/sections.css");
@import url("/css/button.css");

#mini-news h2 {
	font-size: 150%;
	color: #7f7f7f; 
	margin-top:0; 
	padding-bottom: 4px; 
}

#mini-news h2 a {
	color: #7f7f7f;
}

#news-content {
	margin-left: 30px;
}

.news_index {
	background-color : #f7f7f7;
	padding : 5px;
	padding-left : 15px;
	padding-right : 15px;
}

.h4_news_index {
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif; text-align: left; color: #7d7b7b;
	margin-bottom : 2px;
}

.text_news_index {
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif; text-align: left; color: black;
}

.titre_news_index {
	font-size: 14px; color:#000; margin:0 0 20px 0; padding: 0;
}





.news {
	clear: both;
	width: 600px;
	padding: 1em;
	margin-bottom: 2em;
}

.news .titre-gauche {
	font-weight: bold;
	background-image: url(../img/news-titre-gauche.jpg);
	background-repeat: no-repeat;
	width: 10px;
	height: 24px;
	float: left;
	margin: 0;
}

.news .titre-droit {
	background-image: url(../img/news-titre-droit.jpg);
	background-repeat: no-repeat;
	width: 10px;
	height: 24px;
	float: left;
	margin: 0;
}

.news .titre-centre {
	background-image: url(../img/news-titre-centre.jpg);
	background-repeat: repeat-x;
	float: left;
	margin: 0;
	height: 24px;
	padding-top: 3px;
}

/* news */
.news .titre {
	font-size: 100%;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	color: #777777;
	height: 24px;
}

.titre-contenu {
	margin-left: 45px;
	margin-right: 40px;
	padding-left: 10px;
	padding-bottom : 7px;
	background-color : white;
	color: black;
	margin-top: 10px;
}

.titre-contenu p{
	margin-top: 3px;
	margin-bottom: 3px;
}
.news .auteur, .news .date {
	font-weight: bold;
}

.news .message {
	margin-top: 10px;
	color: #777777;
}

/* main
--------*/
body {font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif; text-align: center; color: #7d7b7b; background: #eff2f3; margin:0; padding:0 0 30px 0;}

ul, li {margin: 0; padding: 0; list-style-type: none;}

h1 {font-size: 12px; color:#000; margin:0 0 5px 0; padding: 0;}
h2 {font-size: 13px; color:#7f7f7f; margin:0 0 7px 0;}
h3 {font-size: 14px; color:#000; margin:0 0 5px 0; padding: 0;}
  h3 a {font-size: 14px; color:#000; margin-bottom:7px;}
h4, .h4 {font-size: 14px; font-weight:bold; color: #000; margin:0 0 5px 0; border-bottom: 1px solid #d8d8d8; padding:0; display:block;}

a {color: #374775;text-decoration: none;}
  a:hover {color: #374775; text-decoration: underline;}
  a:visited {color: #374775;}
pre {background-color: #f8f8f8; border: 1px solid #e7e7e7; color: #7f7f7f; padding: 8px; font: 12px/22px Monaco, "Courier New", Courier, mono; display: block; margin:10px 0;}
strong {color: #323232;}
small{}
img{border:none;}
p, .p{margin:1em 0;}
q {font:italic 18px Georgia; font-weight:normal; line-height:1.5em; padding:12px 0px; display:block;}
  q:before {content:"\201C\00A0";}
  q:after {content:"\00A0\201D";}
form {margin:0;}


/*body
--------*/
#page {text-align: left; width: 910px; margin:auto; background-color:#fff; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}


/*menubar
-----------*/
#menubar {width:912px; height:30px; margin:auto;}

#menubar .digg{float:left; position:absolute; padding:7px 0 0 0; display:none;}
#menubar ul{float:right;}
#menubar li{float:left; margin:7px 6px 0px 6px;}
  #menubar li.line{font-weight:bold; color:#dadada;}
#menubar ul a{color:#262626; font-weight:bold; padding:3px 4px;}
#menubar ul a:hover{color:#6e7f87; border-bottom:2px solid #9fb7c3; text-decoration:none;}

body#home #menubar li a.one, body#features #menubar li a.two, body#quicktours #menubar li a.three, body#press #menubar li a.four, body#reseller #menubar li a.five, body#support #menubar li a.six, body#profile #menubar li a.seven {border-bottom:2px solid #9fb7c3;}


/*header
---------*/
#bodyheader {height:88px; width:910px; border:none; padding-bottom: 38px; margin-top: 30px; background: #fff url(../img/header.jpg) no-repeat left top;}
#bodyheader a.acheter{float:right; display:block; width:200px; height:28px; margin:30px 30px 0 0; background: url("../img/header_acheter.jpg") 0 0 no-repeat;}
	#bodyheader a.acheter:hover{background-position: 0 -28px;}
	#bodyheader a.acheter:active{background-position: 0 -56px;}
	#bodyheader table {float:right; display:block;margin-right: 50px;}
	#bodyheader p { margin-bottom: 2px;margin-top: 0px;}
/*layout (two & three colums)
------------------------------*/
#maincontent {width:608px; float:left; margin-left: 30px;}

p.intro {font-size: 16px; line-height: 21px;}

/* de id moeten we eruit halen in de pagina's waar het nog in zit */
#one_column {width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 18px;}
.one_column {width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 18px;}

.two_column {font-size: 12px; line-height: 18px; float:left;}
  .two_column_left {width: 285px; float: left; margin-right: 10px;}
  .two_column_right {width: 285px; float: left; margin-left: 10px;}

.three_column {font-size: 12px; float:left;}
  .three_column_left {float: left; margin-right: 25px; margin-left: 50px; width: 235px;}
  .three_column_middle {float: left; margin-right: 25px; margin-left: 25px; width: 235px;}
  .three_column_right {float: left; margin-right: 50px; margin-left: 25px; width: 235px;}


/*features tabbar
------------------*/
#tabbar {width:590px; margin:0 0 30px 0; text-align:center; float:left; 
  background-image: url(../img/tab_back.gif);}

#tabbar a {color:#747474;}
#tabbar a:hover {color:#000; text-decoration:none;}

.tab {float:left; width:115px; border-bottom:1px solid #d1cfd0; padding:3px 0 4px 0;
  background-image: url(../img/tab_inactive.gif);}

*[class="tab active"] {background-image:url(../img/tab_active.gif); border-bottom:none;}
*[class="tab clear"] {background-image:none;}


/*sidebar
----------*/
#sidebar {float:right; width: 220px; margin-left: 20px; margin-right: 30px; line-height: 16px;}
#sidebar a:hover {text-decoration: none;}
#sidebar h3 {color: #7f7f7f; margin-top:0; padding-bottom: 4px; border-bottom: 1px solid #f1f1f1;}
#sidebar h3 a {color: #7f7f7f; }
#sidebar h3 a:visited {color: #7f7f7f;}
.sidebar_spacer {margin-top: 15px;}


/*sidebar features
-------------------*/
.features a {	color: #000;}
.features a:hover {color: #7f7f7f; text-decoration: none;}
.features ul {list-style-type: none;}
.features li {list-style-type: none; font-size: 12px; color: #1a1a1a; font-weight: bold; padding:0; text-indent:0; margin:0 0 18px 8px;}
.features img {float: left; margin:-2px 11px 0 0;}
.features small {font-weight: normal; font-style: normal; color: #9b9b9b; line-height: 15px;}

#list_features li {list-style-type: circle;}

/*sidenar beta */
#beta_block {background-image: url(../img/beta_block.gif); padding: 8px 8px 8px 16px; height: 99px; color: #6c6c6c;}
#beta_block input.text {margin-top: 8px; width: 187px; margin-bottom: 2px;}
#beta_block input.send {margin-top: 8px; margin-bottom: 2px; margin-left: 0px;}


/*sidebar quicktours
---------------------*/
#sidebar_quicktours li {list-style-type: none; font-size: 12px; color: #535353; font-weight: bold; padding: 4px 0 0 28px; text-indent: 0; margin-right: 0; margin-bottom: 5px; margin-left: 0; background: url(../img/start_quicktour.gif) no-repeat; height: 23px;}
#sidebar_quicktours a {color: #808080;}
#sidebar_quicktours img {float: left; margin-right: 11px; margin-top: -2px;}

/*sidebar resellers
---------------------*/
.resellers_sidebar_box {width:220px; height:auto; padding:1em 0 1em 0; color:#808080; background:#fcfcfc; border:solid 1px #bfbfbf;}
.resellers_sidebar_box p {margin:0 10px 0 10px;}
.resellers_sidebar_box table {margin: 0 0 0 10px;}
.resellers_sidebar_box table a {font-size: 10px; color: #374775;text-decoration: none;}
.resellers_sidebar_box td {font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif; text-align: left; color: #7d7b7b;}
.resellers_accounthead {float: left; width:210px; margin: 10px 0 0 0; color: #7f7f7f; font-weight:bold; font-size:12px; padding:0 0 10px 0;}
.resellers_accounthead img {float: left; margin: -10px 0 0 10px; padding: 0 10px 0 0;}
.resellers_sidebar_box ul {margin:0 0 0 11px;}
.resellers_sidebar_box li {padding:0.5em 0 0.5em 0}

p.user_welcome {margin:0 0 0 10px; color: #7f7f7f; font-weight:bold; font-size:12px; padding:0 0 0.6em 0;}


/*footer
---------*/
#footer {clear:both; color: #bfbfbf; font-size: 10px; text-align: center; line-height: 14px; padding-top: 0px; width: 910px; background-color: #fff; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: auto; padding: 30px 0 15px 0;}
#footer a {color: #a6a6a6;}