/************************************************
*		FC Twente 2e ring Stylesheet			*
*		Datum: 08-01-2008				*
*									*
*									*
*
*									*
*									*
*************************************************									
*/									

/*1 Algemeen*/

html, body, div, img, fieldset {
	border						: 0;
	margin						: 0;
	padding						: 0;
}

html {
	height						: 100%;
	background-color			: #FFF;
	font-size					: 12px;
	color						: #FFF;
}

body{
	font						: normal 90% Arial, sans-serif;
	width						: 100%;
	height						: 100%;
	
}

dl, dt, dd {
	border						: 0;
	margin						: 0;
	padding						: 0;
}

dt {
	display						: none;
}

table, tr, td {
	border						: 0;
	margin						: 0;
	padding						: 0;
	vertical-align				: top;
	border-collapse				: collapse;
}

table.pricingtable, tr.pricingtable, td.pricingtable {
	border						: 1px solid #000000;
	margin						: 20px;
	padding						: 0;
	border-collapse				: collapse;
}


p {
	margin						: 0;
	padding						: 0;
	line-height					: 1.2em;
}
h2, h3, h4 {
	Font-Family					: Arial;
	font-weight					: bold;
	color						: #FFF;
	margin						: 0 0 5px 0;
	padding						: 5px 0 0 19px;
}

h2 {
	font-size					: 16px;
}

h3 {
	font-size					: 14px;
}
h3.pricetable {
	font-size					: 14px;
	padding						: 0;	
}
h4 {
	font-size					: 12px;
	margin						: 0px;
	padding-top					: 10px;
}


/* 1.1 Basis componenten */

#wrapper {
	position					: relative;
	width						: 890px;
	height						: 100%;	
	margin						: 0 auto;
	background					: none;
}

#banner {
	width							: auto;
	height							: 153px;
}

#schaduw {
	position						: relative;
	background						: url(/res/images/schaduw.png) repeat-y 0px top;
	width							: auto;
  height                    		: auto !important;
}

#innerwrapper {
	width							: auto;
	margin							: 0 14px 0 13px;
	height							: auto;
	background						: url(/res/images/gradient.jpg) repeat-x;
}

#menuwrapper {
	width							: auto;
	height							: 70px;
	margin							: 0 30px;
	padding-top						: 5px;
}

#contentwrapper {
	width								: auto;
/*	margin							: 0 35px 0 35px; */
	margin							: 0px 0px 0px 35px;
	height							: auto;
}

#main-visual {
	margin-bottom					: 4px;
}

#footer {
	clear							: both;
	width							: auto;
	height							: 98px;
	background						: url(../res/images/footer.jpg) no-repeat;
	text-align						: center;
	padding-top						: 20px;
}

#footer p {
	font-size						: 10px;
}

#footer a {
	color							: #FFF;
}

/*1.2 */

#schaduwOnderContent{
	width							: 538px;
	height							: 7px;	
	margin							: 2px 0 0 37px;
}


#nieuwsKop{
	background						: url(/res/images/kop_nieuws_stadion-trans.png);
	width							: 239px;
	height							: 48px;
}

#nieuwsArchiefKop {
	background						: url(/res/images/kop_nieuws_archief.png);
	width							: 239px;
	height							: 48px;
}

#fctwenteNieuwsKop{
	background					: url(/res/images/kop_nieuws_fct-trans.png);
	width						: 239px;
	height						: 48px;
	margin						: 10px 0 0 0; 
	padding						: 0;
}

#nieuwsInhoud{
	height						: auto;
	width						: 239px;
	background					: url(/res/images/pixelbackground.png); 

}

#nieuwsInhoud dd{
	padding-bottom: 5px;

}

#rechterSchaduw{
	width						: 239px;
	height						: 8px;
	background					: url(/res/images/rechts_schaduw_onder-trans.png) no-repeat;
	margin						: 2px 0;
}

#inlogBlokKop{
	background					: url(/res/images/kop_right.png) no-repeat;
	width						: 239px;
	height						: 9px;
	margin-top					: 1px;
	overflow					: hidden;
}



#inlogBlok{
	width						: 239px;
	height						: auto;
	background					: url(/res/images/pixelbackground.png);

}

