body {	
	background: #cccccc url('/static/global/img/profiel/bg_profiel_x.jpg') 100px 0px repeat-x;
	border-top: 0px solid #000;
	color: #333;
  	font-size:80%;
        font-famliy: vedana, arial, sans-serif;
}
body {
	line-height: normal;
}
.all {
	position: relative;
	background: transparent url('/static/global/img/profiel/profiel_header_v2.jpg') top center no-repeat;
	height: 250px;
}
.wrapper {
	position: relative;
	background: transparent;
}
#wrapper_payoff {
	position: absolute;
	height: 400px;
	width: 100%;
}
.container {
	position: relative;
	z-index:10;
}
div.grid_12{
 background: transparent url(/static/global/img/profiel/bg_bottom_streep.png) bottom left no-repeat;
}
.white {
       background:#fff;
}
h3, p, td{
	font-size:12px;
}

a {
	color: #a70620;
	outline: none;
}
ul {
 margin:0; 
 padding:0 25px;
}
li {
 padding:0 0px;

 list-style-type: disc;
}


/* **** payoff box login 1 **** */

.header {
 padding: 30px 0 0 0;
 height: 194px;
}
#wordlid {
 position: absolute;
 left: 400px; 
 top: 150px;
}
#payoff_text {
 margin-left:105px;
}
#inloggen_box h1{
 margin:0;
 font-size:15px;
 font-family: verdana, arial, sans-serif;
 color: #e03a3e;
 text-transform: uppercase;
 padding: 10px 25px 0 0px;
 text-align: right;
}
#inloggen_box h2{
 padding: 5px 0 0 10px;
}
#inloggen_box sub{
 padding: 0 0 0 25px;
 font-size: 10px;
}
#inloggen_box table {
 position: relative;    
 margin: 10px 5px 0 25px; 
 padding: 0 0 0 0px; 
}
input#f_email,
input#f_password,
#inloggen_box table input#form_email,
#inloggen_box table input#form_password,
#inloggen_box table input#email,
#inloggen_box table input#password,
#inloggen_box table input#form_password_check {
   margin: 1px 0 1px 0;
   width: 240px;
}
#inloggen_box table input#form_checkbox{
 border: 1px solid #000;
}
#inloggen_box table input.submit_inlog {
  margin: 0 0 0 160px;
}
#inloggen_box a#inloggen_wv,
#inloggen_box a.inloggen_i {
 position: absolute;
 font-size: 8px;
 margin: 10px 0 0 0;
 padding:0;
 color:#333;
 text-decoration: none;
}
#inloggen_box td#su {
 height: 40px;
}

.edit{
 margin:0;
 padding: 0px 0 0 15px;
 color: #000;
 text-decoration: none;
 font-size:10px;
}

/*Profiel */
.profiel {
 position: relative;
 height: 170px;
 overflow: hidden;
}
.profiel h1 {
 margin:0;
 padding: 15px 0 0 15px;
 font-size:16px;
}
.profiel h2 {
 margin:0;
 padding: 0 10px 0 20px;
 color: #666;
 font-size: 13px;
 font-weight: bold;
}
.profiel img{
 float:right;
 padding: 10px 10px 0 0; 
}

.profiel ul{
 display:block;
 margin: 0 0 0 0;
 bordeR: 0px solid #000;
}

.profiel #uitloggen {
 position: absolute;
 bottom:5px;
 right:0px;
 padding: 0 8px 0 0; 
}


/* BREADCRUMPS */

div#subnav {
 position: relative;
 text-align: left;
 margin: 0;
 padding:0;
 height: 28px;
 border: 0px solid #000;
}
div#subnav ul#breadcrumps li{
 position: relative;
 float: left;
 list-style-type: none;
}
div#subnav ul#breadcrumps li a{
 position: relative;
 float: left;
 margin: 0;
 color: #ccc;
 padding:8px 5px 6px 5px;
 font-weight: bold;
 font-size:10px;
 text-decoration: none;
 text-transform: uppercase;

}

h1.teaser{
 color: #fff;
 text-align: center;
}
.teaser2 h1, .teaser2 h2 {
 margin:0px;padding:15px 0 10px 0 ;
 text-align: center;
 color: #666666;
}
.teaser2 h2 {
 margin:0px;padding:0 0 15px 0;
 font-weight: normal;
}


