@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Neuton';
  font-style: normal;
  font-weight: normal;
  src: local('Neuton'), url('../fonts/lettertype.TTF') format('truetype');
}


*{margin:0; padding:0; outline:none;}
body{background:url(../images/header.jpg) repeat-x}
a img{border:0}
div.float{float:right;  width: 400px; }

div#header{width:1060px; margin:0px auto; background:url(../images/tekeningen.gif) top right no-repeat; height:106px}
div#header div#intro{float:left; width:367px; height:88px; background:url(../images/intro.gif); }
div#header div#intro p#title {color:#FFFFFF; font-family:'Neuton'; font-size:30px; margin:30px 0px 0px 40px; font-weight:100; }
div#header div#intro p#title a{color:#FFFFFF; text-decoration: none}
div#header div#intro p#title span{color:#f7f0e2}
div#header div#intro p#subtitle{color:#bdab9b; font-family:'Arial'; font-size:12px;  margin-left:150px; padding:0;}

div#content{margin:0px auto; width:950px; background:#FFFFFF url(../images/contentBox.jpg) top no-repeat; min-height:200px;}
div#content div#leftBox{width: 692px; float:left}
div#content div#leftBox h1, div#content div#leftBox h2{color:#bc0000; font-family:'Arial'; font-size:24px; margin:15px;}
div#content div#leftBox div#error{color:#FF3300; margin: 15px; font-weight: bold;}
div#content div#leftBox p, div#content div#leftBox table.pad tr td, div#content div#leftBox ul li, div#content div#leftBox ol li{color:#824e03; font-family:'Arial'; font-size:12px; margin:15px;}
div#content div#leftBox table tr td{padding-left: 15px;}
div#content div#leftBox p a img{border: 0; margin-right: 10px}
div#content div#leftBox p a {color:#824e03; text-decoration: underline;}
div#content div#leftBox p a:hover{text-decoration: underline;}
div#content div#leftBox p.payment{background:#EEEEEE; padding:15px;}
div#content div#leftBox ul#listPoems{list-style: none;  margin-left: 35px}
div#content div#leftBox ul#listPoems li a{text-decoration: none; color: #BC0000;}
div#content div#leftBox ul#listPoems li a:hover{text-decoration: underline;}
div#content div#leftBox p.payment span.small{font-size:11px;}
div#content div#leftBox p.payment input{padding:3px; border: 1px solid #824e03; margin:0px 10px;}
div#content div#leftBox input#paymentButton{background:url(../images/download-gedichten.jpg); width:501px; height:49px; border:0px; float: right; margin-right: 15px}
div#content div#leftBox h2.small{font-size: 16px; margin: 0px 0px -10px 15px;}

div#content div#leftBox div#inviteBox img{float:left; margin-right: 15px}
div#content div#leftBox div#inviteBox img.loader{vertical-align: middle; float: inherit}
div#content div#leftBox div#inviteBox p{font-size:14px}
div#content div#leftBox div#inviteBox{padding:10px; margin: 0px 15px; border:1px solid #824e03; background:#EEEEEE; width:350px; float: right}
div#content div#leftBox div#inviteBox span{cursor: pointer;}
div#content div#leftBox div#inviteBox span:hover{text-decoration: underline}
div#content div#leftBox div#inviteBox table tr td{font-family:'Arial'; font-size:12px;}
div#content div#leftBox ul#steps{list-style:none; }
div#content div#leftBox ul#steps li{display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background:#650000 ; height:47px; color:#FFFFFF; font-family:'Arial'; font-size:18px; margin-right:15px; padding:0px 30px; line-height:47px; max-height:47px; cursor:pointer;margin: 15px;}
div#content div#leftBox ul#steps li.active{background:#c01010}
div#content div#leftBox ul#steps li span{font-size:14px;}

table#ssendPoem{ color:#824e03; font-family:'Arial'; font-size:12px; margin:15px;}
table#ssendPoem tr{ }
table#ssendPoem tr td{margin-right: 55px; margin-bottom: 10px; padding: 10px 15px 0px 0px  }
table#ssendPoem tr td input, table#sendPoem tr td textarea{width: 380px; padding: 2px;}
table#ssendPoem tr td textarea{height: 420px; padding: 0; width: 383px}
table#ssendPoem tr td input#submit{background:url(../images/stuur-gedicht.jpg); height:38px; width:219px; display:block; color:#FFFFFF; text-decoration:none; text-align:center; line-height:38px; font-family:'Arial'; font-weight:bold; font-size:14px}
div#content div#leftBox div#stepBox{background:#c01010; width:666px; margin:-30px 15px; padding-bottom:15px}
div#content div#leftBox div#stepBox p.title{color:#FFFFFF; font-size:20px; font-family:'Arial'; padding-top:20px; border-bottom:1px solid #d95353; padding-bottom:10px;}
div#content div#leftBox div#stepBox p.error{display: none; color: #FF3300; background: #FFFFFF; padding:10px; font-weight: bold}
div#content div#leftBox ul{margin-left: 15px}
div#content div#leftBox ul li{margin:0 15px; }
div#content div#leftBox ul li p{margin: 0}

