/*
#########################
#		ALGEMEEN 		#
#########################
*/

html,body,div,span,h1,h2,h3,h4,p,ul,ol,li,table,tr,td,a {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

.overflow { overflow: hidden; }

img {
	border: none;
}

body {
	font: 62.5% Tahoma, Verdana;
	background-color: #fff;
	text-align: center;
}

p {
	font-size: 1.1em;
}

h1 {
	color: #fff;
	font-size: 28pt;
	line-height: 1.8em;
}
h2 {
	margin-top: 20px;
	color: #000000;
	font-size: 18pt;
	line-height: 2.0em;
}

h3 {
	color: #da3066;
	font-size: 2.3em;
	font-weight:normal;
}
h4{
	margin-top: 13px;
}

/*
########################
#		LAYOUT		   #
########################
*/


body.mainBodyIntro {
	font: 62.5% Arial;
	background-color: #ffffff;
	text-align: center;
}

/* BODY INTRO PAGINA */

div#container {
	width: 800px;
	background: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 110px 35px 75px 140px;
	text-align: left;
}
body#component-homepage div#container { padding-top: 40px; }

div#quote {
	width: 720px;
}

div#bottom {
	margin-top: 100px;
	clear: both;
}

body#component-homepage div#bottom {
	margin-bottom: 100px;
	margin-top: 0;
}

div#logo {
	float: left;
	background: url(/img/svt_logo.gif) no-repeat;
}

div#logo a {
	display: block;
	width: 197px;
	height: 34px;
}

div#talen {
	float: left;
	margin-left: 320px;
	padding-top: 10px;
}

div#news_pic {
	float: left;
	margin-bottom: 50px;
}

div#right_side {
	float: left;
	width: 285px;
}

h1.news_title {
	color: #cc3366;
	font-size: 1.6em;
	margin-top: 20px;
	margin-bottom: 10px;
}

div#right_side p {
	color: #000000;
}

div#right_side a {
	color: #000000;
	text-decoration: none;
}

div#bgcontainer {
	background-color: #000000;
	padding: 110px 35px 75px 140px;
	width: 800px;
/*	float:left;*/
	margin-top: 30px;
	margin-left:auto;
	margin-right:auto;
	}

body.mainBodyIntro div#container {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}

body.mainBodyIntro div#logo {
	float: left;
	width: 300px;
}

body.mainBodyIntro div#taalkeuze {
	float: right;
	padding: 20px 0 0 0;
}

body.mainBodyIntro div#taalkeuze img {
	padding: 0 10px 0 0;
}

body.mainBodyIntro div#taalkeuze a {
	text-decoration: none;
	font-weight: bold;
	color: #cc3366;
	font-size: 1.4em;
}

body.mainBodyIntro div#content {
	float: left;
	margin: 0 0 0 0;
	font-size: 25pt;
	color: #fff;
	font-weight: bold;
	line-height: 300%;
	margin-bottom: 70px;
}

/* BODY SUBPAGINA */

body.mainBody div#container {
	width: 940px;
	text-align: left;
	padding: 46px 0 0 22px;
	margin: 0 auto;
}

div#fotoblok {
	margin: 0 0 0 0;
	clear: both;
	float: left;
	width: 540px;
}

div#fotoContainer {
	position: relative;
}

div#lightboxContainer {
	position: absolute;
	top: 0;
	right:75px;
}
div#thumbs {
	margin: 10px 0 10px 0;
	clear: left;
	float: left;
}

div#thumbs img {
	cursor: pointer;
	margin: 0 8px 0 0;
}


div#mainbody {
	margin: 0px 0 20px 0;
	width: 380px;
	float: left;
	min-height: 453px;
	z-index: 200;
}

div#mainbody p {
	padding: 10px 0 10px 0;
	line-height: 18px;
	color: #000000;
}

div#mainbody a {
	font-size: 1.1em;
	font-weight:bold;
	color: #da3066;
	text-decoration: none;
	position: relative;
}

div#mainbody a:hover {
	color: #000000;
	text-decoration: underline;
}

div.submenuArea a {
	float: left;
	width: 175px;
	display: block;
	padding: 4px 15px 4px 0px;
}

div.kruis {
	top: 0;
	width: 115px;
	height: 115px;
	position: absolute;
	z-index: 2;
	margin: 220px 0 0 406px;
	background: url(/img/paarskruis.png);
}

/*
########################
#	MENU / LIJSTEN	   #
########################
*/

/* HOOFDMENU */

ul#mainMenu {
	width: 940px;
  padding: 0;
  margin: 0;
  list-style: none;
  }

ul#mainMenu li {
  float: left;
  padding: 0 0 0px 0 ;
   background: none;
  }

ul#mainMenu li a {
	display: block;
  padding: 0 4px 12px 0 ;
  text-decoration: none;
  background: none;
  }

