/* Volkshuisvesting Arnhem */
/* 12 2005 @Wesley van Heije */

/* Stylesheet ingedeeld op: */
/* 1. Opbouw van Site */
/* 2. Style van Font, Links en Images */
/* 3. Style voor contact formulier */

/* Stylesheets worden gewisseld per template */
/* Om kleuren / Achtergrond te wisselen */

/* Stylesheets voor Volkshuis Vesting Arnhem */
/* 1. vhva_style.css - Alle algemene Classes */
/* 2. vhva_index.css - Donker Blauwe Template - Index */
/* 3. vhva_zoek.css - Oranje Template - Ik zoek een woning */
/* 4. vhva_heb.css - Groene Template - Ik heb een woning */
/* 5. vhva_wil.css - Blauwe Template - Ik wil informatie */

/* =============== < 1. Opbouw van Site > ===============*/
BODY
{
	behavior:url("../style/hover.htc");
	margin: 0px 0px 0px 0px;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #DA8D00;
	SCROLLBAR-SHADOW-COLOR: #DA8D00;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-ARROW-COLOR: #DA8D00; 
  	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	/* zorgt ervoor dat er GEEN scroll zichbaar is!*/
	verflow-y: hidden;
}
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0A246A;
}
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF9900;
}
p.form
{
	height: 22px;
}
/* subtekst voor de huismeerster */
.huismeester
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-style: italic;
}
/* ====== woningruiladvertenties ========= */
/* main title */
.td_aanbod_maintitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5F5F5F;
	font-style: italic;
	font-weight: bold;
}
/* subtitle */
.td_aanbod_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFAA00;
	font-style: normal;
	font-weight: bold;
}
hr
{
	height: 1px;
	color: #000000;
}
/* Eerste tabel voor uitlijning pagina */
.tbl_first
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
/* Tweede tabel voor daadwerkelijke maat met achtergrond */
/* tbl_second wordt gewisseld per template */

/* Td voor de maat van de content */
.td_content_index
{
	width: 649px;
	height: auto;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
/* Tabel voor de content: titel, content, image */
.tbl_content
{
	width: 749px;
	height: 473px;
	border: 0px;
	padding: 0px 0px 0px 18px;
	margin: 0px;
}

.sjabloon{
    position:absolute; 
    _top:0px; 
    _left:0px;
    z-index:20;
    _width:1px; 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.volkshuisvesting.nl/images/foto_sjabloon.png', sizing='scale');
    }

html>body .sjabloon
{
width:235;
height:560;
    background:transparent url(http://www.volkshuisvesting.nl/images/foto_sjabloon.png) no-repeat;
    }

/* Tabel voor de contact*/
.tbl_content_contact
{
	width: 649px;
	height: 473px;
	border: 0px;
	padding: 0px 0px 0px 18px;
	margin: 0px;
}
/* Tabel voor de content op index pagina */
.tbl_content_index
{
	width: 749px;
	height: 433px;
	border: 0px;
	padding: 0px 0px 0px 18px;
	margin: 0px;
}
/* Td voor de maat van het Menu links */
.td_menu
{
	width: 235px;
	height: 588px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	padding: 00px 15px 0px 15px;
}
/* Td voor de maat van de bovenkant */
.td_top
{
	width: 749px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: right;
}
/* Td voor de maat van de content Titel */
.td_title
{
	width: 564px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 10px;
}
/* Td voor de maat van de content binnen content.asp */
.td_content
{
	width: 564px;
	height: 423px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: justify;
	padding-top: 10px;
	padding-right: 50px;
	padding-left: 10px;
}
/* Td voor de maat van de image rechts */
.td_image
{
	width: 185px;
	height: 473px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: right;
}
/* Td voor de Top menu items */
.td_top_link
{
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
/* Div's met images / title op Index pagina */
/* Div met title */
#div_title_index
{
	width: auto;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 125px;
	left: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FF9900;
}
/* Eerste Div met kleinste image */
#div_beeld_index01
{
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 214px;
	left: 500px;
	/*background-image: url(../images/beeld_index01.jpg); */
	background-image: url(../images/kid.jpg); 
	background-repeat: no-repeat;
}
/* Tweede Div met middelste image + Text midden onder */
#div_beeld_index02
{
	width: 208px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 320px;
	left: 348px;
	padding-top: 95px;
	/*background-image: url(../images/beeld_index05.gif);*/
	background-image: url(../images/suikerspin.jpg);
	background-repeat: no-repeat;
	vertical-align: bottom;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}
/* Div in Menu Left voor Project v/d Week */
#div_beeld_project
{
	width: 150px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	padding: 95px 0px 0px 0px;
	vertical-align: bottom;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #213780;
}
/* Tweede Div met middelste image */
#div_beeld_index03
{
	width: 350px;
	height: 350px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 212px;
	left: 625px;
	background-repeat: no-repeat;
	background-image: url(../images/beeld_index03.jpg);


}
#div_video
{
	width: 350px;
	height: 350px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 212px;
	left: 625px;
	background-repeat: no-repeat;
	
}
/* =============== </ 1. Opbouw van Site > ===============*/

/* =============== < 2. Style van Font, Links en Images > ========*/
.img_content
{
	width: 185px;
	height: 434px;
	border: 0px;
}
/* Style voor kleine menu items onderin het menu */
.menu_button
{
	width: 100px;
	height: 100px;
	border: 0px;
}
.span_subtitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	font-weight:bold;
}
.span_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF9900;
	font-weight:bold;
}
.span_content
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0A246A;
}
.span_content p
{
	padding-right:15px;
}
/* Link Style voor links in Top */
a.top_link:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #21377F;
	text-decoration: none;
	letter-spacing: 1px;
}
a.top_link:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #21377F;
	text-decoration: none;
	letter-spacing: 1px;
}
a.top_link:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #21377F;
	text-decoration: none;
	letter-spacing: 1px;
}
a.top_link:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
}
/* Style voor meer Info knop op Index */
a.meer_info:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #213780;
	text-decoration: underline;
}
a.meer_info:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #213780;
	text-decoration: underline;
}
a.meer_info:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #213780;
	text-decoration: underline;
}
a.meer_info:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #213780;
	text-decoration: underline;
}

