/* (c)2008 Mink :: Nato bookshop*/


*{
	margin:0;
   	padding:0;
   	border:0;
}

html{
	height: 100%;
	background: #c0d5e6 url(../images/bg.jpg) repeat-x;
}

body{ 
	height: 100%; 
	color: #333; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #c0d5e6 url(../images/bg.jpg) repeat-x;
}

.uberwrapper{
	background: url(../images/bg-linksebanner.gif) 0 0 repeat-y;
	verflow: auto;
	
}

.checkboxbtn{
  color: white;
  font-weight: bold;
  bborder: 2px solid red;
  padding: 5px;
  background: url(../images/btnForm.jpg) repeat-x;
  margin: 15px 0 0 25px;
  float:left;
}


.checkboxklein{
  margin: 8px 0 0 0;	
  font-size: 10px;
  padding: 2px;
  background: #ECF2F9;
  border-bottom: 1px dotted #efefef;
}

.checkboxklein2{
  margin: 8px 0 0 0;	
  font-size: 9px;
  padding: 2px;
  background: #ECF2F9;
  border-bottom: 1px dotted #efefef;
}



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


#meerlezenlinkscontainer{
background: #fff;
float:left;
width: 215px;
padding: 8px 0 0 8px;
}


#meerlezenlinks{
background: url(../images/meerlezenLinks.jpg) no-repeat;
height: 30px;
width: 11px;
float:left;
}

#meerlezencontent{
color: #FFFFFF;
font-weight: bold;
font-size:10px;
padding: 7px 0 0 0;
background: url(../images/meerlezenContent.jpg) repeat-x;
height: 30px;
float:left;
}


#meerlezenrechts{
background: url(../images/meerlezenRechts.jpg) no-repeat;
height: 30px;
width: 20px;
float:left;
}

#meerlezencontent a:link, #meerlezencontent a:visited, #meerlezencontent a:active{
  color: #E6F2FA;
  text-decoration: none;
}

#meerlezencontent a:hover{
  color: white;
  text-decoration: underline;
}


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

.basket{
	display:block;
	float: right;
}

#functiebtnscontainer{
	float:left;
	width: 355px;
}


#functiebtnslinks{
background: url(../images/functiebtnsLinks.jpg) no-repeat;
height: 30px;
width: 5px;
float:left;
}


#functiebtnscontent{
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
background: url(../images/functiebtnsContent.jpg) repeat-x;
height: 30px;
padding: 0 0 0 5px;
float:left;
}


#functiebtnsrechts{
background: url(../images/functiebtnsRechts.jpg) no-repeat;
width: 5px;
float:left;
line-height: 33px;
}

#functiebtnscontent a:link, #functiebtnscontent a:visited, #functiebtnscontent a:hover, #functiebtnscontent a:active{  
  width: 100%;
  height: 100%;
  color: black;
  text-decoration: none;
  line-height:21px;
  display:block;
}

#functiebtnscontent a:hover, #functiebtnscontent a:active{
  color: #666666;
}

#functiebtnsonder{
  float:left;
  margin: 22px 0 0 48px;
}


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

.selectvlak{
  border-top: 1px dotted #212927;
  border-bottom: 1px dotted #212927; 
  background: #FFFFFF;
  float: left;
  margin: 15px 0 0 0;
  padding: 5px;
  width:593px;
}

.selectvlak p{
	color: #A0A0A1;
	font-size: 10px;
	padding: 4px;
	width: 245px;
	float: left;
	margin: 0 0 5px 8px;
}

.bgNatoSter{
	background: url(../images/natoBgSter.png) right 97px  no-repeat;
	height: 100%;
	margin-right:34px;
}


p{
	letter-spacing: 0px;
}

.header { 
	margin:-3px 0 -3px -3px; /* ie7fix */
	width: 1000px; 
	height: 98px;
}

.contentWrapper{
	height: 100%;
}

.linkseBanner{
	width:80px;
	height: 100%;
	float: left;
	display:table;
}

.content { 
	width: 697px; 
	float: left;
	margin-top: 48px;	
}


.contentContainer{
	background-image: url(../images/bgContentContainer.jpg);
	background-repeat: repeat-x;
	background-color: #EBF1F8;
	margin:10px 0 0 24px;
	border: 1px solid #6C8FAD;
	width: 597px; 
	float: left;
	display:block;
	padding: 22px;
}

