/* CSS Document */

* {
    padding: 0;
    margin: 0;
}

body {
		background-image: url("../img/tile.gif"); 
		backgrfound-color: #999999;
	  margin-top: 1%;
    margin-left: 0;
	  padding: 0;
}

img {
		border: 0px;
}

/*------------------------------- Tekst formating -------------------------------*/
h2 {
		font-family: tahoma;
		font-size: 9pt;
		font-weight: bold;
		text-decoration: underline;
		margin-right: 11pt;
		margin-top: 15pt;
		color: #0081ca;
		text-align: right;
}

b {
		font-family: tahoma;
		font-size: 8pt;
		margin-left: 0pt;
		margin-top: -5pt;
		color: #0081ca;
}

td {
		text-align: left;
		font-family: tahoma;
		font-size: 8pt;
		margin-left: 0pt;
		margin-right: 0pt;
		margin-top: 50px;
		color: #c70101;
}

.home_email {
		font-family: tahoma;
		font-size: 8pt;
		margin-left: 2pt;
		margin-top: 24pt;
		color: #000000;
}

.contenttekst {
		text-align: right;
		text-align-last: right;
		font-family: tahoma;
		font-size: 8pt;
		margin-left: 0pt;
		margin-right: 10pt;
		margin-top: 15px;
		color: #c70101;
}

.contenttekst_vacatures {
		text-align: right;
		text-align-last: right;
		font-family: tahoma;
		font-size: 8pt;
		margin-left: 0pt;
		margin-right: 10pt;
		margin-top: 15px;
		color: #c70101;
}


.contenttekst_table {
		text-align: left;
		font-family: tahoma;
		font-size: 8pt;
		margin-left: 0pt;
		margin-right: 0pt;
		margin-top: 50px;
		color: #c70101;
}

.knoppen {
		font-family: tahoma;
		text-align: center;
		font-size: 9pt;
		margin-top: 1pt;
}

.knoppen_aan {
		font-family: tahoma;
		text-align: center;
		font-size: 9pt;
		margin-top: 1pt;
		color: #c70101;
}

.adres_text {
		font-family: tahoma;
		text-align: right;
		margin-right: 10pt;
		margin-top: 15pt;
		font-size: 8pt;
		color: #ffffff;
}

/*------------------------------- Links formating -------------------------------*/
a:link {font-family: tahoma; color: #009fe4; text-decoration: none;}
a:visited {color: #009fe4; text-decoration: none;} 
a:hover {color: #000000; text-decoration: none;}
a:active {color: #009fe4; text-decoration: none;}

a.knoppen:link {font-family: tahoma; color: #000000; text-decoration: none;}
a.knoppen:visited {color: #000000; text-decoration: none;} 
a.knoppen:hover {color: #c70101; text-decoration: none;}
a.knoppen:active {color: #c70101; text-decoration: none;}

a.knoppen_aan:link {font-family: tahoma; color: #c70101; text-decoration: underline;}
a.knoppen_aan:visited {color: #c70101; text-decoration: none;} 
a.knoppen_aan:hover {color: #c70101; text-decoration: none;}
a.knoppen_aan:active {color: #c70101; text-decoration: none;}

a.home_email:link {font-family: tahoma; color: #000000; text-decoration: none;}
a.home_email:visited {color: #000000; text-decoration: none;} 
a.home_email:hover {color: #c70101; text-decoration: none;}
a.home_email:active {color: #c70101; text-decoration: none;}

/*------------------------------- Centreren van website -------------------------------*/
#center
{
		margin: 0 auto;
		width: 900px;
		height: 500Px;
		text-align: left;
		z-index: 1;
}

/*-------------------------------  Opbouw website -------------------------------*/
#bovenbalk 
{
		background-color: #ffffff;
		width: 900px;
		height: 71px;
		float: left;
		z-index: 2;
		display: inline;
}

#home {
	  badckground-image: url("../img/home.gif");
		margin-left: 52px;
		width: 35px;
		height: 71px;
		float: left;
		z-index: 2;
		display: inline;
		cursor: pointer;
}

#home_text {
    background-color: white;
		width: 77px;
		height: 71px;
		float: left;
		z-index: 2;
}

#email {
	  background-image: url("../img/email.gif");
		width: 32px;
		height: 71px;
		float: left;
		z-index: 2;
		cursor: pointer;
}

#email_text {
    background-color: white;
		width: 98px;
		height: 71px;
		float: left;
		z-index: 2;
}

#lijntje {
		background-image: url("../img/tussenlijn_bovenbalk.gif");
		width: 1px;
		height: 71px;
		float: left;
		z-index: 2;
		background-repeat: no-repeat;
}

/*------------------------------- VLAGGEN -------------------------------*/
#flag_nl {
	background-image: url("../img/flag_nl.gif");
	margin-left: 25px;
	width: 35px;
	height: 71px;
	float: left;
	z-index: 2;
	cursor: pointer;
}

#flag_pl {
	background-image: url("../img/flag_pl.gif");
	width: 35px;
	height: 71px;
	float: left;
	z-index: 2;
	cursor: pointer;
}

#flag_eng {
	background-image: url("../img/flag_eng.gif");
	width: 35px;
	height: 71px;
	float: left;
	z-index: 2;
	cursor: pointer;
}

#flag_de {
	background-image: url("../img/flag_de.gif");
	width: 35px;
	height: 71px;
	float: left;
	z-index: 2;
	cursor: pointer;
}

#flag_fr {
  background-color: white;
	width: 35px;
	height: 71px;
	float: left;
	z-index: 2;
	cursor: pointer;
}

#trex_logo {
	background-image: url("../img/logo.gif");
	width: 405px;
	height: 71px;
	float: left;
	z-index: 2;
}


/*------------------------------- Banner_balk ----------------------------------*/
#banner {
	background-color: #999999;
	width: 900px;
	height: 214px;
	float: left;
	z-index: 2;
}

#banner_left {
	background-image: url("../img/balk_links.jpg");
	width: 204px;
	height: 214px;
	float: left;
	z-index: 2;
}

#banner_mid {
	background-image: url("../img/balk_midden.jpg");
	width: 490px;
	height: 214px;
	float: left;
	z-index: 2;
}

#banner_right {
	background-image: url("../img/balk_rechts.jpg");
	width: 206px;
	height: 214px;
	float: right;
	z-index: 2;
}

/*------------------------------- Knoppenbalk -------------------------------*/
#knoppenbalk {
		background-color: #ffffff;
		width: 900px;
		height: 17px;
		float: left;
		z-index: 2;
}

