/* Start of CMSMS style sheet 'index' */
/*Gazelle award*/
	
#gazelle {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	height: 113px;
	min-height: 113px;
	max-height: 113px;
	overflow: hidden;
	border: solid 1px #9bb0c5;
	background-image: url(images/index/gazelle.jpg);
}

.image-index2 {
	width: 140px;
	height: 91px;
	float: left;
}

.link-index2 {
	display: block; 
	width: 	140px; 
	height: 91px;
}


/*Algemeen*/

.titel-index {
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-top: 2px;
}

.image-index {
	width: 140px;
	height: 118px;
	float: left;
}

.link-index {
	display: block; 
	width: 	140px; 
	height: 118px;
}

.content-index {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	width: 440px;
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	overflow: hidden;
	float: left;
}

/*SNS Regio Bank*/
	
#snsregiobank {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	height: 140px;
	min-height: 140px;
	max-height: 140px;
	overflow: hidden;
	border: solid 1px #9bb0c5;
	background-image: url(images/index/achtergrond-sns.jpg);
}

#login-sns {
  position:absolute; 
  margin: 0px; 
  padding: 0px;
	height: 17px;
	width: 110px;
	text-indent: 3px;
	min-height: 17px;
	max-height: 17px;
	border: solid 1px #bfc7d6;
	background-image: url(images/index/login-sns.png);
	background-repeat: repeat-x;
}

#login-sns:hover {
	border: solid 1px #7f8fad;
}


#input-sns {
	text-indent: 3px;
  width: 105px;
	min-height: 17px;
	max-height: 17px;
	border: 0px;
	background-color: transparent;
	font-family: arial;
	font-size: 10px;
	color: #454545;
}

#loginkey-sns {
  position:relative;
  left: 115px;
  margin: 0px; 
  padding: 0px;
	border: 0px;
	height: 19px;
	width: 77px;
	background-image: url(images/index/loginkey-sns.png);
	background-position: 0 0;
	cursor: hand;
}

#loginkey-sns:hover {
	background-position: 0 -18px;
}

#buttons-sns {
	width: 127px;
	height: 18px;
	max-height: 18px;
	min-height: 18px;
	float: right;
}

a#informatie-sns {
  display: block;
  width: 127px;
  height: 18px;
  background-image: url(images/index/informatie-sns.png);
  background-position: 0 0;
}
a#informatie-sns:hover {
  background-position: 0 -18px;
}
  
#form-sns {
margin-top: 4px;
}

/*Particulieren*/

#particulier {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	height: 140px;
	min-height: 140px;
	max-height: 140px;
	overflow: hidden;
	border: solid 1px #9bb0c5;
	background-image: url(images/index/achtergrond-particulier.jpg);
}

#buttons-particulier {
	width: 263px;
	max-width: 260px;	
	height: 18px;
	max-height: 18px;
	min-height: 18px;
	float: right;
	overflow: hidden;
}

a#informatie-particulier {
	  position: relative;
	  margin-left: 133px;
    display: block;
    width: 127px;
    height: 18px;
    background-image: url(images/index/informatie-particulier.png);
    background-position: 0 0;
}
a#informatie-particulier:hover {
    background-position: 0 -18px;
  }
  
a#afsluiten-particulier {
	  float: left;
		right: 10px;
    display: block;
    width: 128px;
    height: 18px;
    background-image: url(images/index/afsluiten-particulier.png);
    background-position: 0 0;
}
a#afsluiten-particulier:hover {
    background-position: 0 -18px;
  }

/*Bedrijven*/

#bedrijven {
	width: 610px;
	min-width: 610px;
	max-width: 610px;
	height: 140px;
	min-height: 140px;
	max-height: 140px;
	overflow: hidden;
	border: solid 1px #9bb0c5;
	background-image: url(images/index/achtergrond-bedrijven.jpg);
}

a#informatie-bedrijf {
    display: block;
    width: 127px;
    height: 18px;
    background-image: url(images/index/informatie-bedrijf.png);
    background-position: 0 0;
}
a#informatie-bedrijf:hover {
    background-position: 0 -18px;
  }

#buttons-bedrijf {
	width: 127px;
	height: 18px;
	max-height: 18px;
	min-height: 18px;
	float: right;
}

h1 {
	color: #002d48;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

h2 {
	color: #ffffff;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

input:hover, input:focus, textarea:hover, select:hover, checkbox:hover {
background:#E2EBEB none repeat scroll 0 0;
border: 1px solid #4E6972;
}

input {
background:#F8FAFA none repeat scroll 0 0;
border:1px solid #ABC6DD;
font-size:1.1em;
margin-right:5px;
}
/* End of 'index' */

