@import url('boiler.css');

/* Custom voor AVVONLINE login */

.Info {margin-left:10px;}

.ContentPane table td .Normal {line-height:1.6;}

.ContentPane table {width:auto !important;}
.ContentPane table td {text-align:left !important;}
.ContentPane table td.SubHead {padding-top:15px; font-weight: bold;}
.ContentPane table td input.NormalTextBox {margin-left:0px; !important;margin-top:5px; width: 300px !important;}
.ContentPane table td .Normal input {margin-right:10px;}
.ContentPane table td .StandardButton, #dnn_ctr578_ResetPassword_cmdSendPassword {
	margin-top:20px;
	padding:6px 10px 6px 10px;
	font-size: 14px;
	display:block;
	background-color:#0094c6;
	border: none;
	text-decoration:none;
	font-weight:700;
	color:#fff !important;
	cursor:pointer;
	white-space: nowrap;
}

#dnn_ctr578_ResetPassword_plUserName_imgHelp{display:none;}
.ContentPane table td br {display:none;}

.ContentPane table td .Normal br {display:block;}

.ContentPane table td .StandardButton:hover{
background-color:#fbd741;
color: #000;
}

.ContentPane table td .CommandButton {display:block;}

/* ==================================== */
/*	DIV & PANES							*/
/* ==================================== */

#PageBody
{
	margin: 0px !important;
	height:100%;
	background-color:#ffffff;
}

nav.MetaNavigation
{
    background-color:#e9eff3;
    height:30px;
}

nav.GlobalNavigation
{
    background-image:url('img/GlobalNavigation_bg.jpg');
    background-repeat:repeat-x;
    height:48px;
}

div.MetaNavigation960
{
    width:940px;
    margin-left:auto;
    margin-right:auto;
}

section.Heading
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('img/Banner_bg.jpg');
    background-position:right 5px;
    background-repeat:no-repeat;
    height:110px;
}

section.Heading .HeadingOuter
{
    float:left;
    height:110px;
    width:520px;
    margin-left:20px;
}

section.Heading .HeadingOuter .TextTable,
section.Heading .HeadingOuter .TextTable td
{
    height:110px;
    vertical-align:middle;
}

section.Heading .HeadingOuter .TextTable span
{
    color:#007dba;
    font-size:23px;
    line-height:30px;
}

.AanmeldenOuter
{
    float:right;
    background-image:url('img/Aanmelden_bg.png');
    background-repeat:no-repeat;
}

.AanmeldenOuter:hover
{
    background-image:url('img/Aanmelden_hover_bg.png');
}

.AanmeldenInner
{
    width:210px;
    height:50px;
    padding-top:10px;
    padding-left:10px;
    cursor:pointer;
}

section.Heading .AanmeldenOuter
{
    margin-right:10px;
    margin-top:25px;
}

div.GlobalNavigationShadow
{
    background-image:url('img/GlobalNavigation_shadow.jpg');
    background-repeat:repeat-x;
    height:8px;
}

.home div.GlobalNavigationShadow
{
    background-image:url('img/GlobalNavigationHome_shadow.jpg');   
}

section.SubHeading
{
    background-color:#e8eef2;
	line-height:30px;
}

.home section.SubHeading
{
    border-bottom:solid 1px #ccdfea;
}

section.SubHeading .HeadingPane
{
    width:940px;
    margin-left:auto;
    margin-right:auto;
}

nav.Breadcrumb 
{
    width:940px;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}

section.MainContent 
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

nav.SubNavigation
{
    width:160px;
    margin-left:10px;
    margin-right:10px;
    float:left;
}

/* MainContent PANES */

.RightPane 
{
    float:right;
    width:220px;
    margin-left:10px;
    margin-right:10px;
}

.tip .RightPane
{
    width:280px;
}

.ContentPane
{
    float:left;
    width:700px;
    margin-left:10px;
    margin-right:10px;
}

.admin .ContentPane
{
    width:960px;
}

.sub .ContentPane
{
    width:520px;
}