.contentContainer a:link, .contentContainer a:visited, .contentContainer a:active{
	color: #123858;
	text-decoration: underline;
	border-bottom:1px solid;
	text-decoration: none;
	font-weight: bold;
}

.contentContainer  a:hover{
	color: #123858;
	background: white;
	text-decoration: none;
	border: 0px;
	font-weight: bold;	
}


.iconcenter{
  margin-left:50%;
}


a:link.beeldlink, a:visited.beeldlink, a:active.beeldlink{
 	margin-left:50%;
  	color: #FFFFFF;
	border-bottom:0;
	text-decoration: none;
	font-weight: normal;
  
}

a:hover.beeldlink{
 	margin-left:50%;
  	color: #FFFFFF;
	border-bottom:0;
	text-decoration: none;
	font-weight: normal;
	background: #003466;
  
}


a:link.icoontjes, a:visited.icoontjes, a:active.icoontjes{
  	color: #FFFFFF;
  	border: 1px solid #6C8FAD;
	border-bottom:2px;
	text-decoration: none;
	font-weight: normal;
  
}

a:hover.icoontjes{
  	color: #FFFFFF;
	border-bottom:0;
	text-decoration: none;
	font-weight: normal;
	background: #003466;
  
}


.footerbijadres{
	color: #6C8FAD;
	font-style: italic;
	bbackground-image: url(../images/bgContentContainer.jpg);
	background-repeat: repeat-x;
	background-color: #CCE1EF;
	margin:10px 0 0 24px;
	border: 1px solid #6C8FAD;
	width: 597px; 
	float: left;
	display:block;
	padding: 22px;
}

.functbtnContainer{
	margin:0px -20px 0 12px;
	width: 640px; 
	float: left;
	display:block;
	padding: 11px;
}

.taalkeuze {
	text-align: right;
	margin-right: 20px;
	margin-top: -2px;
}

.taalkeuze a:link, .taalkeuze a:visited, .taalkeuze a:active{
	color: #40A1D6;
	text-decoration: none;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
}

.taalkeuze  a:hover{
	color: #FFFFFF;
	text-decoration: none;
	border: 0px;
}

.paginatitelFirst{ 
  font-size: 20px;
  font-weight: bold;
  background: #244781;
  color: white;
  float:left;
  margin: 30px  0 0 25px;
  padding: 2px 0 0 25px;
  width: 616px;
  height:27px;
  border-bottom: 1px dotted white;
}


.paginatitel{ 
  font-size: 20px;
  font-weight: bold;
  background: #244781;
  color: white;
  float:left;
  margin: 80px  0 0 25px;
  padding: 2px 0 0 25px;
  width: 616px;
  height:27px;
  border-bottom: 1px dotted white;
}


#loginBtns ul li{
  list-style:none;
  display:inline; /* Voor IE, anders dubbel hoogte */
  }
  
  
#loginBtns ul li img{
	position: relative;
	z-index: 9;
  }
 
 
 
 #loginBtns a.loginlinks{
	display: block;
	float: left;
	width:  298px;
	height: 60px;
	background: url(../images/pixy-rollover2010.gif) 0 0 no-repeat;
	text-decoration: none;
	border: 0;
}

#loginBtns a:hover.loginlinks{
	background: url(../images/pixy-rollover2010.gif) -300px 0 no-repeat;
}

#loginBtns a.loginlinks img{
	margin: 9px 0 0 9px;
	display: block;
	float: left;
}

#loginBtns a.loginlinks span{
	display: block;
	float: left;
	width: 230px;
	text-transform: uppercase;
	color: #fff;
	margin: 20px 0 0 12px;
	font-size:15px;
}

 
 
 
 
 

.shoppingcart a:link, .shoppingcart a:visited, .shoppingcart a:active{
	background-image: url(../images/basketBgOver.jpg);
	background-repeat: no-repeat;
	color: black;
	text-decoration: none;
	width: 95px;
	height: 25px;
	float: right;
	padding: 5px 0 0 8px;
	display: block;
	font-weight: bold;
}


