/* 
Cascading Stylesheet voor website Scholengemeenschap Tabor
t.b.v. Typo3 3.81/4.2 template
2006-2007, (c) Copyright Vicus eBusiness Solutions <info@vicus.nl>
conceptversie 
- optimalisatie moet nog plaatsvinden
- sliding menu moet nog verwerkt
*/
/*  KLEURSCHEMA
Tabor geel 	FFCC00
Tabor lichtgeel 	FFFFCC
Tabor lichtgeel2	FFE681
d'Ampte groen 	009966
d'Ampte lichtgroen 	66CC99 => E0EFEF => D9FFD9
d'Ampte lichtgroen2 	76C4AF
Oscar Romero rood 	FF3300
Oscar Romero lichtrood 	FFC2A6
Oscar Romero lichtrood2 	DD5151
Werenfridus blauw 	0099CC
Werenfridus lichtblauw 	66CCCC
Werenfridus lichtblauw2	33ccff
Centraal bureau grijs	A7A7A7
Centraal bureau lichtgrijs	
Centraal bureau lichtgrijs2	C4C4C4
Sportscholen paars	990099
Sportscholen lichtpaars	D749D5  => eca5eb
Sportscholen lichtpaars2	993399
0. Tabor geel FFCC00		
1. d'Ampte groen 009966
2. Oscar romero rood FF3300
3. werenfridus blauw 0099CC
4. centraal bureau grijs A7A7A7
5. sportscholen paars 990099
6. Gray border BABABA
*/

body {
	font-family: Verdana, sans-serif;
	text-align: left;
	/* top - right - bottom - left */
	line-height: 100%;
	margin: 10px 0px 0px 0px;
	/* color */
	background-color: #FFFFFF;
	color: #000000;
	/* scrollbar = hidden, scroll of auto*/ 
	overflow-x: auto;
	overflow-y: scroll; 
	border: 0px solid red;
}

#main-container {
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
/*	height: 500px;*/ 
	width: 950px; 
	border: 3px solid #BABABA; 
	border-collapse: collapse;
}

.topline, .topline_right { 
	height: 25px; cellspacing-bottom: 0;
	/* top - right - bottom - left */
	margin: 0px; 
	padding: 0px;
	background-color: #FFCC00;
	/* border-bottom: 1px solid #666666; */
}
.topline {
	width: 190px; 
}

td#tabor-logo  {
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(images_nw/tabor-logo.gif);
	background-repeat: no-repeat;
}

.header-fill {
	background-color: #FFCC00;
	background-image: url(images_nw/restyleTabor_03.gif);
	background-repeat: repeat;
}

/* 
sectie gerelateerde topnavigatie
*/
/* 
body#tabor .topline { display: none; }
*/
body#tabor .topline { background-color: #FFCC00; } 
body#tabor .topline_right { background-color: #FFCC00; }
body#dampte .topline, body#dampte .topline_right { background-color: #009966; }
body#oscarromero .topline, body#oscarromero .topline_right { background-color: #FF3300; }
body#werenfridus .topline, body#werenfridus .topline_right { background-color: #0099CC; }
body#centraalbureau .topline, body#centraalbureau .topline_right { background-color: #A7A7A7; }
body#sportscholen .topline, body#sportscholen .topline_right { background-color: #990099; }

#navtab  {
	background-color: #FFCC00;
	margin: 0px;
	padding: 0px;
}

body#tabor #navtab, body#dampte #navtab { background-image: url(images_nw/top_buttons_green.gif); background-repeat: no-repeat; }
body#oscarromero #navtab { background-image: url(images_nw/top_buttons_red.gif); background-repeat: no-repeat;}
body#werenfridus #navtab { background-image: url(images_nw/top_buttons_blue.gif); background-repeat: no-repeat;}
body#centraalbureau #navtab { background-image: url(images_nw/top_buttons_grey.gif); background-repeat: no-repeat;}
body#sportscholen #navtab { background-image: url(images_nw/top_buttons_purple.gif); background-repeat: no-repeat;}

