@import "/assets/templates/e-Welfare/back/layout.css";
/*@import "http://www.e-welfare.nl/assets/templates/e-Welfare/back/layout.css";*/

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

body{
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;
}

div.intro{
color: #636466;
font-style:italic;
}

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;
}

a:link{
text-decoration: none;
color: #00a4e3;
}

a:visited{
text-decoration: none;
color: #00a4e3;
}

a:hover{
text-decoration: none;
color: #572b6f;
}

a:active{
text-decoration: none;
color: #000000;
}

ul{
list-style-type: none;
}

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

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;
color: black;
}

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

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;
color: #00A4E3;
}

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

div.boxsub{
display: inline;
}

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

li ul.highlight{
margin: 50%;
}

ul.rightmenu{
display: inline;
margin: 0px;
padding: 0px;
}

ul.rightmenu li.rightmenu{
margin: 0px;
padding: 0px;
display: inline;
}

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#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#accountbox{
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/account.png") no-repeat scroll top left;
}

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

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

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

/*div#poweredby{
clear: both;
float: left;
margin: 90px 0px 0px 0px;
width: 250px;
}

div#poweredby{
float: left;
margin: 90px 0px 0px 0px;
height: 20px;
width: 1016px;
margin-left: auto;
margin-right: auto;
clear: both;
}*/

div#poweredby *{
float: right;
display: inline;
margin-right: 20px;
border: 0px;
padding: 0px;
}

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

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

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

div#links{
float: right;
width: 235px;
height: 419px;
background: transparent url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/links.png") no-repeat scroll top left;
padding: 0px;
margin: 5px 0px;
overflow: hidden;
}

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

div#homebox{
margin-top: 56px;
}

div.submenu{
min-height: 300px;
border-bottom: 1px solid #f0f0f0;
height: 300px;
}

li.alternaterow{
position: relative;
left: 20px;
}

img.headerclass{
height: 11px;
width: 11px;
background: transparent;
}

.headerclass:hover{
color: #572b6f;
cursor: pointer;
}

div.col1 ul{
list-style:disc outside url("http://www.e-welfare.nl/assets/templates/e-Welfare/images/listitem.png");
}

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

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: #fdfdfd;
}

span.more a{
color: #572b6f;
}

span.more a:link{
text-decoration: none;
color: #572b6f;
}

span.more a:visited{
text-decoration: none;
color: #572b6f;
}

span.more a:hover{
text-decoration: none;
color: #00a4e3;
}

span.more a:active{
text-decoration: none;
color: #00a4e3;
}

a.morelink:link{
text-decoration: none;
color: #572b6f;
}

a.morelink:visited{
text-decoration: none;
color: #572b6f;
}

a.morelink:hover{
text-decoration: none;
color: #00a4e3;
}

a.morelink:active{
text-decoration: none;
color: #00a4e3;
}

img.morelink{
position: relative;
top: 4px;
}

ul.toptabs{
list-style-type: none;
margin: 0px;
padding: 0px;
}

div.toptabs{
background: transparent;
width: 520px;
height: 40px;
overflow: hidden;
display: block;
padding: 0px;
margin: 0px;
vertical-align: bottom;
}

div#toptabs{
background: transparent url('http://www.e-welfare.nl/assets/templates/e-Welfare/images/taboverlay.png') -1000px 50% no-repeat;
}

ul.toptabs li{
font: normal bold 1em verdana, helvetica, sans-serif;
display: inline;
float: left;
width: 90px;
height: 40px;
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: bottom;
position: relative;
}

ul.toptabs li a, 
ul.toptabs li span{
display: block;
margin-top: -20px;
padding-top: 35px;
height: 100%;
width: 100%;
}

ul.toptabs li.active span{
background: transparent url('http://www.e-welfare.nl/assets/templates/e-Welfare/images/taboverlay.png') 0px 20px no-repeat;
}

td.astobal_headerbgcolorsub{
color: #572b6f;
font-weight: bold;
}

td.astobal_headerblack{
color: #572b6f;
}

td{
margin-top: 2px;
margin-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
}

table{
width: 100%;
}

/*td:first-child{
border-bottom: 1px solid #00a4e3;
}*/

input, select{
display: block;
}

td.astobal_headerbgcolor{
height: 20px;
color: #00a4e3;
font-size: 14px;
}

.errormsg_12c{
color: red;
font-size: 12px;
font-weight: bold;
}