/** 
 * 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; }
h1 { font-size: 27px; color: #52871c; margin: 0px 0px 10px 0px; line-height: 27px; }
h2 { font-size: 20px; color: #52871c; margin: 15px 10px 25px 10px; }
h3 { font-size: 18px; color: #52871c; line-height: 20px; margin:0px;}
h4 { font-size: 14px; color: #52871c; }

input {color:#4A4A4C;}

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

.end { clear:both; height:1px;}

.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 {  margin-left:auto; margin-right:auto; padding-top:50px; background:#ffffff;}
.debugtitle { font-weight:bold; }
#debug_list { font-size:10px;font-family:sans-serif; }

/* html */
html, body {
	height: 100%;
	font-family: Georgia,Geneva,Kalimati,sans-serif;
	background-image:url(../assets/bg.png);
}

img { border:none }
a:hover{color:#52871c;}

/* 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; }
.notify { background-color: #BBDEFF; border: #225e96 1px solid; color: #225e96; }
.alerts h4 { margin-top:15px; }

/* 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 input,
.fieldsetDecoratorDefault select
 { padding:2px; }
.fieldsetDecoratorDefault { width: 750px; border: 1px solid #5E5E5E; padding: 0px 10px 10px 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; }
.fieldsetDecoratorNoBottomMargin { margin-bottom: 0px; }
.fieldsetDecoratorDefault legend { font-weight: bold; color: #5E5E5E; }
.fieldsetDecoratorPublic {width: 540px; border: 1px solid #5E5E5E; padding: 0px 10px 10px 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; }
.fieldsetDecoratorPublic legend { font-weight: bold; color: #656565; }
.errorDecoratorDefault { color: #dc3232; line-height: 20px; font-size: 11px; }
.errorDecoratorDefault ul {margin:0px; padding:0px;}
.labelDecoratorDefault { width: 200px; display: block; color: #52871c; font-weight: bold; line-height: 22px; margin-top: 10px; }
.labelDecorator {color: #52871c; font-weight: bold;}
.descriptionDecoratorDefault { font-size: 10px; color: #656565; font-style: italic; line-height: 16px; }
.blockDecoratorDefault { }
.fileDecoratorDefault { border: 1px solid #5E5E5E; color: #4A4A4C; }
.selectDecoratorDefault { border: 1px solid #5E5E5E; color: #4A4A4C; padding:3px; }
.inputDecoratorDefault { border: 1px solid #5E5E5E; color: #4A4A4C; padding:3px; width: 300px; }
.inputScaleDecoratorDefault { border: 1px solid #5E5E5E; color: #4A4A4C; padding:3px; }
.inputScaleCenterDecoratorDefault { border: 1px solid #5E5E5E; color: #4A4A4C; padding:3px; text-align: center; }
.radiobuttonDecoratorDefault { margin-top: 3px; }
.checkboxDecoratorDefault { margin-top: 3px; }
.buttonDecoratorDefault { border: 1px solid #5E5E5E; color: #656565; padding: 3px 10px 3px 10px; font-weight: bold; margin-top: 10px; }
.textareaDecorator {color: #4A4A4C; padding:3px; font-size:13px; font-family:Georgia,Geneva,Kalimati,sans-serif;}
.uploadBlockDecoratorDefault{ width:100px; clear:right;}
.uploadPositionBlockDecoratorDefault{width:100px; float:left; clear:right;}
.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;}
.hint {font-size: 10px; color: #656565; font-style: italic; line-height: 16px; }
/* Button */
a.button { background: transparent url('../assets/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float:left; position:relative; }
a.button { font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; text-decoration: none; }
a.button span { background: transparent url('../assets/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0px 5px 25px; }
a.button:active { background-position: bottom right; color: #000000; outline: none; }
a.button:active span { background-position: bottom left; padding: 6px 0px 4px 25px; display:block; }
a.button:hover span { text-decoration:none; }
a.button span img{left:5px; padding:0px; margin-top:0px; float:left; position:absolute; border:none; }
/* Wrapper */
#wrapper { width:1020px; min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -96px;  clear:both; } 

/* container */
#container { width:1020px; height:100%; display:block; }
#container { margin-top:0px; margin-left:auto; margin-right:auto;}
#container { font-size:13px;  }
#containercontent{ padding-left:25px; background-image:url(../assets/container_bg.png);background-repeat: repeat-y; background-position: 20px 0px;   }

/* Header */
#header { background-image:url(../assets/header.png);background-repeat: no-repeat;background-position: 0px 0px;}
#header { width:1020px; height:290px; position:relative; display:block; }
#headeraddress { width:1000px; position:absolute; bottom:20px; left:10px; }
#headeraddress { text-align:center; color:#FFFFFF; font-weight:bold; }
#headerblock { width:515px; height:150px; position:absolute; left:400px; top:70px; color:#404040; }
#headerblock { overflow:hidden; }
#headerblock { font-family:lucida handwriting, apple chancery, URW chancery L, sans-serif !important;}

#logo { width:311px; margin-left:20px; margin-bottom:13px; float:left; }
#logo a { width:311px; height:70px;  background-image:url(../assets/logo.png); background-repeat: no-repeat; display:block; }

#precontent { width:915px; height:30px; margin-top:204px; margin-left:65px; margin-bottom:0px; float:left; display:block; }
#precontent ul li { list-style-type:none; float:left; }

/* Menu */
#menu {width:685px; height:40px; display:block; float:right; }
#menu ul { margin-top:20px; margin-right:25px; }
#menu ul li { list-style-type:none; float:right; margin-right:10px; }
#menu ul li a { text-decoration:none; }
#menu ul a { color:#656565; font-size:16px; font-weight:bold; }
#menu ul a:hover,
#menu ul a:active,
#menu ul .active a { font-style:italic; color:#52871c; }

/* Language menu*/ 
#langmenu { float:right; width:200px; } 
#langmenu ul li { float:right; }
#langmenu ul a { width:32px; height:32px; display:block; } 
#langmenu ul .uk a  { background-image:url(../assets/definitief_vlaggen.png);background-repeat: no-repeat; background-position:-34px -32px; }
#langmenu ul .nl a  { background-image:url(../assets/definitief_vlaggen.png);background-repeat: no-repeat; background-position:-68px -32px; }
#langmenu ul .du a  { background-image:url(../assets/definitief_vlaggen.png);background-repeat: no-repeat; background-position:0px -32px; }
#langmenu ul .cz a  { background-image:url(../assets/definitief_vlaggen.png);background-repeat: no-repeat; background-position:-102px -32px; }
#langmenu ul .uk a.active,
#langmenu ul .uk a:hover,
#langmenu ul .uk a:active{ background-position:-34px 0px; }
#langmenu ul .nl a.active,
#langmenu ul .nl a:hover ,
#langmenu ul .nl a:active { background-position:-68px 0px; }
#langmenu ul .du a:hover ,
#langmenu ul .du a:active,
#langmenu ul .du a.active{ background-position:0px 0px; }
#langmenu ul .cz a:hover ,
#langmenu ul .cz a:active,
#langmenu ul .cz a.active{ background-position:-102px 0px; }
/* Breadcums */
#breadcrum { width:500px; margin-left:-10px;}
#breadcrum ul li { float:left; margin-left:5px; }
#breadcrum { font-size:11px; color:#656565; }
#breadcrum a { font-size:11px; color:#656565; }

/* Content */
#content { width:950px;margin-left:35px; color:#656565; line-height:19px; padding-bottom:21px;}
.photo { border:solid 2px #52871c;}
/* Column */
#column { width:760px; display:block; }
#column a { color:#52871c; text-decoration:underline; }
#column ul { padding:3px 0 5px 5px; }
#column ul li { padding-left:5px;}

#column .albumimages a {text-decoration:none;}
#column .albumimages a {width:150px; float:left; margin-right:60px; margin-top:15px; text-align:center;}
.albumtitle {font-weight:bold;}

/* Submenu */
#headercorner { width:31px; height:35px; margin-top:-35px; margin-right:-9px; float:right;}
#headercorner { background-image:url(../assets/header_corner.png); background-repeat: no-repeat; }
#submenu { background-image:url(../assets/submenu.png);background-repeat: no-repeat; background-position: bottom center; } 
#submenu { width:170px; margin-right:6px; float:right; display:block; }
#submenu { font-size:17px; color:#FFFFFF;}
#sublist ul { padding-right:15px; padding-top:20px; margin-bottom:30px; }
#sublist ul { list-style-type:none; }
#sublist ul a { text-decoration:none; color:#FFFFFF; font-weight:bold; }
#sublist ul a:hover,
#sublist ul a:active,
#sublist ul .active a { text-decoration:underline; font-style:italic;}
#sublist ul li { clear:both; width:160px; margin-bottom:10px; padding-right:10px; text-align:right;}

/* footer */
#footer{ width:1020px; height:121px; display:block; background-image:url(../assets/container_bg.png);background-repeat: repeat-y; background-position: 20px 0px; margin: 0 auto;  }
#footer #borders { width:890px; height:100px; margin-left:auto; margin-right:auto; border-top:solid 2px #7F7F7F;border-bottom:solid 2px #7F7F7F; }
#footer #copyright { line-height:18px; width:600px; margin-left:auto; margin-right:auto; text-align:center; font-size:11px; color:#878787; }
#footer #copyright a {text-decoration:none; color:#878787; }
#footer #copyright a:hover { color:#52871c; }
#footer ul { width:880px; clear:both;  }
#footer ul li { float:left; list-style-type:none; }
#footer ul a { width:320px; height:96px; display:block; }
#footer ul .banner_andelwijnen a { background-image:url(../assets/Banner_Andelwijnen.png);background-repeat: no-repeat; background-position:0px -96px; }
#footer ul .banner_hermanky a { background-image:url(../assets/Banner_Hermanky.png);background-repeat: no-repeat; background-position:0px -96px; }
#footer ul .banner_tjechie a { width:193px; background-image:url(../assets/Banner_Tjechie.png);background-repeat: no-repeat; background-position:0px -96px; }
#footer ul a:hover,
#footer ul a:active { background-position:0px 0px; }