/* CSS Document */
html,body { color: #010000; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0px; }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { margin:0;padding:0;}

table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
form { }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
textarea,select { font-family: Arial, Helvetica, sans-serif; font-size:12px;}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { display:block; font-size:100%;font-weight:normal; }
ul { list-style: none none;}
h1,.h1 { font-size:26px; line-height:26px; }
h2,.h2 { font-size:24px; line-height:20px; color: #d1005d;  }
h3,.h3 { font-size:17px; font-weight:bold; line-height:18px; }
h4,.h4 { font-size:14px; font-weight:bold; line-height:16px; }
h5,.h5 { font-size:12px; font-weight:bold; line-height:14px; margin-bottom:5px;}
h6,.h6 { font-size:12px; font-weight:bold; line-height:14px; font-style:italic; }

a { text-decoration: underline; color:#d1005d; }
a:hover { text-decoration:none; }

q:before,q:after { content:''; }
abbr,acronym { border:0; } 
.clear,.colend { display: block; clear:both; height:1px; font-size:1px; line-height:1px; }

/* page elements */
hr { display: block; clear:both; height:1px; line-height:1px; font-size:1px; border-style:dotted; border-color: #d1005d; border-width:0px 0px 1px 0px;margin-bottom:20px; margin-right:20px;}

hr.fullSplitterGrey { margin-right:0px; border-bottom-color: #cdcdcd;}
.whitePanel hr.fullSplitterGrey {margin-top:-17px; padding-top:10px; margin-bottom:10px; }

.alt { overflow:hidden; position:absolute; text-indent:-1234em; }
.introText { font-weight:bold; margin-bottom:10px;}
.introText, .contentText { font-size:12px; line-height:17px; }
.contentText p, .introText p { margin-bottom:10px; }
.contentText ul { list-style: disc outside; margin:0px 0px 15px 15px;} 

.contentImageRight { float:right; margin-left:5px; margin-bottom:3px;}
.contentImageLeft { float:left; margin-right:5px; margin-bottom:3px;}

.more { float:right; text-decoration: underline;}
.more:hover { text-decoration: none;}

.back { text-decoration: underline; }
.back:hover { text-decoration: none;}

.container { width:964px; margin:0 auto;}
.containerBorder {border-left: solid 1px #b6dee6; border-right: solid 1px #b6dee6; border-bottom: solid 1px #b6dee6;}
.containerBorderLeft {border-left: solid 1px #b6dee6; }
.containerBorderRight {border-right: solid 1px #b6dee6;}
.containerBorderTop {border-top: solid 1px #b6dee6;}

/* NEW STYLING */
#header {width: 100%; height: 135px; background-image: url(../../images/HeaderBg.gif); background-position: top left; background-repeat:repeat;}
#topnav {border-bottom: solid 1px #81c5d0;height: 24px; background-color: #fff; text-align: right;}
#topnav .topBtn {margin-right: 1px; border-right: solid 1px #fff; border-left: solid 1px #fff; float: left; height: 22px; display: inline-block;color: #000; text-decoration: none; padding: 0px 10px; font-size: 13px;height: 22px; line-height: 20px;}
#topnav .topBtn span {margin-top: 4px;}
#topnav .btnLogoff {color: #aaa !important;}
#topnav .topBtn:hover, #topnav .active {border-right: solid 1px #80c5d0; border-left: solid 1px #80c5d0; background-image: url(../../images/HeaderBg.gif); background-position: top left; background-repeat:repeat; height: 25px;}
#topnav .contactPanel .loggedInUser {float: right; margin-top: 4px; margin-right: 8px;}
#topnav .contactPanel .loggedInUser a {float: none; display: inline; padding: 0px;}
#topnav .contactPanel {position: relative; left: 68px; color: #3a4848; height: 24px; width: 435px; float: left;}
#topnav .contactPanel img {float: left; display: block;}
#topnav .contactPanel a { text-decoration: none; float: left; display: block; font-size: 11px; padding: 0px; color: #3a4848; padding-left: 8px; padding-right: 8px; margin-top: 4px;}
#toplogo {float: left; width: 238px; height: 83px;}
#toplogin {float: right; width: 150px; text-align: right; margin-top: 10px; height: 22px;}


/* BUTTONS */
.topButtonRow {position: relative; left:0px; top: 34px; height: 50px; }
.topButtonRow li {margin-right: 2px; display:inline;float:left; background-image: url(../img/button_BGblue.png); background-repeat: no-repeat; background-position: left -24px;  }
.topButtonRow li a { cursor:pointer }
.topButtonRow li .activeArrow { width:11px; height:6px; position:absolute; bottom:-6px; left:55px;line-height:1px; font-size:1px; background: Transparent url(../img/button_BGblue.png) no-repeat left -66px; display:none;}

.topButtonRow li:hover,
.topButtonRow li.hover,
.topButtonRow li.active { background-color: #0d8db2; }
.topButtonRow li:hover a,
.topButtonRow li.hover a,
.topButtonRow li.active a { color: #ffffff;}
.topButtonRow li:hover .activeArrow,
.topButtonRow li.hover .activeArrow,
.topButtonRow li.active .activeArrow { display:block;}

.whitePanel .topButtonRow li { background-image: url(../img/button_BGgrey_big.png); background-position: left -28px;}

.buttonHome {padding-top: 0px; margin-right: 3px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
.buttonHome a {padding-left: 5px !important; padding-right: 5px !important; }
.buttonGrey { position:relative; background-color: Transparent; }
.buttonGrey a { color: #272727; padding: 3px 10px 5px 10px; height:16px;width: auto !important; width: 100px; text-align:center; text-decoration:none; font-size:15px; display:block; white-space:nowrap; background: Transparent url(../img/button_BGblue.png) no-repeat right top; }

.buttonBlack { position:relative; background-color:#272727; }
.buttonBlack a { color: #ffffff; padding:5px 14px; height:18px; min-width:100px; width: auto !important; width: 100px; text-align:center; text-decoration:none; font-size:17px; display:block; white-space:nowrap; background: Transparent url(../img/button_BGgrey_big.png) no-repeat right top; }

.singleBtn { background-image: url(../img/button_BGwhite.png); background-repeat: no-repeat; background-position: left -28px; margin:0px; float:left; position:relative; text-decoration:none;}
.whitePanel .singleBtn { background-image: url(../img/button_BGwhite.png); }
.singleBtn .btnInnerWrapper { color: #272727; cursor:pointer; padding:4px 10px; height:20px; min-width:100px; width: auto !important; width: 100px; text-align:center; text-decoration:none; font-size:17px; display:block; white-space:nowrap; background: Transparent url(../img/button_BGwhite.png) no-repeat right top;  }
.whitePanel .singleBtn .btnInnerWrapper {  background-image: url(../img/button_BGwhite.png); }

.noCufon .btnInnerWrapper { font-size:12px; line-height:17px; font-weight:bold;}

.btnGrey { background-color: #949494; margin-right:10px;}
.btnGrey .btnInnerWrapper { color: #fff; }
.btnGrey:hover { background-color: #9D2063;  }

.btnSubmit { background-color: #d1005d; }
.btnSubmit .btnInnerWrapper { color: #ffffff;} 
.btnSubmit:hover,
.btnSubmit.hover,
.btnSubmit.active { background-color: #272727; }

.btnSubmitSimple { display: block; float:right; font-size:12px; color:#fff; background-color: #d1005d; padding: 4px 8px; font-weight:bold; text-decoration:none;}
.btnSubmitSimple:hover { background-color: #272727;}

.submitArrow { background: url(../img/arrow_submit_big.gif) no-repeat right 0; display: block; padding-right:43px; height:31px;padding-top:7px;color: #000000; font-size:24px; font-weight:bold; text-decoration: none; float:left; margin-left: 0px;}
.submitArrow:hover { color:#9a9a9a;}

/* HEADER */
#headerContainer { background:#fff url(../img/bg_header.gif) repeat-x 0 bottom; padding-bottom:10px; min-height: 110px; height: auto !important; height:110px;   }
#headerTop { background:#383838 url(../img/bg_header.gif) repeat-x 0 top; min-height: 22px; height: auto !important; height:22px; }

#headerLogin { float:right; padding: 2px 36px; color:#ffffff; }
#headerLogin a { color:#ffffff; text-decoration: none; }
#headerLogin a:hover { text-decoration: underline; }

#btnLogin {float: right; margin-right: 95px; margin-top: 1px; background: #fff url(../../images/btn_login.jpg) no-repeat left 0px; width: 64px; height: 20px; display: block; }


#logo { float:left; padding:15px 6px; }
#logo a { display:block; width:205px; height:65px; background: url(../../images/logo.gif) no-repeat 0 0;  }

#logo_llr { float:left; padding:5px 6px; }
#logo_llr a { display:block; width:182px; height:68px; background: url(../../images/logo_llr.gif) no-repeat 0 0;  }

#logo_team { float:left; padding:15px 6px; }
#logo_team a { display:block; width:205px; height:65px; background: url(../../images/logo_team.gif) no-repeat 0 0;  }

#logo_webshop { float:left; padding:15px 6px; }
#logo_webshop a { display:block; width:205px; height:65px; background: url(../../images/logo_webshop.gif) no-repeat 0 0;  }


#topnavigation { float:right; margin:0px 14px; display:inline}
#topnavigation .first {width: 189px; height: 87px; background: #fff url(../../images/topcurl.jpg) no-repeat left 0px;}

#topnavigation li { float:left;}
#topnavigation li a { display:block; height:30px; padding: 57px 9px 0px 9px; min-width:75px; width: auto !important; width:75px; white-space:nowrap;border-right:1px solid #cdcdcd; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; text-decoration:none; }
#topnavigation li a:hover { background-color: #e8e8e8 !important; }

#topnavigation li a.navMijnDoel { min-width:120px; width: auto !important; width:120px; background: #fff url(../../images/btn_mijndoel.gif) no-repeat left 0px;  border-left:1px solid #cdcdcd;}
#topnavigation li a.navMijnDoel:hover { background: #fff url(../../images/btn_mijndoel_active.gif) no-repeat left 0px; }

#topnavigation li a.navLadiesRide { min-width:134px; width: auto !important; width:134px; background: #fff url(../../images/btn_ladiesride.gif) no-repeat left 0px; }
#topnavigation li a.navLadiesRide:hover { background: #fff url(../../images/btn_ladiesride_active.gif) no-repeat left 0px; }

#topnavigation li a.navTeam { min-width:113px; width: auto !important; width:113px; background: #fff url(../../images/btn_team.gif) no-repeat left 0px; }
#topnavigation li a.navTeam:hover { background: #fff url(../../images/btn_team_active.gif) no-repeat left 0px; }

#topnavigation li a.navWebshop { min-width:94px; width: auto !important; width:94px; background: #fff url(../../images/btn_webshop.gif) no-repeat left 0px; }
#topnavigation li a.navWebshop:hover { background: #fff url(../../images/btn_webshop_active.gif) no-repeat left 0px; }

#topnavigation li a.navWebshopActive { min-width:94px; width: auto !important; width:94px; background: #e8e8e8 url(../../images/btn_webshop_active.gif) no-repeat left 0px; }
#topnavigation li a.navTeamActive { min-width:113px; width: auto !important; width:93px; background: #e8e8e8 url(../../images/btn_team_active.gif) no-repeat left 0px; }
#topnavigation li a.navLadiesRideActive { min-width:134px; width: auto !important; width:134px; background: #e8e8e8 url(../../images/btn_ladiesride_active.gif) no-repeat left 0px; }
#topnavigation li a.navMijnDoelActive { min-width:120px; width: auto !important; width:120px; background: #e8e8e8 url(../../images/btn_mijndoel_active.gif) no-repeat left 0px;  border-left:1px solid #cdcdcd;}


/* ROUNDED PANELS on top of the content*/
#homeTopPanel { position:relative;background: Transparent url(../img/bg_panels.gif) no-repeat 0 0; width:964px; height:125px; padding: 17px 315px 3px 32px; margin-bottom:-4px; z-index:9;} 
#homeTopPanel h1 { color: #9c2062; margin-bottom:5px;} 
#homeTopPanel .contentText { font-size:14px; }

#homeTopPanel2 { position:relative;background: Transparent url(../img/bg_panels2.gif) no-repeat 0 0; width:622px; height:121px; padding: 17px 315px 3px 32px; margin-bottom:-4px; z-index:9;} 
#homeTopPanel2 h1 { color: #9c2062; margin-bottom:5px;} 
#homeTopPanel2 .contentText { font-size:14px; }

#homeTopPanel3 { position:relative;background: Transparent url(../img/bg_panels3.jpg) no-repeat 0 0; width:622px; height:121px; padding: 17px 315px 3px 32px; margin-bottom:-4px; z-index:9;} 
#homeTopPanel3 h1 { color: #9c2062; margin-bottom:5px;} 
#homeTopPanel3 .contentText { font-size:14px; }

.bgTwirls {  position:relative; background: url(../img/bg_toppanel_twirls.jpg) no-repeat 0 bottom; width:964px; min-height:100px; height:auto !important; height:100px; }

/* CONTENT GLBAL */
.colLeft { float:left; width:639px; overflow:hidden;}
.colLeftBorder { border-right: solid 1px #cfcfcf;}
.colRight { float:left; width: 310px;padding-left:8px; padding-top: 5px; overflow:hidden; }

.colRight .btnSubmit { float:right; margin-top:5px;}
.colRight .ad { padding:10px 0px 10px 10px;}

.llrMiddle {width: 309px; height: 660px; float: left; background-color: #a5d7e2;}
.llrMiddle a {border: none;}
.llrMiddle img {border: none;}

.whitePanel { position:relative; min-height:200px; height:auto !important; height:200px; width:961px; padding:15px 4px 5px 4px;}
.whitePanel .contentText { padding:0px 25px;}
.whitePanelRight { position: relative;  min-height:300px; height:auto !important; height:300px; width:600px; padding:16px 26px 5px 343px;} 
.whitePanelLeft {  position: relative;  min-height:300px; height:auto !important; height:300px; width:643px; padding:14px 4px 5px 4px;} 

.whitePanel .whitePanelTop { position:absolute; top:0px; background: url(../img/bg_whitePanel.gif) no-repeat -6051px 0;width:961px; padding:0px 4px;left:0px; height:5px; font-size:1px; line-height:1px;}
.whitePanelRight .whitePanelTop { background-position: 136px 0; padding:0px 26px 0px 343px;width:600px;} 
.whitePanelLeft .whitePanelTop { background-position: -3349px 0; padding:0px 4px;width:643px;}
.whitePanelRoundedTop .whitePanelTop { background:url(../img/bg_toppanel_top.gif) no-repeat 0 0; height:24px;}

.whitePanel .whitePanelBottom { position:absolute; bottom:0px; background: url(../img/bg_whitePanel.gif) no-repeat -8051px 0;width:961px; padding:0px 4px;left:0px;height:5px; font-size:1px; line-height:1px;}
.whitePanelRight .whitePanelBottom { background-position:-1864px 0; padding:0px 26px 0px 343px; width:600px; }
.whitePanelLeft .whitePanelBottom { background-position: -5349px 0; padding:0px 4px;width:643px;}

.whitePanelLeft h3 { font-weight:normal; margin:0px 0px 10px 33px;}
.whitePanelRoundedTop h3 { font-weight:normal; margin:0px 0px 11px 30px; font-size:18px;}
.whitePanelLeft .topButtonRow,
.whitePanelRoundedTop .topButtonRow{ padding-left:15px;}

/* CONTENT SPECIFIC */
/* pink-sidepanel on 'homepage' */
.extraInfo { position:absolute;left:0px;top:0px; width:304px; }
.extraInfo .contentText { padding-left:22px; padding-right:2px; }
.extraInfo .extraInfoPanel { margin-bottom:15px;padding:11px 22px 22px 22px; background:#9d2063 url(../img/bg_extraInfoPanel.gif) repeat-x 0 bottom; color: #fff;}
.extraInfo .extraInfoPanel .activeArrow { background: url(../img/bg_extraInfoPanel_arrow.gif) no-repeat 0 0; width:19px; height:38px; display:block; position:absolute; top:10px;right:-19px;} 
.extraInfo .allreadyStarted p { font-size:14px;} 
.extraInfo .btnSubmit { float:right; margin:0px 5px 0px 0px}


.formSend .formbox {width: 300px; float: left; font-size: 12px;}
.formSend .formbox2 {width: 600px; float: left; font-size: 12px;}

.formSend .formbox label {width: 290px; line-height: 25px; display: block;}
.formSend .formbox input {width: 280px; padding: 2px;}
.formSend .formbox2 label {width: 590px; line-height: 25px; display: block;}
.formSend .formbox2 textarea {width: 580px; padding: 2px; height: 80px;}

.formMyGoal { padding-bottom:75px;}
.formMyGoal .df2cols { float:left;}
.addPictureInput {display: block; position: relative; margin-top: 2px; float: left;} 


#diaryEntries { padding: 10px 15px; width:485px;}
#diaryEntries li { padding-top:9px;}
#diaryEntries .diaryDate { font-size:11px; font-weight:bold;}
#diaryEntries .contentText { font-size:12px; line-height:18px;padding-right:40px;}
#diaryEntries .diaryLinks {padding:10px 2px; font-size:11px; font-weight:bold;}
#diaryEntries hr { margin-bottom:0px;}

.goalDiary h2 { padding:15px 0px 18px 43px;}
.goalDiary .diaryEntry { padding-bottom:25px;}
.goalDiary .diaryDate { background-color: #00a0cd; color:#fff; display:block; float:left; padding:4px 6px 3px 43px; font-weight:bold;}
.goalDiary .diaryRating { position:relative;float:right; padding-left:37px; padding-right:20px; color:#00a0cd; margin-top: 1px;}
.goalDiary .diaryWeight {float: right; position: relative; margin-right: 10px;}
.goalDiary .diaryWeight span {color: #d91c5e;}
.goalDiary .diaryWeight img {float: left; margin-right: 3px;}


.goalDiary .diaryRating .ratingBG { position:absolute;left:0px;background: url(../img/rating-grid.gif) no-repeat -30px 0; display:block;  height:12px; width:31px;}
.goalDiary .diaryRating .rating-1 { background-position: -27px 0; }
.goalDiary .diaryRating .rating-2 { background-position: -24px 0; }
.goalDiary .diaryRating .rating-3 { background-position: -21px 0; }
.goalDiary .diaryRating .rating-4 { background-position: -18px 0; }
.goalDiary .diaryRating .rating-5 { background-position: -15px 0; }
.goalDiary .diaryRating .rating-6 { background-position: -12px 0; }
.goalDiary .diaryRating .rating-7 { background-position: -9px 0; }
.goalDiary .diaryRating .rating-8 { background-position: -6px 0; }
.goalDiary .diaryRating .rating-9 { background-position: -3px 0; }
.goalDiary .diaryRating .rating-10 { background-position: 0 0; }
.goalDiary .contentText { padding-left:43px;}
.goalDiary .more { font-weight:bold; font-size:11px; margin-right:25px;}

.goalDiary .diaryPhotos { padding-left:43px; overflow:hidden; }
.goalDiary .diaryPhotos li { float:left; margin-right:5px;}
.goalDiary .diaryMessages { padding:10px 19px;} 
.goalDiary .diaryMessages li { padding-left:24px;background:url(../img/icons_goalDiary.gif) no-repeat 0 0; padding-top:8px; min-height:18px; height:auto !important;height:18px; }
.goalDiary .diaryMessages .diaryMessageCheer { background-position: 0 0;font-weight:bold; }
.goalDiary .diaryMessages .diaryMessageReward {background-position: 0 -100px;font-weight:bold; }
.goalDiary .diaryMessages .diaryMessage {background-position: 0 -207px;}
.goalDiary .diaryMessages .diaryMessage .contentText { padding:0px;}
.goalDiary .diaryMessages .diaryMessage .datetime {color: #aaa; font-weight: normal !important;}
.goalDiary .diaryMessages span { color: #00a0cd; font-weight:bold; text-decoration:none}
.goalDiary .moreMessages { font-weight:bold; float:left; margin-left:43px;}

.giveSupport { margin-left:10px; padding-top:10px;}
.giveSupport h3 { float:left;  display:inline;width:46px;padding-left:6px;padding-top:2px;height:22px; color:#e2aa2f;  background:url(../img/giveSupportLabel.gif) no-repeat 0 0; font-size:18px;line-height:22px;}
.giveSupport a.giveSupportLabel { position:relative; white-space:nowrap; min-width:50px; width:auto !important; width:50px;background:url(../img/giveSupportLabelArrow.gif) no-repeat 9px 5px; padding:2px 10px 0px 25px;height:22px; display:block;color:#ffffff; text-decoration:none; font-size:18px;line-height:18px;}
.giveSupport a.open { background-position: 9px -23px;}
.giveSupport .giveSupportControl {  display:none;position:absolute; background:url(../img/giveSupportControlBG.gif) no-repeat 0 0; width: 270px;height: 37px; padding:7px}
.giveSupport .giveSupportControl label { font-weight:bold; display:block;}
.giveSupport .giveSupportControl input { width: 175px; float:left;}
.giveSupport .giveSupportControl a { float:left;width: 77px; height:15px;padding-top:2px;margin-left:9px; color:#fff; background-color:#5b4005; border-width:1px; border-style:solid; border-color: #fff #000 #000 #fff; font-weight:bold; text-align:center; text-decoration:none; }
.giveSupport .giveSupportControl a:hover { background-color:#84631b}
.giveSupport .giveReward { float:left; background-color:#e2aa2f;}
.giveSupport .cheer { float:left; background:#e2aa2f url(../img/giveSupportLabelRight.gif) no-repeat right 0;}

.writeMessage { background: #c5c5c5 url(../img/icon_messageTrail.gif) no-repeat 0 0; font-size:11px; width:360px; padding: 5px 5px 3px 25px; margin-left:25px}
.writeMessage textarea { height:16px; width:353px; float:left; margin:0px; padding:0px; } 
.writeMessage .writeMessageMore { display:none;}
.writeMessage .writeMessageBlock { float:left; width: 180px; padding-top:7px;}
.writeMessage .writeMessageBlock label { display:block; font-weight:bold; color:#545454;}
.writeMessage .writeMessageBlock label .subLabel{ font-weight:normal;}
.writeMessage .writeMessageBlock input { width:170px;}
.writeMessage .writeMessageBlock p {  color:#545454;}
.writeMessage .writeMessageBlock .btnSubmit { float:left;width: 77px; height:15px;padding-top:2px; color:#fff; background-color:#272727; border-width:1px; border-style:solid; border-color: #fff #000 #000 #fff; font-weight:bold; text-align:center; text-decoration:none; }
.writeMessage .writeMessageBlock .btnSubmit:hover { background-color: #666;}

.otherMembersList { width:270px; padding-top:5px; padding-left:10px; margin-bottom: 10px; }
.otherMembersList h2 {margin-bottom:10px;}
.otherMembersList ul { }
.otherMembersList ul li { float:left; width:38px; height:38px; overflow:hidden}
.otherMembersList ul li a { display:block;width:37px; height:37px; overflow:hidden}
.otherMembersList .more { float:left; font-weight:bold; display:block; text-decoration: none;}
.otherMembersList .more:hover { text-decoration: underline;}

.myStory { width:301px;padding:0px 9px 0px 0px;min-height:225px; height:auto !important; height:225px;background: url(../img/bg_myStory.gif) right 0; margin-bottom: 10px; }
.myStory h2 { }
.myStory h3 { padding-top:3px;}
.myStory h4 { color:#1270A1;font-size:12px; padding-top:3px;}
.myStory h5 { color: #1270A1; font-style: italic; font-weight: normal;}
.myStory .contentText {border-bottom: solid 1px #ddd;}
.myStory .contentText p { margin-bottom: 0px;line-height:16px;}
.myStory .more { float:left; font-weight:bold; display:block; text-decoration: none;}
.myStory .more:hover { text-decoration: underline;}
.myStory .more2 {float: right; text-decoration: none; font-weight:bold;}
.myStory .more2:hover { text-decoration: underline;}
.myStory .btnSubmit { float:left; text-align: center; text-decoration: none; font-size:18px;white-space:nowrap;margin-top:5px;color: #d1005d;background: url(../img/btn_tellstory.gif) no-repeat 0 0; width:154px; height:20px; padding:5px 0px;}

#profileInfo { padding-left: 0px;  margin-top:4px;font-size:12px; line-height:18px;}
#profileInfo .profileAvatar { float:left; border:1px solid #134b57; margin-bottom:13px;}
#profileInfo ul { float:left; margin-left:10px; margin-bottom:13px; }
#profileInfo .profileInfoLabel { color: #1c4e6b; font-weight:bold; font-size:11px;}
#profileInfo .btnGrey { margin-left:3px; margin-right:7px;}
#mySupport { width: 98%;}
#mySupport .contentText { line-height:18px;}
#mySupport span {color: #00a0cd; font-weight:bold; text-decoration:none;}

#profileSummary { padding-left: 10px; padding-bottom:20px; z-index:2;}
#profileSummary * { z-index:2;}
#profileSummary .profilePhoto { width:200px; padding-right: 10px; float:left;}
#profileSummary .profileDescription { width:390px;padding-right: 50px;float:left;}
#profileSummary .profileDescription h2 { }
#profileSummary .profileDescription .contentText { padding: 0px;}
#profileSummary .profileDescription .btnSubmit { float:right;}
#profileSummary .profileDescription .targetDate { color: #00a0cd; margin-top:5px; margin-bottom:0px;} 
#profileSummary .profileGraph { width:260px;float:left; margin-top: 30px;}

#homeWideBanner {}
#homeWideBanner .container { background:url(../img/bg_homeWideContainer.jpg) no-repeat 0 0;}
#homeWideBanner #homeWideLeft { float:left; width:300px;}
#homeWideBanner #homeWideMiddle {float:left; width: 330px; padding-right:20px; padding-top:10px; }
#homeWideBanner #homeWideMiddle h1 { color: #d1005d; }
#homeWideBanner #homeWideMiddle .introText { font-weight: normal; font-size:12px; }
#homeWideBanner #homeWideMiddle .contentText { font-size:14px; }
#homeWideBanner #homeWideMiddle .btnStartTarget { float:right; height:63px; width: 149px; background: url(../img/btn_submit_big.gif) no-repeat 0 0;}
#homeWideBanner #homeWideMiddle .btnSubmit { text-align: center; margin-right:30px;text-decoration: none; font-size:18px;white-space:nowrap;margin-top:5px;float:right;color: #d1005d;background: url(../img/btn_login_home.gif) no-repeat 0 0; width:85px; height:20px; padding:5px 0px;}
/**/

#homeWideBanner #homeWideRight { float:left; width:307px; padding:8px 10px 37px 13px;height:213px; background:url(../img/bg_homeWideRight.jpg) no-repeat 0 0;}
#homeWideBanner #homeWideRight h2 { color:#000000; padding-bottom:6px;}
#homeWideBanner #homeWideRight .targetSummary { overflow:hidden; height:178px;}
#homeWideBanner #homeWideRight .targetSummary .hover {background-color: #eee; cursor: pointer;}

#homeWideRight .meerdeelnemers { position:relative; left: 110px; top: 7px; font-weight: bold;}

.dagboekHome {	margin-bottom: 3px; border-bottom:none !important; padding-bottom: 10px !important;}
.dagboekHome h4 { display: inline; color: #1270a1; font-size:12px; margin-right: 3px; }
.dagboekHome img {margin-bottom:-3px;}
.dagboekHome .contentText { height: 100px; overflow: hidden; line-height:16px; height: auto !important;}
.dagboekHome .contentText p { margin-bottom:6px;}
.dagboekHome .contentImageRight { padding-top:20px;} 
.dagboekHome a {font-weight: bold;}
.dagboekHover {background-color: #fff7e9; cursor: pointer;}


.targetSingle {height: 82px; overflow: hidden; margin-bottom: 3px;}
.targetSingle img {margin-bottom:-3px;}
.targetSingle h4 { display: inline; color: #1270a1; font-size:12px; }
.targetSingle h5 { color: #d1005d; padding-top:5px; font-size:11px; font-weight:bold; margin-bottom:0px;}
.targetSingle .contentText { line-height:16px;}
.targetSingle .contentText p { margin-bottom:6px;}
.targetSingle .contentImageRight { padding-top:6px;} 

.homeArticles .targetSingle {height: 110px;}
/*
.homeArticles { padding:5px 11px;}
.homeArticles li { float: left; width:300px; margin:0px 5px 10px 5px; border-bottom:1px dotted #D1005D; padding-bottom:5px;}
.homeArticles li .contentText { padding: 0px; height:100px; overflow:hidden; font-size:12px; line-height:16px; margin-bottom:3px;}
.homeArticles li h3 { font-weight:bold; margin:0px; color: #0083a9; font-size:12px;}
.homeArticles li .respond { background:url(../img/icon_reply.gif) no-repeat 0 4px; padding-left:15px; font-size:11px; color: #747474; text-decoration:none;}
.homeArticles li .respond:hover { text-decoration: underline;}
.homeArticles .more { float: none; font-weight:bold; padding-left:5px;}
*/
.homeArticles {padding:5px 11px; padding-top: 7px;}
.homeArticles h2 {margin-bottom: 10px;}
.homeArticles li { float: left; width:295px; margin:0px 10px 10px 0px; border-bottom:1px dotted #D1005D; padding-bottom:5px; list-style-type: none;}
.homeArticles li .contentText { padding: 0px; height:140px; overflow:hidden; font-size:12px; line-height:16px; margin-bottom:3px;}
.homeArticles li h3 { font-weight:bold; margin:0px 0px 7px 0px; color: #0083a9; font-size:16px;}
.homeArticles li .respond { background:url(../img/icon_reply.gif) no-repeat 0 4px; padding-left:15px; font-size:11px; color: #747474; text-decoration:none;}
.homeArticles li .respond:hover { text-decoration: underline;}
.homeArticles li .respond_empty { font-size:11px; color: #747474; text-decoration:none;}
.homeArticles .more { float: none; font-weight:bold; padding-left:5px;}
.homearticlesbtn  {float: right; margin-right: 15px; font-size: 12px; font-weight: bold;}
.homeArticles .hover {background-color: #eee; cursor: pointer;}

.llrhome li {width: auto;}
.llrhome li h3 {font-size: 13px;}
.llrhome li .contentText {height: auto;}

.llrSubmenu {width: 615px; border-bottom: solid 1px #d0015c; padding-bottom: 6px; float: left; margin-left: 20px;}
.llrSubmenu h2 {float: left;font-size: 14px; font-weight: bold; display: inline; margin-right: 15px; }
.llrSubmenu a {color: #000; font-weight: bold; font-size: 13px; padding: 0px 10px; text-decoration: none; text-transform: uppercase; line-height: 20px; float: left; margin-right: 2px;}
.llrSubmenu .active, .llrSubmenu a:hover {background-color: #dbf82e;}

#bannerFooter { background-color: #a4a4a4; height:223px; padding-top:13px; margin-top: 20px;}
#bannerFooter li { float:left; width:213px; padding:0px 14px;}
#bannerFooter li h3 { color:#fff; font-size:20px; padding-bottom:6px;}
#bannerFooter li .contentText { color:#fff; }
#bannerFooter li a { color: #000; cursor: pointer;}


/* paging*/ 
.pagingWrapper { padding:0px 0px;}
.pagingWrapper a { text-decoration:none;}
.pagingWrapper a:hover { text-decoration:underline;}
.pagerContainer { text-align:center; padding-bottom: 10px; width:370px; float:left;}
.pagerContainer ul { width: 100%;}
.pagerContainer ul li { display: inline;  }
.pagerContainer ul li a,
.pagerContainer ul li span { padding:2px 4px; color: #d1005d; font-size:11px; font-weight:bold;}
.pagerContainer ul li a { }
.pagerContainer ul li a:hover,
.pagerContainer ul li span.current { background-color: #000000; color: #ffffff; text-decoration: none;}
.pagerContainer ul li span.disabled { }


.pagingWrapper .prevPage { float:left; width:110px; margin-left: 12px;}
.pagingWrapper .nextPage { float:right; width:120px; margin-right: 4px;}
.pagingWrapper .prevPage a,
.pagingWrapper .nextPage a { background: url(../img/pagingArrows.gif) no-repeat 0 0; font-weight:bold;}
.pagingWrapper .prevPage a,
.pagingWrapper .prevPage span.disabled { padding-left: 16px; background-position: left 4px; }
.pagingWrapper .nextPage a,
.pagingWrapper .nextPage span.disabled { padding-right: 16px; background-position: right -39px ; }
.pagingWrapper .prevPage span.disabled,
.pagingWrapper .nextPage span.disabled { color: #fff; }
.pagingWrapper span.disabled { display: none;}

/* footer */
#footer .footerCol { float:left;}
#footer h3 { font-size:24px; padding-bottom:10px;}
#footer #footerDiaryEntries { width:285px; padding-left:10px}
#footer #footerDiaryEntries li { clear:both; padding-bottom:3px;}
#footer #footerDiaryEntries img { float:left; padding-right: 5px;}
#footer #footerDiaryEntries a { font-size:11px; color:#d1005d; display:inline; text-decoration: none; font-weight: bold; } 
#footer #footerDiaryEntries .contentText p { margin-bottom:0px; line-height:15px;}

#footer #footerLastReplies { width:344px; padding-left:20px;border-width:0px 1px; border-style: solid; border-color:#b5b5b5;}
#footer #footerLastReplies h4 { color:#1270A1;font-size:12px; padding-top:3px;}
#footer #footerMostreadArticles { width:307px; padding-left:12px;}
#footer #footerMostreadArticles li { background: url(../img/arrow_list_footer.gif) no-repeat 2px 3px; padding-left:18px;padding-bottom:6px;}
#footer #footerMostreadArticles li a { color:#000000; text-decoration: none; font-size:12px;}

.btnMore {padding-right: 15px;background: url(../img/arrow_list_footer.gif) no-repeat center right; font-size: 14px; font-weight: bold; }

/* FORMS */
/* two-column form */

fieldset { padding:0px; margin: 0px; }
legend { position: absolute; text-indent:-1234em; overflow:hidden;}
.dfClear { clear: both; display: block; height: 1px; line-height: 1px; font-size:1px; }
.error { line-height:18px;}

.df2cols { width: 480px; padding:10px 0px 35px 0px; color:#000000; font-size:13px; }
.df2cols .dfRows li { width: 240px; padding-bottom:3px; min-height:45px; height:auto !important; height:50px; float:left;}
.df2cols .dfLabel { width: 240px; display:block; line-height:24px; font-weight: bold;}
.df2cols .dfMandatory { width: 15px; display:none; color: #ff0000;text-align:center; line-height:24px;}
.df2cols .dfControl { width: 240px; display:block; }
.df2cols .dfControl li { width: 240px; float:none; height:auto !important; min-height: 0px !important; padding-bottom:0px;}
.df2cols .dfCheckboxList label { padding-left:3px;}
.df2cols .dfInput input { width: 225px; } 
.df2cols .dfSelect select { width: 225px; } 
.df2cols .dfTextarea textarea {font-size:1.0em;}
.df2cols .dfRadiobuttonList label { padding:0 4px; }
.df2cols .dfRadiobuttonList input { height: 22px;}
/* // two-column form */

/* form define goal */
.dfDefineGoal { padding-top:15px; font-size:13px;}
.dfDefineGoal .dfRows li { width: 520px; padding-bottom:25px;}
.dfDefineGoal .dfMandatory { display:none; }
.dfDefineGoal .dfControl li { padding-bottom:0px; width: auto;}
.dfDefineGoal .dfMyGoalCategory .dfLabel { width:205px; float:left}
.dfDefineGoal .dfMyGoalCategory .dfControl { width: 305px; float:left }
.dfDefineGoal .dfMyGoalCategory .dfSelect select {font-size:11px } 

.dfDefineGoal .dfMyGoalTheGoal .dfLabel,
.dfDefineGoal .dfMyGoalDescription .dfLabel { font-weight:bold; display:block; padding-bottom:10px; }
.dfDefineGoal .dfMyGoalTheGoal .dfInput input,
.dfDefineGoal .dfMyGoalDescription .dfTextarea textarea { width: 510px; padding:4px 2px; } 
.dfDefineGoal .dfMyGoalTheGoal .dfInput input, .dfDefineGoal .dfMyGoalTheWeight .dfInput input { font-size:16px; }
.dfDefineGoal .dfMyGoalDescription .dfTextarea textarea {font-size:12px; height:95px; }
.dfDefineGoal .dfMyGoalTheWeight {display: none;}

.formDiary .dfMyGoalCategory {padding-bottom: 10px !important;}
.formDiary .dfMyGoalTheGoal {padding-top: 5px;}
.formDiary .dfMyGoalTheGoal .dfLabel,
.formDiary .dfMyGoalTheWeight .dfLabel,
.formDiary .dfMyGoalDescription .dfLabel { font-weight:bold; display:block; padding-bottom:5px; }

.formDiary .dfMyGoalTheGoal .dfInput input,
.formDiary .dfMyGoalDescription .dfTextarea textarea { width: 510px; padding:2px 2px; font-size: 12px; } 


.dfProfile { width: 100%; padding:10px 0px 35px 0px; color:#000000; font-size:13px; }
.dfProfile .dfRows { width: 100%; margin-top: 20px;}
.dfProfile .dfRows li { width: 100%; padding-bottom:3px; float:left; padding-bottom: 5px;}
.dfProfile .dfLabel { width: 150px; display:block; line-height:24px; float: left;}
.dfProfile .dfMandatory { width: 15px; display:none; color: #ff0000;text-align:center; line-height:24px;}
.dfProfile .dfControl { width: 240px; display:block; float: left; }
.dfProfile .dfControl li { width: 100%; float:none; height:auto !important; min-height: 0px !important; padding-bottom:0px;}
.dfProfile .dfCheckboxList label { padding-left:3px;}
.dfProfile .dfInput input { width: 225px; } 
.dfProfile .dfSelect select { width: 225px; } 
.dfProfile .dfTextarea textarea {font-size:1.0em;}
.dfProfile .dfRadiobuttonList label { padding:0 4px; }
.dfProfile .dfRadiobuttonList input { height: 22px;}
.dfProfile .addPicture {width: 110px;}
.dfProfile .dfExtraInfo {float: left; font-size: 11px; width: 190px;}

/* //form define goal */


/* form invite friend */
.formInviteFriend { font-size:12px; width:292px;padding-top:15px;}
.formInviteFriend p { padding:2px 0px;}
.formInviteFriend label { float:left; width:50px; }
.formInviteFriend input { float:left; width:238px; }
.formInviteFriend .addFriend { font-weight: bold; color: #d1005d; display:block;}
.formInviteFriend .btnSubmitSimple { margin-right:2px; }
/* //// form invite friend */


/* form Diary Entry */
.formDiary { padding: 0px 25px 25px 25px}
.formDiary .diaryPhotos li { float:left; margin-right:5px;}
.formDiary .diaryPhotos .newline {clear: left;}
.formDiary .diaryPhotos li {margin-bottom: 5px;}
.formDiary textarea {padding: 5px;}

.formDiaryCategory { width:450px; padding-bottom:10px;} 
.formDiaryCategory label { float: left; font-weight:bold; display:block; width: 190px;}
.formDiaryCategory select { float: left; }

.formExpertCategory { width:100%; padding-bottom:10px;} 
.formExpertCategory label { float: left; font-weight:bold; display:block; width: 190px;}
.formExpertCategory select { float: left; }
.formExpertCategory .formSoort {float: left; margin-left: 10px;}
.formExpertCategory .formSoort label { float: left; font-weight:bold; display:inline; width:60px;}
.formExpertCategory .formSoort input { float: left; width: 120px;}

.formDiaryStory {width:450px; padding-bottom:10px;} 
.formDiaryStory label { font-weight:bold; display:block;}
.formDiaryStory textarea { width:425px; height:185px;}
.formDiaryStory .btnAddPicture { padding:3px 28px 5px 28px ; line-height:21px; font-weight:bold;background:#f0d1e0 url(../img/icon_picture.gif) no-repeat 8px 4px; color: #000; text-decoration:none;}
.formDiaryStory .btnAddPicture:hover { text-decoration:none;}
.formDiaryDate { float:left; width:150px; padding-top:15px;}
.formDiaryDate label { font-weight:bold; display:block;}
.formDiaryDate input { width:75px; cursor:pointer; }
.formDiaryDate .ui-datepicker-trigger { position:absolute;margin-left:3px; cursor:pointer;}
.formDiaryEndThisGoal label { line-height: 24px;}
.formDiaryEndThisGoal input { float: left; padding-left:5px;}
.formDiaryEndThisGoal { font-size: 12px;}

.formDiaryWeight { padding-bottom:20px;}
.formDiaryWeight label { display:block; padding-bottom: 5px;}
.formDiaryWeight input { padding: 3px;}

.formDiaryRating { padding-bottom:20px;}
.formDiaryRating label { display:block;}
.formDiaryRating .diaryRatingValue {position: absolute; text-indent:-1234em; overflow:hidden; visibility:hidden}
.formDiaryRating .diaryRatingSlider { float:left;width:143px; margin-top:15px; -moz-border-radius: 0px !important;  border:none; background:url(../img/sliderHandleBG.gif) no-repeat 0 0; }
.formDiaryRating .diaryRatingSlider .ui-slider-handle  { cursor:pointer; -moz-border-radius: 0px !important; background:url(../img/sliderHandle.gif) no-repeat 0 0; width:15px;height:16px; border:none; }
.formDiaryRating .diaryRatingValueLabel {  float:left; font-size: 22px; font-weight:bold; padding-top:5px;margin-left:10px;}
.formDiaryRating .diaryRatingText {line-height: 32px; font-size: 13px; float: right; margin-right: 220px;}

/* /////form Diary Entry */



.dfForm { width: 382px; background-color: #f3f3f3; padding:20px 20px 5px 20px; font-size:0.9em; color:#666666 }
.dfForm label { color:#666666}
.dfForm fieldset { padding:0px; margin: 0px; }
.dfForm legend {position: absolute; text-indent:-1234em; overflow:hidden;}
.dfForm .dfClear { clear: both; display: block; height: 1px; line-height: 1px; font-size:1px; }
.dfForm .error { line-height:1.8em;}

.dfForm .dfRows li { width: 382px; padding-bottom:10px; min-height:30px; height:auto !important; height:30px;}

.dfForm .dfLabel { width: 138px; display:block; float: left; line-height:24px;}
.dfForm .dfMandatory { width: 15px; display:block; float: left; color: #ff0000;text-align:center; line-height:24px;}
.dfForm .dfControl { width: 229px; display:block; float: left;}
.dfForm .dfControl li { width: 229px; float:none; height:auto !important; min-height: 0px !important; padding-bottom:0px;}

.dfForm .dfCheckboxList label { padding-left:3px;}

.dfForm .dfInput input { width: 223px; padding-left: 2px; } 
.dfForm .dfSelect select { width: 223px; } 
.dfForm .dfTextarea textarea {font-size:1.0em; padding-left: 2px;}
.dfForm .dfRadiobuttonList label { padding-right:8px;}

.correctHeight {min-height: 47px !important;}


.dfNewLine {clear: both;}
.watermark {color: #aaa;}

.gebdag {width: 50px !important; float: left; margin-right: 3px;}
.gebmaand {width: 94px !important; float: left; margin-right: 3px;}
.gebjaar {width: 70px !important; float: left;}

.profile .dfSelect {float: left !important; width: auto !important;}
.profile .fullwidth {width: 450px !important;}

.dfCombine .dfInput {width: auto !important; float: left !important;}
.dfCombine .dfStraat {width: 165px !important; margin-right: 5px;}
.dfCombine .dfHuisnr {width: 50px !important;}


#paging {font-size:16px; font-weight: bold; height:20px; margin-top: 10px; margin-bottom: 10px; padding: 5px;}
#paging .prev {	DISPLAY: none; FLOAT: left; WIDTH: 120px; MARGIN-RIGHT: 8px; TEXT-ALIGN: left}
#paging .prev A {PADDING-LEFT: 12px; BACKGROUND: url(../../images/pijllinks.gif) no-repeat left 4px; text-decoration:none;}
#paging .next {	DISPLAY: none; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 120px; TEXT-ALIGN: right}
#paging .next A {PADDING-RIGHT: 12px; BACKGROUND: url(../../images/pijlrechts.gif) no-repeat right 4px; text-decoration:none;}
#paging .pageNo {DISPLAY: block; FLOAT: left; WIDTH: 100%; TEXT-ALIGN: center}
#paging .pageNo A {PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; TEXT-DECORATION: none}
#paging .pageNo A:hover {COLOR: #fff; BACKGROUND-COLOR: #000}
#paging .pageNo .active {COLOR: #fff; BACKGROUND-COLOR: #000}
#paging .next A:hover {	TEXT-DECORATION: underline}
#paging .prev A:hover {	TEXT-DECORATION: underline}

.popuplayer {
	background-color:#FFFFFF;
	border:7px solid #d1005d;
	width: 300px;
	font-size:12px;
	padding:20px;
	text-align: left !important;
}
.popuplayer p {margin-top: 15px; margin-bottom:0px;}
.popupclose {position:absolute; top:5px; right:5px; border-bottom:1px solid #7D003F; border-right:1px solid #7D003F;border-top:1px solid #F7118F;border-left:1px solid #F7118F;}
.popuplayer .optin LABEL {
	CLEAR: none; FLOAT: left; WIDTH: auto; LINE-HEIGHT: 20px; MARGIN-left: 3px; font-size:11px; padding-top:-5px; margin-top:-2px;
}
.popuplayer .optin INPUT {
	float: left; MARGIN-LEFT: 100px; width:15px; border: 0px; height:15px; padding-top:2px;
}
.popuplayer H6 {	FONT-SIZE: 1.2em;	MARGIN-BOTTOM: 7px;	COLOR: #dc4085; font-style: normal;}

/* popup formulier */

.popupform {margin-top: 10px; font-size:12px;}
.popupform .error {clear: left; width: 210px; margin-left: 100px; display: block; float: left;}
.popupform LABEL {
	CLEAR: left; DISPLAY: block; FLOAT: left; WIDTH: 100px; LINE-HEIGHT: 18px; TEXT-ALIGN: left; margin-bottom: 7px; padding-top:1px;
}
.popupform INPUT {
	FONT-SIZE: 100%; float:left; MARGIN: 2px 3px 2px 0px; WIDTH: 180px; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #999999;
}
.popupform textarea {
	FONT-SIZE: 100%; float:left; MARGIN: 2px 3px 2px 0px; WIDTH: 180px; FONT-FAMILY: Arial, Helvetica, sans-serif; border: 1px solid #999999;
}
.popupform .big {height: 150px; clear: both; width: 100%;}
.popupbutton {
	display:block;
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 12px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: url(../images/pijlbutton.gif) #d1005d no-repeat right 0px;
	LEFT: 100px;
	FLOAT: left; 
	PADDING-BOTTOM: 0px;
	WIDTH: 88px;
	CURSOR: hand;
	COLOR: #fff;
	PADDING-TOP: 3px;
	POSITION: relative;
	HEIGHT: 19px;
	TEXT-ALIGN: left;
	BORDER-RIGHT-WIDTH: 0px;
	margin-top: 10px;
}
a.popupbutton {color:#FFFFFF; text-decoration:none;}
a.popupbutton:hover {color:#FFFFFF; text-decoration:underline;}

/* Uploader style */
.uploadifyQueue {display: none;}

.error {color: #f00;}

.btnPink { background-color: #d1005d; margin-right:10px;}
.btnPink .btnInnerWrapper { color: #fff; }
.btnPink:hover { background-color: #000000;  }

#homeSingle { font-size:12px; line-height: 18px; width: 610px; padding-left: 20px;}
#homeSingle .introText { padding: 0px; font-size:16px; line-height:22px; font-weight: normal;}
#homeSingle h1,#homeSingle h2 { margin-bottom: 15px;}
#homeSingle strong { font-weight:bold;}
#homeSingle p { margin-bottom:12px;}
#homeSingle ul { list-style: disc outside; } 

#homeSingle .diaryPhotos {margin-top: 10px;}
#homeSingle .diaryPhotos li { float:left; margin-right:5px;}

.pageTools {padding-right: 10px;}
.pageTools a {color:#1270a1; font-size: 11px;}
.path  {margin-bottom:10px; font-size:11px; color:#999; width: 700px; padding-left: 20px; height: 24px; line-height: 24px;}
.path2  {font-size:11px; color:#999; float: right; margin-top: 5px; }
.path2 a, .path2 a:visited, .path a, .path a:visited {color:#1270a1; }

#tags  {margin-top:10px; font-size:11px;}
#tags strong {color:#1270a1; font-weight: bold;}
#tags p {margin-bottom: 12px;}
#tags ul {font-size: 12px; font-weight: normal; text-indent: 2px; list-style-position: outside;  list-style-type: square; padding: 0px 0px 0px 30px; margin: 0px 10px 20px 10px;}

#react {height:30px; border-top:1px dotted #C06; border-bottom:1px dotted #C06; padding:10px; margin-bottom:20px;}
.spacer  {height:35px;}

.reactie {border-bottom:1px dotted #d1005d; margin-bottom:12px; padding-bottom: 10px; }
.reactie p {margin-top: 2px; margin-bottom:2px;}
.reactie .afzender {text-align:right; font-size:11px; font-weight:bold; color:#007f9f;}

#socialmedia a
{
	margin-right: 3px;
	margin-top: 3px;
	border: none;
	vertical-align: middle;
}

#searchResults {font-size: 12px; overflow-x:hidden; width:100%; }


/* OUDE PANELS */

.PanelSearch {background-color: #b1b1b1; height: 31px;}
.PanelSearch .PanelSearch_input {float: left; margin-top: 5px; margin-left: 5px; width: 215px;}
.PanelSearch .PanelSearch_btn {float: left; margin-top: 7px; margin-left: 17px; height: 17px; border: solid 1px #ddd; font-size: 11px; font-weight: bold;}

.Panelright	{padding:0px; margin:0px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.Panelright p	{margin-top: 3px; line-height:1.4em;}
.Panelright img	{border: 0px; cursor: pointer;}

#laatste5		{padding:0px; margin:0px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#laatste5 ol	{list-style:none outside; margin:0px; padding:0px; line-height:14px;}
#laatste5 ol li {padding-left:27px;background: transparent url('../images/bullit_recept.gif') no-repeat 0px -3px; margin:0px; padding-top:0px; padding-bottom:6px;}
#laatste5 ol li a {color:#000000;text-decoration:none;font-weight:normal;}
#laatste5 ol li a:hover {color:#d1005d;text-decoration:underline;font-weight:normal;}

#bannerbottom {text-align: center;}

.listDoelen {margin: 10px;}
.listDoelen li {list-style-type: circle; list-style-position: outside;	margin: 10px;}

.searchGoals {padding: 5px; background-color: #eee; margin-bottom: 20px; height: 22px;}
.searchGoals .label1 {width: 65px; float: left; margin-top: 3px; margin-left: 3px; font-weight: bold; }
.searchGoals .label2 {width: 55px; float: left; margin-top: 3px;font-weight: bold; }
.searchGoals input {float: left; margin-right: 15px;}
.searchGoals select {float: left; margin-right: 110px;}

.searchGoals a {float: left; background-color: #d1005d; color: #fff; padding: 3px 8px; text-decoration: none; font-weight: bold;}

/* GENERAL FOOTER */

#generalfooter {
	width: 965px;
	overflow:auto;
	text-align: left;
	margin: 0px auto;
	background:url("../../images/footerbg.jpg") left top no-repeat;
}
#generalfooter strong {
	font-weight:bold;
}
.footerkolom{
	position: relative; 
	float:left;
	width: 160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:15px;
}
.footerkolom a{
	color:#9b3d6c;
	text-decoration:none;
}
.footerkolom a:hover {
	text-decoration:underline;
	color:#ca0968;
}
.footerkolom ul{
	list-style-image: url(../../images/pijllink.gif);
	margin: 2px 0 2px 10px;
	padding: 0;
}
.footerkolom ul li{
	margin-top:5px;
}


/* FAQ */

#accordion{
	padding:0px !important;
	width:100% !important;
}

#accordion h3
{
	margin: 0px !important;
}

#accordion .ui-icon
{
	display: none;
}

.accordion_headings
{
	height: 25px;
	line-height: 20px !important;
	padding:5px;
	background:#FFFFFF url('../../images/faq_question.gif') no-repeat 0px 0px !important;
	color:#d1005d !important;
	padding-left: 25px !important;
	cursor:pointer !important;
	font-weight:bold !important;
	border: none !important;
}

.accordion_headings:hover{
	background:#d1005d url('../../images/faq_active.gif') no-repeat 0px 0px;
	padding-left: 25px;
	color:#FFFFFF;
}

#accordion .ui-state-active
{
	background:#d1005d url('../../images/faq_active.gif') no-repeat 0px 0px !important;
	padding-left: 25px !important;
	color:#FFFFFF !important;
}

.accordion_child
{
	padding:15px !important;
	background:#fce5f2 !important;
	border: 1px solid #d1005d !important;
	overflow: hidden !important;
}

.header_highlight{
	background:#d1005d url('../../images/faq_active.gif') no-repeat 0px 0px;
	padding-left: 25px;
	color:#FFFFFF;
}

.faqCategory {
	PADDING: 6px; background-color:#fce5f2; border: 1px solid #f1a3cf; margin-top:15px; margin-bottom:10px;
}
.faqCategory H6 {
	FLOAT: left; MARGIN-RIGHT: 13px; font-size:12px; padding-top: 3px;
}
.faqCategory INPUT {
	FLOAT: left
}



/* Foto en video */

#fotopage	{padding:0px; margin:0px 0px 30px 0px; font-size:12px;}
#fotopage .thumb	{float:left; width: 120px; border:#cccccc 1px solid; text-align:center; background-color:#FFFFFF; padding: 5px; margin-bottom:8px; margin-left:3px; margin-right:5px;display:inline;}
#fotopage img {border:0px;}
#fotopage p { font-size:12px; margin-top: 5px;}

#fotopage ul	{list-style:none outside; margin:0px; padding:0px; line-height:14px;}
#fotopage ul li {padding-left:27px;background: transparent url('../../images/bullit_album.gif') no-repeat 0px -3px; margin:0px; padding-top:0px; padding-bottom:10px;}
#fotopage ul li a {color:#000000;text-decoration:none;font-weight:normal;}
#fotopage ul li a:hover {color:#d1005d;text-decoration:underline;font-weight:normal;}

#videopage	{padding:0px; margin:0px 0px 30px 0px;}
#videopage .thumb	{float:left; width:180px; height:150px;border:#cccccc 1px solid; text-align:center; font-size:11px;background-color:#FFFFFF; padding: 5px; margin-bottom:10px; margin-left:0px; margin-right:10px;display:inline;}
#videopage img {border:0px;}
#videopage p { font-size:12px; margin-top: 5px;}

.album 	{clear: both; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#007f9f; line-height:25px;}

#videoplayer {padding:0px; margin:0px 0px 30px 0px;}
.margin2 {clear: both; display: none;}

a.next  {display:inline; width:auto; text-decoration:none;font-size:11px; font-weight:bold; color:#d1005d; padding-left:24px; padding-bottom: 3px; line-height:25px; background:transparent no-repeat 0px -4px; background-image:url('../../images/pijlmeer.gif'); margin-top:2px; cursor: pointer;}
a.next:hover  {text-decoration:underline; color:#007f9f;}

a.nextwit  {display:inline; width:auto; text-decoration:none;font-size:11px; font-weight:bold; color:#ffffff; padding-left:24px; padding-bottom: 3px; line-height:25px; background:transparent no-repeat 0px -3px; background-image:url('../../images/pijlmeer_roze.gif'); margin-top:2px; }
a.nextwit:hover  {text-decoration:underline; color:#ffffff;}

/* PANELS */

#groen300 {background-color:#d9f536; margin-bottom:-5px; margin-top: 3px; width: 300px;}
#groen300top {background: url("../../images/groen300_top.gif") left top no-repeat; height:9px;font-size:1px; line-height:0;}
#groen300middle {background: url("../../images/groen300_bg.gif") #d9f536 left top no-repeat; padding: 0px 8px 0px 8px; font-size:11px; color:#ffffff;}
#groen300bottom {}

a.linkopgroen {display:inline; width:auto; font-weight:bold; font:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-decoration:none; padding-left:24px; padding-bottom: 3px; line-height:25px; background:transparent no-repeat 0px -3px; background-image:url('../../images/pijlopgroen.gif'); margin-top:2px;}
a.linkopgroen:hover {color:#d1005d; text-decoration:underline;}

#roze300 {background-color:#d1005d; margin-bottom:-5px; margin-top: 3px; width: 300px;}
#roze300top {background: url("../../images/roze300_top.gif") left top no-repeat; height:9px;font-size:1px; line-height:0;}
#roze300middle {background-color:#d1005d; padding: 0px 8px 0px 8px; font-size:11px; color:#ffffff;}
#roze300bottom {background: url("../../images/roze300_bottom.gif") left top no-repeat; height:9px;font-size:1px; line-height:0;}

#pink300links	ul	{list-style:none outside; margin:0px; padding:0px; line-height:16px;}
#pink300links	ul li {padding-left:12px;background: transparent url('../../images/pijlrechts.gif') no-repeat 0px 4px; margin:5px 0px 0px 4px; padding-top:0px; padding-bottom:0px;}
#pink300links	ul li a {color:#000000;text-decoration:none;font-weight:normal;}
#pink300links	ul li a:hover {color:#d1005d;text-decoration:underline;font-weight:normal;}

#grijs300 {background-color:#e8e8e8; margin-bottom:15px; width: 300px;}
#grijs300top {background: url("../../images/grijs300_top.gif") left top no-repeat; height:9px;font-size:1px; line-height:0;}
#grijs300middle {background-color:#e8e8e8; padding: 0px 8px 0px 8px; font-size:11px; color:#000000;}
#grijs300bottom {background: url("../../images/grijs300_bottom.gif") left top no-repeat; height:9px;font-size:1px; line-height:0;}

.floatright		{float:right; margin-left: 10px; margin-top: 5px;}

/* Ladies Ride */
#hoofdsponsors {margin:0px; padding:0px;}
#hoofdsponsors .thumb	{float:left; width: 130px; height:50px; text-align:center; background-color:#FFFFFF; border: 1px solid #CCCCCC; margin:5px;display: inline;}
#hoofdsponsors img {border:0px; margin:0px; padding:0px;}
.clearboth {
	CLEAR: both
}

#fotogallery	{padding:0px; margin:0px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; width:217px;}
#fotogallery .thumb	{float:left; width: 60px; border:#000 1px solid; text-align:center; background-color:#000; margin-bottom:5px; margin-right:5px;}
#fotogallery img {border:0px;}



/*======================  DYNFORM STYLES  =======================================*/

.dfClear {clear: both; display: block; height: 1px; line-height: 1px; width: 1px;}
.dfLabel {float: left; width: 200px; clear: both;}
.dfMandatory {float: left; width: 30px;text-align:center;}

.dfRows {list-style: none; margin: 0px; }

.mandatory {float: left;}

.dfCaptchaImage {margin-left: 175px;}
.dfRows div {float:left;}
.dfRows div ul {list-style: none; margin: 0px;} 
.dfRows div li {list-style: none;} 

.dfRadiobuttonList input {float: left; width: 20px !important;}
.dfRadiobuttonList label {float: left; margin-right: 10px;}

.dfSelect {float: left; margin-right: 3px;}

.dfLabelBefore {float: left; margin-left: 10px; margin-right: 3px;}
.dfLabelAfter {float: left; margin-left: 1px; margin-right: 5px; width:auto !important;}
.dfReadonlyItem {float: left; margin-right: 5px;}
.dfRows .error {clear:both; width: 100%; }

.dfTooltip {float: left;}

.dfUploadIframe {width: 450px; border: none; margin: 0px; padding: 0px; display: block; }
.dfUploadImage {border: 1px solid #000 !important; margin-bottom: 5px; display: block;} 
.dfUploadChange {width: 150px; margin-right: 15px;}
.dfUploadDelete {}
.dfUploadFile {margin-top: 10px;}
.dfUploadSend {}

.dfUploadImagePreview {border: 1px solid #000 !important; margin-bottom: 5px;}

.dfYouTubePreview {float: left; clear: both; border: solid 1px #000;}



/*======================  CUSTOM FORM STYLES  =======================================*/
#dynForm { padding-top:10px; width:100%; font-size: 12px !important;}

#dynForm ul {  list-style: none none !important; margin:0px !important;margin:0px !important; padding: 0px;}
#dynForm li { margin:0px 0px 0px 0px !important;}
#dynForm .dfLabel {width:120px; line-height:1.8em; text-align: right;}
#dynForm .dfMandatory { color:#f00; width:25px; text-align:center; line-height:1.8em;}

#dynForm .dfControl label { line-height:1.8em;}
.dfRadiobuttonList {margin:0px !important; padding:0px !important; height:16px;}
.dfDateControl input {width: 220px !important;}

.dfCombine li {float: left;}
.dfStraat {width: 172px !important; margin-right: 2px;}
.dfHuisnr {width: 40px !important;}
.optinlist input {clear: left; float: left; margin-right: 2px;}
.optinlist label {width: 200px !important; float: left; font-size: 11px;}

#dynForm select {width: 220px;}
#dynForm .legend  { margin-left:160px; color:#f00;}
#dynForm legend { display:none; }
#dynForm .dfInput input { width:220px; border:1px solid #999999; padding:2px 2px 1px 2px;}
#dynForm .dfTextarea textarea { width:220px; height:75px;border:1px solid #999999; padding:2px;font-family: Tahoma, Geneva, sans-serif; font-size:1.1em; }
#dynForm .btnSubmit { float:right; font-size:1.05em; text-decoration:none;padding:3px 33px 5px 18px;display:block;  font-weight:bold; color: #ffffff;background: #818209 url('../img/arrowWhiteBig.gif') no-repeat right top;}

.verstuurButton {
	display:block;
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 12px;
	FONT-WEIGHT: bold;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: url(../images/pijlbutton.gif) #d1005d no-repeat right 0px;
	LEFT: 145px;
	FLOAT: left; 
	PADDING-BOTTOM: 0px;
	WIDTH: 88px;
	CURSOR: hand;
	COLOR: #fff;
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 0px;
	POSITION: relative;
	HEIGHT: 19px;
	TEXT-ALIGN: left;
	BORDER-RIGHT-WIDTH: 0px;
	margin-top: 10px;
	line-height: 15px;
}
a.verstuurButton {color:#FFFFFF; text-decoration:none;}
a.verstuurButton:hover {color:#FFFFFF; text-decoration:underline;}

.btnAddDisabled {cursor: not-allowed;}