.topnav {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.topnav a:link {
	color: #FFFFFF !important;
}

.topnav a:hover {
	color: #FFCC00 !important;
}

td.tabor, td.dampte , td.oscarromero, td.werenfridus, td.centraalbureau, td.sportscholen {
	background-image: url(images_nw/spacer.gif);
	background-repeat: no-repeat;
	width: 140px; height: 37px;
	text-align: center;
	position: relative;
	padding-top: 15px;
	font-size: 10pt;
}

/*
PANNELS
@td
*/
td.leftpannel {	
	/* top - right - bottom - left */
	width: 190px; height: 360px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	overflow: hidden;
	border: 0px dashed red;
	border-collapse: collapse;
	/*color*/
	background-color: white;
	color: black;
}

body#tabor td.leftpannel  { background: #FFCC00 url(images_nw/fades/geel_fade.gif) bottom repeat-x;}
body#dampte td.leftpannel  { background: #009966 url(images_nw/fades/groen_fade.gif) bottom repeat-x;}
body#oscarromero td.leftpannel  { background: #ff3300 url(images_nw/fades/rood_fade.gif) bottom repeat-x;}
body#werenfridus td.leftpannel  { background: #0099cc url(images_nw/fades/blauw_fade.gif) bottom repeat-x;}
body#centraalbureau td.leftpannel  { background: #a7a7a7 url(images_nw/fades/grijs_fade.gif) bottom repeat-x;}
body#sportscholen td.leftpannel  { background: #990099 url(images_nw/fades/paars_fade.gif) bottom repeat-x;}

td.middlepannel {
	border-collapse: collapse;
	/* top - right - bottom - left */
	width: 760px; height: 450px;
	padding: 30px 25px 0px 25px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	overflow: hidden;
	/*color*/
	border: 0px dashed red;
	border-collapse: collapse;
	background-color: white;
	color: black;
}

/* background colors of middel panel */
body#tabor td.middlepannel  { background-color: #FFFFCC; }
body#dampte td.middlepannel  { background-color: #D9FFD9; }
body#oscarromero td.middlepannel  { background-color: #EFD3D1; }
body#werenfridus td.middlepannel  { background-color: #D1E4EF; }
body#centraalbureau td.middlepannel  { background-color: #DFDFDF; }
body#sportscholen td.middlepannel  { background-color: #EFD1E9; }

/* 	
In Text Hyperlinks
@a
*/
a:link {
	font-weight: bold;
	text-decoration: none;
	/*	border-bottom: thin dashed #7f7f7f;*/
	background-color: transparent;
	color: #000000;
}
a:visited {
	font-weight: bold;
	text-decoration: none;
	/*	border-bottom: thin dashed #7f7f7f;*/
	background-color: transparent;
	color: #000000;
}
a:hover {
	font-weight: bold;
	text-decoration: normal;
	background-color: transparent;
	color: #a7a7a7;	
}

#navtab a { 
	color: white;
}
#navtab a:hover { 
	color:black; 
}

.leftnav-container {
	margin-top: 10px; 
}

/* 
Left Navigation Menu 
@a
*/
.leftnav, .leftnav-act {
	font-size: 10pt; 
	text-decoration: none;
	/* top - right - bottom - left */   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 190px; height: 25px;
	background-color: white;
}

.leftnav a:link, .leftnav a:visited, .leftnav a:active, .leftnav a:hover {
	text-indent: 20px;
	font-weight: bold;
	text-decoration: none;
	/* top - right - bottom - left */   
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	width: 190px; height: 25px;
	line-height: 25px;
	display: block;
	background-color: transparent;   
	color: white;
}

/* the active positie */
.leftnav-act a:link, .leftnav-act a:visited, .leftnav-act a:active, .leftnav-act a:hover {
	text-indent: 20px;
	font-weight: bold;   
	text-decoration: none;
	/* top - right - bottom - left */   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 190px; height: 25px;
	line-height: 25px;
	display: block;
	background-color: transparent;
	color: #FFCC00 !important;
}

/* Left Navigation SubMenu */
.leftnav1, .leftnav1-act {
	font-size: 10pt;
	text-decoration: none;
	/* top - right - bottom - left */
	padding: 0px 0px 0px 0px; /* _padding: 0px 0px 0px 0px; */
	margin: 0px 0px 0px 0px;
	width: 190px; height: 25px;
	/*color*/
	background-color: transparent;	
}

.leftnav1 a:link, .leftnav1 a:visited, .leftnav1 a:active, .leftnav1 a:hover {
	text-indent: 20px;	
	font-weight: bold;   
	text-decoration: none;	
	/* top - right - bottom - left */   
	width: 190px; height: 25px; 
	line-height: 25px;
	display: block;	
	background-color: transparent;   
	color: white;
}

