/*
	Reset CSS
	http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height:120%;
	vertical-align: baseline;
	background: transparent;

}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -------   own styles ------- */

body{
font-family: tahoma, arial;
font-size: 12px;
background: url("/ku_achtergrond.jpg") no-repeat black;
}
p{
padding-bottom: 12px;
}
a:link {
color:#333;
text-decoration: underline;
}    
a:visited {
color:#333;
text-decoration: underline;
}  
a:hover {
color:#eee;
text-decoration: none;
background: rgb(11,11,11);
}  
a:active {
color:#eee;
text-decoration: none;
background: rgb(11,11,11);
}
div#menu a:link {
color:#333;
text-decoration: none;
}    
div#menu a:visited {
color:#333;
text-decoration: none;
}  
div#menu a:hover {
color:#eee;
text-decoration: none;
background: rgb(11,11,11);
}  
div#menu a:active {
color:#eee;
text-decoration: none;
background: rgb(11,11,11);
}


img.menuicon{
vertical-align: bottom;
text-decoration: none;
}

h1{
font-size: 14px;
font-weight: normal;
color: #eee;
text-transform: uppercase;
text-align: center;
padding-top: 2px;
}
h1 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	/* background:url(/images/gradient-txt.png) repeat-x; */
}
.logocontent {
float: left;
margin-top: -12px;
margin-left: -12px;
}
.imgleft{
float: left;
padding: 0 6px 6px 0;
}
.imgright{
float: right;
}
div.content h1{
font-size: 20px;
color: #000059;
font-weight: bold;
text-align: center;
text-transform: none;
padding: 2px;
font-family: Geneva, Tahoma, Arial;
position:relative;
}
#logo{
position: absolute;
top: 20px;
left: 20px;
}

.closebutton{
float: left;
color: #eee;
width: 16px;
height: 16px;
background-image: url("/css/custom-theme/images/ui-icons_ffffff_256x240.png");
background-position: -96px -128px;
margin-top: 3px;
margin-left: 2px;
}

.padding{
padding: 10px;
}

/* algemene window styles */
.window{
position: absolute;
}
.header{
background: rgb(136,136,136);
background: rgba(136,136,136,0.9);
width: 100%;
height: 22px;
cursor: move;
/* ronde corners for mozilla en webkit browsers */
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px; 
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
}
.content{
background: rgb(238,238,238);
width: 100%;

}
.footer{
background: rgb(136,136,136);
background: rgba(136,136,136,0.9);
bottom: 0;
width: 100%;
height: 22px;
/* ronde corners for mozilla en webkit browsers */
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
}
.invisible{
	display: none;
}

/* jqueryui resizable icons css */
.ui-icon { width: 16px; height: 16px; background-image: url("/css/custom-theme/images/ui-icons_ffffff_256x240.png"); }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; background-position: -80px -224px;  }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%;}
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/* ui-icon override for posistion */
.ui-icon{
	bottom: -18px;
	right: 2px;
}
.ui-resizable-e{
	padding-top: 20px;
}
.ui-resizable-s{
	bottom: -25px;
}



/* menu window */
div#menu{
width: 150px;
position: absolute;
top: 210px;
left: 140px;
}
div#menu h2{
font-size: 14px;
font-weight: normal;
margin-bottom: 2px;
color: #333;
text-transform: uppercase;
}
li{
font-size: 12px;
color: #333;
padding: 5px;
margin-left: 3px;
}
div#menu li a{
 padding: 5px;
 padding-right: 25px;
}

/* main window */
div#main{
width: 600px;
position: absolute;
top: 190px;
left: 400px;
}
div#main h2{
font-size: 14px;
font-weight: bold;
color: #333;
}