div#content div#leftBox div#stepBox select {padding: 3px ; border: 0px; width: 57px; margin-left:10px}
div#content div#leftBox div#stepBox span#dateBox{float:right; margin-right: 30px}
div#content div#leftBox div#stepBox tr{height:40px;}
div#content div#leftBox div#stepBox tr td.text{color:#FFFFFF; font-family:'Arial'; font-size:12px;}
div#content div#leftBox div#stepBox tr td input{color:#c01010; padding:5px; border:1px solid #c01010;  width:175px; margin:0px 10px;}
div#content div#leftBox div#stepBox tr td input#step2Button{background:url(../images/step2.jpg); height:41px; width:166px; text-indent:-999px; outline:none}
div#content div#leftBox div#stepBox tr td input#addButton{background:url(../images/add.jpg) no-repeat; height:41px; width:166px; text-indent:-999px; outline:none}

div#content div#leftBox div#stepBox tr td.small{font-size:11px; color:#FFFFFF; font-family:'Arial'; }

div#content div#leftBox div#stepBox div#step2{display:none; color:#FFFFFF; font-family:'Arial'; font-size:12px; padding: 5px; margin:13px 0 0 0 }
div#content div#leftBox div#stepBox div#step2 input#m, div#content div#leftBox div#stepBox div#step2 input#v{width:20px;}
div#content div#leftBox div#stepBox div#step2 select, div#content div#leftBox div#stepBox div#step3 input{padding:5px; margin:0px 10px; }
div#content div#leftBox div#stepBox div#step2 select{width:auto}
div#content div#leftBox div#stepBox div#step2 input{color:#c01010; padding:5px; border:1px solid #650000; }
div#content div#leftBox div#stepBox div#step2 div.laststep{text-align:center}
div#content div#leftBox div#stepBox div#step2 div.laststep span.line{border-bottom:1px solid #bdab9b; margin:20px 15px; display:block}
div#content div#leftBox div#lastBox{background:#fee3e3; margin:15px 15px 0px 15px; text-align:left; padding:10px }
div#content div#leftBox div#lastBox p.finalTitle{color:#650000; font-family:'Arial'; font-size:20px; font-weight:bold}
div#content div#leftBox div#lastBox table{margin-left:15px;}
div#content div#leftBox div#lastBox table tr td input{width:inherit; width:170px; margin-right:10px}
div#content div#leftBox div#lastBox table tr td input.normal{width:inherit; margin-right:inherit}
div#content div#leftBox div#lastBox table tr td select{border:1px solid #650000; }
div#content div#leftBox div#lastBox table tr td span{font-weight:normal; }
div#content div#leftBox div#lastBox table tr td{color:#650000; font-weight:bold; padding:inherit}
div#content div#leftBox div#lastBox table tr td a{color:#650000; text-decoration:underline}
div#content div#leftBox div#lastBox table tr td a:hover{text-decoration:underline}
div#content div#leftBox div#lastBox table tr td input#sendButton{background:url(../images/download-gedichten.jpg) no-repeat; width:501px; height:49px; border:0px;}
fieldset{border:0;}
div#content div#leftBox div#floatRight{float:right}
div#content div#leftBox div#floatRight a img{border: 0;}


div#content div#rightBox{padding:18px; float:left; background:#FFEEEE; margin-top:10px; height:auto; color:#824e03;  font-family: 'Arial'; font-size: 13px;}
div#content div#rightBox div.splitter{background:url(../images/splitter.jpg)no-repeat; height:4px; margin:15px 0px; width:220px;  }
div#content div#rightBox a img{border:0}
div#content div#rightBox p{width:220px; margin:10px 0px;}
div#content div#rightBox p.red{color:#bc0000; font-family:'Arial'; font-weight:bold; font-size: 14px}
div#content div#rightBox ul{ list-style:none; list-style-image:url(../images/vinkje.jpg); margin-left:20px;  }
div#content div#rightBox a#sendPoem{background:url(../images/stuur-gedicht.jpg); height:38px; width:219px; display:block; color:#FFFFFF; text-decoration:none; text-align:center; line-height:38px; font-family:'Arial'; font-weight:bold; font-size:14px}
div#content div#rightBox a#readPoem{background:url(../images/lees-gedichten.jpg); height:39px; width:219px; display:block; color:#FFFFFF; text-decoration:none; text-align:center; line-height:39px; font-family:'Arial'; font-weight:bold; font-size:14px; margin-top:20px;}
div.clear{clear:both}
div#content div#rightBox ul li{font-weight:bold; margin:4px 0px;}
div#content div.hr{height:1px; background:#FFBBBB; margin:15px 4px 15px 15px; border:0}
div#content div#footer {color:#824e03; padding:0px 15px 15px 15px; font-family: 'Arial'; font-size: 12px;}
div#content div#footer a{color:#824e03; text-decoration:none}
div#content div#footer a:hover{text-decoration:underline}
div#content div#footer span{float:right}
div#content div#leftBox h2{margin-top:50px; font-size:20px; }