#webcamBlok{
	width						: 239px;
	height						: auto;
	background					: url(/res/images/pixelbackground.png);

}

.webcamimg{
	margin-left					:10px
}

#mijnfctwenteBlokKop{
	background					: url(/res/images/kop_right.png);
	width						: 239px;
	height						: 48px;
	margin-top					: 3px;
}

#mijnfctwenteBlok{
	width						: 239px;
	height						: auto;
	background					: url(/res/images/pixelbackground.png);

}

/*1.3*/

#contentwrapper table {
	width						: 550px;
	background					: none;
	
}

#contentwrapper table td {
	padding						: 0 4px;
	margin						: 0;
}

#nieuwsInhoud dl {
	margin						: 0px;
	padding						: 10px 10px 0 13px;
}

#nieuwsInhoud dl img {
	margin						: 0px;
	float						: left;
	padding						: 3px 21px 10px 0;
	height						: 40px;
	width						: 40px;
}

#nieuwsInhoud dl dt{
	margin						: 0px;
}

#mijnfctwenteBlok table{
	width						: 239px;
	height						: auto;
	margin						: 20px 0 0 0;
}

#mijnfctwenteBlok table tr{
	padding						: 0;
}

#mijnfctwenteBlok table tr td{
	padding						: 3px 15px;
}




/*1.4*/

#contentwrapper table.content_table{
	width						: auto;
	margin						: 0 20px;
	height						: auto;
}

#nieuwsInhoud p.dik {
	margin						: 0px 0 2px 0;
	padding						: 0;
}

#nieuwsInhoud p.normaal{
	margin						: 0px 0 6px 0;
	padding						: 0;
	
}

#nieuwsInhoud p.paginanummers {
	text-align					: center;
	padding						: 9px 0 5px 0;
}


#contentwrapper table.supporters{
	width						: 500px;
	margin						: 0 15px;
}

#contentwrapper table.supporters td{
	width						: auto;	
}


#contentwrapper table.supporters tr.titels{
	font-weight					: bold;
	font-size					: 110%;
}

.content-box {
	width						: 536px;
	overflow					: hidden;
}

/*1.5*/


p.dik {
	font-size					: 11px;
	Font-Family					: Arial;
	font-weight					: bold;
	color						: #FFF;
}

p.normaal {
	font-size					: 11px;
	Font-Family					: Arial;
	font-weight					: normal;
	color						: #FFF;
	padding						: 0 0 5px 0;
}

p.ondertitel{
	font-size					: 90%;
}

	
p.mijnfctwente{
	width: auto;
	padding: 5px 10px;
}

/*1.6*/

.contenboxWrapper{

	width: 536px;
	height: auto;
	
}

.nieuwsOnder{
	background					: url(/res/images/rechts_onder-trans.png);
	width						: 239px;
	height						: 7px;
	
}

.inhoud_boven{
	width						: 536px;
	height						: 7px;
	background					: url(/res/images/inhoud_boven-trans.png);
}

.inhoud{
	width						: 536px;
	height						: auto;
	background					: url(/res/images/pixel_achtergrond.png);
	line-height					: 18px;
	overflow					: hidden;
}

.inhoud_onder{
	width						: 536px;
	height						: 7px;
	background					: url(/res/images/inhoud_onder-trans.png);
	margin-bottom				: 3px; 
	
}

.content {
	width						: 550px;
	background					: none; 
}

.inhoud .tekst{
	vertical-align				: top;
	display						: inline;
}

.tekst-rechts {
	margin						: 0 35px 0 20px;
	width						: 478px;
	height						: auto;
	padding						: 0 0 10px 0;
}

.tekst-links {
	margin						: 0 35px 0 20px;
	width						: 478px;
	height						: auto;
	padding						: 0 0 10px 0;
}


.rechterkolom {
	background					: none;
	width						: 310px;
	padding						: 0 0 0 3px;
	margin						: 0;

}

.nieuws-titel {
	margin-bottom				: 5px;
	padding-bottom				: 5px;
	font-weight					: bold;
	font-size					: 11px;
	text-transform				: uppercase;
}

/*1.7*/
.inhoud {
	
}