.shoppingcart a:hover{
	background-image: url(../images/basketBgOver.jpg);
	background-repeat: no-repeat;
	color: #5D5D5D;
	text-decoration: none;
	width: 95px;
	height: 25px;
	float: right;
	padding: 5px 0 0 8px;
	display: block;
	font-weight: bold;
}


.zoekveld{
	background-color: transparent;
	background-image: url(../images/bgSearch.jpg);
	background-repeat: no-repeat;
	border:0px;
	height: 24px;
	width: 255px;
	padding: 4px 3px 0 6px;	
	float: left;
}


.zkbtn{
	background-color: transparent;
	background-image: url(../images/btnSearch.jpg);
	background-repeat: no-repeat;	
	border:0px;
	height: 24px;
	width: 30px;	
	float: left;
	cursor: pointer;
}



h1{
	font-size: 14px;	
	font-variant: small-caps;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0 15px 0;
}

h2 {
	font-size: 10px;
	color: #FFFFFF;
	height: 14px;
	padding: 1px 0 0 0;
	background-image: url(../images/bgNews.gif);
}


.natoster{
	float:left;
	margin: -148px 0 0 240px;
	position: relative;
	z-index: 10;
}


.adresfooter{
	color: #244365;
	text-align: center;
	float: left;
	border-top: 2px dashed red;
	background-color: #A4C4DF;
	margin:24px 0 0 24px;
	border-top: 1px dotted #212927;
	width: 628px; 
	display:block;
	padding: 8px;	
}




a:link.newsReadmore, a:visited.newsReadmore, a:active.newsReadmore {
	color: #E6F2FA;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/btnReadMore.jpg);
	display:block;
	width:83px;
	height: 23px;
	margin: 20px 0 0 105px;
	padding: 8px 0 0 12px;
}

a:hover.newsReadmore {
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-decoration: underline;
	background-image: url(../images/btnReadMore.jpg);
	display:block;
	width:83px;
	height: 23px;
	margin: 20px 0 0 105px;
	padding: 8px 0 0 12px;
}



.adresfooter a:link, .adresfooter a:visited, .adresfooter a:active{
	color: #244365;
	text-decoration: underline;
}

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



.newsWrapper{
	margin:34px 0 0 0;
	width:223px;
	float: left;	
}

.news h2{
	padding: 5px;	
}

.newswrapper{
	margin: 10px 0;
	float: left;
	width: 100%;
}

.newstop{
	background: url(../images/topNews.gif) bottom left no-repeat; 
	height: 10px;
}


.newsimg{
	background: #fff;
	padding: 4px 14px 6px 8px;	
}

.newsimg img{
	padding: 4px 4px;
	border: 3px solid #DEEBF4;
}

.newstxt{
	font-size: 11px;
	color: #9E9E9E;
	background: #fff;
	padding: 2px 14px;
	overflow: hidden;
}

.subscribeimg{
  margin:  0 0 0 0px;
  padding: 4px 4px;
  border: 1px solid #626465;
  background: white;
  
  }


.titeltxt{
	font-size: 11px;
	font-weight: bold;
	color: #757474;
	background: #fff;
	padding: 2px 14px;
}

.newsfooterInformation{
	margin: 0px 0 0 0;
	background-color: black;
	background: url(../images/footerNews.gif) top left no-repeat; 
	height: 10px;
}

.newsfooter2{
	margin: 0px 0 0 0;
	background-color: black;
	background: url(../images/footerNews.gif) top left no-repeat; 
	height: 10px;
}

.newsfooter{
	margin: 40px 0 0 0;
	background-color: black;
	background: url(../images/footerNews.gif) top left no-repeat; 
	height: 10px;
}

.newstxt img{
	margin-left: 4px;
}

.cnwrapper{
	margin: -5px 0 0 0;
	width:1000px;
	height: 100%;
}

.witteBg{
	background: #fff;
	height: 37px;
	margin: 4px;
	padding: 7px 0 0 25px;
}

.witteBg img{
	float: left;
	width: 33px;
	height: 27px;
}

.witteBg a:link, .witteBg a:visited, .witteBg a:active{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../images/blauweBtnBg.jpg); 
	display: block;
	width: 228px;
	height: 23px;
	margin: 0 0 0 40px;
	padding: 6px 0 0 0 ;
	float: left;
	text-decoration: none;	
}