/* Style voor Menu items Links */
a.menu_links:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #213780;
	text-decoration: none;
}
a.menu_links:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #213780;
	text-decoration: none;
}
a.menu_links:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #213780;
	text-decoration: none;
}
a.menu_links:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #da8d01;
	text-decoration: none;
}
/* =============== </ 2. Style van Font en Links > ========*/

/* =============== < 3. Style voor contact formulier > ====*/
/* td voor omschrijving van input */
.td_omschrijving
{
	width: 200px;
	padding: 0px;
	padding-top: 3px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
	
}
/* td voor kleinere input fields */
.td_input_klein
{
	width: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}
/* td voor grotere input fields */
.td_input_groot
{
	width: 400px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}
/* td voor verplichte velden */
.td_verplicht
{
	width: auto;
	padding: 0px;
	padding-top: 5px;
	margin: 0px;
	border: 0px;
	vertical-align: top;
}
/* Style van kleinere input field */
.input_klein
{
	width: 185px;
	height: 20px;
	border: 1px solid #DA8D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #213780;
}
/* Style van grotere input field */
.input_groot
{
	width: 385px;
	height: 20px;
	border: 1px solid #DA8D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #213780;
}
/* Style van multiple select box */
.input_5
{
	width: 156px;
	height: 75px;
	border: 1px solid #DA8D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #213780;
}
/*reageer op een woning pagina */
.input_contactform
{
	width:				350px;
	height:				20px;
	margin:				3px 3px 13px 3px;
	border: 1px solid #DA8D00;
	border-width:		1px;
	border-style:		solid;
}
/* Style van text area */
.textarea
{
	width: 385px;
	height: 100px;
	border: 1px solid #DA8D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #213780;
}
/* Span voor verplichte velden */
.verplicht
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
/* style van verstuurd knop */
.knop
{
	width: 185px;
	height: 20px;
	border: 1px solid #DA8D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #213780;
	background-color: #FFFFFF;
}

/* ======== Style voor zoekresultaten ========== */
a.zoekresult:active
{
	font-family: Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #213780;
}
a.zoekresult:link
{
	font-family: Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #213780;
}
a.zoekresult:visited
{
	font-family: Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #213780;
}
a.zoekresult:hover
{
	font-family: Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #DA8D00;
}
/* Algemene links */
a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF9900;
	font-weight: bold;
}
a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF9900;
	font-weight: bold;
}
a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FF9900;
	font-weight: bold;
}
a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
/*======== kluswijzers ===*/

/*link style voor de de streaming pages*/
a.stream:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #274675;
	z-index:1;
}
a.stream:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #274675;
	z-index:1;
}
a.stream:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #274675;
	z-index:1;
}
a.stream:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
	z-index:1;
}
/* klusenwijzer pagina */

.td_klus_balk
{
	background-color: #CDD5DF;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 3px;
}
/* titel wit */
.td_klus_balk_1
{
	background-color: transparent;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 3px;
}
.td_klus_balk_sub
{
	background-color: #CDD5DF;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 8px;
}
/* titel wit */
.td_klus_balk_1_sub
{
	background-color: transparent;
	width: 300px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #274675;
	padding-left: 8px;
}
/* klustitel*/
.td_klus_title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #E9000A;
}

/* klussubtitel*/
.td_klus_subtitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	text-transform: uppercase;
	color: #274675;
	background-color: #CDD5DF;
	padding-left: 3px;
}

/*grootte voor de reactie box in de woon enquete pagina*/
.td_reactie
{
	width: 450px;
	height: 70px;
	border: 1px solid #DA8D00;
}