@charset "UTF-8";
/* CSS Document - Author: Adrie Mooi, e-mail: contact@adriemooi.nl - basic IE6 optimalisation */

/* css rule - height, width, float, posistion, z-index, margin, padding, background etc. */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* MAIN */
body{background:#009245 url(images/bg01.jpg) no-repeat center top; font-size:62.5%;}
#mainwrapper{width:840px; background:#FFF; margin:10px auto; padding:10px 20px 20px 20px;}
div{font-family:Trebuchet MS, Verdana, Arial; color: #333; text-decoration: none; word-spacing: -0.05em; text-align: left; letter-spacing: 0; line-height: 20px; font-size: 1.07em;}
a{color:#09D866; text-decoration:none;}
a:hover{color:#000;}

/* VARIOUS */
.clear{clear:both;}
.strong{font-weight:bold;}
h2, h3, h4, h5{margin:0 0 10px 0; font:1.6em Georgia, "Times New Roman", Times, serif; color:#000;}
.divider{height:1px; width:100%; border-bottom:dashed 1px #0d83c8; float:left;}
#container{height:420px;}
.hyves{margin:10px 0 0 0;}

/* COLUMNS */
.fullcolumn, .halfcolumn, .thirdcolumn, .twothirdcolumn, .quartercolumn{float:left; margin:10px 10px 0 10px; display:inline;}
.fullcolumn{width:820px;}
.halfcolumn{width:400px;}
.thirdcolumn{width:260px;}
.twothirdcolumn{width:540px;}
.quartercolumn{width:190px;}

/* HEADER */
.header{}
.kroegbelofte-logo{height:150px; width:156px; float:left; text-indent:-10000px; background:url(images/kroegbeloftes-logo.png) no-repeat top left;} 
.payoff{float:left;}

/* TWEETS */
.tweetframe{height:450px; width:620px; padding:100px; background:url(images/frame01.jpg) no-repeat top left;}

.tweetcolumn{height:130px; width:290px; float:left; display:inline; visibility:hidden; margin:10px 10px 0 10px; font-size:14px; color:#FFF; background:url(images/tweet-bottom.png) no-repeat bottom left;}
.tweetcolumnempty{height:130px; width:290px; float:left; display:inline; visibility:hidden; margin:10px 10px 0 10px; font-size:14px; color:#FFF;}
.tweet{height:80px; font-size:16px; margin:-12px 0 0 0;}
.tweetcolumn p a:hover{color:#09D866;}
.tweetavatar{height:48px; width:48px; background:#999; margin:0 5px 0 0; float:left;}
.tweettime{font-size:10px; color:#009245; text-decoration:none;}
.tweettime:hover{color:#009245;}
.tweetactions{margin:5px 0 0 0;}

.tweetnavigation{height:20px; width:600px; float:left; text-align:center; margin:10px 10px 0 10px;}
.tweetnavigation a{color:#FFF; text-decoration:none; margin:0 5px;}

/* COLUMNS */
.column01, .column02{height:440px;}
.column01{background:url(images/column-bg01.jpg) no-repeat bottom center;}
.column02{background:url(images/column-bg02.jpg) no-repeat bottom right;}
.column01 p, .column02 p{margin:0 0 10px 0;}
.column01 h2{width:400px; height:20px; background:url(images/column01heading.jpg) no-repeat top left; text-indent:-10000px;}
.column02 h2{width:123px; height:20px; background:url(images/column02heading.jpg) no-repeat top left; text-indent:-10000px;}

/* FOOTER */
#footer{border-top:1px solid #CCC; padding:10px 0 0 0;}
#footer p{font-size:10px; color:#888; float:left;}
#footer img{float:right;}