/** 
 * style notation rules
 * width, height, min-height, margin, padding, float, display, background, color, font (style, weight etc), wat's left
 */

/* general */
* { margin: 0px; padding: 0px;  font-family: "Times New Roman",Georgia,Serif; }
h1 { font-size: 27px; color: #542338; margin: 0px 0px 10px 0px; line-height: 27px; }
h2 { font-size: 20px; color: #542338; margin: 15px 10px 25px 10px; }
h3 { font-size: 18px; color: #542338; line-height: 20px; margin:0px;}
h4 { font-size: 14px; color: #542338; }


ul {padding:0px; margin:0px;}
ul li { list-style-type:none;}



.end { clear:both; }
.tabel {position:relative;}
.rollover{
	position:absolute;
	background-color: #1BA9FD;
}
.geel .rollover {background:#FFE900;}
.blauw .rollover {background:#0800FF;}
.grijs .rollover {background:#FFFFFF;}
.rood .rollover {background:#FF0800;}
.groen .rollover {background:#00FF0C;}
.oranje .rollover {background:#FF6600;}

.imageLeft { margin-right: 8px; float: left; border: 0px; }
.imageRight { margin-left: 8px; float: right; border: 0px; }
.imageBottom { margin-top: 8px; border: 0px; }
.imageBorder { border: 1px solid #9D9FA2;padding: 5px; }

/* Debug */
#db-wrapper { position:absolute; top:10px; left:10px;}
#db-wrapper { margin-left:auto; margin-right:auto; padding-top:50px; background:#ffffff; }
.debugtitle { font-weight:bold; }
#debug_list { font-size:12px;font-family:sans-serif; border:solid 1px #333333;}

/* html */
body {background-image:url(../assets/background-left.png); background-repeat: no-repeat; background-position: center 82px}
img { border:none; }

/* Alerts */
.alert { padding: 5px; margin-bottom: 15px; line-height: 22px; }
.confirm { background-color: #C8E595; border: #286C0B 1px solid; color: #286C0B; }
.error { background-color: #FFCFC2; border: #971201 1px solid; color: #971201 !important; }
.notify { background-color: #BBDEFF; border: #225e96 1px solid; color: #225e96; }
form .alerts .errors { margin-top:0px; }

/* Form errors */
form .alerts .errors { margin-top:0px; }
ul.form-errors { background-color: #FFCFC2; border: #971201 1px solid; color: #971201; padding: 5px; margin-top:15px; margin-bottom: 10px; width: 820px;list-style-type:none;}
ul.form-errors li { line-height: 15px; }
ul.form-errors li ul {  margin-bottom: 10px; }
ul.form-errors li ul li {list-style-image:url(../assets/icons/cross-circle.png); margin-left:20px; padding-left:0px; line-height: 16px; vertical-align:middle;}

/* Form decorators */
.fieldsetDecoratorDefault { width: 95%; border: 1px solid #5E5E5E; padding: 0px 10px 10px 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; }
.fieldsetDecoratorDefault input,
.fieldsetDecoratorDefault select { padding:2px; }
.fieldsetDecoratorNoBottomMargin { margin-bottom: 0px; }
.fieldsetDecoratorDefault legend { font-weight: bold; color: #7b3955; }
.fieldsetDecoratorPublic {width: 540px; border: 1px solid #7b3955; padding: 0px 10px 10px 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; }
.fieldsetDecoratorPublic legend { font-weight: bold; color: #7b3955; }
.errorDecoratorDefault { color: #dc3232; line-height: 20px; font-size: 11px; background-color:#FFF4EF; }
.errorDecoratorDefault ul {margin:0px; padding:0px;}
.labelDecoratorDefault { width: 200px; display: block; color: #7b3955; font-weight: bold; line-height: 22px; margin-top: 10px; }
.labelDecorator { color: #7b3955; font-weight: bold;}
.descriptionDecoratorDefault { font-size: 10px; color: #656565; font-style: italic; line-height: 16px; }
.blockDecoratorDefault { font-size:13px; }
.fileDecoratorDefault { border: 1px solid #5E5E5E; color: #7b3955; }
.selectDecoratorDefault { border: 1px solid #5E5E5E; color: #7b3955; padding:3px; }
.inputDecoratorDefault { border: 1px solid #5E5E5E; color: #7b3955; padding:3px; width: 300px; }
.inputScaleDecoratorDefault { border: 1px solid #5E5E5E; padding:3px; }
.inputScaleCenterDecoratorDefault { border: 1px solid #5E5E5E; color: #7b3955; padding:3px; text-align: center; }
.radiobuttonDecoratorDefault { margin-top: 3px; }
.checkboxDecoratorDefault { margin-top: 3px; }
.buttonDecoratorDefault { color: #313131; padding: 5px 15px 5px 15px; font-weight: bold; font-size: 14px; }
.noResults { display: block; text-align: center; border-bottom: 1px solid white;margin: -6px -6px 0px -6px; padding: 6px; }
.radio { margin-left:15px; margin-right:5px;}
/* Wrapper */
#wrapper { width:960px; height:100%; margin-left:auto; margin-right:auto; } 

/* container */
#container { width:960px; height:100%; position:absolute; display:block; }
#container { margin-top:0px; margin-left:auto; margin-right:auto;}
#container { font-size:15px;}
#containercontent{ }

/* Header */
#header { background-image:url(../assets/header.png);background-repeat: no-repeat;background-position: 0px 0px;}
#header { width:960px; height:182px; position:relative; display:block;  }

#logo { }
#logo a { width:629px; height:160px;  background-image:url(../assets/header.png); background-repeat: no-repeat; display:block; }

/* Content */ 
#content { width:710px; display:block; float:right; color:#000000; line-height:20px; padding-left:10px;}

/* Column */
#column {  }
#column a,#footer a { color:#000; text-decoration:underline; }
#column a:hover, #footer a:hover{color:#542338;}
#column ul { padding:3px 0 5px 5px; }
#column ul li { padding-left:5px; }

/* footer */
#footer{ width:730px; height:25px; position:relative; display:block; float:right; margin-top:-25px; font-family:Arial,Georgia,Serif;}
#footer { text-align:center;  line-height: 25px; vertical-align:middle; clear:both; color:#000; font-size:17px; }
.stars {
bottom:0;
display:block;
height:25px;
left:-220px;
position:absolute;
width:200px;
font-family:Arial;
font-size:12px;
color:#AD7E92;
}
.stars a{color:#AD7E92 !important; text-decoration:none !important; font-family:Arial !important;}
.stars a:hover { color:#F7931E !important; font-family:Arial !important; }
/* Menu */
#menu { width:210px; height:100%; display:block; float:left; margin-top:-20px; padding-top:40px; padding-left:25px; background-position: 0px 0px;}
#menu { background-image:url(../assets/left-column-bg.png); background-repeat: repeat-y; } 
#menu ul { margin-left:10px; }
#menu ul li ul {margin:0px; margin-left:5px;}
#menu ul li {list-style-type:circle; list-style-image:url(../assets/menu-style-icon.png); margin-left:15px; margin-top:3px; line-height:23px; vertical-align:top; }
#menu a { margin-left:3px; text-decoration:none; color:#ffffff; font-size:17px;  }
#menu a:hover {font-style:normal;}
/* level 1*/
#menu ul li {text-indent:margin-left:4px; line-height:20px;}
#menu ul li ul { display:none; }
#menu ul li ul li ul { display:none; }
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li.active a {font-style:italic; color:#FFF; font-weight:bold; font-size:18px;}
#menu ul li.active ul li a { font-style:normal; color:#ffffff; font-weight:normal; }
#menu ul li.active ul li {list-style-type:none; list-style-image:none !important;}
#menu ul li.active ul { display:inline; }
#menu ul li a:hover {font-style:normal;}
/*end lvl 1*/

/* level 2*/
#menu ul li.active ul li { margin-left:3px; }
#menu ul li.active ul li ul { display:none; }
#menu ul li.active ul li a:hover{ font-weight:bold; color:FFF; }
#menu ul li.active ul li.active a { font-style:italic; font-weight:bold; color:#FFF; }
#menu ul li.active ul li.active ul { display:inline; list-style-type:none; list-style-image:none;}
/*End lvl 2*/

/* Level 3*/
#menu ul li.active ul li.active ul li a:hover{ font-weight:bold; color:#FFF; }
#menu ul li.active ul li.active ul li { margin-left:6px; margin-bottom:3px;}
#menu ul li.active ul li.active ul li a{font-style:normal; color:#ffffff; font-weight:normal; }
#menu ul li.active ul li.active ul li.active a { font-style:italic; color:#6B625B; font-weight:bold;}
/*end lvl 3*/

#imagemenu { margin-top:40px;}
#imagemenu li { list-style-type:none !important; list-style-image:none !important; margin-left:-25px !important; }
#imagemenu li.cadeaumakelaar a { width:214px; height:40px; display:block; background-image:url(../assets/cadeaumakelaar.png); background-repeat:no-repeat; background-position: 0px 0px; }
#imagemenu li.cadeaumakelaar a:hover,
#imagemenu li.cadeaumakelaar a.active {background-position: 0px -41px;}
#imagemenu li.geschenken a { width:214px; height:40px; display:block; background-image:url(../assets/kunstgeschenkenonline.png); background-repeat:no-repeat; background-position: 0px 0px; }
#imagemenu li.geschenken a:hover,
#imagemenu li.geschenken a.active { background-position: 0px -41px;}
#imagemenu li.verjaardag-management a { width:214px; height:40px; display:block; background-image:url(../assets/verjaardagsmanagment.png); background-repeat:no-repeat; background-position: 0px 0px; }
#imagemenu li.verjaardag-management a:hover,
#imagemenu li.verjaardag-management a.active { background-position: 0px -40px;}