.tip .ContentPane
{
    width:640px;
}

.CLeftPane 
{
    clear:left;
}

.CLeftPane,
.CRightPane
{
    float:left;
    width:340px;
    margin-left:10px;
    margin-right:10px;
}

.ContentPanes
{
    width:540px;
    float:left;
}

.sub .CLeftPane
{
    clear:none;
    width:250px;   
}
.sub .CRightPane
{
    width:250px;
}

.tip .CLeftPane,
.tip .CMiddlePane,
.tip .CRightPane
{
    float:left;
    width:200px;
    margin-left:10px;
    margin-right:10px;
}

/* Footer */


.wrapper 
{
	min-height: 100%;
}

#footer
{
    clear:both;
    border-top:solid 1px #fada3a;
    background-color:#d2e6f3;
}

footer .Footer
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
}

footer .FooterPane
{
    width:160px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

footer .FooterPaneLast
{
    width:220px;
}

footer .FooterBalk
{
    height:27px;
    background-image:url('img/Footer_bg.jpg');
    background-repeat:repeat-x;
}
footer .FooterBalk .footercenter
{
	width: 940px;
	margin: 0px auto;
	text-align: right;
	padding-top: 5px;
}

footer .FooterBalk .footercenter a
{
	color: #fff;
	margin-top: 5px;
}

footer .Footer a 
{
    color:#333333;
}

footer .Footer a:hover
{
    color:#007dba;
}

/* Layout mode hacks border-left & right ==> width - 2 */

section.SubHeading .HeadingPane.paneOutline
{
    width:938px;
}

footer .FooterPane.paneOutline
{
    width:158px;
}

footer .FooterPaneLast.paneOutline
{
    width:218px;
}

.RightPane.paneOutline
{
    width:218px;
}

.tip .RightPane.paneOutline
{
    width:278px;
}

.ContentPane.paneOutline
{
    width:698px;
}

.sub .ContentPane.paneOutline
{
    width:518px;
}

.tip .ContentPane.paneOutline
{
    width:638px;
}

.CLeftPane.paneOutline,
.CRightPane.paneOutline
{
    width:338px;
}

.sub .CLeftPane.paneOutline
{
    width:278px;   
}
.sub .CRightPane.paneOutline
{
    width:218px;
}

.tip .CLeftPane.paneOutline,
.tip .CMiddlePane.paneOutline,
.tip .CRightPane.paneOutline
{
    width:198px;
}

/* ==================================== */
/*	CUSTOM CLASSES						*/
/* ==================================== */

/* RadEditor tegoei krijgen */

.RadEditor {height:auto !important;}

/* InschrijvingMailingForm formmaster */

.InschrijvingMailingFormMain tbody tr:last-child
{
    display:none;
}

/* Weer skin object */

.HiddenWeer {display:none;}

#externalforecast
{
    padding-top:5px;
    padding-bottom:5px;
    border:none !important;
    background-color:transparent !important;
    width:160px !important;
    height:auto !important;
    overflow:hidden !important;
}

#externalforecast table
{
    width:160px !important;
}

#externalforecast td.first,
#externalforecast td.icon,
#externalforecast td.lightblue
{
    vertical-align:middle !important;
    border:none !important;
}

#forecast_1 div
{
    display:none !important;
}

/* Address */

address.Address
{
    font-style:normal;
    padding-top:5px;
    padding-bottom:5px;
}

address.Address em
{
    font-style:normal;
}

address.Address .AVEVEContact,
address.Address .AVEVEBelMij
{
    margin-top:5px;
}

/* Anders komt het admin menu over de header */
#dnnCPWrap
{
    position:static !important;
    height:29px;
    border-left:none !important;
    border-right:none !important;
}

.ClearBoth 
{
    clear:both;
}

.ClearLeft 
{
    clear:left;
}

.paneOutline 
{
    
}

#LargeImage {clear:left;margin-bottom:4px;}

.SubNavImage
{
    width:160px;
    height:100px;
    display:none;
}

a.actionbutton, a.actionbutton:link, a.actionbutton:visited{
	padding:6px 10px 6px 10px;
}

.actionbutton, a.actionbutton,a.actionbutton:link,a.actionbutton:visited, .actionbutton {
display:block;
float:right;
background-color:#0094c6;
border: none;
text-decoration:none;
font-weight:700;
color:#fff !important;
cursor:pointer;
margin:0;
white-space: nowrap;
}

a.actionbutton:active,a.actionbutton:hover{
background-color:#fbd741;
color: #000;
}

.overviewtable h3
{
	margin-bottom: 7px;
}
.overviewtable h3 a, .overviewtable h3 a:link, .overviewtable h3 a:visited
{
	text-decoration: none;	
}

.overviewtable h3 a:hover, .overviewtable h3 a:active
{
	text-decoration: underline;	
}

.overviewtable ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.overviewtable ul li
{
	background-image: url(img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px; 
	background-position-x: 0px; 
	background-position-y: 0px; 
	padding-left: 10px;
}
.overviewtable li a, .overviewtable li a:link, .overviewtable li a:visited
{
	text-decoration: none;
	color: #333;
}

.overviewtable li a:hover, .overviewtable li a:active
{
	text-decoration: underline;
}
/* ==================================== */
/*	BASIS HTML							*/
/* ==================================== */

html 
{
	overflow-y: scroll;
	font-size:13px;
	font-family: Verdana;
	color:#333333;
	height:100%;
} 

body,
form
{
	margin: 0px !important;
	height:100%;
	background-color:#ffffff;
	font-family: Verdana;
	font-size:13px;
}

#Body 
{
	margin: 0px;
	height:100%;
	background-color:#ffffff;
}

p
{
	margin: 0px;
	line-height:1.6;
	margin-bottom:10px;
}

A
{
	color:#007dba;
}

A:link
{
	color:#007dba;
}

A:visited
{
	color:#007dba;
}

H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover
{
    color:#333333;	
}

A:hover
{
	color:#333333;
}

A:active
{
	color:#333333;
}

SMALL
{
}

BIG
{
}

BLOCKQUOTE
{
	
}

TFOOT
{
}

THEAD
{
}

TD
{
	font-size:13px;
	line-height:17px;
}

TH
{
	font-size:13px;
	line-height:17px;
}

OL
{
    margin:0px;
    margin-left:-20px;
}

UL
{
    margin:0px;
    margin-left:-20px;
    list-style:disc;
}

LI
{
}


HR
{
	color:#333333;
	size:1px;
}

H1, H1 A
{
	color:#007dba;
	font-family: Verdana;
	font-size:26px;
	margin:0px;
}

H2, H2 A
{
	color:#333333;
	font-family: Verdana;
	font-size:20px;
	margin:0px;
}

H3, H3 A
{
	color:#007dba;
	font-family: Verdana;
	font-size:18px;
	margin:0px;
	font-weight:500;
}

H4, H4 A
{
	color:#333333;
	font-family: Verdana;
	font-size:16px;
	margin:0px;
}

H5, H5 A
{
	color:#007dba;
	font-family: Verdana;
	font-size:14px;
	margin:0px;
}

H6, H6 A
{
	color:#333333;
	font-family: Verdana;
	font-size:14px;
	margin:0px;
}

Legend
{
	color:#333333;
	font-weight:bold;
}

Textarea, Input, Select
{
	font-size:14px;
	font-family: Verdana;
	color:#333333;
}

Textarea, Input[type='text'], Input[type='password']
{
    border:solid 1px #999999;
}

IMG
{
	border:0px;
}


/* ==================================== */
/* ================DNN================= */
/* ==================================== */
.FormTextBox
{
	margin-bottom: 8px;
}

.FormTextBox label
{
	margin-left: 5px;
	margin-right: 20px;
	margin-top: 4px;
}

.FormLabel
{
	font-weight: bold;
}
.DNNEmptyPane
{
	padding:0px;
	margin:0px;
	line-height:0px;
	font-size:0px;
}

.PagingTable
{
	border:solid 0px #222222;
	border-top:solid 1px #e2e2e2;
	background-color:#ffffff !important;
}

/* styles for control panel */
.ControlPanel
{
	border-bottom:solid 5px #cccccc;
}

/* style for module titles */
.Head
{
	color:#333333;
	font-family: Verdana;
	font-size:20px;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	color:#333333;
	font-family: Verdana;
	font-size:16px;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{

}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled 
{	
    font-size:13px;
	color:#5c5c5c;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-weight:bold;
}

/* text style used for error messages */
.NormalRed
{
	color:#d03333 !important;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{

}

/* style to apply if the content should be hidden */
.Hidden
{
    display: none;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
}

A.CommandButton:visited
{
}

A.CommandButton:hover
{
}

A.CommandButton:active
{
}

/* button style for standard HTML buttons */
.StandardButton
{
}



/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
    border: outset 1px; /*give toolbar a 3D look*/
    position: absolute; /*needed so it doesn't take up space */
    margin-top: -22px; /*specify toolbar to be just above text */
    margin-left:30px;
    white-space: nowrap; /* makes toolbar horizontal */
    background: url(../../../../images/eip_toolbar.gif);
    background-color: #DDD;
    background-repeat: repeat-x;
    height: 22px;
}

.eipbuttonbackimg
{
    width: 21px;
    height: 21px;
    cursor: pointer; /*change mouse to pointer when hover over button*/
    float: left;
}

.eipbutton_edit
{
    background: url(../../../../images/eip_edit.gif) no-repeat 100% center;
    float: left;
}
.eipbutton_save
{
    background: url(../../../../images/eip_save.gif) no-repeat 100% center;
    float: left;
}
.eipborderhover
{
    border: outset 1px;
}

/* ==================================== */
/*	DNN AANMELDEN  						*/
/* ==================================== */

.AanmeldenLink
{
    text-decoration:none;
}

.AanmeldenInner .LoginGroot
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
}

.AanmeldenInner .LoginKlein
{
    font-size:11px;
    color:#333333;
}

/* ==================================== */
/*	DNN BROODKRUIMELTJE					*/
/* ==================================== */

.Breadcrumb .Sep
{
    margin-left:5px;
    margin-right:5px;
}

/* ==================================== */
/*	DNN LOGO    						*/
/* ==================================== */

section.Heading .Logo {float:left;margin-left:10px;}
section.Heading .Logo img {vertical-align:top;}

/* ==================================== */
/*	MODULE MENU							*/
/* ==================================== */


.ModuleTitle_MenuItem TD
{
	WHITE-SPACE: nowrap;
	padding-left:5px;
	padding-right:5px;
}

.ModuleTitle_MenuItem
{
    font-family:Verdana;
    background-color:#eeeeee;
    font-size:15px;
}

.ModuleTitle_MenuIcon
{
	background-color:#eeeeee;
	border-top:0px;
	border-bottom:0px;
}

.ModuleTitle_SubMenu
{
	background-color:#eeeeee;
	border:outset 1px;
}

.ModuleTitle_MenuItemSel 
{
	color: #3399cc;

}

/* ==================================== */
/*	CEGEKA SEARCH  						*/
/* ==================================== */

.casSearchInput_Table {float:right;}

.casSearchInput_Table, .casSearchInput_Table .tdInput {height:40px;}

.casSearchInput_Table .tdInput, .casSearchInput_Table .tdButton {vertical-align:middle;}

.casSearchInput_Table .tdInput input {height:22px;margin-right:10px;}

.casSearchInput .tdButton .casSearchLinkImage {display:none;}
.casSearchInput .tdButton .casSearchLink 
{
    background-image:url('img/zoekknop.png');
    background-repeat:no-repeat;
    background-position:left center;
    height:24px;
    width:24px;
    display:block;
    border:1px solid #999999;
}

#dnn_ctr15487_SearchInput_plSearch_lblLabel{display:none;}


/* ==================================== */
/*	CONTAINERS							*/
/* ==================================== */
.newstitle
{
	width: 200px;
	float:left;
}
.newsrss
{
	width: 40px;
	float: right;
	padding-top: 4px;
	text-align: right;
}
.NormalTitle,
.NormalBlueTitle,
.NormalNoTitle
{
    clear:both;
    margin-bottom:5px;
}

.NormalBlueTitle_content,
.NormalNoTitle_content,
.NormalTitle_content
{
    margin-bottom:20px;
}

.RightPane .NormalBlueTitle_content,
.RightPane .NormalNoTitle_content,
.RightPane .NormalTitle_content
{
    margin-bottom:30px;
}

.NormalBlueTitle h6
{
    color:#007dba;
    text-transform:uppercase;
    padding-top:10px;
    padding-bottom:5px;
}

.NormalTitle h3
{
    color:#333333;
}

.AdminHeading
{
    background-color:#e06666;
}

.AdminHeading .ActionLinks
{
    float:left;
}

.AdminHeading .ActionLinks a
{
    color:#FFF !important;
}

.AdminHeading .Menu
{
    float:right;
}

.Border_content 
{
    border:solid 1px #cde0ec;
}

/* ==================================== */
/*	FORMS & LISTS tips					*/
/* ==================================== */

/* List */

.TipList .TipImage img {width:200px;}

.TipList,
.TipRow,
.TipTitles,
.TipImages,
.TipDescriptions,
.TipLinks,
.Paging {width:640px;}

.TipTitle,
.TipImage,
.TipDescription,
.TipLink 
{
    width:200px;
    float:left;
    margin-bottom:10px;
}

.TipLink {margin-bottom:20px;}

.TipTitles .First,
.TipImages .First,
.TipDescriptions .First,
.TipLinks .First 
{
    clear:left;
}

.TipTitles .Middle,
.TipImages .Middle,
.TipDescriptions .Middle,
.TipLinks .Middle 
{
    margin-left:20px;
    margin-right:20px;
}

.Paging {margin-top:10px;}
.Numbers {float:right;}

/* Detail */

.TipDetail .TipDetailImageWrapper
{
    position:relative;
}

.TipDetail .TipDetailTipImage
{
    position:absolute;
    right:-10px;
    top:-10px;
}

.TipDetail .TitleDescription
{
    position:absolute;
    width:620px;
    background-image:url('../../images/tipdetailbackground.png');
    bottom:10px;
    margin-right:20px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}

.TipDetail .TipDetailImage
{
    width:640px;
    margin-bottom:10px;
}

.TipDetail .TipDetailImage img 
{
    width:640px;
}

/* Latest */

.LatestTips
{
	clear:both;
}

.LatestTips .NormalTitle
{
	float: left;
	width: 150px;
}
.LatestTips .newsrss
{
	float: right;
}

.LatestTips .LatestTipTitle
{
    font-weight:bold;
	margin-bottom:10px;
}

.LatestTips .LatestTipImage, .LatestTips .LatestTipImage img
{
    width: 250px;
}

.LatestTips .LatestDescription,
.LatestTips .LatestTipDescription
{
	margin-bottom:10px;
}

.LatestTips .LatestTip
{
    margin-top:0px;
}

.LatestTips .LatestDetailLink
{
    text-align:right;
	margin-bottom:10px;
}


/* Tips oplijsting rechts */

.TipCategorieen .Titel
{
    border:1px solid #99CCFF;
    padding:2px;
    background-color:#2787b8;
    color:#ffffff;
}

.TipCategorieen ul,
.TipCategorieen ul li
{
    list-style:none;
    margin:0px;
    padding:0px;
}

.TipCategorieen ul
{
    margin-top:5px;
    border-left:1px solid #99CCFF;
    border-right:1px solid #99CCFF;
    border-top:1px solid #99CCFF;
}

.TipCategorieen ul li
{
    padding:2px;
    border-bottom:1px solid #99CCFF;
    background-image:url("img/listitem_root.png");
    background-position:13px 10px;
    background-repeat:no-repeat;
    background-color:#E9EFF3;
}

.TipCategorieen ul li a
{
    color:#333333;
    text-decoration:none;
    padding-left:25px;
}

.TipCategorieen ul li.selected a
{
    color:#007DBA;
}

.TipCategorieen ul li a:hover
{
    text-decoration:underline;
}

/* ==================================== */
/*	NewsArticles    					*/
/* ==================================== */

.NewsArticles h1
{
    font-size:20px;
    color:#333333;
    font-weight:normal;
    margin-bottom:10px;
}

.NewsArticles h2
{
    font-size:16px;
    color:#333333;
    font-weight:normal;
    margin-top:5px;
    margin-bottom:5px;
}

.NewsArticlesItem .Titel
{
    float:left;    
}

.NewsArticlesItem .Titel,
.NewsArticlesItem .Description,
.NewsArticlesItem .Bottom,
.NewsArticlesView .Titel,
.NewsArticlesItem .Description
{
    margin-bottom:10px;
}

.NewsArticlesItem .Description
{
    clear:both;
}

.NewsArticlesItem .Description img,
.NewsArticlesView .Description img
{
	vertical-align:top;
	margin-right:10px;
	margin-bottom:10px;
}
.NewsArticlesItem .Description img
{
	float:left;
}
.NewsArticlesView .Description img
{
	float:right;
}

.NewsArticlesItem .Datum
{
    float:right;
    font-weight:bold;
}

.NewsArticlesItem .Link,
.NewsArticlesView .Link
{
    float:right;
}

.NewsArticlesView .Categorieen
{
    width:280px;
    font-size:0px;
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.NewsArticlesView .Categorieen .Titel
{
    border:1px solid #99CCFF;
    padding:2px;
    background-color:#2787b8;
    color:#ffffff;
    font-size:14px;
}

.NewsArticlesView .Categorieen .Lijst
{
    border-left:1px solid #99CCFF;
    border-right:1px solid #99CCFF;
    border-top:1px solid #99CCFF;
}

.NewsArticlesView .Categorieen a
{
    float:left;
    clear:left;
    font-size:14px;
    padding:2px;
    border-bottom:1px solid #99CCFF;
    background-image:url("img/listitem_root.png");
    background-position:13px 10px;
    background-repeat:no-repeat;
    background-color:#E9EFF3;
    color:#333333;
    text-decoration:none;
    padding-left:25px;
    width:251px;
}

.NewsArticlesView .Categorieen a:hover
{
    color:#007DBA;
    text-decoration:underline;
}


/* ==================================== */
/*	Latest news rotatr					*/
/* ==================================== */

#featured UL.ui-tabs-nav LI IMG,
#featured UL.ui-tabs-nav,
#featured .ui-tabs-hide
{
	DISPLAY: none
}

#featured .TipDetail .TipDetailImage img 
{
	width:700px;
}


/* ==================================== */
/*	Salespoints							*/
/* ==================================== */

#TableResults table
{
	width: 100%;
}

#dnn_ctr15431_View_Search_TableSearch
{
	width: 400px;
}

#dnn_ctr15431_View_Search_TableSearch .subhead
{
	font-weight: bold;
	padding-top: 10px;
}

.rdbcountry
{
	margin-right: 5px;
}

#dnn_ctr15431_View_Search_RepeaterCountries_ctl00_LabelCountryName
{
	margin-right: 20px;
}

#dnn_ctr15431_View_Search_PanelZipcodes table td
{
	padding-right: 5px;
}

/* ==================================== */
/*	productstable						*/
/* ==================================== */
.productstable
{
	width: 100%;
}

.productstable td
{
	padding: 3px 0px 3px 5px;
	margin-left: 2px;
	margin-bottom: 2px;
	border-right: 2px;
	border-bottom: 2px;
	border-color: #fff;
	border-style: solid;
}
.normalrow{
	background-color: #e0f0f8;
}
.altrow{
	background-color: #c0e0f0;
}

.productsubrow
{
	background-color: #007dba;
	color: #fff;
	font-weight: bold;
}