div.sitemap ul {
	list-style: none;
	width: 300px;
	margin: 10px 0 10px 0;
}

div.sitemap ul li a {
	padding: 0;
	font-weight: normal;
}

div.sitemap ul li ul {
	margin: 0 0 0 20px;
}

div.sitemap ul li ul li ul {
	display: none;
}

div.sitemap ul li {
	width: 300px;
	float: left;
	clear: left;
}

div#flashContainer {
	z-index: 0;
/*	position:absolute;*/
	width:464px;
	height:412px;
	display:none;
	background-color: white;
	}

ul#mainMenu li ul.submenu {
padding: 0px 0 25px 0;
  width: 150px;
  display: none;
  position: absolute;
  z-index: 100;
  clear: left;
  list-style: none;
   background: none;
  }

ul#mainMenu  ul.submenu li  {
		float: left;clear:left;
		padding: 0;
		margin: 0;
		background-color: white;
		height: auto;
		/*
		display: block;
		float: left;
		clear: left;
		background: url(/img/bgsubmenu.png) repeat;
		*/
  }

ul#mainMenu li ul.submenu a {
		margin: 0;
		display: block;
		width:100px;
		padding: 5px 12px 3px 15px;
		color: #000000;
		font-size: 1.1em;
		background: url(/img/bulleton.png) no-repeat 5px 11px;
		text-decoration: none;
  }

ul#mainMenu li ul.submenu a:hover {
		color: #a50430;
		background: url(/img/bullet.png) no-repeat 5px 11px;

  }

ul#mainMenu  li > ul {
	top: auto;
	left: auto;
	}

ul#mainMenu li.over ul{
	display: block; }

/* TAALMENU */

ul#taalMenu {
	float: right;
}
ul#taalMenu li {
	float: left;
	list-style-type: none;
	padding: 0 4px 12px 0;
}

ul.subnav {
	float: left;
	list-style: none;
	width: 48%;
}
ul.subnav-right { float: right; }


/* FORMULIER */

ul.formuliercomponent li#li_stuurEmail {
	height: 1.5em;
}

ul.formuliercomponent label {
	font-size: 1.1em;
	color: #000000;
	display: block;
	float: left;
	width: 125px;
	padding: 2px 0 0 5px;
}

ul.formuliercomponent li {
	padding: 2px 0 2px 0;
	margin: 3px 0 3px 0px;
	float: left;
	clear: left;
}

ul.formuliercomponent li textarea {
	width: 240px;
	height: 100px;
	border: 1px solid #000000;
	font-family: Arial;
	font-size: 1.1em;
	color: #DA3066;
	padding: 2px;
}

label#lblPostcode {
	width: 65px;
	padding-left: 12px;
}

label#lbl_stuurEmail {
	display: block;
	width: 320px;
}



ul.formuliercomponent input {
	font-family: Arial;
	font-size: 1.1em;
	color: #DA3066;
	border: 1px solid #000000;
	padding: 2px;
	float: left;
}

ul.formuliercomponent li {
	width: 450px;
}

input#tussenvoegsel {
	width: 85px;
}

input#huisnummer {
	float: left;
	width: 50px;
}

input#postcode {
	width: 71px;
}

input#cb_stuurEmail {
	float: left;
	width: 15px;
	margin-right: 5px;
	border: none;
}

input#onderwerp {
	width: 240px;
}

input.submit {
	float: left;
	clear: left;

	padding: 0.2em 0.8em;
	color: #fff;
	font-weight: bold;
	border: none;
	width: 125px;
	background: #000000;
	cursor: pointer;
	}

input.checkbox {
	float: left;
	width: 15px;
	border: 1px solid #fff;
	}

div#breadcrumb {
	float: right;
	font-size: 1.0em;
	color: #999999;
}

div#breadcrumb a {
		font-size: 1.0em;
	padding: 0 5px 0 5px;
	font-size: 1.0em;
	color: #999999;
	text-decoration: none;
}

div#breadcrumb a:hover {
	text-decoration: underline;
	color: #000000;
	}

div#breadcrumb a:active {
	color: #DA3066;
	text-decoration: none;
	}

div#copy {
	width: 250px;
	text-align: right;
	float: right;
	margin: 20px 5px 10px 0;
	color: #999999;


}

div#copy a {
	width: 40px;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #DA3066;
}

div#copy a:hover {
	text-decoration: underline;
	color: #000000;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash div#content h1 {

	line-height: 2.5em;
}

.sIFR-hasFlash h2 {
	margin-top: 20px 0 0 0;
	visibility: hidden;
	line-height: 1.8em;
}

#ifader {
	height: 450px;
	overflow: hidden;
	position: relative;
	width: 720px;
}

#ifader .ifader-item {
	left: 0;
	position: absolute;
	top: 0;	
}