/*algemeen*/
body {
font-size:100%;
/*font: 0.7em/0.95em verdana, helvetica, sans-serif;*/
font: 0.7em/1.2em verdana, helvetica, sans-serif;
color: #636466;
background: white url('http://www.e-welfare.nl/assets/templates/e-Welfare/images/bg.png') center 200px no-repeat fixed;
margin: 0;
padding: 0;
text-align: center;
}

h1, h2, h3, h4, h5, h6{
clear: both;
}

h1{
color: #00a4e3;
font-size: 18px;
}

h2{
color: #572b6f;
font-size: 14px;
}

h3{
color: #00a4e3;
font-size: 12px;
}

ul#weer{
list-style: none;
margin: 0px;
padding: 0px;
}

ul#weer *{
font-size: 9px;
color: black;
}

a{
text-decoration: none;
}

a:link{
color: #572B6F;
}

a:visited{
color: #572B6F;
}

a:hover{
color: #21AFE6;
}

a:active{
color: white;
}

img{
border: 0;
margin: 0;
padding: 0;
}

div.topbar ul li, div.topbar div{
display: inline;
float: right;
margin-right: 20px;
}

div.topbar ul.hormenu li:before {
content: "| ";
}

div.topbar ul.hormenu li {
font: 0.9em/1em bolder monospace, verdana, helvetica, sans-serif;
text-transform: uppercase;
margin-top: 2px;
margin-bottom: 2px;
}

div.topbar{
height: 20px;
width: 1016px;
margin-left: auto;
margin-right: auto;
clear: both;
}


div.container{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 820px;
max-width: 820px;
height: 664px;
overflow: visible;
}

div.box{
text-align: left;
display: block;
width: 250px;
position: relative;
margin: 5px;
padding: 0px;
float: left;
}

div.boxsub{
display: inline;
}

div.boxsub p{
color: black;
/*font: 0.9em/0.95em verdana, helvetica, sans-serif;*/
width: 135px;
margin-top: 0px;
}

div.boxsub > h3{
margin-bottom: 2px;
}

div.box div.boxsub span{
font-size: 0.9em;
font-weight: bold;
font-variant: small-caps;
color: black;
}

span.more{
color: #572b6f;
text-align: right;
position: relative;
left: 120px;
font-weight: bold;
}

/*span.more:after{
content: " -->";
font-weight: bold;
font-family: courier;
}*/

li ul.highlight{
margin: 50%;
}

ul.highlight li a:link{
  color: #21afe6;
}

ul.highlight li a:visited{
  color: #21afe6;
}

ul.highlight li a:hover{
  color: #572b6f;
}

ul.highlight li a:active{
  color: #572b6f;
}

ul.vertmenu2{
padding: 0px;
padding-left: 30px;
margin: 0px;
}

ul.vertmenu2 li{
	list-style-type: none;
	margin-top: -3px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-left: 0px;
	font: 1em verdana, helvetica, sans-serif;
	font-weight: bold;
}

ul.vertmenu2 li a:link{
	color: white;
	text-decoration: none;
}

ul.vertmenu2 li a:visited{
	color: white;
	text-decoration: none;
}

ul.vertmenu2 li a:hover{
	color: #00A4E3;
	text-decoration: none;
}

ul.vertmenu2 li a:active{
	color: #00A4E3;
	text-decoration: none;
}

.boxtitle a:link{
	color: #FAE1BE;
	text-decoration: none;
}

.boxtitle a:visited{
	color: #FAE1BE;
	text-decoration: none;
	}

.boxtitle a:hover{
	color: #00A4E3;
	text-decoration: none;
}

.boxtitle a:active{
	color: #00A4E3;
	text-decoration: none;
}


div#links a:link{
text-decoration: none;
color: #572B6F;
}
div#links a:visited{
text-decoration: none;
color: #572B6F;
}

div#links a:hover{
text-decoration: none;
color: #00A4E3;
}

div#links a:active{
text-decoration: none;
color: #00A4E3;
}


/*CSS: specifiek per ID*/
div#poweredby{
height: 20px;
width: 1016px;
margin-left: auto;
margin-right: auto;
clear: both;
}

div#poweredby *{
float: right;
margin-right: 20px;
}

div#loginbox{
width: 509px;
height: 333px;
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/login.png") no-repeat scroll top left;
display: block;
}

div#loginbox div#subloginbox{
width: 100%;
height: 100%;
padding: 110px 10px 10px 10px;

}

input#pinlogin{
position: absolute;
top: 192px;
left: 67px;
border: 0px;
width: 318px;
height: 30px;
text-align: center;
font-size: 20px;
font-weight: bold;
padding-top: 4px;
}

div#thuisfront{
width: 120px;
height: 233px;
margin-left: -50px;
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/thuisfront.png") no-repeat scroll top left;
position: relative;
top: 105px;
cursor: pointer;
}

div#thuisfront p{
width: 90px;
height: 96px;
margin: 10px 10px 0px 14px;
position: relative;
top: 84px;
left: 0px;
font-size: 9px;
}

div#highlight{
width: 205px;
height: 232px;
margin-right: 0px;
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/highlight.png") no-repeat scroll top left;
position: relative;
top: 100px;
}

ul.highlight{
padding: 4px;
margin: 10px;
}

ul.highlight > li {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
color: #00A4E3;
font: 1.2em verdana, helvetica, sans-serif;
}

div#links{
clear: left;
width: 237px;
height: 419px;
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/links.png") no-repeat scroll top left;
}

div#links ul li{
list-style-type: none;
position: relative;
left: -10px;
font-weight: bold;
}

div#internet, div#telefonie, div#radio, div#televisie{
width: 250px;
height: 113px;
}

div#internet{
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/internet.png") no-repeat scroll top left;
}
div#telefonie{
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/telefonie.png") no-repeat scroll top left;
}
div#radio{
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/radio.png") no-repeat scroll top left;
}
div#televisie{
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/televisie.png") no-repeat scroll top left;
}

div#news{
background: #c0c0c0;
width: 562px;
height: 176px;
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/news.png") no-repeat scroll top left;
margin-right: 0px;
}

div#news ul.columns {
list-style-type: none;
}

div#news ul.columns > li{
display: inline;
float: left;
width: 125px;
height: 130px;
padding: 0px 0px 0px 3px;
margin: 2px 0px 13px 0px;
position: relative;
top: -15px;
left: -20px;
}

div#news ul.columns > li * {
max-width: 120px;
}

div.boxsub h3 {
	color: #572b6f;
}

div#news ul.columns > li div.boxsub{
margin: 0px;
}

div#thuisfront p{
width: 90px;
height: 96px;
margin: 10px 10px 0px 14px;
position: relative;
top: 86px;
left: 0px;
}

h2.boxtitle{
margin-left: 10px;
position: relative;
left: 15px;
top: 2px;
color: #00A4E3;
}

h2.boxtitle_small{
margin: 10px 10px 20px 10px;
position: relative;
left: 2px;
top: 15px;
font: 1.2em verdana, helvetica, sans-serif;
/*font-stretch: expanded;*/
color: #00A4E3;
}

#saldoval{
padding-left: 10px;
padding-top: 5px;
margin-top: -10px;
margin-left: 2px;
margin-right: 0px;
color: #572b6f;
border-top: 1px solid #636466;
display: block;
width: 158px;
font-size: 90%;
}

#errorbox{
position: relative;
top: 30px;
width: 350px;
margin-left: 10%;
margin-right: 10%;
padding-top: 25px;
margin-bottom: 10px;
text-align: center;
color: red;
font-size: 150%;
font-weight: bold;
}