.inhoud dd.fotos{
	float						: left;
	width						: 150px;
	height						: 80px;
	padding						: 0 13px 0 13px;
	margin						: 0 0 10px 0;
}

.inhoud dd.fotos img{
	margin						: 0;
	padding						: 0;
}

.inhoud ul {
	margin						: 10px 0 10px 30px;
	padding						: 0px;
}

.inhoud ul li img{
	margin						: 2px 10px 10px 3px;
	padding						: 0;
}

.inhoud ul li {
	line-height					: 18px;
}

.inhoud p {
	margin						: 0 35px 0 20px;
	width						: 478px;
	padding						: 0 0 10px 0;
	line-height					: 14px;	
}

.inhoud p img {
	margin						: 0 10px 10px 0;
}

.video_img {
	float						: right;
	margin						: 0 10px 10px;
} 

.tekst-rechts img {
	float						: left;
	padding						: 3px 10px 5px 0;
}

.tekst-links img {
	float						:right;
	padding						: 3px 0 20px 10px;
}


/*1.8*/

a:link{
	color						: #FFF;
	text-decoration				: underline;
	font-family					: Arial, sans-serif;
	font-size					: 100%;
}

a:visited{
	color						: #FFF;
	text-decoration				: underline;
	font-family					: Arial, sans-serif;
	font-size					: 100%;
}

a:active{
	color						: #DB0303;
	text-decoration				: underline;
	font-family					: Arial, sans-serif;
	font-size					: 100%;
}

a:hover {
	color						: #DB0303;
	text-decoration				: underline;
	font-family					: Arial, sans-serif;
	font-size					: 100%;
}

a:focus {
	color						: #DB0303;
	text-decoration				: underline;
	font-family					: Arial, sans-serif;
	font-size					: 100%;
}

/*1.9*/

a.lightlinks:link{
	color						: #000;
	font-weight					: bold;
	text-decoration				: none;
}

a.lightlinks:visited {
	color						: #000;
	font-weight					: bold;
	text-decoration				: none;
}

a.lightlinks:active{
	color						: #000;
	font-weight					: bold;
	text-decoration				: none;
}

a.lightlinks:hover{
	color						: #DB0303;/*#006C8B;*/
	font-weight					: bold;
	text-decoration				: underline;
}

a.lightlinks:focus{
	color						: #DB0303;
	font-weight					: bold;
	text-decoration				: underline;
}

/* CSS TopMenu */

#NavList {
/*	position						: relative; 
	top								: 0;*/
	width							: auto;
	height							: 56px;
	padding-left					: 10px;
}

#NavList dd {
	float							: left;
	display							: block;
	background						: none;
}

#NavList dd a {
	color							: #D4A7A8;
}

#nav_home a, #NavList .nav_home_on a,
#nav_nieuws a, #NavList .nav_nieuws_on a,
#nav_bouw a, #NavList .nav_bouw_on a,
#nav_supporters a, #NavList .nav_supporters_on a,
#nav_business a, #NavList .nav_business_on a,
#nav_faq a, #NavList .nav_faq_on  a,
#nav_contact a, #NavList .nav_contact_on  a,
#nav_webcam a, #NavList .nav_webcam_on  a
#NavList dd.over a {
	width							: 92px;
	height							: 31px;
	background						: transparent url(/res/images/menu/menu.png) no-repeat 0 top;
	text-decoration					: none;
	display							: block;
}

#nav_home a {
	background-position				: 0 -35px;
}

#NavList .nav_home_on a,
#nav_home a:hover {
	background-position				: 0 -70px;
}

#nav_nieuws a {
	background-position				: 0 -105px;
}

#NavList .nav_nieuws_on a,
#nav_nieuws a:hover {
	background-position				: 0 -140px;
}

#nav_bouw a {
	background-position				: 0 -455px;
}
#NavList .nav_bouw_on a,
#nav_bouw a:hover {
	background-position				: 0 -490px;
}

#nav_supporters a {
	background-position				: 0 -175px;
}

#NavList .nav_supporters_on a,
#nav_supporters a:hover {
	background-position				: 0 -210px;
}

#nav_business a {
	background-position				: 0 -385px;
}
#NavList .nav_business_on a,
#nav_business a:hover {
	background-position				: 0 -420px;
}

