/*
    Oranje
    vlakkleur:  #FFAA2D
    tekstkleur: #B8730D

    Lichtgroen    
    vlakkleur:  #CFE21C
    tekstkleur: #7B8801

    Donkergroen    
    vlakkleur:  #1C851B
    tekstkleur: #0B5D0A

    Zeegroen    
    vlakkleur:  #17BFCA
    tekstkleur: #0C8088
*/
* {
      padding                 :0px;
      margin                  :0px;
}
a {
      text-decoration:none;
}
a:hover
{
    text-decoration: underline;
}
img {
      border                  :0px;
     
} 
p {
      margin-bottom     :20px;
}
li, dd, blockquote {
      margin-left       :20px;
}
html, body 
{
    font-family: Arial; /*Arial Black*/
    font-size: 12px;
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: #FFFFFF; /*Backgound color on both sides of content*/
}

.Banner img 
{
	display:block;
}

.BackgroundImageDiv
{   
    /*
    width:100%;
    height:100%;
    background-image: url(/Images/BackgroundSmall.png);
    background-repeat: no-repeat;
    */
}
.Clear 
{
    /*height:0px;*/
    clear: both;
}
.FrontEndEdit
{
    width:100%;
    height:0px; 
    border: none;
    display:none;
}
.FlashOverlay 
{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    filter:alpha(opacity=0);
    opacity:0;
    cursor:pointer;
    pointer:hand;
}
.YouTubePreviewOverlay 
{
    position:absolute;
    width:100%;
    height:100%;
    cursor: pointer;
}
#ContentViewPort
{
    width: 985px; /*Width of content*/
    min-height: 100%;
    margin: 0px auto; /*Horizontal center of content*/
    padding: 0px; /*Padding on both sides of content*/
    /*background-color: #FFFFFF; Backgound color of content*/
}
#ContentViewPortLessFooter
{
    padding-bottom: 190px;
}
#AuthorizedHeader
{
    background-color:#FFFFFF;
    height: 28px;
    line-height:28px;
    vertical-align: middle;
    font-size:12px;
    padding:0px 10px;
}
#AuthorizedHeader a
{
    color: #000000;
}
#AuthorizedHeader .Username
{
    float:left;
    font-weight:bold;
}
#AuthorizedHeader .Logoff
{
    float: right;
}
.Header
{
    position: relative;
    width: 100%;
    
    background-image:url(/images/header_cda_begin2012.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom:5px;
    /*
background-color: #FFFFFF;
    */
}
.Header #Top 
{
    background-color: #17BFCA;
    width: 100%;
    height: 5px;
}
#MenuItemContainer
{
    position:relative;
    background-image: url(/Images/MenuItemBackground.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
}
#Right
{
    background-color:#FFFFFF;
    float: right;
}
#MenuItem0
{
    margin-left: 0px;
    /*background-color: #FFAA2D;*/
}
div.MenuItem
{
    padding: 0px 13px;
    font-size: 14px;
    color: #FFFFFF;
    float: left;
    line-height: 30px;
    background-image: url(/Images/MenuRight.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-left: 5px;
}
#MenuItem0
{
    font-weight: bold;
    background-image: url(/Images/MenuRightSelected.gif);
}
div.MenuItemExpanded
{
    padding: 0px 13px;
    font-size: 14px;
    color: #FFFFFF;
    float: left;
    line-height: 30px;
    height: 37px;
    background-image: url(/Images/MenuRightExpanded.gif);
    background-position: top right;
    background-repeat: no-repeat;
    margin-left: 5px;
}
div.MenuItemSelected
{
    padding: 0px 13px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    line-height: 30px;
    background-image: url(/Images/MenuRightSelected.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-left: 5px;
}
div.MenuItem a, div.MenuItemExpanded a, div.MenuItemSelected a
{
    color: #FFFFFF;
}
#Footer .MenuItem, #Footer .MenuItemExpanded
{
    background-image: none;
    height: auto;
    text-transform:uppercase;
    margin-left: 0px;
    padding: 0px;
    float:none;
    font-family:Arial Black;
    font-size:11px;
    line-height:20px;
}
#Footer .Subsubmenuitem
{
    font-size: 12px;
    line-height: 20px;
}
.SubmenuContainer
{
    position: absolute;
    left:0px;
    top: 35px;
    width: 100%;
    height: 167px;
    background-color: #666666;
    overflow:hidden;
}
.Submenu
{
    margin: 5px 20px;
    float:left;
}
#Footer .Submenu
{
    margin: 0px 15px;
}
.Submenuitem
{
    line-height: 20px;
    font-size: 11px;
    font-family: Arial Black;
    color: #FFFFFF;
    text-transform: uppercase;
    white-space:nowrap;
}
.Submenuitem a
{
    color: #FFFFFF;
}
.Subsubmenucontainer
{
    position:relative;
}
.Subsubmenucolumn
{
    float:left;
    margin-right:10px;
}
.Subsubmenucolumn .StartCharacterBookmark
{
    float: left;
    width: 15px;
    text-align: center;
}
.Subsubmenuitem
{
    font-size: 13px;
    line-height: 17px;
    color: #FFFFFF;
}
.Subsubmenuitem a
{
    color: #FFFFFF;
}
.SocialMediaIcon
{
    margin-right:10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#Content 
{
    position:relative;
}
#AlphaTransparentBackground
{
    position:absolute;
    width:100%;
    height:100%;
    min-height:100%;
    background-color:#dcdcdc;
    /*
    background-color: #666666;
    filter:alpha(opacity=25);
    opacity:0.25;
    */
}
#ContentPadding
{
    padding:15px;
}
.CDALogo
{
    /*
    position: absolute;
    width: 225px;
    height: 100px;
    left: 0px;
    bottom:15px;
    background-image: url(/Images/cda_logo.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    */
}
.PortalName
{
    position: absolute;
    left:240px;
    bottom:28px;
    font-family:Arial Black;
    font-size:25px;
    color:#B8730D;
    text-transform:uppercase;
    line-height:25px;
}
.PortalName a
{
    color:#B8730D;
}
#Bottom
{
    position: relative;
    width: 985px;
    height: 0px;
    margin: 0px auto;	
}
#BottomLessFooter
{
    position: absolute;
    left: 0px;
    top: -190px;
    width: 100%;
    height: 190px;
    background-color: #FFFFFF;	
}
#Footer
{
    margin-top: 10px;
    padding-top: 15px;
    width: 100%;
    height: 165px;
    overflow: hidden;
    background-color: #1C851B;
}
.w3s_Copyright
{
    color:#FFFFFF;
    font-family: Arial;
    font-size:9px;
    position:absolute;
    bottom:10px;
    right:15px;
}
.w3s_Copyright a
{
    color:#FFFFFF;
}
.FeatureContainer
{   
    margin-bottom: 10px; 
}
.FeatureHeader
{
    position: relative;
    height:40px;
    line-height:40px;
    padding: 0px 15px;
    color: #FFFFFF;
    font-family: Arial Black;
    font-size: 17px;
    vertical-align:middle;
    overflow:visible;
    text-overflow:ellipsis;
}
.FeatureContent
{
    position: relative;
    background-color: #FFFFFF;
}
.FeatureContentPadding
{
    
    padding: 15px 13px 15px 15px;
}

.ScheurHoekje
{
    
    position:absolute;
    width:20px;
    height:20px;
    background-image: url(/Images/Scheurhoekje.gif);
    background-position: center center;
    background-repeat:no-repeat;
    right:0px;
    bottom:0px;
    
}
.FeatureContent li
{
    line-height: 20px;
}
.Heading
{
    font-family: Arial Black;
    font-size: 13px;
    line-height:18px;
    margin-right:10px;
}
.Campagne
{
    position:relative;
    background-image:url(/Images/Campagne.png);
    background-repeat:no-repeat;
    /*background-position:center center;*/
    background-color:#FFFFFF;
}
.Campagne a:hover
{
    text-decoration:none;
}
.CampagneBanner
{
    background-image:url(/Images/CampagneBanner.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFFFFF;
}
.CampagneBanner .Zoeken
{
    margin: 10px 0px;
}
.CampagneBanner .Heading
{
    line-height:20px;
}
.CampagneBanner a
{
    font-family:Arial;
    font-weight:bold;
    font-size:13px;
}
.CampagneTekst 
{
    width: 460px;
    padding: 15px;
}
.Campagne .Heading
{
    font-size:14px;
    margin: 10px 0px;
}
.CampagneOranje, .CampagneDonkerGroen, .CampagneLichtGroen
{
    float:left;
    width:102px;
    height:36px;
    color:#FFFFFF;
    text-align:center;
    font-family: Arial Black;
    font-size:15px;
    line-height:20px;
    padding: 15px 25px;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    pointer:hand;
}
.CampagneOranje 
{
    background-image:url(/Images/CampagneOranje.png);
}
.CampagneDonkerGroen
{
    background-image:url(/Images/CampagneDonkerGroen.png);
}
.CampagneLichtGroen
{
    background-image:url(/Images/CampagneLichtGroen.png);
}

.MRU
{
	position:relative;
}

.TweetOverzichtContainer,.TweetOverzichtContainerGrey
{
	position:relative;
	padding-left:15px;
	background-color:#fff;
}

.TweetOverzichtContainerGrey
{
	background-color:#f0f0f0;
}

.TweetOverzichtBlok,.TweetOverzichtBlokRight
{
	position:relative;
	float:left;
	overflow:hidden;
	width:300px;
	
}

.TweetOverzichtBlokRight
{
	padding-left:15px;
}

.TweetHeader
{
	font-size:14px;
	font-weight:bold;
	padding-bottom:12px;
	padding-top:15px;
}

.TweetOverNaam
{
	font-size:13px;
	font-weight:bold;
}

.TweetOverAgo
{
	color:#666666;
	padding-bottom:22px;
}

.TweetOverUnderline
{
	position:relative;
	width:315px;
	height:1px;
	font-size:1px;
	line-height:1px;
	border-bottom: solid 1px #e0e0e0;
	margin-bottom:20px;
}

.FooterTwitterOver
{
	position:relative;
	float:right;
	font-size:12px;
	font-weight:bold;
	background-color:#e0e0e0;
	height:20px;
	margin-bottom:30px;
	
}

.FooterTwitterOverTekst
{
	float:left;
	padding-bottom:3px;
	padding-left:9px;
	padding-right:9px;
}

.FooterTwitterOverImg
{
	float:left;
	
}

.FooterTwitterLeft,.FooterTwitterRight,.FooterTwitterLeftGrey,.FooterTwitterRightGrey
{
	position:relative;
	float:left;
	width:315px;
}


.FooterTwitterLeftGrey,.FooterTwitterRightGrey
{
	background-color:#f0f0f0;
}

.FooterTwitterLeft
{
	
	padding-right:15px;
	width:300px;
}

.publicatieImg
{
	float:left;
}

.publicatieTekst
{
	
}

.WeekSpacer
{
	float:left;
	padding-top:10px;
}


.Weekday,.WeekdayToday
{
	padding-top:5px;
}

.WeekdayToday
{
	
}

.AgendaItem,.AgendaItemToday
{
}

.AgendaItemToday
{
	background-color:#ddd;
}

.SBLabel
{
	position:relative;
	float:left;
	width:250px;
}

.SBInput
{
	position:relative;
	float:left;
	margin-bottom:3px;
}


.SBInputField
{
	width:300px;
}

.SBInputDatum
{
	width:120px;
}

.SBInputFieldSpreker
{
	width:285px;
}
.SBInputFieldAnders
{
	width:257px;
}
.buttonContainer
{
	width:550px;
	margin-top:12px;
}


div.Left {
	float:left;
}

div.Label {
	width:100px;
}

#divText div {
    font-weight:normal;
    padding:20px 0px 0px 0px;
    width:190px;
}

#divText .Clear
{
	padding-top:0px;
}

#divText .Img {
    width:70px;
}

#divContainer {
    width:280px;
}

#example {
    font-weight:bold;
    padding:10px;
}

#divTellaFriend {
    background-color:#e0e0e0;
    padding:10px;
    width:265px;
}

#frmTellaFriend input {
    margin-bottom:5px;
}

#frmTellaFriend .Button {
    margin:10px 15px 10px 10px;
    text-align:right;
}

#divOutro {
    padding-bottom:10px;
}

#msg {
    background-color:#e0e0e0;
    padding:10px;
    width:265px;
}
/*********doneer*********/
.doneerIntro
{
	padding-bottom:12px;
}

.IkDoneerImg
{
	width:60px;
	padding-right:10px;
	vertical-align:top;
}

.doneerBedragOptie
{
	width:20px;
	vertical-align:top;
}

.doneerBedragOptie input
{
	margin-top:5px;
}

.doneerBedrag
{
	width:200px;
	line-height:20px;
	vertical-align:top;
}

.doneerBedragOmschrijving
{
	width:200px;
	vertical-align:top;
}

.doneerBedrag input,.doneerBedragInput
{
	width:70px;
}

.DoneerMedewerker
{
	width:150px;
	overflow:hidden;
}

.doneerNaw
{
    margin:0px 0px 5px 10px;
	width:150px;
}

.keuzeMedewerker
{
	width:220px;
	overflow:hidden;
}

.FormSubmitDoneer
{
	float:right;
}

input.SmallInput {
    width:40px;
}