@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 #011a36; 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: #122f50; text-decoration: underline; font-size: 11px; }
#container a:hover { color: #122f50; text-decoration: none; }

#container #header { width: 966px; height: 55px; 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: 55px; }
#container #header #header_links { width: 127px; background: url(images/header_logo_repay.gif) no-repeat left top;}
#container #header #header_midden { width: 574px; text-align:right; padding:13px 13px 0 0; background: url(images/header_logo_rechts.gif) no-repeat right top}
#container #header #header_rechts { width: 172px; padding: 0 0 0 22px;}
#container #header #header_lang_icons { width: 36px; height: 11px; float: right; margin: 11px 13px 0 0;}
#container #header #header_lang_icons .lang_icon { width: 16px; height: 11px; display: block; background: url(images/lang_icons.png); float: left;}
#container #header #header_lang_icons .lang_icon.icon_en { float: right; background-position: -16px 0;}


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

#container #banner { margin: 20px 42px 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: #a9a3a8 solid 1px; }
#container #content_news h1 { font-size: 14px; font-weight:bold; }
#container #news h3 { font-size: 12px; padding: 0 0 5px 0; font-weight:bold; }
#container #news h2 { font-size: 12px; padding: 0 0 17px 0; font-weight:bold; }
#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; }
h1 {font-size:45px; font-weight:normal;}
h2 {font-size:18px; font-weight:normal;}

#home_left {float:left; width:525px; margin:0 0 0 41px; padding:0 25px 0 0;}
#home_right {float:right; width:282px; padding:0 0 0 38px; margin:0 40px 0 0; border-left:#a9a3a8 solid 1px;}

#container a.greenlabel{ background-color: #122f50; color: #FFFFFF; padding: 1px 10px 1px 10px; text-decoration: underline;}
#container a.greenlabel:hover { text-decoration: none;}
#container a.greenlabel_big { font-size: 12px; height:7px; background: #122f50 url(images/a_round_arrow.gif) no-repeat right; color: #FFFFFF; padding: 2px 20px 4px 7px; text-decoration: underline;}
#container 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;  font-weight:bold; }
#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: #a9a3a8 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: #122f50; }
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: #122f50; 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: #122f50; 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); }

h2.partner {font-size:22px; color:#000; font-weight:normal;}


/* home banner */

.homebanner {
	position:relative;
	margin: 0 -1px;
	overflow: hidden;
	height:388px;
}
.homebanner .item {
	float: left;
	position: relative;
	width: 296px;
	height: 194px;
}
.homebanner .itemlast {
	float: left;
	position: relative;
	width: 296px;
	height: 194px;
	margin:0 0 2px 0;
}
.homebanner .item img, .homebanner .itemlast img {
	display: block;
}
.homebanner .item .description, .homebanner .itemlast .description {
	position: absolute;
	width: 294px;
	height: 194px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.homebanner .item:hover .description, .homebanner .itemlast:hover .description {
	display: block;
}
.homebanner .item .description .container, .homebanner .itemlast .description .container {
	position: absolute;
	z-index: 3;
	width: 220px;
	height: 150px;
	padding: 22px 50px;
}
.homebanner .item .description h3, .homebanner .itemlast .description h3 {
	font-size: 13px;
	font-weight:bold;
	letter-spacing: 0;
	color:#122f50;
}
.homebanner .item .description .more, .homebanner .itemlast .description .more {
	position: absolute;
	width: 296px;
	height: 194px;
	left: 0;
	top: 0;
	z-index: 4;
	display: block;
}
.homebanner .item .description .more span, .homebanner .itemlast .description .more span {
	font-size: 12px;
	letter-spacing: 0;
	color:#fff;
	position: absolute;
	bottom: 1px;
	right: 1px;
	background: #122f50 url(images/a_round_arrow.gif) no-repeat right;
	padding: 2px 20px 4px 7px;
	text-decoration:underline;
}
.homebanner .item .between, .homebanner .itemlast .between {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 222px;
	height: 194px;
}
#climacount {background: #FFF url(../images/banner/home_climacount_over.jpg) no-repeat; width:296px;}
#co2 {background: #FFF url(../images/banner/home_co2_over.jpg) no-repeat; width:296px;}
#xximo {background: #FFF url(../images/banner/home_xximo_over.jpg) no-repeat; width:296px;}
#visagreencard {background: #FFF url(../images/banner/home_visagreencard_over.jpg) no-repeat; width:296px;}
#greenbookings {background: #FFF url(../images/banner/home_greenbookings_over.jpg) no-repeat; width:296px;}
#smartprepaysystems {background: #FFF url(../images/banner/home_smartprepaysystems_over.jpg) no-repeat; width:296px;}
#prepaymarketing {background: #FFF url(../images/banner/home_prepaymarketing_over.jpg) no-repeat; width:296px;}

#services {clear:both; display:block;}
#services #logo {float:left; width:150px; margin:0 0 15px 0;}
#services #brand {float:right; width:378px; margin:0 0 15px 0;}