/**
 * Vlaamse Diabetes Vereniging
 * Layout stylesheet
 *
 * Description:	Zoetzwanger skin
 *
 * Author: 		Davy De Pauw, www.marlon.be
 * Created: 	22/04/2009
 * Modified:	22/04/2009
 */

html { padding: 0; }
body { padding: 0; color: #6d5572; }

a:link, a:visited { color: #99ab09; }

/* header
---------------------------------------------------------- */

#landing-general
{
	text-decoration: none;
	width: 369px;
	height: 203px;
	float: left;
	clear: none;
	background-image: url(../img/zoetzwanger/landing_general.gif);
	margin: 0 65px;
}

#landing-profs
{
	text-decoration: none;
	width: 369px;
	height: 203px;
	float: left;
	clear: none;
	background-image: url(../img/zoetzwanger/landing_profs.gif);
}

#landing-profs h2, #landing-general h2
{
	text-indent: -999em;
	overflow: hidden;
}

#landing-profs p, #landing-general p
{
	margin: 0px !important;
	padding: 70px 10px 0 65px;
	color: #333;
}

#landing-general p
{
	padding: 60px 55px 0 25px;
}

#landing-profs p.more, #landing-general p.more
{
	text-decoration: underline;
	padding: 5px 0 0 55px;
	font-weight: bold;
	color: #333;
}

#landing-profs p.more
{
	padding-left: 65px;
}

#landing-general p.more
{
	padding-left: 25px;
}

#header {
	background-image: url(../img/zoetzwanger/bg_header.jpg);
}

#logo {
	width: 250px;
	height: 100px;
	top: 0;
	left: 35px;
	background: none;
}

#vdv {
	background: none;
	float:right;
	height:50px;
	margin-right:15px;
	margin-top:15px;
	width:200px;
}

#search { display: none; }

#phone { left: -999em; }

.button, 
.button span,
.button input {
	background: url(../img/zoetzwanger/sprite_buttons.png) no-repeat 0 0 !important;	
}

.button {
	float: left;
	height: 25px !important;
	width: auto !important; 
	text-indent: 0;
	padding-left: 45px;
	background-position: 0 0 !important;
}

.button span {
	float: left;
	height: 25px;
	line-height: 25px;
	padding-right: 20px;
	background-position: 100% -25px !important;
}

div.button {
	margin-left: 0 !important;
	padding-left: 8px !important;
	background-position: 0 -50px !important;
}

div.button input {
	position: absolute;
	padding: 0 10px 0 0px !important;
	overflow: visible;
	background-position: 100% -75px !important;
}

div.actions {
	margin-left: 225px;
	height: 30px;
}

#btn-email {
	position: absolute;
	top: 85px;
	right: 116px;
	text-indent: 0;
	
}

#content #staf, #content .wrapper-back
{
	height: auto;
	background: none;
	clear: both;
	width: 225px;
}

#content #staf a, #content .wrapper-back a {
	height: 29px !important;
	line-height: 29px;
	padding: 0 0 0 45px;
	background-position: 0 -100px !important;
}

#content #staf a span, #content .wrapper-back a span {
	height: 29px;
	line-height: 29px;
	cursor: pointer;
	background-position: 100% -129px !important;
}

#content .wrapper-back a
{
	background-position: 0 -158px !important;
}

/* content
---------------------------------------------------------- */

h1,#publicityentry { color: #702082; }
h2, h3, h4, h5, h6 { color: #abc000; }

.newsletter-topic h3 a, .newsletter-topic h3, .newsletter-topic h3 a.secured, #news-archive h2 a { color: #abc000; }

.newsletter-topic p.info, .newsletter-topic p.info a { color: #702082; }

#content h2 {
	margin-bottom: 5px;
}

#content p {
	margin: 0 0 10px 0;
}

blockquote {
	margin-top: 10px 25px 20px 25px;
	background: url(../img/zoetzwanger/sprite_sections.png) no-repeat -1350px 100%;	
}

#content blockquote p {
	background: url(../img/zoetzwanger/sprite_sections.png) no-repeat -1754px 0;	
}

