@charset "utf-8";

/* CSS Document */



html, body, form, fieldset {

	margin: 0;

	padding: 0;

	font-family: "Times New Roman", Times, serif;

}



/*layout div rules*/



#wrapper {

	position: absolute;

	top:0;

	left: 50%;

	width: 43.38em;

	height: 100px;

	margin-left: -21.69em;

	z-index: 10;

}



#menu {

	position: absolute;

	top:0;

	width: 100%;

	height: 64px;

}



#homecontent {

	position: absolute;

	top:61px;

	width: 100%;

	height: 341px;

	overflow: hidden;

	left: -1px;

}



#homefooter {

	position: absolute;

	top:405px;

	width: 100%;

	height: 200px;

}



#listcontent {

	position: absolute;

	top: 63px;

	width: 100%;

	height: 471px;

	overflow: auto;

	left: -1px;

}



#detailcontent {

	position: absolute;

	top:63px;

	width: 100%;

	height: 471px;

	overflow: auto;

	left: -1px;

}



#detailfooter {

	position: absolute;

	top:535px;

	width: 100%;

	height: 100px;

	text-align: left;

}



#logo {

	width: 164px;

	height: 180px;

	background-image: url(design/footer_sep.gif);

	background-position: center right;

	background-repeat:no-repeat;

	float: left;

}



#logoimage {

	position: relative;

	top: 50px;

	left: -67px;

}



#news {

	width: 300px;

	height: 180px;

	background-image: url(design/footer_sep.gif);

	background-position: center right;

	background-repeat:no-repeat;

	float: left;

}



#address {

	width: 200px;

	float: right;

}



#detailfooter img {

	margin:  15px 0 0 -55px;

}



#detailfooter span {

	font-size: 12px;

	margin: 0 0px 0 225px;

}





/*menu div rules*/



#menu ul {

	list-style-type: none;

	margin: 27px 0 0 0;

	padding: 0;

}



#menu ul li {

	display: inline;

}



#menu ul li a:link {

	font-size: 18px;

	color: #7e7e7e;

}



#menu a {

	text-decoration: none;

}



#btnhome {

	background-image: url(design/btn_home.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 50px;

	display: block;

	float: left;

}



#btnover {

	background-image: url(design/btn_publicaties.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 97px;

	display: block;

	float: left;

}



#btntent {

	background-image: url(design/btn_tentoonstellingen.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 142px;

	display: block;

	float: left;

}



#btnlit {

	background-image: url(design/btn_lespakketten.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 107px;

	display: block;

	float: left;

}



#btnproj {

	background-image: url(design/btn_buiten.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 117px;

	display: block;

	float: left;

}



#btncont {

	background-image: url(design/btn_advies.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 75px;

	display: block;

	float: left;

}

#btnaudio{

	background-image: url(design/btn_audiovisueel.png);

	background-position: 0 0;

	background-repeat: no-repeat;

	height: 30px;

	width: 106px;

	display: block;

	float: left;

}



#btnhome:hover,#btnover:hover,#btntent:hover,#btnlit:hover,#btnproj:hover,#btncont:hover,#btnaudio:hover {

	background-position: 0 -30px;

}



#menu a:active, #menu a:focus {

	outline: 0;

}



#homeactive {

	background-image: url(design/btn_home.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 50px;

	display: block;

	float: left;

}



#overactive {

	background-image: url(design/btn_publicaties.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 97px;

	display: block;

	float: left;

}



#tentactive {

	background-image: url(design/btn_tentoonstellingen.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 142px;

	display: block;

	float: left;

}



#litactive {

	background-image: url(design/btn_lespakketten.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 107px;

	display: block;

	float: left;

}



#projactive {

	background-image: url(design/btn_buiten.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 117px;

	display: block;

	float: left;

}



#contactive {

	background-image: url(design/btn_advies.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 75px;

	display: block;

	float: left;

}

#audioactive {

	background-image: url(design/btn_audiovisueel.png);

	background-position: 0 -30px;

	background-repeat: no-repeat;

	height: 30px;

	width: 106px;

	display: block;

	float: left;

}



.hidden {

	visibility: hidden;

}



/*content formatting*/



#bracketleft {

	position: absolute;

	top: 60px;

	left: -60px;

	font-size: 100px;

	color: #E0E0E0;

}



#bracketright {

	position: absolute;

	top: 400px;

	left: 710px;

	font-size: 100px;

	color: #E0E0E0;

	overflow: hidden;

}



#homecontent h1 {

	padding: 0;

	margin: 30px 0 0 0;

	width: 405px;

	font-size: 22px;

	font-weight:100;

	line-height: 26px;

	color: #595959;

}



#homecontent p, #listcontent p,#detailcontent p {

	padding: 0;

	margin: 15px 0 0 0;

	width: 405px;

	color: #8B8B8B;

}



img { behavior: url("http://www.tgvpresentaties.com/design/iepngfix.htc") }



#detailcontent h1, #listcontent h1{

	padding: 0;

	margin: 25px 0 0 0;

	width: 480px;

	font-size: 22px;

	font-weight:100;

	line-height: 26px;

	color: #595959;

}



