/* - - - - - - - - - - - - - - - - - - - - -

Title : QUINX
Author : ACTIVE / Steven Verlaet
URL : 

Description : QUINX website

Created : 07/2008
Version : 0.1

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */
html, body, p, ol, ul, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    list-style: none;
	height:100%;
}
	#main{padding:0; margin:0;}
body{
	background: #766959 url(img/quinxlogo.jpg) top left no-repeat;
    color: #ced5d9;
    font: 100%/1.4 "Corbel", "Verdana", sans-serif;
    font-size: 0.90em;
	padding: 0;

}

/* ----- IDS ----- */

#container{
	background: url(img/contentbg.jpg) top center repeat-y;
	width:788px;
	margin:0 0 0 200px;
	position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
z-index:0;
overflow:auto !important;
overflow:visible;
}	
#header{
	width:470px;
	margin:0 0 0 300px;
}
#content{
	width:435px;
	float:left;
	margin:0;
	padding:0 0 0 20px;
	display:inline;
	text-align:justify;
	
}	
#content img{margin:8px 0;}
#footer{
}

/* NAVIGATIE */
#tabsC {
      float:left;
      width:100%;
      font-size:100%;
      line-height:normal;
      }
    #tabsC ul {
	  margin:0;
	  padding:0px 10px 0 10px;
	  list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("img/tabl.gif") no-repeat left -38px;
      margin:0 0 0 5px;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("img/tabr.gif") no-repeat right -38px;
      padding:5px 10px 10px 9px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% 0px;
      }
    #tabsC a:hover span {
      background-position:100% 0px;
      }  
/* NAVIGATIE LINKS */
#navblok{
	padding:50px 0 0 90px;
	margin:0;
	float:left;
	display: inline;
	font-size:11px;
}
#menut1{
color: #f4f3f1;
	display: block;
	background:  url(img/menulinkst1.jpg) top left no-repeat;
	padding: 4px 0 0 35px;
	margin:0;
	position:relative;
	left:-44px;
	height:20px;
	width:210px;
	z-index:1000;
	}
	#menut2{
color: #f4f3f1;
	display: block;
	background:  url(img/menulinkst2.jpg) top left no-repeat;
	padding: 4px 0 0 35px;
	margin:0;
	position:relative;
	left:-44px;
	height:20px;
	width:210px;
	z-index:1000;
	}
	#menut3{
color: #f4f3f1;
	display: block;
	background:  url(img/menulinkst3.jpg) top left no-repeat;
	padding: 4px 0 0 35px;
	margin:0;
	position:relative;
	left:-44px;
	height:20px;
	width:210px;
	z-index:1000;
	}
	#menut4{
color: #f4f3f1;
	display: block;
	background:  url(img/menulinkst4.jpg) top left no-repeat;
	padding: 4px 0 0 35px;
	margin:0;
	position:relative;
	left:-44px;
	height:20px;
	width:210px;
	z-index:1000;
	}
#navlinks, #navlinks2, #navlinks3, #navlinks4 {
	width: 200px;
	padding:0;
	margin: 0 0 10px 0;
	}
	
#navlinks li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;	
	}	
	
#navlinks li a:link, #navlinks li a:visited {
	color: #59493a;
	display: block;
	background:  url(img/menulinks.jpg) -3px -23px;
	padding: 3px 0 0 52px;
	margin:0;
	border-left:1px solid #bed730;
	}
	
#navlinks li a:hover {
	color: #FFF;
	background:  url(img/menulinks.jpg) -3px 0;
	padding: 3px 0 0 52px;
	margin:0;
	}	

#navlinks2 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;	
	}	
	
#navlinks2 li a:link, #navlinks2 li a:visited {
	color: #59493a;
	display: block;
	background:  url(img/menulinksblauw.jpg) -3px -23px;
	padding: 3px 0 0 52px;
	margin:0;
	border-left:1px solid #13becf;	
	}
	
#navlinks2 li a:hover {
	color: #FFF;
	background:  url(img/menulinksblauw.jpg) -3px 0;
	padding: 3px 0 0 52px;
	margin:0;
	}	
	
	#navlinks3 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;	
	}	
	
#navlinks3 li a:link, #navlinks3 li a:visited {
	color: #59493a;
	display: block;
	background:  url(img/menulinksoranje.jpg) -3px -23px;
	padding: 3px 0 0 52px;
	margin:0;
	border-left:1px solid #f47836;	
	}
	
#navlinks3 li a:hover {
	color: #FFF;
	background:  url(img/menulinksoranje.jpg) -3px 0;
	padding: 3px 0 0 52px;
	margin:0;
	}	
	
	#navlinks4 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;	
	}	
	
#navlinks4 li a:link, #navlinks4 li a:visited {
	color: #59493a;
	display: block;
	background:  url(img/menulinkspaars.jpg) -3px -23px;
	padding: 3px 0 0 52px;
	margin:0;
	border-left:1px solid #b289be;	
	}
	
#navlinks4 li a:hover {
	color: #FFF;
	background:  url(img/menulinkspaars.jpg) -3px 0;
	padding: 3px 0 0 52px;
	margin:0;
	}	

/* ----- CLASSES ----- */

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
}
h2{
}
h3{
	text-align:center;
	text-transform:uppercase;
	font-size:1.8em;
	font-weight:bolder;
	margin:0;
	padding:10px 0;
}
h4{
	color:#bfd630;
	font-weight:100;
	margin:0;
	padding:10px 0;
}
.stijlgroen{
	color:#bfd630;
	font-weight:bold;
}

/* ----- PARAGRAPHS ----- */

p{
padding:2px 0 10px;
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

#content ul{
padding: 0;
margin: 0;
	margin:5px 20px;
	list-style-type: none;
}
li p{
}
ol{
}
ul{
}
ol li{
}
#content ul li{
	margin:0 0 0 20px;
	padding:0 0 0 5px;
	list-style-image:url(img/listarrow.jpg);
	background-position: 0 .4em;
	background-repeat: no-repeat;
}

/* ----- IMAGES ----- */

#content img.left{
	float:left;
	margin: 4px 10px 3px 0px;
	border: 1px solid #D5E6AC;
	padding: 3px;
	background: #FFFFFF;
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

#content a, #content a:visited,#content a:active,#content a:focus{
	color:#bfd630;
	
}
#content a:hover{
color:#dce144;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}