.witteBg a:hover{
	color: #003366;
	font-size: 12px;	
	background: url(../images/blauweBtnBgOver.jpg); 
	display: block;
	width: 228px;
	height: 23px;
	text-align: center;
	padding: 6px 0 0 0 ;
	float: left;
	text-decoration: none;
}



.dotline{
	border-top: 1px dotted #212927;
	margin: 0 4px 0 4px;
}


.blauwekader{
	margin:16px 0 30px 0;
	overflow: hidden;
}


.buttonsinContent{
	idth: 363px;
	margin: 30px 0 20px 0px;
	ackground-color: FFFFFF;
	adding: 4px;
}


.beeldContainerLinks{
	width:100px;
	padding: 6px;
	background: #FFFFFF;
	border: 1px solid #D9E3EB;
	float: left;	
}

.tekstContainerRechts{
	float: left;
	width : 400px;
	margin-left: 22px;
}


.backbtn a:link, .backbtn a:visited, .backbtns a:active{
	text-decoration: none;
	font-weight: bold;
	padding-top: 2px;
	color: white;
	text-size:10px;
	background: url(../images/btnBack.gif);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	float: left;
	margin:18px 0 0 25px;
	width: 82px;
	height: 21px;
}

.backbtn a:hover{
	text-decoration: none;
	font-weight: bold;
	padding-top: 2px;
	color: #002C4B;
	text-size:10px;
	background: url(../images/btnBackOver.gif);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	float: left;
	margin:18px 0 0 25px;
	width: 82px;
	height: 21px;
}

.meerInfoContainer{
	margin: 30px 0 -15px -15px;
	padding: 5px;	
	width: 617px;
	background-color: #FFFFFF;
	float: left;	
}


.avlanguages{
	width: 238px;
	float: left;
	margin-top:9px;
}


.bijschrift{
	border-top: 1px dotted black;
	color:#6787AA;
	background: #EBF1F8;
	padding: 5px;
	margin: 3px  3px 3px 3px; 
	font-size: 11px;
	font-style: italic;
}


.avlanguages a:link, .avlanguages a:visited, .avlanguages a:active{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: url(../images/blauweBtnBg.jpg); 
	display: block;
	width: 228px;
	height: 23px;
	margin: 2px 0 0 10px;
	padding: 6px 0 0 0 ;
	float: left;
	text-decoration: none;	
}

.avlanguages a:hover{
	color: #003366;
	font-size: 12px;	
	background: url(../images/blauweBtnBgOver.jpg); 
	display: block;
	width: 228px;
	height: 23px;
	text-align: center;
	//padding: 6px 0 0 0 ;
	float: left;
	text-decoration: none;
}

.extrainfo{
	color: #A0A0A1;
	font-size: 10px;
	padding-left: 14px;
	width: 155px;
	border-left: 1px dotted #000000;
	float: left;
	margin: 0 0 5px 15px;
	height: 45px;
}



.extrainfo a:link, .extrainfo a:visited, .extrainfo a:active{
	font-size: 9px;
	color: #A0A0A1;

}

.extrainfo a:hover{
	color: #767676;
}


.ie7fix{
	
}

.headercell{
	
}

.leftcell{
	width:10px;
}

.rightcell{

}

.lijstbl{
	width:610px;
	border-collapse: separate; 
	border-spacing: 0 4px;
}

.lijstbl td{
	text-align: center;
}

.lijstbl td a:link, .lijstbl td a:visited, .lijstbl td a:hover, .lijstbl td a:active{
	border: 0;
	width: 100%;
	display: block;
}

.lijstbl td a:hover, .lijstbl td a:active{
	background: #ccc;
}

.topcel{
	width: 25%;
	font-weight: bold;
	color: #fff;
}

.cel1{
	text-align: left;
	padding: 0 20px;
	font-weight: bold;
}

.htmlcel{
	background: #E2E2E2;
}

.replyarea{
	margin: 8px 8px 25px 8px;
	padding: 14px;
	background: #F4F5F9;
	border: 1px solid #D5D8E1;
}

.replybtn{
  color: white;
  height: 19px;
  width: 177px;
  font-weight: bold;
  size: 10px;
  background: url(../afbeeldingen/replyBtn.gif); 
}

