/*

Opmaak voor Contaclenzen.nl typografie 

*/

/* ----- 1. Paragrafen --------------- */


/* 1.1 Algemene paragrafen */

p {
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height:1.7em;
	word-spacing:0.5px;
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.promobox-text {
	margin-top:10px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.orange {
	color: #ffae40;
}

/* 1.2 Content pagina paragrafen */

#content-right p { margin-right: 10px; margin-bottom: 10px; }

#content-left p { margin-left: 10px; margin-bottom: 10px; }

/* 1.3 FAQ paragrafen */

p.faq {
	font-size:11px;
	color:#0CF;
	}

/* 1.4 Footer paragrafen */

#footer p {
	font-size: 10px;
	color: #717171;
	margin-top: 20px;
}

/* ----- 2. Hyperlinks --------------- */

/* 2.1 Algemene hyperlinks */

a {
	text-decoration: none;
	color: #ffffff;
}

/* 2.2 Navigatie hyperlinks */

#navigation li a {
	display: block;
	width: auto;
	height: 49px;
	float:left;
	font-size: 11px;
	padding-top:18px;
	padding-left:28px;
	padding-right:22px;
	text-align: center;
	text-decoration: none;
	outline: none;
}
			
#navigation li.page_item a  {
	color: #fff;
	background:no-repeat 2px 5px url(images/nav_tussen.png);
	background-repeat:no-repeat;
	background-position:}

#navigation li.page_item a:hover  {
	color: #ffae40;
}
	
#navigation li.current_page_item a  {
	color: #fff;
}

#subnavigation li a  {
	display: block;
	width: auto;
	float: left;	
	margin-right: 20px;
	padding-top: 18px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

#subnavigation li a:hover  {
	color: #fff;
}

#subnavigation li.current_page_item a {
	background: none repeat scroll 0 0 transparent;
	color: #FFFFFF;
	height: 51px;
}

/* 2.3 Homepage hyperlinks */

.headline {
	font-size: 15px;
	color: #84ae40;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height:1.8em;
	word-spacing:0.5px;
	margin: 0px 10px 0px 0px;
}

.leesmeer {
	font-size: 12px;
	color:#3C9;
	margin: 0px 10px 0px 0px;
	text-decoration: underline;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height:1.8em;
	word-spacing:0.5px;
}

.headline:hover, .leesmeer:hover {
	color: #ffae40;
	text-decoration: underline;
}

/* 2.4 FAQ hyperlinks */

a.msg_head {
	background:url("images/arrow-faq.png") no-repeat scroll left center transparent;
	display:block;
	font-size:12px;
	margin-bottom:15px;
	padding-left:15px;
	text-decoration:underline;
}

a.msg_head:hover {
	color: #ffae40;
}

/* 2.5 Footer hyperlinks */

#footer a {
	color: #717171;
}

#footer a:hover {
	color: #fff;
}

#quae  a {
	color:#2c4e6a;
}

#quae  a:hover {
	color:#2f7cba;
}


/* ----- 3. Headers --------------- */

/* 3.1 Algemene headers */

h1, h2, h3, h4, h5 {
	font-weight: normal;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 24px;
	padding-bottom: 15px;
}

h2 {
	font-size:20px;
}

/* 3.2 Content pagina headers */

#content-right h1 {
	margin: 0px 10px 15px 0px !important;
}

#content-left h1 {
	margin: 0px 0px 15px 10px !important;
}

#content-right h2 {
	margin: 15px 10px 15px 0px !important;
}

#content-left h2 {
	margin: 15px 0px 15px 10px !important;
}

h2.cufon {
	font-size: 24px;
}

/* 3.3 Homepagina headers */

.headlineheader {
	font-size:35px;
	line-height:34px;
	margin:60px 10px 30px 0px;
}



/*3.4 Content list item */
.column li {
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.1px;
	line-height:1.7em;
	word-spacing:0.5px;
	color: #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url("../img/arrow-faq.png") no-repeat scroll left center transparent;
	display:block;
	margin-bottom:15px;
	padding-left:15px;
	
	
	
}