.leftnav1-act a:link, .leftnav1-act a:visited, .leftnav1-act a:active, .leftnav1-act a:hover {	
	text-indent: 20px;	
	font-weight: bold;
	text-decoration: none;
	/* top - right - bottom - left */ 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 190px; height: 25px;
	line-height: 25px;
	display: block;
	background-color: transparent;
	color: #FFCC00 !important;
}

td.logo { 
	min-height: 110px; height: 110px; vertical-align: bottom; 
	border: 5 px solid red; none; 
	background: white;
}

/* tabor menu
hoofd  0 l FFCC00 
middel 0 h FFFFCC 
licht  1 h FFE681 
*/
body#tabor td.logo { }
body#tabor .leftnav, body#tabor .leftnav a:link, body#tabor .leftnav a:visited, body#tabor .leftnav a:active { 
color: white; background: #FFCC00 url(images_nw/left_nav_yellow.gif) repeat-y top; }
body#tabor .leftnav a:hover, body#tabor .leftnav-act, body#tabor .leftnav-act a:link,  body#tabor .leftnav-act a:visited, body#tabor .leftnav-act a:active { color: white; background: #FFCC00 url(images_nw/left_nav_yellow_act.gif) repeat-y top;}
body#tabor .leftnav1, body#tabor .leftnav1 a:link, body#tabor .leftnav1 a:visited, body#tabor .leftnav1 a:active { 
color: white; background: #FFCC00 url(images_nw/left_nav_yellow.gif) repeat-y top; }
body#tabor .leftnav1 a:hover, body#tabor .leftnav1-act, body#tabor .leftnav1-act a:link,  body#tabor .leftnav1-act a:visited, body#tabor .leftnav1-act a:active { color: white; background: #FFCC00 url(images_nw/left_nav_yellow_act.gif) repeat-y top; }

/* d'ampte menu 
hoofd  0 a #009966  
middel 0 h #66CC99 
licht  1 h #76C4AF 
*/
body#dampte td.logo { background: white url(images_nw/dampte-RGB-170.gif) no-repeat bottom; }
body#dampte .leftnav, body#dampte .leftnav a:link, body#dampte .leftnav a:visited, body#dampte .leftnav a:active { 
color: white; background: #009966 url(images_nw/left_nav_green.gif) repeat-y top; }
body#dampte .leftnav a:hover, body#dampte .leftnav-act, body#dampte .leftnav-act a:link,  body#dampte .leftnav-act a:visited, body#dampte .leftnav-act a:active { color: white; background: #009966 url(images_nw/left_nav_green_act.gif) repeat-y top; }
body#dampte .leftnav1, body#dampte .leftnav1 a:link, body#dampte .leftnav1 a:visited, body#dampte .leftnav1 a:active { 
color: white; background: #009966 url(images_nw/left_nav_green.gif) repeat-y top; }
body#dampte .leftnav1 a:hover, body#dampte .leftnav1-act, body#dampte .leftnav1-act a:link,  body#dampte .leftnav1-act a:visited, body#dampte .leftnav1-act a:active {  color: white; background: #009966  url(images_nw/left_nav_green_act.gif) repeat-y top; }

/* oscarromero menu 
hoofd  0 a #FF3300  
middel 0 h #FFC2A6  
licht  1 h #DD5151 
*/
body#oscarromero td.logo { background: white url(images_nw/oscar-romero-RGB-170.gif) no-repeat bottom; }
body#oscarromero .leftnav, body#oscarromero .leftnav a:link, body#oscarromero .leftnav a:visited, body#oscarromero .leftnav a:active { 
color: white; background: #FF3300 url(images_nw/left_nav_red.gif) repeat-y top; }
body#oscarromero .leftnav a:hover, body#oscarromero .leftnav-act, body#oscarromero .leftnav-act a:link,  body#oscarromero .leftnav-act a:visited, body#oscarromero .leftnav-act a:active { 
color: white; background: #FF3300 url(images_nw/left_nav_red_act.gif) repeat-y top; }
body#oscarromero .leftnav1, body#oscarromero .leftnav1 a:link, body#oscarromero .leftnav1 a:visited, body#oscarromero .leftnav1 a:active { 
color: white; background: #FF3300 url(images_nw/left_nav_red.gif) repeat-y top; }
body#oscarromero .leftnav1 a:hover, body#oscarromero .leftnav1-act, body#oscarromero .leftnav1-act a:link,  body#oscarromero .leftnav1-act a:visited, body#oscarromero .leftnav1-act a:active { 
color: white; background: #FF3300 url(images_nw/left_nav_red_act.gif) repeat-y top; }

