/*	TWP.CSS
	© 2005-2008 Taalwerkplaats, Amsterdam. All rights reserved.
	
	1. Opmaak.
	2. Navigatiemenu.
*/



/*** 1. Opmaak ***/

/* TWP-kleuren:
   - Rood	 	: HEX #9A0A2D | RGB 154  10  45
   - Grijs (logo)	: HEX #A5A9AC | RGB 165 169 172
   - Grijs (achtergrond): HEX #E4E5E6 | RGB 228 229 230
*/

body
{
	margin		: 0px;
}
body * 
{
	font-family	: verdana, arial, helvetica, sans-serif;
	font-size	: 11px;					/* =8pt  */
	color		: #000000;

}
h2
{
	font-size	: 18px;
	color		: #9A0A2D;
	margin-left	: 0px;
}


/* 1.1 Frames */

div#contentFrame
{
	width		: 993px;
	height		: 100%;
	padding-left	: 5px;
}
div#topFrame
{
	width		: 181px;
	height		: 150px;
	background-color: #FFFFFF;
}
div#contentMidden 
{
	width		: 500px;
	height		: 100%;
	padding-right	: 20px;
	padding-left	: 20px;
}
div#PopupFrame
{
	width		: 100%;
	height		: 100%;
	padding-left	: 5px;
	padding-right	: 5px;
}


/* 1.2 Classes */

.topborder
{
	border-top-width: 1px;
	border-top-color: #999999;
	border-top-style: solid;
}
.middenborder 
{
	border-left-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-top-width : 1px;
	border-top-color : #999999;
	border-top-style : solid;
}
.ankerborder
{
	border-top-width	: 1px;
	border-top-color	: #999999;
	border-top-style	: solid;
	border-bottom-width	: 1px;
	border-bottom-color	: #999999;
	border-bottom-style	: solid;
}
.middenlijn
{
	position	: absolute;
	top		: 263px;
	left		: 4px;
}
.middenlijnlinks
{
	position	: absolute;
	top		: 263px;
	left		: 5px;
}
.middenlijnrechts
{
	position	: absolute;
	top		: 419px;
	left		: 729px;
}
.middenlijnrechts2			/* voor Klanten en Projecten */
{
	position	: absolute;
	top		: 263px;
	left		: 729px;
}
.middenlijnrechts3			/* voor Beeldredactie */
{
	position	: absolute;
	top		: 465px;
	left		: 729px;
}
.onderbalk
{
	color		: #FFFFFF;
}
.titel10
{
	color		: #9A0A2D;
	font-weight	: bold;
}
.twp_r
{
	color		: #9A0A2D;
}
.ew-venster
{
	height		: 320px;
	width		: 500px;
	overflow	: auto;
}


/* 1.3 Hyperinks */

/* - in lopende tekst: */

a:link, a:visited, a:active 
{
	color		: #9A0A2D;
	text-decoration	: none;
}
a:hover
{
	color		: #9A0A2D;
	text-decoration	: underline;
}

/* - in grijze vlakken: */

a.twp:link, a.twp:visited, a.twp:active 
{
	color		: #000000;
	text-decoration	: none;
}
a.twp:hover
{
	color		: #9A0A2D;
	text-decoration	: underline;
}

/* Voor illustraties met spaties */

a.twp2:hover                            
{
	text-decoration	: none;
}

/* - in copyrightregel: */

a.balk:link, a.balk:visited, a.balk:active
{
	color		: #FFFFFF;
	text-decoration	: none;
}
a.balk:hover
{
	color		: #FFFFFF;
	text-decoration	: underline;
}



/*** 2. Navigatie ***/

/* 2.1 Hoofdmenu */

table.nav
{
	border-color		: #000000;
	border-left-width	: 0px;
	border-left-style	: solid;
	border-left-color	: #999999;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	border-top-width	: 0px;
	border-top-style	: solid;
	border-bottom-width	: 0px;
	border-bottom-style	: solid;
	width			: 180px;
}
div.nav1 								/* Home */
{
	width			: 181px;
	height			: 34px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/home_off.gif");
}
div.nav1_on
{
	width			: 181px;
	height			: 34px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/home_on.gif");
}
div.nav2 								/* Taalwerk */
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/taalwerk_off.gif");
}
div.nav2_on
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/taalwerk_on.gif");
}
div.nav3 								/* Portfolio */
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/portfolio_off.gif");
}
div.nav3_on
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/portfolio_on.gif");
}
div.nav4 								/* Tarieven */
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/tarieven_off.gif");
}
div.nav4_on
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/tarieven_on.gif");
}
div.nav5 								/* Contact */
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/contact_off.gif");
}
div.nav5_on
{
	width			: 181px;
	height			: 33px;
	border-right-width	: 0px;
	border-right-color	: #999999;
	border-right-style	: solid;
	cursor			: default;
	cursor			: hand;
	background		: url("../images/twp/contact_on.gif");
}


/* 2.2 Submenu's */

.menu_on
{
	text-decoration	: none;
	width		: 180px;
	height		: 22px;
	color		: #9A0A2D;
	background-color: #FFFFFF;
}	
.menu_off
{
	text-decoration	: none;
	width		: 180px;
	height		: 22px;
	color		: #FFFFFF;
	background-color: #9A0A2D;
}	

div.subnav_on
{
	padding			: 3px;
	background-color	: #FFFFFF;
}
div.subnav1_off
{
	width			: 120px;
	height			: 22px;
	border-color		: #9A0A2D;
	border-right-width	: 1px;
	border-left-width	: 1px;
	border-top-width	: 1px;
	border-bottom-width	: 1px;
	border-style		: solid;
	cursor			: default;
	cursor			: hand;
	background-color	: #9A0A2D;
	color			: #FFFFFF;
}
div.subnav1_on 
{
	width			: 120px;
	height			: 22px;
	border-color		: #9A0A2D;
	border-right-width	: 1px;
	border-left-width	: 1px;
	border-top-width	: 1px;
	border-bottom-width	: 1px;
	border-style		: solid;
	cursor			: default;
	cursor			: hand;
	background-color	: #FFFFFF;
	color			: #9A0A2D;
}
div.subnav1b_off
{
	width			: 120px;
	height			: 22px;
	border-color		: #9A0A2D;
	border-right-width	: 1px;
	border-left-width	: 1px;
	border-top-width	: 1px;
	border-bottom-width	: 1px;
	border-style		: solid;
	cursor			: default;
	cursor			: hand;
	background-color	: #9A0A2D;
	color			: #FFFFFF;
}


/* Absolute posities van submenu's.
   - subnav1 (Home), idem, met: top:100px;
   - subnav4 (Tarieven), idem, met: top:1102px; */

div#subnav2 								/* Submenu Taalwerk */
{
	position	: absolute;
	top		: 134px;
	left		: 187px;
	width		: 100px;
	visibility	: hidden;
}
div#subnav3 								/* Submenu Portfolio */
{
	position	: absolute;
	top		: 167px;
	left		: 187px;
	width		: 100px;
	visibility	: hidden;
}
div#subnav5 								/* Submenu Contact */
{
	position	: absolute;
	top		: 233px;
	left		: 187px;
	width		: 100px;
	visibility	: hidden;
}


/*** EOF ***/