@charset "utf-8";

/* CSS Document www.repay-international.com
	CSS: Leonie van Schagen
	E-mail: leonie.van.schagen@isaac.nl
	Url: www.isaac.nl
*/

* { margin: 0; padding:	0;}

body { background: url(images/body_bg.jpg) repeat-x top #81a238; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#container { margin: 0px auto; width: 970px; background: url(images/container_bg.gif) repeat-y left; text-align: left; height: 100%;  min-height: 100%; }

#container a { color: #587625; text-decoration: underline; font-size: 11px; }
#container a:hover { color: #587625; text-decoration: none; }

#container #header { width: 966px; height: 44px; background: url(images/header_bg.jpg) repeat-x left; margin: 0 2px;}
#container #header #header_links, #container #header #header_midden, #container #header #header_rechts { float: left; height: 44px; }
#container #header #header_links { width: 127px; background: url(images/header_logo_repay.gif) no-repeat left top;} 
#container #header #header_midden { width: 651px; } 
#container #header #header_rechts { width: 188px; background: url(images/header_logo_rechts.gif) no-repeat left top;} 

#container #menu { margin: 26px 42px 12px 42px; height: 29px; background: url(images/menu_bg_hr.gif) repeat-x; }

#container #banner { margin: 20px 42px; } 

#container #news, #container #content, #container #content_news, #container #right { float: left; display:inline; }
#container #content.green { background-color: #587625; }

/* news include at the left */
#container #news { margin: 0 0 0 42px; width: 139px; padding-right: 31px; border-right: #81a238 solid 1px; }
#container #news h1 { font-size: 12px; padding: 0 0 5px 0; }
#container #news h2 { font-size: 12px; padding: 0 0 17px 0; }
#container #news img { padding: 0 0 5px 0;}
#container #news a { text-decoration: underline;}
#container #news a:hover { text-decoration: none;}
#container #news p { padding: 0 0 25px 0; }

#container #content { width: 528px; padding: 0 15px; }
#container #content h1, #container #content_news h1 { font-size: 14px; }
#container #content a.greenlabel, #container #content_news a.greenlabel { background-color: #587625; color: #FFFFFF; padding: 1px 10px 1px 10px; text-decoration: underline;}
#container #content a.greenlabel:hover, #container #content_news a.greenlabel:hover { text-decoration: none;}
#container #content a.greenlabel_big { font-size: 14px; background-color: #587625; color: #FFFFFF; padding: 7px 10px; text-decoration: underline;}
#container #content a.greenlabel_big:hover { text-decoration: none;}
#container #content p, #container #content_news p { line-height: 17px; }

#container #content_news { margin: 0 0 0 42px; width: 713px; padding: 0 15px 0 0; }
#container #content_news h2 { font-size: 28px; }
#container #content_news p.more_headlines a { background: url(images/ul_grey.gif) left center no-repeat; font-size: 11px; padding: 0 0 0 15px; font-weight: bold; }

#container #content p.visitwebsite, #container #content_news p.readmore { clear:both; text-align:right; }

#container #right { width: 131px; padding: 0 0 0 14px; border-left: #81a238 solid 1px; }

#container #footer { width: 970px; clear: both; text-align: center; margin: 15px 0px 0px 0px; color: #b2b2b2; }
#container #footer a { color: #b2b2b2; text-decoration: underline; }
#container #footer a:hover { text-decoration: none; }

img.right { padding: 0 0 15px 20px; }
img.left { padding: 0 20px 15px 0; }

ul.grey li { list-style: url(images/ul_grey.gif); }

a.pdf { background: url(images/pdf_icon.jpg) left center no-repeat; padding: 10px 0 10px 40px; height: 10px; }

/* forms */
label { display: block; float: left; padding: 5px; margin: 0 4px 4px 0; color: #FFFFFF; background-color: #587625; }
label.contact { width: 45px; }
label.radio { display: block; float: left; padding: 5px 0 5px 0; margin: 0 4px 4px 0; color: #000000; background-color: #FFFFFF; }
input { display: block; float: left; margin: 0 4px 0 0; }
input.button { background-color: #587625; padding: 4px 20px; color: #FFFFFF; border: none; font-weight: bold; cursor: pointer; text-decoration: underline;}
select { display: block; float:left; margin: 0 4px 0  0; }
textarea.contact { width: 460px; }
textarea.career { width: 490px; }
br { clear: left; }

/* thankyou page */
#career_thankyou { background: url(../images/title/careers_thankyou.gif) top center no-repeat; width: 386px; height: 101px; margin: 130px auto 30px auto; padding: 130px 40px 0 40px; }
#contact_thankyou { background: url(../images/title/contact_thankyou.gif) top center no-repeat; width: 386px; height: 101px; margin: 130px auto 30px auto; padding: 130px 40px 0 40px; }
#go { background-color: #587625; height: 20px; width: 155px; text-align:center; padding: 5px 10px; margin: 0 auto; }
#climacount { width: 426px; margin: 0 auto 30px auto; color: #acbb92; }
#climacount a { color: #acbb92; }
#climacount a:hover { color: #acbb92; text-decoration: none; }

/*error page */
#error { background: url(../images/title/error.gif) top center no-repeat; width: 386px; height: 121px; margin: 130px auto 130px auto; padding: 110px 40px 0 40px; }

/* PROGRAMS 1 t/m 4 naast elkaar */

div#inhoud div#program1_1_4,
div#inhoud div#program2_2_4,
div#inhoud div#program3_3_4,
div#inhoud div#program4_4_4 {
	margin:	        	0;
	padding:	        0 0 25px 0;
	width:				141px;
	float:				left;
	display:			block;
}

div#inhoud div#program1_1_4 p,
div#inhoud div#program2_2_4 p,
div#inhoud div#program3_3_4 p,
div#inhoud div#program4_4_4 p {
	padding:            0 5px 10px 5px;
}

div#inhoud div#program1_1_4 p.image,
div#inhoud div#program2_2_4 p.image,
div#inhoud div#program3_3_4 p.image,
div#inhoud div#program4_4_4 p.image {
	margin:	        	0;
	padding:	        0;
	width:				141px;
}

ul#ulrepay { list-style-image:url(images/ul_repay.gif); }