@charset "utf-8";
/* Stylesheet voor Oetzie.nl CMS. (c) Oetzie.nl. Alle rechten voorbehouden. */

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Algemeen ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

html, body, form, h1, h2, h3, h4, h5, h6, p {
   	margin: 0px;
    	padding: 0px;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #898989;
	text-decoration: none;
	background: #ffffff;
}

#website {
	width: 100%;
	height: 100%;
	text-align: center;
}

.container {
	height: auto;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.loading-window {
    	position: fixed;
    	width: 300px;
   	height: 100px;
    	background: #ffffff url('../images/loading.gif') no-repeat center center;
    	z-index: 99;
    	margin-top: -50px;
    	margin-left: -150px;
    	top: 50%;
    	left: 50%;
    	border: 1px solid #cccccc;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Header ------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------- */

.header {
	height: 120px;
	width: 900px;
	margin-bottom: 10px;
}

	.header-left {
		float: left;
		height: 65px;
	    	width: 240px;
	    	padding: 5px;
    	}
    
        	.header-logo {
            		border: 0px;
            		margin: -10px 0px 0px -6px;
        	}
        
    	.header-middle {
	    	float: left;
	   	height: 65px;
	   	width: 390px;
	    	padding: 5px;
    	}
    
        	.header-login {
            		float: left;
            		width: 260px;
           	 	height: 50%;
        	}
        
        	.header-login-menu {
            		float: left;
            		width: 130px;
            		height: 50%;
        	}
        
    	.header-right {
	    	float: left;
	    	height: 65px;
	    	width: 240px;
	    	padding: 5px;
    	}
    
        	.header-prive {
            	float: right;
            	height: 50%;
        	}

        	.header-prive-item {
            	border-bottom: 1px solid #cccccc;
        	}
        
    	.header-menu {
	    	height: 25px;
	    	width: 900px;
    	}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Content ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.content {
	height: auto;
	width: 900px;
}

.content-left {
	float: left;
	height: auto;
	width: 250px;
	margin-bottom: 10px;
}

	.left-title {
		height: 23px;
	    	width: 238px;
	    	background: url('../images/gradient.jpg') repeat-x 0 0;
	    	text-align: left;
	    	border: 1px solid #CCCCCC;
	    	line-height: 23px;
	    	padding: 0px 5px 0px 5px;
	    	color: #898989;
	    	font-weight: bold;
	    	cursor: pointer;
    	}

    	.left-content {
	   	width: 238px;
	    	text-align: left;
	    	border-left: 1px solid #cccccc;
	    	border-right: 1px solid #cccccc;
	    	padding: 5px;

    	}

.content-right {
	float: left;
	height: auto;
	width: 640px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: left;
}

    	.title-01 {
       	 	width: 640px;
        	height: 25px;
        	background: url('../images/title-01.jpg') no-repeat center left;
        	line-height: 25px;
        	color: #ffffff;
        	font-weight: bold;
        	margin: 0px 0px 15px 0px;
    	}

    	.title-02 {
        	width: 611px;
        	height: 25px;
        	padding: 0px 0px 0px 29px;
        	background: url('../images/title-02.jpg') no-repeat center right;
    	}
    
    	.content-header {
	    	height: 14px;
	    	width: 640px;
	    	background: url('../images/header.jpg') no-repeat 0 0;
	    	margin: 0px 0px 15px 0px;
    	}

.footer {
	clear: both;
	width: 900px;
	margin-top: 10px;
	background: #cccccc;
	margin-bottom: 10px;
}

.clearfix {
	clear: both;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Menu -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.header-menu-left {
	float: left;
	height: 25px;
	width: 17px;
	background: url('../images/menu-left.png') no-repeat 0 0;
}

.header-menu-middle {
	float: left;
	height: 25px;
	width: 866px;
	background: url('../images/menu-center.jpg') repeat-x 0 0;
	text-align: left;
}

    	.menu {
	    	margin-left: -40px;
	    	margin-top: 0px;
	    	list-style: none;
    	}

    	.menu li {
	    	float: left;
	    	padding: 0px 0px;
    	}

    	.menu a {
	    	display: block;
	    	padding: 6px 10px;
	    	color: #FFFFFF;
	    	text-decoration: none;
	    	font-weight: normal;
    	}

    	.menu a:hover {
	    	display: block;
	    	padding: 6px 10px;
	    	color: #FFFFFF;
	    	text-decoration:none;
	    	font-weight: normal;
	    	background: url('../images/menu-hover.jpg') repeat-x 0 0;
    	}

    	.menu ul {
	    	position: absolute;
	    	width: 150px;
	    	left: -1000px;
	    	z-index: 999;
    	}

    	.menu li:hover ul, .menu li.ie_does_hover ul {
	    	left: auto;
	   	background-position: 0 0;
	    	z-index: 999;
    	}

    	.menu ul {
	    	padding: 0px;
	    	margin: 0px;
	    	list-style: none;
	    	border: 1px solid #a7a7a7;
	    	background: url('../images/menu-sub.jpg') repeat-y 0 0;
	    	z-index: 999;
    	}

    	.menu ul li a {
	    	display: block;
	    	padding: 6px 10px 6px 30px;
	    	color: #a7a7a7;
	    	font-size: 11px;
	    	width: 110px;
    	}

    	.menu ul li a:hover {
	    	display: block;
	    	padding: 5px 9px 5px 29px;
	    	color: #a7a7a7;
	    	font-size: 11px;
	    	width: 110px;
		    background: #f0f0f2;
		    border: 1px solid #898989;
    	}
    
    	.menu li a.active {
        	background: url('../images/menu-hover.jpg') repeat-x 0 0;   
    	}
        
.header-menu-right {
	float: left;
	height: 25px;
	width: 17px;
	background: url('../images/menu-right.png') no-repeat 0 0;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Menu sorteren ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#list tr:hover {
	background: #f3f3f3;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: IE melding -------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.ie {
	width: 600px;
	height: 36px;
	border-top: 3px solid #ff8e8e;
    	border-bottom: 3px solid #ff8e8e;
	background: #ffcccc url('../images/stop.gif') no-repeat 10px 5px;
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 15px 0px;
	color: #404143;
	line-height: 36px;
}

.ie a:hover {
    color: #ff8e8e;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Linker menu ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.content-left a {	
	cursor: pointer;
	color: #00afdc;
	text-decoration: none;
	font-weight: normal;
	padding: 2px 3px;
}

.content-left a:hover {	
	border: 1px solid #cccccc;
	background: #f5f5f5;
	padding: 1px 2px;
}

div.left-paginas ul {
	padding: 0px;
	list-style: none;
}

.left-paginas ul.left-paginas {
	margin: 0px 0px 0px 10px;
}

.left-paginas li.left-pagina {
	padding: 2px 0px 2px 20px;
	background: url('../images/pagina.png') no-repeat 0px 2px;
}

.left-paginas li.left-subpagina {
	padding: 2px 0px 2px 20px;
	background: url('../images/subpagina.png') no-repeat 0px 2px;
}

.left-paginas .left-minusnode, .left-paginas .left-plusnode {
	position: absolute;
	display: block;
	width: 9px;
	height: 9px;
	margin: 1px 0px 0px -32px;
	padding: 0px;
}

.left-paginas .left-plusnode {
	background: url('../images/plusnode.gif') no-repeat center center;
}

.left-paginas .left-minusnode {
	background: url('../images/minusnode.gif') no-repeat center center;

}

.left-paginas .left-plusnode:hover {
	border: 0px;
	padding: 0px;
	background: url('../images/plusnode.gif') no-repeat center center;
}

.left-paginas .left-minusnode:hover {
	border: 0px;
	padding: 0px;
	background: url('../images/minusnode.gif') no-repeat center center;
}

.img-sitemap {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0px 4px 0px 0px;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Startpagina menu -------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.startpagina-item {
	float: left;
	display: block;
	width: 101px;
	text-align: center;
}

	.startpagina-item .afbeelding {
       		display: block;
        	height: 65px;
        	width: 101px;
		margin: 10px 0px;
   	}

        .startpagina-item .afbeelding img {
        	border: 0px;
        }

    	.startpagina-item .naam {
       		display: block;
        	width: 101px;
	    	margin: 5px 0px;
    	}

.rss-feed li {
	margin-left: -20px;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Satistieken ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.grafiek {
	display: none;
}

.column-left {
	float: left;
	width: 310px;
	margin: 0px 10px 0px 0px;
}


.column-right {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 10px;
}

.column-item {
	margin-bottom: 15px;
}

.column-title {
	width: 302px;
        background: url('../images/gradient.jpg') repeat 0 0;
	padding: 4px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #cccccc;
	font-size: 11px;
        margin: 0px 0px 34px 0px;
	color: #898989;
	font-weight: bold;
}


/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Algemeen ---------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

ul {
	list-style: square;
}

hr {
	height: 1px;
	background: #bcbcbc;
	width: 100%;
	border: 0px;
}

#title {
	font-size: 12px;
	color: #00afdc;
	text-decoration: none;
	font-weight: normal;
}

#title2 {
	font-size: 16px;
	color: #00afdc;
	text-decoration: none;
	font-weight: normal;
}

#button {
	cursor: pointer;
}

a {
	cursor: pointer;
	color: #00afdc;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #898989; 
	text-decoration: none;
	font-weight: normal;
}

input {
	border: 1px solid #a7a7a7;
	background: #FFFFFF;
	color: #a7a7a7;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 3px;
}

select {
	border: 1px solid #a7a7a7;
	background: #FFFFFF;
	color: #a7a7a7;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 2px;
}

optgroup {
	text-decoration: none;
}

textarea {
	border: 1px solid #a7a7a7;
	background: #FFFFFF;
	color: #a7a7a7;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 5px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
    margin-bottom: 15px;
}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Knoppen ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

.wijzig {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: #ffffff url('../images/edit.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.wijzig:hover {
	text-decoration: none;
	color: #898989;
}

.toevoegen {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/nieuw.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.toevoegen:hover {
	text-decoration: none;
	color: #898989;
}

.verwijder {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/delete.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.verwijder:hover {
	text-decoration: none;
	color: #898989;
}

.kopieer {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/copy.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.kopieer:hover {
	text-decoration: none;
	color: #898989;
}

.downloaden {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/download.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.downloaden:hover {
	text-decoration: none;
	color: #898989;
}

.deinstalleer {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/deinstall.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.deinstalleer:hover {
	text-decoration: none;
	color: #898989;
}

.preview {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/view.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.preview:hover {
	text-decoration: none;
	color: #898989;
}

.inklappen {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/inklappen.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.inklappen:hover {
	text-decoration: none;
	color: #898989;
}

.uitklappen {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/uitklappen.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.uitklappen:hover {
	text-decoration: none;
	color: #898989;
}

.omhoog {
	padding: 4px 0px 4px 22px;
	width: auto;
	background: url('../images/omhoog.gif') no-repeat 0px 0px;
	text-decoration: underline;
	color: #898989;
}

.omhoog:hover {
	text-decoration: none;
	color: #898989;
}

.ok {
    	cursor: pointer;
	border: 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 41px;
	background: url('../images/okbtn.png') no-repeat 0px 0px;
}

.help {
	display: block;
    	border: 0px;
    	padding: 0px 15px;
	margin: 5px 0px;
	color: none;
}

.button {
	border: 1px solid #dedede;
	background: #f5f5f5;
	color: #a7a7a7;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 3px;
}