﻿
/*Floatfix*/

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* end Floatfix*/

*{font-family:Arial, Helvetica, sans-serif; margin:0;font-size:12px;}
ul {padding-left:50px;}

html {height:100%;}
body {background:url(/app_masterfiles/dateprive/images/background.gif) repeat-x #808080; height:100%; }
.wrapper { 	min-height: 100%; height: auto !important;	height: 100%; width:1024px;	margin: 0 auto -0px; /* the bottom margin is the negative value of the footer's height */
}
.aanmelden { text-align:center;}
.artikel { font-size:11px; width:205px; float:left; margin-left:20px;
}
.bottom { float:left; 
}
.buttonPositie { text-align:right; padding-left:470px;}
.content { width:956px; height:315px; margin-bottom:10px;
}

.bottomText
{
  float: left;
  height: 67px;
  width:895px;
  border: solid 1px #c7c7c7;
  background: #e7e7e7;
  margin: 10px 0px 0px 10px;
  padding: 15px 20px 15px 20px;
  font-size: 11px;
}
#directDaten {
  display: block;

  width: 164px;

  height: 40px;

  background: url("/app_masterfiles/dateprive/images/directDatenBut.jpg") no-repeat 0 -40px; 

  margin:20px 25px 20px 20px;

}
#directDaten:hover

{ 

  background-position: 0 0px;

}



#directDaten span

{

  display: none;

}


.footerBuitenGebruik 
{
	margin-top: -18px; /* negative value of footer height */
	clear:both;
  position:relative; text-align:right; font-size:12px; height:18px; padding-right:10px; background-color:#000000; color:#FFFFFF;
} 

.footer
{ 
  position:relative; text-align:right; font-size:12px; height:18px; padding-right:10px; background-color:#000000; color:#FFFFFF;
}
.homeText { width:420px; font-size:14px; color:white; float:left; margin:20px 5px 0px 17px;}
.ingelogged{ position:relative; background:url(/app_masterfiles/dateprive/images/ingeloggedBubble.png) no-repeat; width:452px; height:124px; float:right; margin:-80px 80px 0px 0px; text-align:left; font-size:9px; color:white; padding-left:10px; z-index:3; top:85px; }
.invulvelden {padding: 5px 0px 0px 120px; width:50px; }
.invulvelden input {margin-bottom:5px; }
.invulVeld {width:121px; height:13px; padding: 0px 5px 0px 0px; margin-top:5px; border:0px; background: transparent url(/app_masterfiles/dateprive/images/invulVeld.gif) no-repeat left top;}
.itemsBackground { background:url(/app_masterfiles/dateprive/images/itemBgTop.png) top no-repeat; float:left; width:683px; margin-left:8px; padding-top:8px; 
}
.top { float:left; height:475px;  margin-bottom:10px;
}
.topIngelogged { float:left; height:475px; margin-top:-45px;
	width: 956px;
}
#voorHem

{

  display: block;

  width: 140px;

  height: 49px;

  background: url("/app_masterfiles/dateprive/images/voorHem.gif") no-repeat 0 -49px;

    float:left;
  margin: 10px 0px 10px 70px;
  



}



#voorHem:hover

{ 

  background-position: 0 0px;

}



#voorHem span

{

  display: none;

}
#voorHaar

{

  display: block;

  width: 159px;

  height: 49px;

  background: url("/app_masterfiles/dateprive/images/voorHaar.gif") no-repeat 0 -49px;

    float:left;
  margin: 10px 25px 10px 0px;
  


}



#voorHaar:hover

{ 

  background-position: 0 0px;

}



#voorHaar span

{

  display: none;

}
.logInButton
{
	display: block;
	width: 50px;
	height: 49px;
	background: url( /app_masterfiles/dateprive/images/loginButton.gif ) no-repeat 0 -49px;
	float: right;
	border: none;
	margin: 5px 6px 0px 0px;
}



.logInButton:hover
{
	background-position: 0 0px;
}



#logInButton span
{
  display: none;
}