/* werenfridus menu
hoofd  0 a #0099CC  
middel 0 h #66CCC
licht  1 h #33CCFF 
*/
body#werenfridus td.logo { background: white url(images_nw/werenfridus-RGB-170.gif) no-repeat bottom; }
body#werenfridus .leftnav, body#werenfridus .leftnav a:link, body#werenfridus .leftnav a:visited, body#werenfridus .leftnav a:active { 
color: white; background: #0099CC url(images_nw/left_nav_blue.gif) repeat-y top; }
body#werenfridus .leftnav a:hover, body#werenfridus .leftnav-act, body#werenfridus .leftnav-act a:link,  body#werenfridus .leftnav-act a:visited, body#werenfridus .leftnav-act a:active { 
color: white; background: #0099CC url(images_nw/left_nav_blue_act.gif) repeat-y top; }
body#werenfridus .leftnav1, body#werenfridus .leftnav1 a:link, body#werenfridus .leftnav1 a:visited, body#werenfridus .leftnav1 a:active { 
color: white; background: #0099CC url(images_nw/left_nav_blue.gif) repeat-y top; }
body#werenfridus .leftnav1 a:hover, body#werenfridus .leftnav1-act, body#werenfridus .leftnav1-act a:link,  body#werenfridus .leftnav1-act a:visited, body#werenfridus .leftnav1-act a:active { 
color: white; background: #0099CC url(images_nw/left_nav_blue_act.gif) repeat-y top; }

/* centraal bureau menu
hoofd  0 a #A7A7A7
middel 0 h #DDDDDD
licht  1 h #C4C4C4
*/
body#centraalbureau td.logo { background: white url(images_nw/centraal-bureau-RGB-170.gif) no-repeat bottom; }
body#centraalbureau .leftnav, body#centraalbureau .leftnav a:link, body#centraalbureau .leftnav a:visited, body#centraalbureau .leftnav a:active { 
color: white; background: #A7A7A7 url(images_nw/left_nav_gray.gif) repeat-y top; }
body#centraalbureau .leftnav a:hover, body#centraalbureau .leftnav-act, body#centraalbureau .leftnav-act a:link,  body#centraalbureau .leftnav-act a:visited, body#centraalbureau .leftnav-act a:active { 
color: white; background: #A7A7A7 url(images_nw/left_nav_gray_act.gif) repeat-y top; }
body#centraalbureau .leftnav1, body#centraalbureau .leftnav1 a:link, body#centraalbureau .leftnav1 a:visited, body#centraalbureau .leftnav1 a:active { 
color: white; background: #A7A7A7 url(images_nw/left_nav_gray.gif) repeat-y top; }
body#centraalbureau .leftnav1 a:hover, body#centraalbureau .leftnav1-act, body#centraalbureau .leftnav1-act a:link,  body#centraalbureau .leftnav1-act a:visited, body#centraalbureau .leftnav1-act a:active { 
color: white; background: #A7A7A7 url(images_nw/left_nav_gray_act.gif) repeat-y top; }

/* sportscholen menu
hoofd  0 a #990099
middel 0 h #eca5eb
licht  1 h #D749D5
*/
body#sportscholen td.logo { background: white url(images_nw/sportscholen-RGB-170.gif) no-repeat bottom; }
body#sportscholen .leftnav, body#sportscholen .leftnav a:link, body#sportscholen .leftnav a:visited, body#sportscholen .leftnav a:active { 
color: white; background: #990099 url(images_nw/left_nav_purple.gif) repeat-y top; }
body#sportscholen .leftnav a:hover, body#sportscholen .leftnav-act, body#sportscholen .leftnav-act a:link,  body#sportscholen .leftnav-act a:visited, body#sportscholen .leftnav-act a:active { 
color: white; background: #990099 url(images_nw/left_nav_purple_act.gif) repeat-y top; }
body#sportscholen .leftnav1, body#sportscholen .leftnav1 a:link, body#sportscholen .leftnav1 a:visited, body#sportscholen .leftnav1 a:active { 	
color: white; background: #990099 url(images_nw/left_nav_purple.gif) repeat-y top; }
body#sportscholen .leftnav1 a:hover, body#sportscholen .leftnav1-act, body#sportscholen .leftnav1-act a:link,  body#sportscholen .leftnav1-act a:visited, body#sportscholen .leftnav1-act a:active { 
color: white; background: #990099 url(images_nw/left_nav_purple_act.gif) repeat-y top; }

