/* 
31/01/2008
versie 3.2
www.bworx.be
*/

/*** 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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {padding: 0 0 0 20px;}
/*START*/

html,body {
margin:0;
padding:0;
background: #fff;
color: #000;
}

body {
font-family: verdana, arial, georgia, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 80%; 
line-height: 140%; 
font-size-adjust: none; 
font-stretch: normal;
background: #fff;
color: #000; 
text-align: center; /* center in IE5.5*/
}

p {
margin:0 10px;
}

a:link {
	color: #b1b7b3;
  font-weight: bold; 
	text-decoration: underline;
}
a:visited {
	color: #000;
	 font-weight: bold; 
	text-decoration: underline;
}
a:hover {
	color: #000;
	 font-weight: bold; 
	text-decoration: none;
}
a:active {
	color: #000;
	 font-weight: bold; 
	text-decoration: none;
}

/*HEADER*/

#header h1 {
margin:0;
background:#fff;
color: #000;
display: none;
}

#container {
text-align:left;
width:800px;
margin:0 auto;
margin-top: 30px;
/*border: 1px solid #ECF1EF;*/
}

/* CONTENT */

#content {
float:right;
width:300px;
background: #fff; /* #eee tijdens testen*/
min-height:500px;
height:auto !important;
height:500px;
/*border-left: 1px solid #ECF1EF;*/
/*border-width: 90%;*/
padding-left:9px;
font-size: 85%; 
}
#content_arte_sub_ts {
float:left;
width:480px; 
background: #fff; 
min-height:500px;
height:auto !important;
height:500px;
/*border-left: 1px solid #ECF1EF;*/
/*border-width: 90%;*/
padding-left:9px;
font-size: 85%; 
}

#content_2kol_left {
background: #fff; 
min-height:500px;
height:auto !important;
height:500px;
/*border-left: 1px solid #ECF1EF;*/
padding-left:5px;
font-size: 85%; 
float: left;
width:250px;
}
#content_2kol_right {
background: #fff; 
min-height:457px; /* 500px - 43px (padding-top) */
height:auto !important;
height:457px; /* 500px - 43px (padding-top) */
/*border-left: 1px solid #ECF1EF;*/
padding-left:5px;
padding-top: 43px;
font-size: 85%; 
float: left;
width:250px;
}

#content_3kol_left {
background: #fff; 
min-height:500px;
height:auto !important;
height:500px;
/*border-left: 1px solid #ECF1EF;*/
padding-left:5px;
font-size: 85%; 
float: left;
width:250px;
}
#content_3kol_normal {
background: #fff; 
min-height:457px; /* 500px - 43px (padding-top) */
height:auto !important;
height:457px; /* 500px - 43px (padding-top) */
/*border-left: 1px solid #ECF1EF;*/
padding-left:5px;
padding-top: 43px;
font-size: 85%; 
float: left;
width:250px;
}
#content_3kol_right {
background: #fff; 
min-height:457px; /* 500px - 43px (padding-top) */
height:auto !important;
height:457px; /* 500px - 43px (padding-top) */
/*border-left: 1px solid #ECF1EF;*/
padding-left:5px;
padding-top: 43px;
font-size: 85%; 
float: left;
width:250px;
}

#content_projecten {
background: #fff; 
min-height:500px; 
height:auto !important;
height:500px; 
/*border-left: 1px solid #ECF1EF;*/
padding-left:30px;
font-size: 85%; 
float: left;
width:750px;
}

/* START PAGE*/

#container_start {
text-align:left;
width:760px;
margin:0 auto;
margin-top: 10px;
/*border: 1px solid #ECF1EF;*/
}

#content_start {
width:750px;
padding: 10px 0px 20px 0px;
float:right;
background: #fff; 
/*border-left: 1px solid #ECF1EF;*/
text-align: center; /* IE 6.0*/
}

.start {
background: #fff; 
/*border-left: 1px solid #ECF1EF;*/
padding: 20px 0px 20px 0px;
}

/* NAVIGATION*/

#navigation {
background: #fff;
padding: 1px 0 0 3px;
height: 80px;
border-bottom: 1px solid #ECF1EF;
margin-bottom: 0.5em;
}

/* NAVCONTAINER 1 */
#navcontainer {
margin:0;
padding: 0; 
background: #fff;
color: #000;
font-family: arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 120%; 
}

#navcontainer a { text-decoration: none; }

#navcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer li { display: inline; }

#navcontainer ul
{
padding: 2px 0;
margin-bottom: 0.3em;
}

#navcontainer li { margin: 0 0 0px; }

#navcontainer a,
#navcontainer a:link,
#navcontainer a:visited
{
font-weight: bold; 
color: #aaa;
padding: 0px 5px;
}

#navcontainer a:hover,
#navcontainer a:focus
{
color: #000;
}

 			 /*current Link*/
#navcontainer #active a:link, #active a:visited, #active a:hover { 
font-weight: bold;
color: #000; 
}

/* NAVCONTAINER 2 */
#navcontainer2 {
margin:0;
padding: 0; 
background: #fff;
color: #000;
font-family: arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 90%; 
}

#navcontainer2 a { text-decoration: none; }

#navcontainer2 ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer2 li { display: inline; }

