body{ background : url('../img/banner_bg.gif') repeat-x #ffffff; margin : 0; font-family : "Trebuchet MS"; font-size : 10pt; min-height : 100% }
html{ background : #81bdd1; }
h1.hidden{ display : none; padding : 0 0 0 20px; }
h2{ padding : 0; font-family: Trebuchet MS; font-size: 18px; color: #16b0c6; margin : 5px 0; }
h1{ color : #67C2D4; font-size : 30px; margin : 20px 0 0 30px; padding : 0 0 10px 0; }
p{ clear : both; padding : 10px 0; }
.clearer{ clear : both; }
h3{ color : #67C2D4; font-size : 24px; margin : 20px 0 10px 0; padding : 0 0 0 20px; }
h4{ margin : 0; padding : 0 0 0 20px; }

/* CONTAINER */
#container{ width : 980px; margin : 0 auto; position : relative; z-index : 1; }

/* LOGO */
#logo{ float : left; }
#logo img{ padding : 2px 0 0 0; }
#slogan{ background : url('../img/emmer.png') no-repeat; width : 323px; height : 187px; float : right; }

/* MENU */

#menu{ position : absolute; left : 0; top : 160px; margin : 0 0 10px 0; }
#hoofdmenu1{ list-style : none; margin : 0; padding : 0; }
#hoofdmenu1 li{ display : inline; padding : 0 10px 0 0; }
.menu1 a{ color: #FFFFFF; text-transform: uppercase; padding: 0px 2px; text-decoration: none; font-size: 20px; }
.active_menu1 a{ color: #FFCC33; text-transform: uppercase; padding: 0px 2px; text-decoration: none; font-size: 20px; }

#inhoud{ clear : both; background : ; margin : 10px 0 0 0; }
#inhoud a{ color : #66cccc; }
#inhoud a:hover{ text-decoration : none; }
#links{ float : left; width : 640px; background : url('../img/inhoud_bg.gif') no-repeat 0 30px ; }
#rechts{ float : left; width : 340px; text-align : center; }
#bar{ width : 277px; height : 15px; background : url('../img/bar.png') no-repeat; margin : 0 0 0 20px; }
#tekst{ margin : 10px 20px;  }
#tekst .image{ padding : 5px; border : 1px solid #cccccc; margin : 0 5px; background : #fff; }
#filler{ height : 198px; }

/* FOOTER */

#footer{ background : url('../img/footer_bg.gif') repeat-x;  height : 128px; width : 100%; text-align : center; }
#footertext{ margin : 0 auto; width : 980px; text-align : left; padding : 20px 0 0 0; color : #fff; }
#footertext p{ margin : 0; padding : 0px 20px; }
#footertext a{ color: #FFFFFF; }
#footertext #adressen{ width : 950px; }
#footertext #adressen div{ float : left; width : 450px; }
#footertext #adressen #column2{ text-align: right; font-size: 11px; }
#footertext #openingsuren{ float : left; margin : 0 0 0 50px; }

/* RECHTS */

#banner_1,#banner_3{ width : 258px; height : 178px; margin : 5px auto 0 auto; }
#banner_1{ background : url('../img/banner_1.jpg') no-repeat center; cursor: pointer; cursor: hand; }
#banner_3{ background : url('../img/banner_3.jpg') no-repeat center; cursor: pointer; cursor: hand; }


/* COPYRIGHT */

#copyright{ font : 8pt "Trebuchet MS" normal; color : #fff; padding : 0px; margin : 0px; text-align: center; }
#copyright a{ color : #fff; }
#copyright a:hover{ text-decoration : none; }

/* FORMULIEREN */

fieldset{ border : 0; margin : 0; padding : 0; }
fieldset div{ padding : 5px; background : #efefef; margin : 2px 0; }
fieldset #button{ background : url('../img/bg_button.png') repeat-x; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; text-decoration : underline; font-weight : bold; }
fieldset #button:hover{ color : #000000; background : url('../img/bg_button.png') repeat-x; border : 1px solid #000000; }
.input,.form_text{ background : #ffffff; border : 1px solid #999; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; font-weight : bold; width : 175px; }
fieldset .form_textarea{ background : #ffffff; border : 1px solid #999; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333; font-weight : bold; width : 305px; height : 150px; }
fieldset label { font-weight: bold; display: block; float: left; color: #333; width:260px; padding : 5px 0; display : block; }
fieldset legend { display: none; }
fieldset .required { display: block; float: right; color: #ffcc00; font: bold 12pt "Trebuchet MS", sans-serif; }
fieldset .buttonAdd{ background : url('../img/bg_button.png') repeat-x; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333 !important; text-decoration : none ! important; font-weight : bold; margin : 10px auto; display : block; float : right; text-transform : uppercase; text-align : center; width : 200px; }
fieldset .buttonAdd:hover{ color : #000000 !important; background : url('../img/bg_button.png') repeat-x; border : 1px solid #000000; }

/* klantenlogin */

#klantenlogin{ margin : 0 0 0 35px; padding : 0; text-align : left; }
.klantenlogin{ margin : 0 !important; padding : 0; text-align : left; }
#klantenlogin label{ display : block; margin : 5px 0 5px 20px; font-weight : bold; }
#klantenlogin span{ display : block; margin : 5px 0 5px 20px; }
#klantenlogin .input{ margin : 0 0 0 20px; }
.buttonAdd{ background : url('../img/bg_button.png') repeat-x; border : 1px solid #cccccc; padding : 5px; font : 10pt "Trebuchet MS"; color : #333333 !important; text-decoration : none ! important; font-weight : bold; margin : 10px 0 0 20px; display : block; text-transform : uppercase; text-align : center; width : 100px; }
tr.h1 td{ font-weight : bold; border-bottom : 1px solid #ccc; background : #efefef; }
tr.h2 td{ font-weight : bold; border-bottom : 1px solid #ccc; color : #666; }
tr td a{ font-weight : normal; }
#alert{ color : red; }