#img_left_knop {
	  background-image: url("../img/menu_links.jpg");;
		width: 186px;
		height: 17px;
		float: left;
		z-index: 2;
		overflow: hidden;
}

#img_right_knop {
	  background-image: url("../img/menu_rechts.jpg");
		width: 206px;
		height: 17px;
		float: right;
		z-index: 2;
		overflow: hidden;
}

#knop_01 {
	  background-image: url("../img/menu_trexcargo.gif");
		width: 50px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_02 {
	  background-image: url("../img/menu_transport.gif");
		width: 69px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_03 {
	  background-image: url("../img/menu_warehousing.gif");
		width: 76px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_04 {
	  background-image: url("../img/menu_mensen.gif");
		width: 89px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_05 {
	  background-image: url("../img/menu_offerte.gif");
		width: 88px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_06 {
	  background-image: url("../img/menu_contact.gif");
		width: 47px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_07 {
	  /*background-image: url("../img/menu_vacatures.gif");*/
	  background-image: url("../img/menu_mensen.gif");
		width: 89px;
		height: 17px;
		float: left;
		z-index: 2;
}

/*------------------------------- Knoppenbalk DE -------------------------------*/
#knop_de_01 {
	  background-image: url("../img/menu_de_01.gif");
		width: 42px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_de_02 {
	  background-image: url("../img/menu_de_02.gif");
		width: 69px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_de_03 {
	  background-image: url("../img/menu_de_03.gif");
		width: 57px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_de_04 {
	  background-image: url("../img/menu_de_04.gif");
		width: 124px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_de_05 {
	  background-image: url("../img/menu_de_05.gif");
		width: 82px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_de_06 {
	  background-image: url("../img/menu_de_06.gif");
		width: 57px;
		height: 17px;
		float: left;
		z-index: 2;
}

#knop_de_07 {
	  background-image: url("../img/menu_de_07.gif");
		width: 59px;
		height: 17px;
		float: left;
		z-index: 2;
}

/*------------------------------- contentveld -------------------------------*/
#contentveld {
		background-color: #ffffff;
		width: 694px;
		height: 290px;
		float: left;
		z-index: 2;
}

#contentveld_XL {
		background-color: #ffffff;
		width: 694px;
		height: 390px;
		float: left;
		z-index: 2;
}

#tekstveld {
		background-color: #ffffff;
		margin-left: 190px;
		width: 340px;
		height: 281px;
		float: left;
		z-index: 3;
		display: inline;
}


#tekstveld_vacatures {
		background-color: #ffffff;
		margin-left: 180px;
		width: 340px;
		height: 281px;
		float: left;
		z-index: 3;
		display: inline;
}

#tekstveld_table {
		background-color: #ffffff;
		margin-left: 210px;
		width: 330px;
		height: 281px;
		float: left;
		z-index: 3;
		display: inline;
}


#contentfotos {
		background-color: #ffffff;
		width: 150px;
		height: 281px;
		float: right;
		z-index: 3;
}

.foto_01 {
		margin-left: 0px;
		margin-top: 40pt;
		width: 113px;
		height: 84px;
		float: left;
		z-index: 4;
}

.foto_02 {
		margin-left: 0px;
		margin-top: 15pt;
		width: 113px;
		height: 84px;
		float: left;
		z-index: 4;
}


#adres_right{
		background-color: #c70101;
		width: 206px;
		height: 290px;
		float: right;
		z-index: 2;
}

#adres_right_XL{
		background-color: #c70101;
		width: 206px;
		height: 390px;
		float: right;
		z-index: 2;
}


#underline {
		background-color: yellow;
	  background-image: url("../img/underline.gif");
		width: 900px;
		height: 1px;
		float: left;
		z-index: 2;
		overflow: hidden;
		background-repeat: no-repeat;
}

/*------------------------------- Footer -------------------------------*/
#footer {
		background-color: #ffffff;
		width: 900px;
		height: 28px;
		z-index: 2;
		float: left;
}

a.aquaster:link {font-family: tahoma; font-size: 8pt; color: #c70101; margin-top: 10pt; text-decoration: none;}
a.aquaster:visited {color: #c70101; text-decoration: none;} 
a.aquaster:hover {color: #000000; text-decoration: none;}
a.aquaster:active {color: #c70101; text-decoration: none;}

.aquaster {	
		font-family: tahoma;
		font-size: 8pt;
		text-align: center;
		color: #bbbbbb;
}