#roodValentijnBold {color:#7b0000; font-size:12px; font-weight:bold;}
#roodValentijn {color:#7b0000; font-size:12px; font-weight:normal;}
#roodValentijn2 {color:#7b0000; font-size:12px; font-weight:normal;}
.rood {color:#7b0000;}
.roodPwd TABLE SPAN {color:#7b0000; font-size:12px; font-weight:normal;}
.groen {color:#3a803c;}
.groenNormaal {color:#3a803c;font-size:8px;}
.roodNormaal {color:#7b0000;font-size:8px;}
.linkRood {color:#a10000;font-size:14px; text-decoration:none; font-weight:bold; margin:0px; position:relative; z-index:30;}
.linkGroen {color:#3a803c;font-size:14px; text-decoration:none; font-weight:bold; margin: 0px}
.linkGroenUnderline {color:#3a803c;font-size:14px; text-decoration:underline; font-weight:bold; margin: 0px}
.linkGroenUnderlineKlein {color:#3a803c;font-size:12px; text-decoration:underline; margin: 0px}
.linkRoodUnderlineKlein {color:#7b0000;font-size:12px; text-decoration:underline; margin: 0px}
.linkZwartUnderline {color:black;font-size:12px; text-decoration:underline; margin: 0px}
.titelRood {color:#7b0000;font-size:24px; font-weight:bold; }

span.groenNormaal {color:#3a803c;font-size:8px;}

a.link {color:#3a803c;cursor:pointer;text-decoration:underline;}
a.linkselected {color:#7b0000;}

.kopItem { margin:10px 0px 10px 0px;}
.leesverder {float:right; color:#7b0000; font-weight:bold; text-align:left; font-size:12px;}
.linksNavigatie { width:217px; float:left; margin-top:-330px; padding-left:25px;}
.rechtsContent { width:684px; float:right; margin:-340px 85px 10px 10px; }
.rechtsContent span { font-weight:bold; font-size:18px; color:#3a803c;}
.rechtsContentTop { background-image:url(/app_masterfiles/dateprive/images/topContent.png); height:10px; background-repeat:no-repeat; }
.rechtsContentMid { background-image:url(/app_masterfiles/dateprive/images/midContent.jpg); background-repeat:repeat-y; padding:15px 15px 15px 15px; position:relative; z-index:10; }
.rechtsContentBot { height:10px; background-image:url(/app_masterfiles/dateprive/images/botContent.png); background-repeat:no-repeat; }
.linksNav {  margin-top:10px;
}
.linksNavTop{}
.linksNavMid{background-image:url(/app_masterfiles/dateprive/images/linksnavHorz.png); font-size:12px; padding:0px 9px 0px 9px;}
.linksNavMid span { font-weight:bold; color:#a10000; font-size:14px;}
.selected { background-color:#b9ddb7; width:208px; margin-left:-9px; padding-left:9px;}
.linksNavBot{margin:0px;}
.linkfooter {color:White;text-decoration:none;}
a.leftmenu {display:block;color:Black; width:208px; margin-left:-9px; padding-left:9px;text-decoration:none; font-size:14px;}


.logo {background:url(/app_masterfiles/dateprive/images/datePriveLogo.png) no-repeat; width:378px; height:69px; margin: 12px 0px 15px 0px;}
.valentijnlogo {background:url(/app_masterfiles/dateprive/images/datePriveLogo.png) no-repeat; width:378px; height:69px; margin: 12px 0px 15px 0px;float:left;}
.valentijnlogo2 {background:url(/app_masterfiles/dateprive/images/valentijn1.gif) no-repeat; width:578px; height:69px; margin: 50px 0px 15px 0px; float:left;}
.valentijnlogo3 {width:578px; height:79px; margin: 40px 0px 15px 0px; float:left;}
.login { background:url(/app_masterfiles/dateprive/images/inlogTab.png) no-repeat; width:312px; height:70px; float:right; margin:-49px 10px 0px 0px; text-align:left; font-size:9px; color:white; padding-left:10px; position:relative; top:0px; }

.menulinks {margin:0px;padding:0px;}
.menu {width:590px;}
.nieuw { float:left; text-align:center; padding-left:10px; padding-left:10px; width:246px;
}
.nieuwDP{ background:url(/app_masterfiles/dateprive/images/nieuwDatePrive.png) no-repeat; height:54px; width:246px; margin-bottom:0px;}
.newsItems { background-color:#3a803c; text-align:left; color:white; width:228px; font-size:11px; padding:4px 9px 4px 9px; margin-bottom:3px;
}
.picture { border:solid 1px #000000; float:left; margin: 18px 1px 0 0; padding:0px;}
.roodvlak { background:url(/app_masterfiles/dateprive/images/roodVlak.jpg) repeat-x bottom; float:left; height:375px; width:927px; }
.schaduwLK {background:url(/app_masterfiles/dateprive/images/schaduwlkRoodVlak.png) no-repeat; width:13px; height:375px; float:left;}
.schaduwLK2 {background:url(/app_masterfiles/dateprive/images/schaduwlkRoodVlak2.png) no-repeat; width:13px; height:375px; float:left;}
.schaduwRK {background:url(/app_masterfiles/dateprive/images/schaduwRKRoodVlak.png) bottom no-repeat; width:16px; height:375px; float:right;}
.titel { border-bottom:dashed 2px #3a803c; padding-bottom:0px; height:45px;}
.titel img {float:right;}

.pnl_btmdivider {float:none;clear:both;}

.margin20left {margin-left:20px;} 
.grijsbackground {padding-top:20px;padding-bottom:10px;padding-right:20px;padding-left:20px;background-color:#EFEDED;color:Black;}

.rowalternate {background-color:#DAD8D8;vertical-align:middle;}
.rownormal {background-color:#EFEDED;vertical-align:middle;}

.tabgroen {color:Green;}
.tabrood {color:Red;}

div.tooltipgroen {background-color:#3a803c;color:White;width:400px;}
.ToolTipContent{ color: blue; text-decoration: none; }

span.rtsTxt {font-size:13px;}


#dhtmlgoodies_tooltip
{
	position:absolute;
	display:none;
	z-index:20000;
}

#aspnetForm
{
  height:100%;
}
.attention {font-size:24px;}
.attentieVinken {text-align:left; padding-left:60px;}
.attentieVinken img {margin-right:10px;}
.attentieVinken a {text-decoration: none;color:White;}
.alignLeft {text-align:left;}

.itemBackgroundContent 
{ 
  background:url(images/itemBackgroundRP.jpg) repeat-y; 
  float:left; 
  width:683px; 
  padding-bottom:8px; 
  background-color: #e7e7e7;
}

.itemBackgroundBot { background:url(images/itemBgBot.png) bottom no-repeat; float:right;  width:683px; height:8px;}

.h1{font-size:17px; font-weight:bold; float:left; padding-left:30px;}
.h1 span {font-size:11px; font-weight:normal;}
.h1landing {font-size:17px; font-weight:bold;}

.kader table {}
.kader td {}
.kader td.bg_top-left {background-image:url('images/bg_top-left.gif');background-repeat:no-repeat; width:8px;height:8px;}
.kader td.bg_top-mid {background-image:url('images/bg_top-mid.gif');background-repeat:repeat-x; height:8px;}
.kader td.bg_top-right {background-image:url('images/bg_top-right.gif');background-repeat:no-repeat; width:8px;height:8px;}
.kader td.vulling {background-color:White;}

.kader td.bg_bot-left {background-image:url('images/bg_bot-left.gif');background-repeat:no-repeat; width:8px;height:8px;}
.kader td.bg_bot-mid {background-image:url('images/bg_bot-mid.gif');background-repeat:repeat-x; height:8px;}
.kader td.bg_bot-right {background-image:url('images/bg_bot-right.gif');background-repeat:no-repeat; width:8px;height:8px;}