#nav_faq a {
	background-position				: 0 -245px;
}

#NavList .nav_faq_on a,
#nav_faq a:hover {
	background-position				: 0 -280px;
}

#nav_contact a {
	background-position				: 0 -315px;
}

#NavList .nav_contact_on a,
#nav_contact a:hover {
	background-position				: 0 -350px;
}

#nav_webcam a {
	background-position				: 0 -525px;
}

#NavList .nav_webcam_on a,
#nav_webcam a:hover {
	background-position				: 0 -560px;
}

#NavList .imgLeft {
	background: url(../res/images/menu/menu_links.gif) no-repeat;
	width: 23px;
	height: 31px;
}

#NavList .imgRight {
	background: url(../res/images/menu/menu_rechts.gif) no-repeat;
	width: 23px;
	height: 31px;
}

/* Submenu */

#NavList dd dl  {
	position						: absolute;
	top								: 31px;
	left							: 53px; /*10px; */
	height							: auto; 
	width							: 782px;
	display							: none;
	background						: url(/res/images/menu/bg_submenu.gif) repeat;/* #A6000E; */
	border-bottom					: 1px solid #69060C;
}

#NavList dd dl dd {
	margin							: 0 5px;
}

#NavList dd:hover dl,
#NavList dd.over dl {
	display							: block;
	z-index							: 90;
	border-bottom					: 1px solid #69060C;
}

#NavList dd dl dd a,
#NavList dd:hover dl dd a,
#NavList dd.over dl dd a {
/*	color							: #FFF; */
	padding							: 6px 10px;
	background						: none;
	width							: auto;
	height							: auto;
}

#NavList dd dl dd a:hover,
#NavList dd dl dd:hover a,
#NavList dd.over dl dd:hover a {
	text-decoration					: underline;
}

/*  Active subitem */
#NavList .nav_home_on dl,
#NavList .nav_nieuws_on  dl,
#NavList .nav_bouw_on  dl,
#NavList .nav_supporters_on  dl,
#NavList .nav_business_on   dl,
#NavList .nav_faq_on   dl,
#NavList .nav_contact_on  dl,
#NavList .nav_webcam_on  dl {
	display							: block;
	z-index							: 10;
}
#NavList .nav_home_on dl dd,
#NavList .nav_nieuws_on  dl dd,
#NavList .nav_bouw_on  dl dd,
#NavList .nav_supporters_on  dl dd,
#NavList .nav_business_on   dl dd,
#NavList .nav_faq_on   dl dd,
#NavList .nav_contact_on  dl dd,
#NavList .nav_webcam_on  dl dd {
	width							: auto;
/*	background						: none; */
}

#NavList .nav_home_on dl a,
#NavList .nav_nieuws_on  dl a,
#NavList .nav_bouw_on  dl a,
#NavList .nav_supporters_on  dl a,
#NavList .nav_business_on   dl a,
#NavList .nav_faq_on   dl a,
#NavList .nav_contact_on  dl a,
#NavList .nav_webcam_on  dl a {
	background						: none;
	width							: auto;
	height							: auto;
}

#NavList .nav_home_on .selected a,
#NavList .nav_nieuws_on .selected  a,
#NavList .nav_bouw_on .selected  a,
#NavList .nav_supporters_on  .selected  a,
#NavList .nav_business_on   .selected  a,
#NavList .nav_faq_on .selected  a,
#NavList .nav_contact_on  .selected  a,
#NavList .nav_webcam_on  .selected  a {
		color						: #FFF;
		font-weight					: bold;
}

#NavList .nav_home_on .selected a:hover,
#NavList .nav_nieuws_on .selected  a:hover,
#NavList .nav_bouw_on .selected  a:hover,
#NavList .nav_supporters_on  .selected  a:hover,
#NavList .nav_business_on   .selected  a:hover,
#NavList .nav_faq_on .selected  a:hover,
#NavList .nav_contact_on  .selected  a:hover,
#NavList .nav_webcam_on  .selected  a:hover {
		text-decoration				: underline;
}


/* uitklap functie */
div#showhide
{
  margin: 0px 20px 0px 20px;
  display: none;
}