#content .wrapper-archive, #content .wrapper-print
{
	background-image: url(../img/zoetzwanger/bg_genericaction_right.gif);
}

#newsletter-topics #newsletter-topics-anchors li
{
	background-image: url(../img/zoetzwanger/ico_down.gif);
}

#content .wrapper-print a
{
	background-image: url(../img/zoetzwanger/bg_printaction.gif);
}

#content .wrapper-archive a
{
	background-image: url(../img/zoetzwanger/bg_linkaction.gif);
}

.backtotop
{
	background-image: url(../img/zoetzwanger/ico_backtotop.gif);
}

.newsletter-topic h3 a
{
	background-image: url(../img/zoetzwanger/linkicon.gif);
}

.newsletter-topic h3 a.secured
{
	background-image: url(../img/zoetzwanger/securedlinkicon.gif);
}

#news-archive .readmore
{
	background-image: url(../img/zoetzwanger/ico_readmore.gif);
}

#content ul li
{
	background-image:url(../img/zoetzwanger/ico_bullet.gif)
}

#news-archive, #news-article
{
	width: 470px;	
}

.date, #news-archive .date, #news-article .date { color: #702082; }

.newsletter-publicity
{
	clear: none;
	width: 33%;	
}

.newsletter-publicity-image
{
	float: left;
}

/* content -> table
---------------------------------------------------------- */

table { margin-bottom: 15px; }
table, td { border-color: #abc000; }
th { background-color: #abc000; }

/* breadcrumb
---------------------------------------------------------- */

#breadcrumb strong, #breadcrumb a { color: #7c9710; }
#breadcrumb em { color: #702082; }
#breadcrumb span { background: url(../img/zoetzwanger/sprite_icons.png) no-repeat -8px -53px; }

/* image replacement
---------------------------------------------------------- */

#ir-professionals,
#ir-general,
#ir-news,
#ir-contact,
#ir-seealso,
#ir-footer-about,
#ir-footer-info,
#ir-newsarchive {
	text-indent: -999em;
	background: url(../img/zoetzwanger/sprite_ir.png) no-repeat 0 0;
}

#ir-professionals { background-position: 18px 0; }
#ir-general { background-position: 18px -175px; }
#ir-news { background-position: 0 -35px; }
#ir-contact  { background-position: 0 -246px; }
#ir-newsarchive { background-position: 0 -210px; }
#ir-seealso { background-position: 0 -75px; }
#ir-footer-about { background-position: 0 -110px; }
#ir-footer-info { background-position: 0 -145px; }

/* subnav
---------------------------------------------------------- */

#subnav { float: left;font-family: Arial, Helvetica, sans-serif; }
#subnav li { margin-bottom: 6px; }
#subnav li ul { padding-bottom: 20px; }

#subnav li.selected a { 
	text-decoration: none; 
	color: #702082; 
}

#subnav li ul a { 
	text-decoration: underline !important; 
	color: #a27cb0 !important; 
}

#subnav li ul .selected a { 
	text-decoration: none !important; 
	color: #702082 !important; 
}

#subnav li a {
	background: url(../img/zoetzwanger/sprite_icons.png) no-repeat -232px -105px;
}

#subnav li a:hover,
#subnav li.selected a { color: #702082; background-position: -232px -230px; }

/* sidebar
---------------------------------------------------------- */

#wrapper
{
	min-height: 600px;	
}

.section-wrapper {
	margin-bottom: 20px !important;
	background: #f6f9e5 url(../img/zoetzwanger/sprite_sections.png) no-repeat -900px 100% !important;
}

.section {
	background: url(../img/zoetzwanger/sprite_sections.png) no-repeat -225px 0 !important;	
}

#sidebar .section .entry h4 a {
	color: #7b805c;
}

#sidebar .section a.readmore {
	color: #b5c81f;
}

#sidebar a:hover { color: #702082 !important; }

#sidebar .section a.readmore { background: url(../img/zoetzwanger/sprite_icons.png) no-repeat -7px -105px; }
#sidebar .news .section a.readmore { background: url(../img/zoetzwanger/sprite_icons.png) no-repeat -7px -230px; }

/* sidebar -> professionals
---------------------------------------------------------- */

