/* Alexander Degroote - Maart 2009 - Don Bosco vorming en animatie */


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: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
	background-color: #393939;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	padding: 0 0 0 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;}


html,body {
margin:0;
padding:0;
background: #393939;
color: #a7a7a7;
}

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;
text-align: center; /* center in IE5.5*/
}

p {
	margin-left: 20px;
	margin-top: 0px;
}

a:link {
	text-decoration: none;
	color: #345956;
    font-weight: bold; 
}
a:visited {
	color: #345956;
	 font-weight: bold; 
}

a:hover {
	color: #345956;
	 font-weight: bold; 
	 text-decoration: underline;
}
a:active {
	color: #a9b896;
	 font-weight: bold; 
	text-decoration: none;
}

titel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-color:#345956;
	font-weight:bolder;
	}

/*HEADER*/

#header {
height: 134px;
background-image:url('../images/header-bg.jpg');

}

.headercenter {
height:130px;
text-align:center;
background-image:url('../images/header-TT.gif');
background-repeat:no-repeat;
background-position:center;
}

.headerright {
height:130px;
text-align:center;
background-image:url('../images/header-logos.gif');
background-repeat:no-repeat;
background-position:right;
}

#container {
text-align:left;
width:100%;
margin:0auto;
}




/* CONTENT */

#wrapper {
clear:both;
width:900px;
margin:auto;
}


/* NAVIGATION*/

#navigation {
float:left;
padding: 1px 0 0 3px;
width:100%;

}


/* NAVCONTAINER 1 */

#navspacer {
margin:0;
height:10px;
padding: 0; 
color: #000;
font-family: arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 120%; 
}



#navcontainer {
margin:0;
padding-top: 14px;
height:35px;
width:100%;
background-image:url('../images/menu-bg.jpg');
background-repeat:repeat-x;
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
{
    text-align:center;
    width:100%;
    margin:auto;
}

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

#navcontainer a,
#navcontainer a:link,
#navcontainer a:visited
{
font-weight: bold;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 10px;
padding-top: 0px; 
color: #393939; /* huidige menulink*/
}

#navcontainer a:hover,
#navcontainer a:focus
{
color: #393939; /* huidige menulink hooverkleur*/
}

 			 /*current Link*/
#navcontainer #active a:link, #active a:visited { 
font-weight: bold;
color: #8f8e8e; /* menulink hoofdmenu */
}

#active a:hover
{
    color:#393939;
}

/* NAVCONTAINER 2 */
#navcontainer2 {
margin:0;
padding: 3px;
height:35px;
width:100%;
background-image:url('../images/submenu-bg.gif');
background-repeat:repeat-x;
color: #000;
font-family: arial, hevetica, sans-serif;
font-style: normal; 
font-variant: normal; 
font-weight: normal; 
font-size: 100%;
}

#navcontainer2 a { text-decoration: none; }

#navcontainer2 ul
{
    text-align:center;
    width:100%;
    margin:auto;
}

#navcontainer2 li { display: inline; }

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

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

#navcontainer2 a
{
padding-left: 0px;
padding-bottom: 0px;
padding-right: 7px;
padding-top: 0px;
font-weight: bold; 
color: #8f8e8e; /* niveau twee, menulink */
}
#navcontainer2 a:hover
{
color: #FFFFFF;
}


 /*current Link - via ID van active LI zie typoscript submenu*/
#navcontainer2 #active2 a:link, #active2 a:visited, #active2 a:hover {
font-weight: bold;
color: #FFFFFF;
}

/* 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
{
padding-left: 0px;
padding-bottom: 0px;
padding-right: 5px;
padding-top: 0px;
font-weight: bold; 
color: #6d7762;
}
#navcontainer3 a:hover,
#navcontainer3 a:focus
{
color: #345956;
}
 			 /*current Link*/
#navcontainer3 #active3 a:link, #active3 a:visited, #active3 a:hover { 
font-weight: bold;
color: #a9b896; 
}

/* 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; 
}

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

/* Inhoud van de pagina's */
.csc-firstHeader {
margin-right: 0px;
margin-bottom: 20px;
margin-top: 20px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
text-align:center;
color: #ffffff;
font-size: 120%;
font-weight:bold;
background-image:url('../images/submenu-bg.gif');
background-repeat:repeat-x;

}

h1 {
margin-right: 0px;
margin-bottom: 20px;
margin-top: 20px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
text-align:center;
color: #ffffff;
font-size: 120%;
font-weight:bold;
background-image:url('../images/submenu-bg.gif');
background-repeat:repeat-x;
}


h2 {
margin-bottom: 5px;
border-top-style: solid;
border-top-color: #ffffff;
border-top-width: 1px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-top: 2px;
margin-left: 20px;
color: #ffffff;
font-size: 110%;
font-weight: bold;
}

h3 {
margin-bottom: 5px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 2px;
padding-top: 2px;
margin-left: 20px;
color: #ffffff;
font-size: 100%;
font-weight: bold;
}

h6 {
margin-top: 10x;
margin-bottom: 10px;
padding-left: 5px;
background-color: #a9b896;
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
font-weight: bold;
color: #345956;
font-size: 100%;
}

h6 a {
text-decoration: none;
}

h6 a:hover {
text-decoration: underline;
color:#345956;
}


h8 {
font-weight: bold;
text-shadow: 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color: #345956;
}


.bodytext {
padding: 0px 0px 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-position: outside;
list-style-type: disc;
padding: 3px 0 3px 35px; 
}


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


h4 {
	margin-top: 5px;
	font-weight: bold;
	margin-left: 20px;
	color: #345956;
}


DIV.csc-frame { border:0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top-color: #345956; border-top:1px solid; }
DIV.csc-frame-rulerAfter { border-bottom:1px solid #333333; }
DIV.csc-frame-indent { padding-left:100px; }
DIV.csc-frame-indent3366 { padding-left:33%; }
DIV.csc-frame-indent6633 { padding-right:33%; }
DIV.csc-frame-frame1 { background-color: #ddf1c5; padding:2px 4px 2px 4px;}
DIV.csc-frame-frame2 { border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: solid; border-color: #345956; border-width: 1px; background-color:#FFFFFF; padding:4px 0px 8px 0px; margin-bottom:12px; margin-top:5px; font-size:11px; }