.ratebtn{
  margin: 24px 0 0 150px;
  color: white;
  height: 19px;
  width: 177px;
  font-weight: bold;
  size: 10px;
  background: url(../afbeeldingen/replyBtn.gif); 
}


.postedcomment{
  margin: 8px;
  padding: 2px 10px 10px 37px;
  background: #ECF1F7;
  background: url(../afbeeldingen/headerTabel.gif)repeat-x;
  font-size: 11px;
  border-bottom: 1px dotted #000000;
}



.ratingvlakarea{
  width: 294px;
  height: 36px;
  text-align: right;
  border: 1px solid #24477F;
  padding: 1px;
  background: #D8E0EB;
  margin: 5px 0 0 150px;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	padding: 10px 10px 5px;
	background-color: #e1f4ff;
	visibility: hidden;
	z-index: 100;
	text-align:left;
	border:1px solid #015989;
}

#dhtmltooltip h4{
	margin: 0 0 10px;
	font-size: 10pt;	
}

#dhtmltooltip p{
	margin: 0 0 5px;	
}

#dhtmlpointer{
	display:none;
}

.socialmediaholder{
  float: left;
  margin: 15px 0 0 23px;
  background: #deebf4 url(../images/bgHolderModules.jpg) repeat-x;
}

.socialmediabox{
  float: left;
  /ackground: #deebf4 url(../images/bgSocialMedia.jpg) repeat-x;
  width: 181px;
  min-height: 138px;
  margin-right:2px;
  padding: 16px;
}

.socialmediabox p{
  color: #39393e;
  font-size: 9px;
  font-weight: bold;
  margin: 30px 0 0 0;
}

.socialmediaboxlogoholder{
  height: 50px;
}

a.boxlink{
  font-size: 9px;
  font-weight: bold;
  color: #1c76bd;
  text-decoration: none;
  display: inline-block;
  background: #ffffff;
  margin:16px 6px 0 0;
  padding:2px 4px;
  float: left;
}

a.boxlink:hover{
  color: #ffffff;
  background: #1c76bd;
}

.footerophome{
	width: 646px; 
	float: left;
	padding:10px 0 0 22px;
	display:block;
}


.contentVideoContainer{
  order: 1px solid red;
  background: #e4eef7 url(../images/bg_videomodule.jpg) repeat-x;
  height: 272px;

}

.videoContainer{
 width: 320px;
 margin: 15px;
 float: left;
}

.tekstContainer{
 float: left;
 margin: 15px 0 0 0;
 width:225px;
}

.moreVideosContainer{
  margin: 3px 0 0 0;
  background: #f9fafc;
  overflow: hidden;
  height: 23px;
}

.linkPlayInBlauw a:link, .linkPlayInBlauw a:visited, .linkPlayInBlauw a:active{
	font-size: 10px;
	color: #1d75bc;
	float: left;
    padding: 5px 5px 5px 24px;
    border: 0px;
}

.linkPlayInBlauw a:hover{
	color: grey;
}

.linkPlayInBox a:link, .linkPlayInBox a:visited, .linkPlayInBox a:active{
	font-size: 10px;
	color: #deebf4;
	float: right;
    border: 0px;
    display: block;
	background: #1d75bc;
	margin:4px;
	width: 120px;
	text-align: center;
	height: 15px;
}

.linkPlayInBox a:hover{
	color: #1d75bc;
	background: #deebf4;
}

.contentHolder{
  width: 734px;	
  overflow: hidden;
  background:#E4EEF7 url(../afbeeldingen/bgVideoContent.jpg) repeat-y scroll 0 0;
}

.contentLinks{
  width: 390px;	
  float: left;
  margin:0 0 0 8px;
}

.contentLinks p{
	color: #5e5f5f;
   line-height:210%;
   margin-left: 15px;
   margin-right: 15px;
}

.contentLinksTitel{
  color: #ff7104;
  font-weight: bold;
}

.contentRechts{
  overflow: hidden;
  background: #e7f0f7;
  margin: 0 0 0 8px;
}

.contentRechtsOnder{
  float: left;  
  margin-left:21px;
  margin-top:21px;
  width:301px;
}

.contentRechtsBoven{
background:#c6daf1;
float:left;
margin-left:0;
padding:15px;
width:306px;
height:45px;
}