/*fonts instellen */ 
@font-face {font-family: 'dup'; src: url('../font/dup.eot'); src: url('../font/dup.eot?#iefix') format('embedded-opentype'), url('../font/dup.woff') format('woff'), url('../font/dup.ttf') format('truetype'), url('../font/dup.svg#dup') format('svg'); font-weight: normal; font-style: normal; }

/*fonts*/
body, td {font-family: verdana; font-size: 16px; line-height: 26px; vertical-align: top; color: #46463C;}
textarea, input, select {font-family: verdana; font-size: 12px;}
textarea, input, select {padding: 3px; border: 1px solid #576675;}
input:focus, textarea:focus { background-color: #fafada; border: 1px solid #aaaaaa; }
#side {font-size: 13px; line-height: 23px;}
#menulist {font-family: dup;}
.h1{font-family: dup; font-size: 36px; line-height: 55px; color: #F07E14; font-weight: bold; }
.h2{font-family: dup; font-size: 22px; line-height: 24px; color: #46463C; }
#footer {font-size: 14px;}

/*standards and links*/
img, .imagebox img {border: 0;}
html {height: 100%;}
body {background: #67FE24; margin: 0; height: 100%; }
div, a {-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: overflow; text-align: left; }
a,  a:active {color: #2622CE; text-decoration: none;}
a:hover {text-decoration: underline;}
#footer a,  #footer a:active {color: #46463C; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
a, .button {cursor: pointer;}
.menuitem a,  .menuitem a:active {color: #000000 !important;}

/* Clearfix */
.cf:before, .cf:after {content:""; display:table;}
.cf:after { clear:both;}
.cf {zoom:1;}

/* general property classes */
.cover {-webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}
.shadow {-moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}


/*ID's of main components*/
#wrapper{width: 100%; min-height: 100%; background: url('../image/bg.jpg') no-repeat center -100px fixed ;}

#container, #header, #center, #footer {width: 960px;}
#container {margin: 0 auto; position: relative;}
#header {height: 250px;}
#menu {height: 50px; position: relative; padding-left: 10px; background: linear-gradient(#333333, #0A0A0A) repeat scroll 0 0 transparent/*url('../image/menu.png')*/; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); display: block; width: 100%; margin-top: 0px;}
#center {margin-top: 0px; background: #FFFFFF;}
#left {width: 680px; position: relative;}
#home {width: 680px; margin: 0px 0px 10px 0px; padding: 30px 30px 20px 30px; min-height: 360px; _height: 360px;}
#right {width: 280px; position: relative; padding: 30px 20px 20px 10px;}
#twitter-widget-0 {height: 500px;}
#footer {height: 50px; padding: 10px 5px 0px 5px;}

/*set ID's */

/*menu lists*/

ul#menulist {list-style-type: none; padding: 0px; margin: 0px;}
ul#menulist > li, ul#menulist > li > a {height: 50px; float: left;}
ul#menulist > li {list-style-type: none; padding: 0; text-align: left; margin-left: 0px; margin-top: 0px; padding: 0; }
ul#menulist > li > a {display: block; padding:	13px 20px 6px 24px; color:	#FFFFFF; text-decoration: none; font-size: 24px; letter-spacing:1px; font-weight: bold;}
ul#menulist > li > a:hover {text-decoration: none; color: #F07E14;}


ul.submenulist {list-style-type: none; padding: 0px; margin: 0px;}
ul.submenulist li, ul.submenulist li a {height: 40px; width: 250px;}
ul.submenulist li {list-style-type: none; padding: 0; text-align: left; padding: 0; }
ul.submenulist li a {display: block; padding:	0px; color:	#ffffff; text-decoration: none; font-size: 20px; font-weight: bold;}
ul.submenulist li a:hover {text-decoration: none; color: #F07E14;}

ul#pagelist {list-style-type: none; padding: 0px; margin: 0px;}
ul#pagelist li, ul#pagelist li a {height: 25px; width: 170px; float: left;}
ul#pagelist li {list-style-type: none; padding: 0; text-align: left; margin-left: 3px; padding: 0;  margin: 0 0 0 0;}
ul#pagelist li a {display: block; padding:	3px 0px 0px 10px; color:	#46463C; text-decoration: none; text-align: right; font-size: 16px; }
ul#pagelist li a:hover {text-decoration: none; color: C80014;}

/*set classes*/
.duif {position: absolute; top: 20px; left: -20px; z-index: 10;}
.titel {position: absolute; top: 0px; left: 480px; z-index: 10;}
/*.foto {position: absolute; top: -10px; left: 680px; z-index: 10;}*/

.submenu {width: 270px; display: none; position: absolute; top: 50px; z-index: 500;}
.submenucontent {width: 270px; padding: 20px 10px 0px 20px; background: url(../image/z90.png);}
.submenubottom {width: 270px; height: 5px; background: url('../image/z90.png');}
.menu-selected {color: #F07E14 !important;}

.filejpg, .filedoc, .filepdf{margin-top: 3px;}
.filejpg a, .filejpg a:hover, .filedoc a, .filedoc a:hover, .filepdf a, .filepdf a:hover{
display: block; height: 32px; width: 350px; padding-left: 35px; padding-top: 6px;}
.filejpg a { background: url('../image/jpg.gif') no-repeat; }
.filejpg a:hover {background: ; }
.filedoc a {background: url('../image/doc.gif') no-repeat; }
.filedoc a:hover {background: ; }
.filepdf a {background: url('../image/pdf.gif') no-repeat; }
.filepdf a:hover {background: ; }

.msg {color: #b3071b; background: #ffffff !important;}
.editelement {background: #E3DFDC; padding: 5px;}
.button { }
.edit, .delete {float: right; position: absolute; z-index: 10;}
.edit {right: 40px;}
.delete {right: 5px;}
.width {width:580px;}
.medium {width:420px;}
.small {width:302px;}
.tiny {width:50px;}
.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.round {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.imagebox {width:120px; height:120px; float:left; text-align: left; overflow:hidden; margin-bottom:5px; margin-right:5px; position: relative;}
.filebox {height: 32px;}
.davidvandiepen {color: #111111;}
.davidvandiepen a{color: #111111 !important;}
.davidvandiepen a:hover{color: #111111 !important;}
.sponsorimage {border: 1px solid #cccccc; width: 252px; height: 152px; overflow: hidden; margin-top: 7px; background: #ffffff;}

/*style for image slider*/
.fadein { position:relative; width:640px; height:240px; z-index: 0; overflow: hidden;}
.fadein img { position:absolute; left:0; top:0; }

/*style for modbox*/
#modboxwrap {width: 100%; height: 30px; }
#modbox {position: fixed; z-index: 500; width: 100%; height: 30px; color: #ffffff; background: url(../image/modbox/modboxbg.jpg); padding: 0px 5px 0px 5px; font-family: verdana; font-size: 12px; color: #ffffff;}
#modbox a, #modbox a:active {color: #dddddd; text-decoration: none;}
#modbox a:hover {text-decoration: none;}
.modboxitem {height: 30px; padding: 5px 5px 0px 5px;}
.modboxborderright {border-right: 1px solid #000000;}

ul.modpagelist {list-style-type: none; padding: 0px; margin: 0px;}
ul.modpagelist li, ul.modpagelist li a {height: 30px; float: left;}
ul.modpagelist li {list-style-type: none; padding: 0; text-align: left; padding: 0;  margin: 0 0 0 0; border-left: 1px solid #000000; background: url(../image/modboxbg.jpg);}
ul.modpagelist li a {display: block; padding:	5px 5px 0px 5px; text-decoration: none;}
ul.modpagelist li a:hover {text-decoration: none; background-color: #000000;}


/* style for imageselector */
#imageselectorbg{ display: none; position: fixed !important; _position: absolute;  /* hack for internet explorer 6*/ height: 100% !important; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:200;}  
#imageselector{  display: none; position: fixed !important; _position: absolute; /* hack for internet explorer 6*/ height:450px; _left: 30% !important; width:660px; top: 80px !important; background:#ffffff; border:2px solid #cecece; z-index:201; padding:5px; font-size:13px;}  
#imageselectorArea{overflow: auto;height:400px;}
#imageselectorClose{cursor: pointer; float: right;}