#detailcontent h2, #listcontent h2 {

	padding: 0;

	margin: 20px 0 -7px 0;

	width: 480px;

	font-size: 18px;

	font-weight:100;

	line-height: 16px;

	color: #595959;

}





#listcontent .listitem {

	width: 325px;

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}



#listcontent .listitemheading {

	margin: 20px 0 -9px 0;

}



#listcontent .listitem p {

	width: 200px;

	float:right;

}



#listcontent .listitem .short {

	margin: 15px 0 0 0;

	color: #8B8B8B;

}



#listcontent .listitem img {

	margin-top: 13px;

	margin-left: 7px;

}



#listcontent .listitemheading a:link, #listcontent .listitemheading a:visited {

	text-decoration: none;

	color: 	#4c76ae;

}



#listcontent .listitemheading a:hover {

	text-decoration: underline;

	color: 	#4c76ae;

}



#detailcontent .columnleft {

	padding: 0;

	margin: 15px 0 0 0;

	width: 270px;

	color: #8B8B8B;

	float: left;

	}



#detailcontent .columnright {

	padding: 0;

	margin: 15px 20px 0 0;

	width: 270px;

	color: #8B8B8B;

	float: right;

}



#detailcontent .columnrighthigh {

	padding: 0;

	margin: -50px 10px 0 0;

	width: 350px;

	color: #8B8B8B;

	float: right;

}



#detailcontent .columnleftlong {

	padding: 0;

	margin: 15px 0 0 0;

	width: 400px;

	color: #8B8B8B;

	float: left;

}



#detailcontent .columnrightlong {

	padding: 0;

	margin: 15px 0 0 0;

	width: 400px;

	color: #8B8B8B;

	float: right;

}





#homecontent a,#listcontent a, #detailcontent a, #breadcrumbs a, #news a, #address a, #detailfooter a {

	color: #4c76ae;

}



#news h2 {

	margin: 20px 30px 0px 30px;

	font-size: 16px;

	font-weight: 100;

	color: #333333;

}



#news p {

	margin: 10px 30px 0px 65px;

	color: #666666;

}



#news img {

	margin: 4px 5px 0 -35px;

	float:left;



}



#address h2 {

	margin: 20px 10px 0px 0px;

	font-size: 16px;

	font-weight: 100;

	color: #333333;

}



#address p {

	margin: 10px 10px 0px 0px;

	color: #666666;

}



.right {

	text-align: right;

}



#listcontent .right, #detailcontent .right {

	clear: both;

	text-align: right;

	margin: 0 15px 0 225px;

}





#breadcrumbs {

	padding: 15px 0 0 0;

	font-size:12px;

}



#breadcrumbs em {

	font-style:normal;

}

.crumbthingy {

	color: 	#4c76ae;

	font-size: 10px;

}



td {

	vertical-align:top;

}



img {

border: 0;

}



/* form */



form .columnleft {

   margin: 20px 0 0 -40px;

}



form fieldset {

    font-family: "Times New Roman", Times, serif;

	float: left;

    border: 0px;

}



form ul {

    list-style-type: none;

}



form fieldset li {

    padding-bottom: 10px;

}



form label {

	padding: 10px 0 5px 20px;

	color: #8B8B8B;

	vertical-align: top;



}



form input, form textarea {

	font-family:"Times New Roman", Times, serif;

	font-size: 14px;

	width: 350px;

    color: #666666;

	background-color: #F3F3F3;

	border: 1px solid #CCCCCC;



}



#knop {

	font-family: "Times New Roman", Times, serif;

	font-size: 14px;

	height: auto;

	width: 70px;

	cursor:pointer;

	margin-top: 5px;

	padding: 2px;

}



#knop:hover {

	background-color: #FFFFFF;

	color: 	#4c76ae;

}



form textarea {

	height: 80px;

	font-family:"Times New Roman", Times, serif;

}



/*background div rules*/

#topbg {

	position: absolute;

	top: 0;

	width: 100%;

	height: 64px;

	background-color: #CCCCCC;

	background-image: url(design/bg_topbar.gif);

	background-repeat: repeat-x;

	z-index: 1;

}



#homebg {

	position: absolute;

	top: 64px;

	width: 100%;

	height: 341px;

	background-color:#FFFFFF;

	background-image: url(design/bg_content.gif);

	background-repeat: repeat;

}



#homefooterbg {

	position: absolute;

	top: 405px;

	width: 100%;

	height: 212px;

	background-color:#CCCCCC;

	background-image: url(design/bg_bottombar.gif);

	background-repeat: repeat-x;

}



#contentbg {

	position: absolute;

	top: 64px;

	width: 100%;

	height: 471px;

	background-color:#FFFFFF;

	background-image: url(design/bg_content.gif);

	background-repeat: repeat;

}



#contentfooterbg {

	position: absolute;

	top: 535px;

	width: 100%;

	height: 83px;

	background-color:#CCCCCC;

	background-image: url(design/bg_bottombar_c.gif);

	background-repeat: repeat-x;

}

