/* XHTML css layout opbasis van door EUROPIPE aangeleverde website, 2003 Duall */
/* 2011 update naar HTML5 Duall */

/* @group meyer 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, strong, 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: 62,5%;
	line-height: 120%;
	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: "" "";
}

/* @end */

div#europipe {
	width: 100%;
	height: 70px;
	background: #fff url(images/20jaar.gif) no-repeat right center;
	z-index: 100;
}

#europipe {
	

/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
   position: absolute;
   left: 0;
   top: 0;
}

body > div#europipe {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
     position: fixed;
}

div#europipe a {
	text-indent: -8000px;
	display: block;
	width: 300px;
	height: 25px;
	border: 0;
	background: url(images/europipe_logo.gif) no-repeat left top;
	margin: 20px 0 0 20px;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#leftKol {
	width: 200px;
}

#leftKol {
	

/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute;
	left: 0;
	top: 65px;
}

body > div#leftKol {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

div#rightKol {
	margin-left: 200px;


/* Set left value to WidthOfFrameDiv */
	right: 0;
	bottom: 0;
	background: #fff;
}

#nav {
	padding: 20px;
}

#content {
	padding: 20px;
	padding-top: 80px;
	margin: 0;
	text-align: center;
}

/* @group menu */

ul#menu {
	margin: 0;
	padding: 0;
}

ul#menu  li {
	margin: 0 0 .5em 0;
	padding: 0;
}

ul#menu  li a,
ul#menu  li a:link, 
ul#menu  li a:hover,
ul#menu  li a:visited,
ul#menu  li a:active {
	margin: 0;
	padding: 0;
	color: #808080;
	text-decoration: none;
	font-weight: bolder;
	font-size: 1.1em;
}

ul#menu  li a:hover {
	color: #111111;
}

ul#menu  li a.active {
	color: #000;
}

/* @end */

/* @group TYPO */

h1 {
	margin-top: 0;
	margin-bottom: 1em;
	color: #808080;
	text-decoration: none;
	font-weight: bolder;
	font-size: 1.1em;
	text-align: center;
	text-align: left;
}

h2 {
	color: #C00;
	font-weight: 400;
	font-size: 1.15em;
	margin: 0;
	padding: 2em 0 .5em 0;
	text-align: center;
	text-align: left;
}

h1 + h2 {
	padding-top: 1em;
}

h2.titel {
	clear: both;
	display: block;
	margin: 0;
	padding: 2em 0 0.5em;
	text-align: center;
}

h3 {
	font-size: 0,8em;
	font-weight: 400;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
}

h4 {
	font-weight: normal;
	font-size: 1em;
	color: #C00;
	margin: 2em 0 1em 0;
	text-align: left;
}

p {
	font-weight: 400;
	font-family: Verdana;
	font-size: 1.15em;
	text-align: left;
	margin-bottom: 1em;
}

p + ul {
	position: relative;
	top: -.75em;
}

#content ul {
	margin: 0 0 1em .5em;
	padding: 0;
	list-style: ;
	list-style-type: disc;
}

#content ul li {
	font-weight: 400;
	font-family: Verdana;
	font-size: 1.15em;
	margin: 0 0 0 15px;
	padding: 0;
	text-align: left;
}

a,
a:link {
	color: #808080;
}

a:hover {
	color: #111111;
	text-decoration: none;
}

a:visited {
	color: #808080;
}

a:active {
	color: #111111;
}

td {
	vertical-align: top;
}

h6 {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0;
	padding: 25px 0 10px 0;
	text-align: center;
}


/* @end */

/* @group basis */

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.rood {
	color: #C00;
}

strong {
	font-weight: bold;
}

h2 span {
	color: #000;
	font-weight: bold;
}

/* @end */

/* @group tabel techinfo */

table.techinfo {
	border: 2px solid #111;
	text-align: center;
	padding: 0;
	margin-bottom: 3em;
	border-collapse: collapse;
}

td.grijs {
	background-color: #EEE;
	border: 1px solid #111;
	margin: 0;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	font-family: Verdana;
	font-size: 1.15em;
	width: 20%;
}

td.lgrijs {
	background-color: #F9F9F9;
	border: 1px solid #111;
	margin: 0;
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	font-family: Verdana;
	font-size: 1.15em;
}

td.w20 {
	width: 20%;
}

td.w40 {
	width: 40%;
}

td.w28 {
	width: 28%;
}

td.w18 {
	width: 18%;
}

/* @end */

/* @group tabel foto */

table.vcent td {
	text-align: center;
}

/* @end */

/* @group Home */

h1.home {
	padding: 0;
	margin: 0;
	font-weight: 400;
	font-size: 1.5em;
	color: #000;
	text-align: center;
}

div#Home {
	width: 733px;
	margin: 0 auto;
}

/* @end */

/* @group testimonials */

#Testimonials h1 {
	display: none;
}

#Testimonials h4 {
	font-size: .9em;
}

.testimotxt {
	font-size: .9em;
	font-weight: 400;
	padding: 0.4em 0 0 0;
	margin: 0;
	text-align: left;
}

.person {
	font-size: .9em;
	font-weight: normal;
	padding: 0;
	margin: 9px 0 20px 5px;
	font-style: italic;
	color: #666666;
	text-align: left;
}

#bMovie {
	display: block;
}

.rood {
	color: #FF0000;
}

.bold {
	font-weight: bold;
}

/* @end */

/* @group Stages */

.group {
	display: block;
	overflow: hidden;
    margin: 1em auto 2em;
	width: 560px;
	text-align: center;
}

.group a img {
	display: block;
	float: left;
}

.group a,
.group a:link,
.group a:hover,
.group a:visited,
.group a:active {
	border: 1px solid #ccc;
	margin: 2px;
	padding: 0;
	overflow: hidden;
	display: block;
	float: left;
}

.small a,
.small a:link,
.small a:hover,
.small a:visited,
.small a:active {
	height: 135px;
	width: 180px;
}

.group a:hover {
	border-color: #000;
}

a.StagesGroup {
	display: block;
	width: 240px;
	height: 230px;
	padding: 10px;
	float: left;
	text-decoration: none;
	color: #000;
	font-size: .9em;
	text-align: center;
}

.StagesBijschrift {
	display: block;
	width: 240px;
}

#Stages h2 {
	text-align: left;
}

/*

 @end */

/* @group Video */

table#tblVideos {
	width: 680px;
	border: 1px solid #fff;
	margin: 15px auto;
}

table#tblVideos td.foto {
	text-align: left;
	vertical-align: top;
	height: 100px;
	padding-bottom: 10px;
}

table#tblVideos td.txt {
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 0 15px 0 5px;
}

table#tblVideos td.txt p {
	font-size: .8em;
}

#tblVideos tbody tr td.youtubelink {
	padding-right: 30px;
}

#tblVideos tbody tr td.youtubelink a {
	text-decoration: none;
}

#tblVideos tbody tr td.youtubelink a img {
	position: relative;
	top: 6px;
}

div.media {
	margin: 5em auto 1em auto;
}

div.media div {
	display: none;
}

a#btn_backvideos {
	display: block;
	width: 160px;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: .5em;
	text-decoration: none;
}

a#btn_backvideos:hover {
	background-color: #f2f2f2;
}

#content_movie {
	margin-left: 1px;
	text-align: center;
}

#Videos iframe {
	width: 420px;
	height: 269px;
	display: block;
    margin: 0 auto 50px auto;
}

/* @end */