.visual{
padding: 0 6px 0 5px;
}

.visual2{
padding: 0 4px 0 10px;
}

.faq-box{
padding: 0 0 0 5px;
}

.faq-box {
	list-style						: none;
	margin-bottom					: 10px;
}


/* form */

form.formstandard  { 
	border:0;
}

form.formstandard fieldset { 
	width							: auto;
	margin							: 10px;
	padding							: 0;
	border							: 0;
}

form.formstandard ol { 
	list-style						: none;
	margin							: 0;
	padding							: 0;
}

form.formstandard ol li  {
	margin							: 5px 0;
}

form.formstandard em	{
	font-weight						: bold;
	color							: #B90202;
}

form.formstandard fieldset label {
	display							: -moz-inline-box;
	display							: inline-block;
	width							: 210px;
	vertical-align					: top;
	margin							: 0 20px 0 10px; 
}
form.formstandard fieldset label.check { 
	width							: 425px;

}
form.formstandard input { 
	width							: 250px;
	padding							: 3px; 
	font-size						: 11px; 
	background						: #FFF; 
	border							: 1px solid #6C1B0C;
}						
form.formstandard input.small { 
	width							: 30px;
	padding							: 3px; 
	font-size						: 11px; 
	background						: #FFF; 
	border							: 1px solid #6C1B0C;
}
form.formstandard textarea{ 
	width							: 280px; 
	height							: 175px; 
	background						: #FFF; 
	border							: 1px solid #6C1B0C; 
	padding							: 3px; 
}

form.formstandard select {
	background						: #FFF;
	border							: 1px solid #6C1B0C;
	font							: normal 11px Arial, sans-serif; 
}

form.formstandard #submit	 { 
	float							: right; 
	width							: 80px;
	border							: 0; 
	margin							: 10px 20px 10px 0; 
	background						: #DB0303;
	color							: #FFF;
	cursor							: pointer;
}

form.formstandard #check	 { 
	width							: auto;/*20px; */
	margin							: 0px 10px 0px 10px; 
	cursor							: pointer;
}

#gen-image {
	text-align						: right;
	margin							: 20px 20px 10px 0;
}

/* Authenticate.php */
#nextbutton	{
	float							: right; 
	width							: auto;
	border							: 0; 
	margin							: 10px 20px 10px 0; 
	background						: #DB0303;
	color							: #FFF;
	cursor							: pointer;
	text-align						: center;	
	padding							: 5px 10px 5px 10px;	
}
a.nextbutton:link{
	color							: #FFF;
	text-decoration					: none;
}

a.nextbutton:visited {
	color							: #FFF;
	text-decoration					: none;
}

a.nextbutton:active{
	color							: #FFF;
	text-decoration					: none;
}	

a.nextbutton:hover{
	color							: #FFF;
	text-decoration					: none;
}

a.nextbutton:focus{
	color							: #FFF;
	text-decoration					: none;
}
/* formerrors */

div.error { background: #ffcccc url(../res/images/error_small.png) no-repeat 5px 4px; color: #900; border: 1px solid #c00; padding: 0.25em 0.5em 0.25em 2.5em; font-weight: bold; min-height: 1.25em; }
div.error p { padding: 0; margin: 0; }

div.bettererror { background: #cff5a5 url(../res/images/accept.png) no-repeat 5px 4px;; color: #1a8d24; border: 1px solid #7fa655; padding: 0.25em 0.5em 0.25em 2.5em; font-weight: bold; position: relative; min-height: 1.25em; }
div.bettererror img { display: block; position: absolute; left: 0.25em;	top: 0.25em; padding: 0; margin: 0; }
div.bettererror p {	position: absolute;	left: 2.5em; padding: 0; margin: 0; }

/*Radio player*/

#radioWrapper {
	position							: absolute;
	width									: 400;
	height								: 400;
	background						: #FFF;
	overflow							: hidden;
}

#radioContentSection {
	background						: #CA0016;
}

#radioPlayer {
	width									: 100%;
	height								: 60px;
	font-size							: 12px;
	color									: #FFFFFF;
	
}

label.error {
	font-weight : bold;
	color : #ff0000;	
}


/* Additional lightbox */