/* #271D3E very dark blue */
/* #524769 dark blue */
/* #695F7D middle blue */
/* #ABA5B8 light blue */
/* #DFD9EE highlite blue */
/* #E4E4E4 light gray */
/* #EEEEEE highlite gray */
/* #ED690F orange */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
  background-color:#ABA5B8;
  margin:0;
  color:#000;
  scrollbar-face-color: #524769;
	scrollbar-arrow-color: #ED690F;
	scrollbar-track-color: #ABA5B8;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#ABA5B8;
	scrollbar-darkshadow-Color:#ABA5B8;
}


body.print {
    background-color:#FFF;
}

table#print {
    width:80%;
}

#kop {
    background:url(/images/kopbg.gif);  
}

.leftcolumn {
    background:url(/images/leftcolumnbg.gif) repeat-y left #FFF;
    width:152px;
}

.content {
    background-color:#FFF;
    color:#000;
 }

.bottom {
    background-image: url(/images/under.gif); 
    background-repeat: repeat-x;
    width:100%;
}

.navtable{
    padding: 4px 0px 4px 0px;
    margin: 0px;
  	font-size: 10px;
    border: 0;
}
.navtext {  
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none; 
	padding: 4px 0px 4px 0px;
	margin: 0px;
	border: 0px;
}
a.navtext {
	color: #DFD9EE; 
	text-decoration: none; 
}
a.navtext:link { 
	color: #DFD9EE; 
	text-decoration: none; 
}
a.navtext:hover { 
	text-decoration: underline; 
}
a.navtext:visited { 
	color: #DFD9EE; 
	text-decoration: none; 
}

.leftmenulinks {
	padding-top: 10px;
}

.welkom {  
	font-size: 12px; 
	font-weight: bold; 
	color: #ED690F; 
	text-decoration: none
}

.greyborder {  
	border: #eeeeee; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.greyborder th {  
	background: #eeeeee;
  color:#524769;
  font-size: 10px;
  font-weight: bold;
  text-align:center;
}

.promocodeform {
  border: thin #FF5700 solid; 
  background-color:#524769;
	font-size: 10px; 
  font-weight: bold;
  color:#FFF;
  text-align:center;
	border-right-width: 0px; 
	border-left-width: 0px;
	padding: 5px;
}

#content {
    padding:30px;
}

.copyright {  
	color: #000000; 
	text-decoration: none; 
	font-size: 9px;
    clear:both;
    text-align:center;
}

a.copyright { 
	color: #000000; 
	text-decoration: none; 
	font-size: 10px
}

a.copyright:hover { 
	color: #000000; 
	text-decoration: underline; 
	font-size: 10px
}