.box {
 margin: 0 10px 0 10px;
 padding:0 0 48px 0;
 background: transparent url(/static/global/img/profiel/box_bottom_4.gif) bottom center no-repeat;
}
.box .inner{
 position: relative;
 margin:0;
 padding:10px 0 0 0;
 background: #f8f8f8;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
.box h1 {
 margin: 0; 
 padding: 13px 0 0 50px;
 color: #fff;
 border: 0px solid #f00;
 height:27px;
 background: transparent url(/static/global/img/profiel/box_head_4.gif) top center no-repeat;
}
.box p {
 padding-top:10px;
}

.grid_5 {
 background: transparent url(/static/global/img/profiel/box_bottom_5.gif) bottom center no-repeat;
}
.grid_5 .box {
 background: transparent url(/static/global/img/profiel/box_mid_5.gif) bottom center repeat;
 margin-bottom:35px;
}
.grid_5 .box h1{
  background: transparent url(/static/global/img/profiel/box_head_5.gif) top center no-repeat;
}

.grid_12_message h1 {
  padding: 13px 0 0 20px;
  margin: 10px 0 0 0;
  color: #000; 
  background: transparent url(/static/global/img/profiel/grid_12_message.gif) top center no-repeat;
}
.grid_12_message .box {
  margin:0;
  padding: 0 0 40px 0;
  background: transparent url(/static/global/img/profiel/grid_12_message.gif) bottom center no-repeat;
}
.grid_12_message .box .inner { 
 position: relative;
 padding: 0 10px 0 10px;
 margin: 0 10px 0 10px;
}
.submit {
 position: relative;
 float:right; 
}

/* ** SUBMENU ** */

ul#submenu {
 position:relative;
 margin: 10px 0 20px 10px;
 padding: 0;
 border: 0px solid #000;
}
ul#submenu li{
  position:relative;
  width: 140px;
  margin:0;
  padding:0;
  color: #fff;
  list-style-type: none;
  background: #e7e7e7 url(/static/global/img/profiel/submenu_bg.jpg) 0 -118px no-repeat;
  border: 0px solid #000;
}
ul#submenu li a {
  position:relative;
  margin:0;
  padding: 8px 0px 8px 8px;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
ul#submenu li.active {
   background-position: top left;
}
ul#submenu ul {
  position:relative;
  clear: all;
  margin:0; 
  padding:0 0 5px 0;
  background-image: none;
  background-color: #f5f5f5;
}
ul#submenu ul li{
  position:relative;
  clear: all;
  padding:0;
  margin:0;
  background-image: none;
}
ul#submenu ul li a {
  position:relative;
  margin: 0;
  padding: 5px 5px 0 0;
  display: block;
  height: 17px;
  text-align: right;
  text-transform: lowercase;
  color: #000;
  background: transparent url(/static/global/img/profiel/submenu_bg.jpg) 0px -32px no-repeat;
  border: 0px solid #360;
  text-decoration: none;
  font-size:10px;
}
ul#submenu ul li a:hover, ul#submenu ul li a.active{
  background-position: 0px -94px;
}
/* TABLE DESIGNN*/

fieldset {
  padding: 0 3px 5px 3px;
  margin: 0 0 25px 0;
  border: 1px solid #ccc;
  background: #fafafa;
}
legend {
 font-weight: bold;
 padding: 0 8px 0px 8px;
 color:#cc092f;
}
fieldset table th {
 font-weight: normal;
 text-align: right;
 width: 150px;
 padding: 0 10px 0 0;
}
fieldset table td input {
 width:200px;
 padding: 3px;
 margin: 1px;
}
.confirm {
 border: 5px solid #008000;
 background: #e8fcea;
}
.ledendag{
 border: 5px solid #015564;
 background: #03cbf0;
}

fieldset.confirm legend{
 color: #008000;
}
.radio {
 width:20px;
}
input.bday1, input.bday2, input#form_house_no, input#form_house_no_add  {
  width: 54px;
}

ul#categorie {
 position: relative;
 float:left;
 margin:0; padding:0;
}
ul#categorie li {
 position: relative;
 float:left;
 padding:0;
 margin:0;
 list-style-type: none;
}
ul#categorie li a{
 position: relative;
 float:left;
 padding: 3px 14px 3px 14px;
 margin: 0;
 text-decoration: none;
 background: #a70620;
 color: #fff;
 bordeR: 1px solid #a70620;
}
ul#categorie li a:hover, ul#categorie li a.active{
 background: transparent;
 bordeR: 1px solid #a70620;
 color: #a70620;
}

ul#antwoord  {
  position: relative;
}
ul#antwoord  li {
 padding: 3px 0 0px 0;
}
ul#antwoord  li a{
 color: #000;
 text-decoration: none;
}
ul#antwoord li a:hover{
 font-weight: normal;
 color: #a70620;
}
ul#antwoord li.active a {
 color: #a70620;
 font-weight: bold;
}
ul#antwoord li.active  {
 padding: 5px;
 border: 1px solid #ccc;

}


/* FOOTER NAV */
#footer {
	position: relative;
	float:left;
	color: #fff;
	margin:  00px 0 0 0;
	padding: 18px 0 10px 0;
        height: 290px;
        border: 0px solid #fff;
	background: #424242 url('http://developer.bnn.nl/static/global/img/footer_bg.jpg') 0px 0px no-repeat;
	width:960px;
}
#footer ul.site {
	position: absolute;
	bottom: 6px; right: 5px;
	margin: 0px;
	padding: 5px 3px 5px 15px ;
}
#footer ul.site li{
	float: left;
	color: #fff;
	list-style-type: none;
}
#footer ul.site li a{
	padding: 4px 8px 4px 8px;
	color: #fff;
	text-decoration: none;
}
#footer ul.site li a:hover{
	color: #fff;
	text-decoration: underline;
	background: transparent;
}