/*
HYPERLINKS
*/
img a { border-bottom: none; }
a { font-weight: bold;}
/* 
PARAGRAPH General Fonts 
*/
p, p.p, p.bodytext, ol, ul {
text-align: left;
vertical-align: top;
/* let op als je hier een fontsize opneemt wordt o.a. div aangepast */
/* font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;	*/
/* top - right - bottom - left */
margin: 4px 100px 4px 0px;
padding: 0 0 0 0;
font-weight: normal;
font-size: 10pt;
}
p.bottom-links {
font-size: 9pt;
font-weight: bold; 	
}
/*
LISTS
*/	
ul { 	
list-style-type: square;
list-style-position: outside;
margin: 4px 2px 4px 17px;
}
ul ul { list-style-type: circle; }
ol { 	
margin: 4px 2px 4px 22px;
/* disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none */
list-style-type: decimal; 
}
ol ol { list-style-type: lower-alpha; }
/*
HEADER STYLES
*/
h1,h2,h3,h4,h5, h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader, .csc-header {
/* top - right - bottom - left */
margin: 5px 0px 5px 0px; 
padding: 0 0 0 0;	
/*text format*/
/* font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;  */
font-style: normal;
font-weight: bold;
font-size: 10pt;
font-variant: normal;
text-transform: normal;
text-align: left; 	
/*color*/
color-background: transparent;
color: #10007B;
}
h1, h1.csc-firstHeader, .middlepannel h1{ 
/* top - right - bottom - left */
margin-bottom: 10px;
font-size: 14pt;
}
h1.csc-firstHeader, .csc-header h1 {
/* small-caps*/
font-size: 12pt;
font-variant: capitalize;
}
.csc-header h2, .middlepannel h2, h2, .csc-firstHeader h2 {
font-size: 10pt;
margin: 5px 0px 2px 0px;
}

div.tx-srincludepages-pi1 { }
h3, .csc-firstHeader h3, .csc-header h3, middlepannel h3 {
font-size: 11pt;
margin: 5px 0px 2px 0px;
}	
h4, .csc-firstHeader h4, h5, .csc-firstHeader h5, .csc-header h4, .csc-header h5, .middlepannel h4, .middlepannel h5, h6 {
font-size: 10pt;
margin: 5px 0px 2px 0px;
}
/* kleurstelling headers per sectie */
body#tabor h1.csc-firstHeader, body#tabor h2    { color: #10007B; }
body#dampte h1.csc-firstHeader, body#dampte h2  { color: #009966; }
body#oscarromero h1.csc-firstHeader, body#oscarromero h2  { color: #FF3300; }
body#werenfridus h1.csc-firstHeader, body#werenfridus h2  { color: #10007B; }
body#centraalbureau h1.csc-firstHeader, body#centraalbureau h2  { color: #10007B; }
body#sportscholen h1.csc-firstHeader, body#sportscholen h2  { color: #10007B; }

/* 
Menu/Sitemap element 
csc-menu wordt gebruikt voor de sitemap componenten
div class
*/
p.csc-abstract { background-color: #efefef; }
p.csc-section { font-size: 8pt; }/* menu of recent aangepaste pagina's / stijl voor de sectie*/
p.align-right { text-align: right; }
p.align-left { text-align: left; }
p.align-center { text-align: center; }
p.csc-frame-frame1 { border: 1px solid black; background-color: #efefef; padding: 5px 5px 5px 5px;}

/* breadcrumb menu */
.crumbs, .crumbs_act {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   font-variant: small-caps;
   padding-top: 5px !important;
   padding: 3px;
   color: white;
}
.crumbs a:link {
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   color: white;
}
.crumbs a:visited {
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   color: white;
}
.crumbs a:hover {
   font-size: 8pt;
   font-weight: bold;
   text-decoration: underline;
   color: white;
}
.crumbs_act a:link {
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   color: white;
}
.crumbs_act a:visited {
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   color: white;
}
.crumbs_act a:hover {
   font-size: 8pt;
   font-weight: bold;
   text-decoration: underline;
   color: white;
}
body#tabor .crumbs, 
body#tabor .crumbs_act, 
body#tabor .crumbs a:link,
body#tabor .crumbs a:visited,
body#tabor .crumbs a:hover,
body#tabor .crumbs_act a:link,
body#tabor .crumbs_act a:visited,
body#tabor .crumbs_act a:hover {
   color: black;
}

div.csc-textpic-text {
	width: 700px;
	overflow: hidden;
	}