/**
 * DarkCMS CSS bestand
 *
 * Geschreven door	: David Herregat a.k.a. Darklandz (www.darklandz.be)
 *
 */

/**
 * Body opmaak ==================================================================================================================
 */

body {
	margin: 0;
	padding: 0;
	background: #191919 url(../images/bg.gif) repeat-y top center;
	font-family: "verdana", "Lucida Sans Unicode", Sans-Serif;
	font-size: 10px;
	color: #000;
	text-align: left;
}

/**
 * Outline opmaak ===============================================================================================================
 */

#outline {
	width: 855px;
	margin: 0 auto;
	padding: 0;
	
	font-size: 1.3em;
}

/**
 * Header opmaak ================================================================================================================
 */

#header {
	width: 100%;
	height: 106px;
	background: transparent url(../images/headerLogo.png) no-repeat left top;
}
#header .headerTitel {
	width: auto;
	height: 118px;
	padding: 45px 0 0 750px;
}

/**
 * Wrapper opmaak ===============================================================================================================
 */

#wrapper {
	float: left;
width: 855px;
	background: #FFFFFF;
	margin: 0 !important;
	margin: -15px 0 0 0; /* Fuck IE */
	padding: 0;
}

/**
 * Content opmaak ===============================================================================================================
 */

#content {
	float: left;
	width: 855px;
	min-height: 560px;
	height: 100%;
	background: #fff;
	}

/**
 * Footer opmaak ================================================================================================================
 */

#footer {
	width: 856px;
	height: 74px;
	clear: both;
	background: #191919;
	border-top: 1px solid #000;
	color: #fff;
}
#footer .validate {
	background: url(../images/icon_valid.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
}
#footer .credits {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
	border: none;
}
#footer p {
	margin: 0;
	padding: 55px 0 0 100px;
	font-family: verdana;
	font-size: 10px;
	color: #fff;
}
#footer p a:link,
#footer p a:visited {
	color: #aaa;
}
#footer p a:hover {
	color: #fff;
}
#footer p a:active {
	color: #9ad202;
}

#wis {
	clear: both;
}
#plaatsHouder {
	margin: 5px;
}
#gebruikerStats {
  background:#FFF;
  font-size:12px;
  line-height:normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/**
 * Navigatie Tabs ===============================================================================================================
 */

#tabsJ {
	float:left;
  width:100%; 
  background:#FFF;
  font-size:10px;
  line-height:normal;
  border-bottom:1px solid #24618E;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tabsJ ul {
	margin:0;
  padding:10px 10px 0 10px;
  list-style:none;
}
#tabsJ li {
	display:inline;
  margin:0;
  padding:0;
}
#tabsJ a {
	float:left;
  background:url("../images/tableftJ.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
}
#tabsJ a span {
	float:left;
  display:block;
  background:url("../images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {
	float:none;
}
/* End IE5-Mac hack */
#tabsJ a:hover span {
	color:#FFF;
}
#tabsJ a:hover {
	background-position:0% -42px;
}
#tabsJ a:hover span {
	background-position:100% -42px;
}
#tabsJ #current a {
	background-position:0% -42px;
}
#tabsJ #current a span {
	background-position:100% -42px;
  color:#FFF;
}

/**
 * Opmaak tabeltitels ===========================================================================================================
 */

.tekstNormaal {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #000000;
}
.titelNieuws {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: bold;
	color: #000000;
}
.celTitel {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-style: bold;
	color: #FFFFFF;
}

/**
 * Hyperlinks Opmaak ============================================================================================================
 */

a:link {
	color: #2f63b3;
	text-decoration: none;
	}
a:visited {
	color: #2f63b3;
	text-decoration: none;
	}
a:hover {
	color: #4a5265;
	text-decoration: underline;
	}
a:active {
	color: #2f63b3;
	text-decoration: underline;
	}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(../images/blockquote.gif) no-repeat 0 0;
	color: #abafb9;
	}

code {
  background: #afafaf;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }
    #tabsTaal {
      float:left;
      width:100%; 
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsTaal ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    #tabsTaal li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsTaal a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsTaal a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsTaal a span {float:none;}
    /* End IE5-Mac hack */
    #tabsTaal a:hover span {
      color:#FFF;
      }
    #tabsTaal a:hover {
      background-position:0% -42px;
      }
    #tabsTaal a:hover span {
      background-position:100% -42px;
      }

        #tabsTaal #current a {
                background-position:0% -42px;
        }
        #tabsTaal #current a span {
                background-position:100% -42px;
                color:#FFF;
        }


.titelTekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;	
	padding-left: 5px;
	padding-top: 5px;
}
.sluitTekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;	
	padding-right: 4px;
	padding-top: 3px;
} 
.titelImage {
	padding-left: 5px;
	padding-top: 2px;
}



/**
 * Server monitor Opmaak ========================================================================================================
 */
 
#serverMonitorTitel {
	height:38px;
	border-bottom: 1px solid #a1a6b1;
	border-top: 1px solid #a1a6b1;
	background:#2E3B56;
	background-repeat: repeat-x;
  width:845px;
}
#serverMonitorInhoud {
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:5px;
 	width:833px;
}

/**
 * Sydney info Opmaak ===========================================================================================================
 */
 
#sydneyInfoTitel {
	height:38px;
	border-bottom: 1px solid #a1a6b1;
	border-top: 1px solid #a1a6b1;
	background:#2E3B56;
	background-repeat: repeat-x;
  width:845px;
}
#sydneyInfoInhoud {
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:5px;
 	width:833px;
}

/**
 * Module stats Opmaak ==========================================================================================================
 */

#moduleStatsInhoud {
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:5px;
 	width:833px;
}
#moduleStatsTitel {
 height:38px;
	border-bottom: 1px solid #a1a6b1;
	border-top: 1px solid #a1a6b1;
	background:#2E3B56;
	background-repeat: repeat-x;
  width:845px;
}


#lform {
	width:80%;
}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}