/*  
 * Het Wapen van Middelie basic css 
 *
 *
 */

/* reset default behaviour */
* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:0; }
fieldset { padding:0.5em; }
img { border:none; }

/* basic page settings */
body { font-family:arial, sans-serif; font-size:75%; background:#440E32 url(/img/bg.jpg) repeat-x top center; }
h1, h2, h3, h4, h5, h6 { color:#7e5971; text-transform:uppercase; font-size:1em; font-weight:bold; }
h2 span { margin:0 10px 0 0; }
p { line-height:200%; margin-bottom:2em; }
a { text-decoration:none; color:#764E34; }
#cms { height:200px; width:800px; margin:0 auto; text-align: left; background:#fff; }
#cms ul { margin: 10px 0 0 10px; font-size: 12px; }

/* page layout */
body { text-align:center; }

#lw { position:relative; width:800px; min-height:600px; margin:0 auto; padding:28px 0 0 0; background:#fff url(/img/top.jpg) no-repeat top center; }

#c { float:left; width:800px; background:#fff; }

#h { position:relative; height:200px; }
#logo { position:absolute; top:10px; left:58px; }
#tag { position:absolute; top:155px; left:200px; }
#ds { position:absolute; top:15px; right:23px; width:149px; height:134px; }

#b { height:198px; background:url(/img/banner.jpg) no-repeat center center; }

#gn { height:20px; background:#bea12d; }

#menu { float:left; width:100px; min-height:360px; padding:65px; margin:0; background:url(../img/ml.jpg) no-repeat top left; }
#mc { float:right; width:485px; min-height:360px; padding:65px 85px 20px 0; background:url(../img/mr.jpg) no-repeat top right;text-align:left; }

#mca { float: left; width: 700px; min-height: 360px; padding: 65px 50px  20px 50px; text-align: left; font-size: 14px; }

#f { clear:both; height:20px; padding:5px 0; background:#bea12d; /*text-align:left;*/ }
#f ul { width:800px; padding:0 200px; margin:0 auto; }
#f li { float:left; margin:0 0 0 20px; }

/* Menus */
#gn {padding:5px 0; margin:0; }

#gn ul { margin:0 0 0 245px; padding:0; list-style:none; text-align:left; }
#gn li { margin:0 55px 0 5px; display:inline; text-transform:uppercase; }
#gn li a { color:#764E34; }
#gn li a:hover { text-decoration:underline; }


#menu { margin:0; list-style:none; text-align:center; text-transform:uppercase; }
#menu li { padding:0 0 14px 0; }
#menu a { color:#ceb861; font-weight:bold; padding-right:10px; }
#menu a:hover { color:#5b3339; font-weight:bold; background:url(../img/menu.jpg) no-repeat center right; }
#menu a.current { color:#5b3339; }

/* footer */

#f { }
#f ul { color:white; font-size:85%; list-style:disc; }
#f a { color:white; }
#f li { }

#pb { width:700px; height:400px; text-align:center; background:#fff; }

/* TICKER */

#TICKER{
    width:800px;
    height:30px;
    background-color:#bea12d;
    }
#TICKER a{color:White;}   

/* Forms */
.fp { clear:both; text-align:left; }
.ff { margin:0 0 10px 25px; padding:0px; float:left; width:280px; text-align:left;}
.fq { margin:0; padding:0; float:left; width:160px;}
.fbtn { float:right; margin:0 100px 0 0;  color:#764E34; text-decoration:underline; text-align:right; clear:both;}
.covi { width:100%; border-bottom:solid 1px #bea12d; margin:0 0 20px 0; }

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

input { margin:0 5px 0 0; padding:2px 20px 2px 2px; }
input.dbtn { margin:0 0 0 -26px; vertical-align:middle; z-index:2; }
select { margin:0; padding:2px; }
textarea { margin:0; padding:2px; }
td input {margin:0;float:none;padding:2px;text-align:left;}
td textarea {margin:0;float:none;padding:2px;text-align:left;}