*{padding: 0px; margin: 0px; line-height: 125%;}
img{border: 0px;}
ul{list-style:none;}

/**************************************************************/
/* Algemeen */
/**************************************************************/
html{overflow: auto; background-color: #000; height: 100%;}
td,th,div,span,p,input,select,textarea,li{color: #fff; font: 12px Arial;}
a{color: #ccc; text-decoration: none;}
a:hover{color: #fff; text-decoration: underline;}
.small{font: 10px Arial;}
.medium{font: 11px Arial;}
div.clear{clear: both;}
img.imgbutton{cursor: pointer;}
img.imgbutton2{cursor: pointer; position: relative; top: 2px;}
span.link{color: #ccc; text-decoration: none; cursor: pointer;}
span.link:hover{color: #fff; text-decoration: none;}

h1{font: bold 12px/14px Arial;padding-bottom: 10px;}


/******************************************************************************/
/* Forms general */
/******************************************************************************/

input.error{border: solid 2px #f00;}
input[type="checkbox"]{vertical-align:middle; margin-bottom: 2px;}
label,span.checkbox_label{padding-left: 7px;cursor: pointer;}
input.button::-moz-focus-inner {border: 0;padding: 0;}

.button{text-align:center; padding: 4px 20px 3px 20px; color: #000; text-shadow: 1px 1px 1px #888; cursor:pointer; background: #aaa; background-image: linear-gradient(bottom, #8A8A8A 0%, #D6D6D6 100%);background-image: -o-linear-gradient(bottom, #8A8A8A 0%, #D6D6D6 100%);background-image: -moz-linear-gradient(bottom, #8A8A8A 0%, #D6D6D6 100%);background-image: -webkit-linear-gradient(bottom, #8A8A8A 0%, #D6D6D6 100%);background-image: -ms-linear-gradient(bottom, #8A8A8A 0%, #D6D6D6 100%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #8A8A8A),	color-stop(1, #D6D6D6)); border: none; border-radius: 2px; }
.button:hover{background-image: linear-gradient(bottom, #A8A8A8 0%, #787A78 100%);background-image: -o-linear-gradient(bottom, #A8A8A8 0%, #787A78 100%);background-image: -moz-linear-gradient(bottom, #A8A8A8 0%, #787A78 100%);background-image: -webkit-linear-gradient(bottom, #A8A8A8 0%, #787A78 100%);background-image: -ms-linear-gradient(bottom, #A8A8A8 0%, #787A78 100%);background-image: -webkit-gradient(	linear,left bottom,	left top,	color-stop(0, #A8A8A8),	color-stop(1, #787A78)); text-shadow: 1px 1px 1px #fff;}

input,select,textarea{color: #000;}
input[type="text"],input[type="password"]{padding:1px; background: #ddd; border:solid 1px #666;}
div.textinput{padding: 0px 3px;background: #ddd;border:solid 1px #666;}
div.textinput input[type="text"],div.textinput input[type="password"]{border:none;padding: 3px 0px 2px 0px; width:100%;}
select{padding: 2px 2px 2px 0px;background: #ddd; border:solid 1px #666;width:100%; cursor: pointer;}
optgroup{color: #006;}
optgroup option{padding-left: 20px; color: #000;}

/* Login */
div.login{border: solid 1px #333; border-radius: 10px;  width: 400px; min-height: 200px;  padding: 15px; margin: auto; margin-top: 10%;}
div.login input[type="text"],div.login input[type="password"]{width: 387px; margin: 5px 0px; padding: 5px;}

a.facebooklogin-button {
    display: flex;
    width: 200px;
    height: 32px;
    background: #3C5A99;
    color: #fff;
    text-decoration: none;
    padding: 0;
    margin-bottom: 5px;
}

a.googlelogin-button {
    display: flex;
    width: 200px;
    height: 32px;
    background: #f2462d;
    color: #fff;
    text-decoration: none;
    padding: 0;
    margin-bottom: 5px;
}

a.googlelogin-button span, a.facebooklogin-button span {
    display: block;
    padding: 7px;
    font-size: 16px;
}
/******************************************************************************/
/* Main menu */
/******************************************************************************/
#mainmenu{ background: #000 url(/images/menubg.png) repeat-x; height: 55px; overflow:hidden; border-bottom: solid 1px #008; position: relative;}
#mainmenuitems li{display: inline;}
#mainmenuitems li a{display: block; width: 50px; height: 70px; cursor: pointer; margin-left: 10px; float: left; background-image: url(/images/sprite1.jpg);}
#mainmenu_home{}
#mainmenu_adressen{background-position: -100px 0;}
#mainmenu_settings{background-position: -200px 0;}
#mainmenu_logout{background-position: -250px 0;}

#mainmenu_clock_text{width: 250px; position: absolute; top: 11px; right: 64px; text-align: right;}
#analogeklok{position: absolute; top: 0px; right: 2px;background: url(/images/sprite1.jpg); background-position: -300px 0; width: 50px; height: 66px; padding-top: 4px; padding-left: 2px;}

/******************************************************************************/
/* Messages */
/******************************************************************************/
div.msg{padding: 5px; padding-left: 35px; color: #000; -moz-border-radius: 5px;  border-radius: 5px; margin-bottom: 10px;}
div.msg div{font-weight: bold; margin-bottom: 10px;}
div.msg_error{ border: solid 1px #F66; background: #FAA url(/images/error.png) no-repeat 2px 2px;}
div.msg_warning{border: solid 1px #960; background: #FD7 url(/images/info.png) no-repeat 2px 2px; }
div.msg_info{ border: solid 1px #080; background: #AFA url(/images/info.png) no-repeat 2px 2px;  }

/******************************************************************************/
/* Home - pagina tabs */
/******************************************************************************/
#home_page_tabs{border-bottom: solid 1px #444; padding-top: 5px; height: 21px; list-style:none;}
#home_page_tabs li {background: #444;background-image: linear-gradient(bottom, #444444 0%, #262626 100%);background-image: -o-linear-gradient(bottom, #444444 0%, #262626 100%);background-image: -moz-linear-gradient(bottom, #444444 0%, #262626 100%);background-image: -webkit-linear-gradient(bottom, #444444 0%, #262626 100%);background-image: -ms-linear-gradient(bottom, #444444 0%, #262626 100%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #444444),	color-stop(1, #262626));float: left; text-align: center; padding: 3px 15px; cursor: pointer; margin: 0px 10px; border-radius: 5px 5px 0px 0px;}
#home_page_tabs li:hover{background: #777;background-image: linear-gradient(bottom, #444444 0%, #858787 100%);background-image: -o-linear-gradient(bottom, #444444 0%, #858787 100%);background-image: -moz-linear-gradient(bottom, #444444 0%, #858787 100%);background-image: -webkit-linear-gradient(bottom, #444444 0%, #858787 100%);background-image: -ms-linear-gradient(bottom, #444444 0%, #858787 100%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #444444),	color-stop(1, #858787));}
#home_page_tabs li.active{background: #02f;background-image: linear-gradient(bottom, #031D6B 0%, #2D2DF0 100%);background-image: -o-linear-gradient(bottom, #031D6B 0%, #2D2DF0 100%);background-image: -moz-linear-gradient(bottom, #031D6B 0%, #2D2DF0 100%);background-image: -webkit-linear-gradient(bottom, #031D6B 0%, #2D2DF0 100%);background-image: -ms-linear-gradient(bottom, #031D6B 0%, #2D2DF0 100%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #031D6B),	color-stop(1, #2D2DF0));}
#home_page_tabs li.right{float:right;}

/******************************************************************************/
/* Home - Main, en blokjes */
/******************************************************************************/
table.mainhometable{width: 100%;}
div.blokje{position:relative; width: 95%; background: #0E0E0E; background-image: linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -o-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -moz-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -webkit-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -ms-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #141414),color-stop(1, #4D4D4D)); border:2px solid #666; -moz-border-radius: 7px 0px 7px 0px;  border-radius: 7px 0px 7px 0px; text-align: left; color: #fff; cursor: default;}
div.blokje_inner,div.panel_inner{margin: 3px 5px; min-height: 40px;}
div.blokje h1{position:relative; margin: 0px; font: bold 12px/15px Arial; color: #fff; text-align: center; border-bottom: solid 1px #666; padding-top: 0px; padding-bottom: 1px; cursor: move;background-image: linear-gradient(bottom, #444444 0%, #666666 100%);background-image: -o-linear-gradient(bottom, #444444 0%, #666666 100%);background-image: -moz-linear-gradient(bottom, #444444 0%, #666666 100%);background-image: -webkit-linear-gradient(bottom, #444444 0%, #666666 100%);background-image: -ms-linear-gradient(bottom, #444444 0%, #666666 100%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #444444),	color-stop(1, #666666));}
div.blokje .blokje_editknop{position:absolute; top:0px; right:0px; padding:1px 7px 2px 7px; font-size:10px; border: solid 1px #444; cursor: pointer;background: #333; display:none;}
div.blokje .blokje_editknop:hover{background: #126;}

div.dropwrapper{height: 10px; position: relative; width: 95%;}
div.dropwrapper_hover{height: 100px;}
div.dropper{position: absolute; top:0px;left:0px;  width: 99%; height: 5px;}
div.dropper_dragging{height: 100px;}
div.dropper_hover{border: dotted 2px #fff; -moz-border-radius: 7px 0px 7px 0px;  border-radius: 7px 0px 7px 0px;}

.update{position:absolute; top: 3px; left: 3px; font-size: 9px; color: #aaa;}

/* weer */
table.weer{width:100%;}
.weer_temp{font: normal 24px/30px verdana; padding: 5px 0px;}
table.weer_vooruit{border-top: solid 1px #555; width: 100%; margin-top: 8px;}
table.weer_vooruit td{padding-top: 5px;}

/* Zoek en multizoek*/
.logo{text-align: center; margin-bottom: 5px;}
p.zoek{text-align:center;}
table.multizoek{width:100%;}
table.multizoek td{white-space: nowrap; padding-bottom: 1px;}
table.mz1 td:nth-child(1){padding-right:2px;}

/* Post-It */
div.postit{padding-top: 20px; background: #e7d848 url(/images/postit.gif) repeat-x; height: 176px; position: relative; margin-bottom: 10px;}
div.postit div.pin{margin:auto; width:1px; height:1px; position:relative;} 
div.postit div.pin img{position: absolute; top: -30px; left: -20px;}
textarea.postit{background: #e7d848 url(/images/postit.gif) repeat-x; width: 100%; max-width:100%;white-space: pre; font: normal 12px/15px Arial; border: none; overflow: auto; color: #000;}

/******************************************************************************/
/* Blokje edit */
/******************************************************************************/
div.blokjeedit{padding:10px; background: #111;}
table.editblokjemain,table.editblokje_addlink,table.linkedit{width:100%;}
table.editblokjemain td,table.editblokje_addlink td,table.linkedit td{padding: 1px 0px;}
table.linkedit .button{width:100%;}
table.linkedit .textinput{margin-right:5px;}
table.linkedit select{width: 99%;}

div.blokjeedit ul.items{margin: 10px 0px;}
div.blokjeedit ul.items li img{display:block; cursor:pointer; margin: 0px 1px;}
ul.editlinks li table td:nth-child(1){padding-right:2px;}
ul.editlinks li table td:nth-child(3){width:100%; padding-left: 5px;}
ul.zoekitems li table td:nth-child(2){width:100%; padding-left: 5px;}
.input_small{width:50px;}

.linkhandle{cursor: move;}

div.addlinkcont{border-top: solid 1px #333; padding-top: 8px;}

/******************************************************************************/
/* pagina instellingen */
/******************************************************************************/
div.editpage{padding:10px; background: #111;}
div.editpage input[type="radio"]{position:relative; top: -9px;}
.paginaedit_cols{width: 100%;}

/******************************************************************************/
/* settings pagina */
/******************************************************************************/
div.settings{margin: 10px; padding: 15px; border: solid 2px #333; background: #0E0E0E; background-image: linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -o-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -moz-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -webkit-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -ms-linear-gradient(bottom, #141414 0%, #4D4D4D 100%);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #141414),color-stop(1, #4D4D4D));}
ul.settings {float: left; width: 29%; border: solid 1px #666; border-bottom: none;}
ul.settings li{display:block; border-bottom: solid 1px #666;  cursor: pointer;background: #333;}
ul.settings li:hover{background: #444;}
ul.settings li a{display:block; padding: 4px 10px; text-decoration: none;}
ul.settings li.active{background: #00a;}
div.settingsmain{float: right; width: 69%; }


/******************************************************************************/
/* NoqBox */
/******************************************************************************/
#noqbox { position: absolute;  top: 0; z-index: 100; width: 100%; text-align: center;}
#noqbox_div{margin: auto; min-width: 400px; width: 400px; min-height: 100px;text-align: left;	border: none; border-radius: 4px; -moz-border-radius: 4px; background-color: #000; color: #fff; box-shadow: 0px 0px 0px 7px rgba(128,128,128,0.7);}
#noqbox .title{position: relative; height: 15px; padding: 5px 10px 4px 10px; font-weight: bold; text-shadow: 1px 1px 1px #000; background-color: #008; color: #fff;background-image: linear-gradient(bottom, #0030A8 0%, #002461 100%);background-image: -o-linear-gradient(bottom, #0030A8 0%, #002461 100%);background-image: -moz-linear-gradient(bottom, #0030A8 0%, #002461 100%);background-image: -webkit-linear-gradient(bottom, #0030A8 0%, #002461 100%);background-image: -ms-linear-gradient(bottom, #0030A8 0%, #002461 100%);background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0, #0030A8),	color-stop(1, #002461));}
#noqbox .title .noqbox_close{position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; background: url(/images/icon_delete.png) no-repeat; cursor: pointer;}
#noqbox .dialog_button{float: right; margin-right: 5px; margin-top: 3px;}
#noqbox .confirm{background: url(/images/icon48_question_orange.png) no-repeat 10px 6px; padding: 10px; padding-left: 70px; min-height: 50px;}
#noqbox .confirm2{ background-color: #333; height: 29px; border-top: solid 1px #111;}
#noqbox_overlay {  position: fixed;  top: 0px;  left: 0px;  height:100%;  width:100%;  background-color: #000;  z-index: 99;}