.blueborder {  
	border: #201537; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

a.text:link { 
	color: #000000; 
	text-decoration: underline; 
}

a.text:hover { 
	color: #ED6911; 
	text-decoration: none; 
}

a.text:visited { 
	color: #551A8B; 
	text-decoration: underline; 
}

h1 {
	color: #40335C;
	font-size: 14px; font-weight: bold;
	line-height: normal;	
	text-decoration: none;
	padding: 3px 0px 6px 15px;
	background-image: url(/images/title_square.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-decoration: none;
}

h2 {
	color: #ffffff;
	background-color: #524769;
	padding: 3px 0px 3px 5px;
	font-size: 10px; font-weight: bold;
	line-height: normal;	
	text-decoration: none;
	margin-top: 10px;
}

h3 {
	color: #000000;
	padding: 0px 0px 0px 3px;
	font-size: 10px; font-weight: bold;
	line-height: normal;	
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

h3 a:link{
	color: #000000;
	text-decoration: none; 
	font-size: 10px;
	font-weight: bold;
}
h3 a:hover {
	color: #ED6911; 
	text-decoration: underline; 
	font-size: 10px;
	font-weight: bold;
}
h3 a:visited {
	color: #551A8B; 
	text-decoration: underline; 
	font-size: 10px;
	font-weight: bold;
}
.datum {  
	color: #000000; 
	text-decoration: none; 
	font-size: 9px; 
	font-weight: bold;
	text-align: right;
	padding-right: 7px;
}
.formfield {  
	font-size: 9px; 
	color: #000000; 
	border: #201537; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.formbutton {  
	font-size: 9px; 
	color: #FFFFFF;
	background-image:url(/images/bg_formbutton.gif);
	background-repeat:repeat-x;
	border:0;
    height: 23px;
	margin: 5px;
}

.text {
  font-size: 10px; 
  color: #000000; 
  font-weight: normal;
  line-height: normal;	
  text-decoration: none;
}

.evenrow {
    background-color:#FFF;
}

.unevenrow {
    background-color:#EEE;
}

.subheader {
    background-color:#EEE;
}

.hoofdEditie {
    background-color:#524769;
    color:#DFD9EE;
	  font-weight: bold;
    padding:3px;
}
.altEditie {
    background-color:#DFD9EE;
    color:#524769;
	font-weight: bold;
    padding:3px;
}
.hoofdEditie a.text {
    color:#DFD9EE;
}

.altEditie a.text {
    color:#524769;
}

.hoofdEditieTekst {
  display:none;
}

.altEditieTekst {
  display:none;
}

.hoofdEditie .hoofdEditieTekst {
  display:block;
  float:right;
  color:#DFD9EE;
  padding-right:2em;
}

.altEditie .altEditieTekst {
  display:block;
  float:right;
  color:#524769;
  padding-right:2em;
}


.texttitel {	
  font-size: 11px; color: #000000; font-weight: bold;
	line-height: normal;	
	text-decoration: none
}
.lijsttitel {
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;   
	color: #000000; 
	text-decoration: none
}

.kader {
  border: 1px #524769 solid;
  font-size: 10px;
  background-color:#EEEEEE;
}

.kader th {
  background-color:#524769;
  font-size: 10px;
  font-weight: bold;
  color:#FFFFFF;
  text-align:left;
  padding:5px;
}

.rand {  
  border: 2px #524769 solid
}

.normaltext {  
	font-size: 10px; 
	color: #000000
}
.kader1 {  
	font-size: 10px; 
	color: #000000; 
	background-color: #EEEEEE; 
	border: 1px #524769 solid; 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px
}
.kader2 { 
	font-size: 10px; 
	color: #000000; 
	border: 1px #524769 solid; 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px 
}
.onderlijn 
{  
	border: #524769; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px
}
.rechtslijn 
{ 
	border: #524769 solid; 
	border-width: 0px 1px 0px 0px
}
.stippellijn 
{  
	border: 3px #524769 dashed
}
.loginnaam {
	font-size: 10px; color: #524769; 
	font-weight: bold;
	line-height: normal;	
	text-decoration: none
}
.gewijzigdveld{
	font-size: 10px; color: #ff0000; 
	font-weight: normal;
	line-height: normal;	
	text-decoration: none  
}
.whitebutton {
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
}
.tooltiplist {
	list-style-image: url(images/arrow2.gif);
}

/* splash */
.splashbody {
	background: #ABA5B8;
	margin: 0px;
}
#splashhorizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
#splashcontent {
	margin-left: -320px;
	position: absolute;
	top: -187px;
	left: 50%;
	width: 640px;
	height: 374px;
	visibility: visible;
	background: #ABA5B8;
}

/* MESSAGES */
.messageAlert {
   background: url("/images/warning.gif") no-repeat 5px 5px;
   background-color: #f0f0f0;
   border: 1px dashed red;    		
   padding: 5px 5px 5px 25px;   
   line-height: 13px;	
}

.messageFailure {
   background: url("/images/error.gif") no-repeat 5px 5px;
   background-color: #f0f0f0;
   border: 2px solid red;    		
   padding: 5px 5px 5px 25px;
   line-height: 13px;	
}

.messageInfo {
   background: url("/images/success.gif") no-repeat 5px 5px;
   background-color: #f0f0f0;
   border: 1px dashed green;    		
   padding: 5px 5px 5px 25px;   
   line-height: 13px;
}
.wizardBackButton{
	font-size: 9px; 
	color: #FFFFFF;
	text-decoration:none;
	vertical-align:middle;
	background-image:url(/images/bg_backbutton.gif);
	background-repeat:repeat-x;
	background-position:left;
	border:0;
	height: 23px;
	display:table-cell;
}
.wizardNextButton{
	font-size: 9px; 
	color: #FFFFFF;
	text-decoration:none;
	background-image:url(/images/bg_forwardbutton.gif);
	background-repeat:repeat-x;
	background-position:right;
	border: 0px;
	height: 23px;
	display:table-cell;
}

.geselecteerd{
	font-size: 10px;
	font-weight: bold; 
	color: #40335C;
	background-image: url(/images/leftbg_select.gif);
	background-repeat: repeat-y;
	padding: 4px 0px 4px 3px;
	min-height: 20px;
}
img {
	border: 0;
}
li {
	padding:3px;
}

div#intro {
    padding:2em;
}

div#service {
    clear:both;
    padding-top:1ex;
}

div#nemen {
    width:45%;
    border:thin black dotted;
    padding:1em;
    float:left;
}

div#schenken {
    width:45%;
    border:thin black dotted;
    padding:1em;
    float:right;
}

.gratisnummer {
    color:green;
    font-weight:bold;
}

.attention {
    color:red;
    font-weight:bold;
}

.wordtverwijderd {
    color:red;
    font-weight:bold;
}

.ongewijzigd {
    color:green;
    font-weight:bold;
}

td.title {
  height:30px;
  background-image:url("/images/titel_square.gif");
  background-repeat:no-repeat;
}

td.title h1 {
  height:30px;
  width:95%;
  padding-left:20px;
  background-image:url("/images/title_line.gif");
  background-repeat:repeat-x;
  background-position: 10px 0px;
}

.teaserwrapper .indekijker {
  display:none;
}

.teaser img {
  float:left;
  padding:0px 20px 5px 20px;
  height:64px;
}

.indekijkers {
  display:block;
  padding:5px;
}

.indekijker {
  display:inline;
}

.indekijkerwrapper div {
  display:block;
  padding:10px;
  float:left;
  width:45%;
}

.indekijker a {
	color: #DFD9EE; 
}

.indekijkerwrapper .teaser {
  display:none;
}

.indekijker img {
  clear:left;
  float:left;
  padding-right:10px;
}

.indekijker h2 {
  margin:0px;
  padding:4px;
}

#nieuws {
  clear:both;
}

h2.intra {
	padding: 3px 5px 3px 0px;
  float:right;
}

a.intralink {
	color: #DFD9EE; 
	text-decoration: underline; 
	font-size: 10px;
	font-weight: bold;
}

.geschenk-beeld {
  display:block;
}

#bodyblok, #titelblok {
  clear:both;
}
#bodyblok p, #titelblok p {
  padding-left:10px;
  padding-right:10px;
}