#navcontainer2 ul
{
padding: 2px 0;
margin-bottom: 0.3em;
}

#navcontainer2 li { margin: 0 0 0px; }

#navcontainer2 a,
#navcontainer2 a:link,
#navcontainer2 a:visited
{
font-weight: bold; 
color: #aaa;
padding: 0px 5px;
}
#navcontainer2 a:hover,
#navcontainer2 a:focus
{
color: #000;
}
 			 /*current Link*/
#navcontainer2 #active2 a:link, #active2 a:visited, #active2 a:hover { 
font-weight: bold;
color: #000; 
}

/* NAVCONTAINER 3 */
#navcontainer3 {
margin:0;
padding: 0; 
background: #fff;
color: #000;
font-family: arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 90%; 
}

#navcontainer3 a { text-decoration: none; }

#navcontainer3 ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer3 li { display: inline; }

#navcontainer3 ul
{
padding: 2px 0;
margin-bottom: 0.3em;
}

#navcontainer3 li { margin: 0 0 0px; }

#navcontainer3 a,
#navcontainer3 a:link,
#navcontainer3 a:visited
{
font-weight: bold; 
color: #aaa;
padding: 0px 5px;
}
#navcontainer3 a:hover,
#navcontainer3 a:focus
{
color: #000;
}
 			 /*current Link*/
#navcontainer3 #active3 a:link, #active3 a:visited, #active3 a:hover { 
font-weight: bold;
color: #000; 
}

/* NAVCONTAINER 4*/
#navcontainer4 {
margin:0;
padding: 0; 
background: #fff;
color: #000;
font-family: arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 90%; 
}

#navcontainer4 a { text-decoration: none; }

#navcontainer4 ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
}

#navcontainer4 li { display: inline; }

#navcontainer4 ul
{
padding: 2px 0;
margin-bottom: 0.3em;
}

#navcontainer4 li { margin: 0 0 0px; }

#navcontainer4 a,
#navcontainer4 a:link,
#navcontainer4 a:visited
{
font-weight: bold; 
color: #aaa;
padding: 0px 5px;
}
#navcontainer4 a:hover,
#navcontainer4 a:focus
{
color: #000;
}
 			 /*current Link*/
#navcontainer4 #active4 a:link, #active4 a:visited, #active4 a:hover { 
font-weight: bold;
color: #000; 
}
/**/

#picture {
float:left;
width:490px; /* 500px - 10px= 490px*/
background:#fff;
padding: 48px 0 0px 0px; /* positie groot steunbeeld */
}
#picture_arte_sub_ts {
float:right;
width:300px; 
background:#fff;
padding: 48px 0 0px 0px; /* positie groot steunbeeld */
}
.pic {
padding: 0;
}
#item {
float:left;
width:490px; /* 500px - 10px= 490px*/
background:#fff;
padding: 48px 0 0px 0px; /* positie groot steunbeeld */
}

#logo {
clear:both;
width:100%;
background:#fff;
padding: 5px 0 0 0;
height: 65px;
display: block;
border-top: 1px solid #ECF1EF;
}
.logo_arte {
float: left;
border: 0;
padding: 6px 0 0 30px;

}
.logo_stabo {
float: right;
border: 0;
padding: 5px 30px 0 0;
}

#footer {
background: #333;
color: #FFF;
margin:0;
padding:5px 10px;
display: none;
}

/* TYPO3 Specific*/
.csc-firstHeader {
padding: 15px 20px 10px 10px;
font-size: 160%; 
}

h2 {
padding: 10px 20px 5px 10px;
font-size: 120%;
font-weight: bold;
}

h3 {
padding: 0px 20px 10px 10px;
font-size: 140%;
}

.bodytext {
padding: 0px 20px 5px 0px;
} 
.csc-textpic {
padding: 8px 20px 10px 0px; /* positie text/image */
}
.csc-textpic-image {
border: 1px solid #ECF1EF; /* kader rond thumbs*/
padding: 0;
}

ul {
list-style: disc; 
padding: 3px 0 3px 35px; /* uitlijning lists bij de content */	
}

/* MAILFORM PLUS */
.tx-thmailformplus-pi1 {
padding: 3px 0 3px 5px;	
}
.red { 
color: red; /* kleur foutboodschap */
}

/* PROJECTEN */

.project {
padding: 2px;
border: 1px solid #EFF3EF;
}


#left .ce {
  padding-bottom:25px;
}

.rgsglinks {
  padding:4px 10px 4px 15px; /* Plaatsing thumbnails tov steunbeeld */
  Xdisplay:block;
  background:#fff;
  z-index:99999;
  position:absolute;
  top: 525px; /* anders staan de tumbs bovenaan bij het inladen */
}

/* single numbers */
.rgsglinks p {
  border:1px solid #5c8090;
  padding:0px 4px;
  margin:4px;
  display:inline;
  font-family:Courier New, Courier, monospace;
  font-weight:bold;
  background:#a7a6a5;
  color:#fff;
  cursor:pointer;
}

/* single numbers hover */
.rgsglinks p:hover, .rgsglinks p.act {
  background:#5c8090;
}	

/* for special elements */
.rgsglinks294 {
  text-align:right;
  padding:0;
}

.rgsglinks294 p {
  float:right;
}
#item .csc-textpic {
display: none;
}