.professionals .section { background-position: 0 0 !important; }
.professionals { background-position: -675px 100% !important; }

.professionals h3 {
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
}

.professionals a {
	clear: both;
	display: block; 
	padding: 8px 20px 12px 20px;
}

/* sidebar -> news
---------------------------------------------------------- */

#sidebar .news { background-position: -1125px 100% !important; }
#sidebar .news .section { 
	padding-right: 20px;
	background-position: -450px 0 !important; 
}

#sidebar .news .entry { margin-bottom: 25px; padding-bottom: 0; }
#sidebar .news .entry h4 { font-size: 1.1em; }
#sidebar .news .entry h4 a { color: #702082; }
#sidebar .news .entry p { 
	margin-bottom: 6px;
	line-height: 1.45em; 
	color: #75687a; 
}

#sidebar .news .entry .readmore { color: #b28dc0; }

/* sidebar -> partners
---------------------------------------------------------- */

#btn-partners {
	display: block;
	margin-bottom: 20px;
	width: 225px;
	height: 70px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/zoetzwanger/btn_partners.jpg) no-repeat 0 0;	
}

/* tools
---------------------------------------------------------- */

#btn-fontsize-normal, #btn-fontsize-medium, #btn-fontsize-large {
	margin-left: 2px;
	width: 25px;
	height: 25px;
	top: 85px;
	background: url(../img/zoetzwanger/sprite_icons.png) no-repeat 0 -350px;
}

#btn-fontsize-normal { right: 74px; }
#btn-fontsize-medium { right: 47px; background-position: 0 -400px; }
#btn-fontsize-large { right: 20px; background-position: 0 -450px; }

#btn-fontsize-normal:hover,
li.selected #btn-fontsize-normal {
	background-position: -25px -350px;
}

#btn-fontsize-medium:hover,
li.selected #btn-fontsize-medium {
	background-position: -25px -400px;
}

#btn-fontsize-large:hover,
li.selected #btn-fontsize-large {
	background-position: -25px -450px;
}

/* forms
---------------------------------------------------------- */

.formfeedback-wrapper
{
	background-image: url(../img/zoetzwanger/bg_formfeedback_top.gif);
}

.formfeedback 
{
	padding-left: 15px !important;
	background-image: url(../img/zoetzwanger/bg_formfeedback_bottom.gif);
}

#genericform {
	margin-bottom: 50px;
}

#genericform .description {
	padding-left: 225px;
}

#genericform label {
	color: #702082;
}

#genericform label span {
	color: #f00 !important;
}

#genericform dl {	
}

#genericform dl dt {
	position: absolute;
	float: none;
}

#genericform dl dd {
	position: relative;
	margin-bottom: 10px;
	padding-left: 145px;
}

#genericform dl dd span {
	clear: left;
	float: left;
	border: 2px solid #fff;
}

div.radiobutton
{
	width: 265px;
	height: 35px;
}

#genericform dl dd span.radiobutton
{
	clear: none;
}

#genericform dl dd span.validator {
	position: absolute;
	top: 0;
	right: 0;
	float: left;
	width: 180px;
	padding: 4px 0 0 10px;
	border: none !important;
}

#genericform dl dd.error span {
	border: 2px solid #f00;	
}

fieldset {
	padding: 0 0 0 78px;
}

#genericform dd .checkbox input
{
	margin-left:0px;
}

/* footer
---------------------------------------------------------- */

#footer-container
{
	clear:both;
	padding-top: 15px;
	float: left;
	width: 100%;
	position: relative;
}

#footer-wrapper {
	clear: both;
	margin: 0;
	width: 100%;	
	height: 140px;
	background: url(../img/zoetzwanger/bg_footer.png) no-repeat 0 0;
	clear: both;
}

#footer {
	padding: 10px 0 0 225px; 
	background: none;
}

#footer .col { margin-bottom: 0;}

#marlon {
	position: absolute;
	bottom: 5px;
	right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-transform: lowercase;
	text-decoration: none;
	color: #c2c799;
	background: url(../img/zoetzwanger/sprite_icons.png) no-repeat 0 -500px;
}