body {background-color:#FFF;margin-top:0px;padding:0px;text-align:center;}
#cocktails {margin-left:auto;margin-right:auto;width:867px;}
#top {width:867px;background-image:url(/i/cocktail-recepten.gif);background-repeat:no-repeat;height:213px;margin-top:4px;}
#top .button {margin-right:5px; float:left;}
#topnav {position:relative;top:5px;height:121px;width:855px;text-align:right;}
#topnav a {font:11px arial;text-decoration:none;font-weight:bold;color:#FFF;line-height:22px;}
#topnav a:hover {color:#bb0053}
#content {text-align:left;}
.clr {clear:both;}
#left {margin-top:4px;float:left;text-align:center;}
#topbox {background-image:url(/i/roundbox.gif);background-position:0px 0px;margin-top:0px;height:6px;}
#cocktaillogo{position:absolute; width:300px; height:45px; display:block; line-height:35px; float:left; text-decoration:none; z-index:10000;}
#topextra {background-image:url(/i/roundbox.gif);background-position:0px -24px;margin-top:0px;height:6px;}
#botextra {background-image:url(/i/roundbox.gif);background-position:0px -28px;height:6px;margin-bottom:6px;}
#box {width:213px;background-color:#bb0053;font:11px arial;color:#FFF;text-align:left;}
#b {margin:-9px -10px 10px -9px;background-color:#EEE;padding-left:10px}
#b a:hover {color: #BB0053;}
#extrabox {width:213px;background-color:#7bc828;font:11px arial;color:#FFF;text-align:left;}
#extrabox strong {margin-left:4px;padding:0px}
#extrabox ul {margin-left:24px;padding:0px;list-style-type:square}
#zb {font:11px arial;padding-left:7px;}
#zb tr td input, #zb tr td select {font:11px arial;}
#zb tr td select{width:194px; height:20px;}
#zb tr td input{width:131px; }
#botbox {background-image:url(/i/roundbox.gif);background-position:0px -6px;height:6px;}
#line {margin-top:4px;margin-left:5px;}
#middle {background-color:#FFF;width:326px;margin:4px;text-align:left;float:left;font:11px tahoma;line-height:19px;padding:10px;min-height:280px;color:#696969}
#middle h1 {color:#bb0053;font:28px arial;margin:0px;margin-bottom:20px;font-weight:bolder}
#middle h2, #b a {color:#7bc828;text-decoration:none}

#middle ul, #middle ul li {list-style-type:none;margin-left:0px;padding-left:0px;}
#middle ul li a {color:#bb0053;text-decoration:none;font-weight:bolder}
#middle ul li a:hover {color:#7bc828;text-decoration:underline}
#middle ul li {border-bottom:1px dotted #cacaca;line-height:21px}


#middle ul .ad {background:#fff; padding-left:3px;}
#middle ul .ad .gadscontent .adsby {color:#808080; font-weight:normal; line-height:14px;}
#middle ul .ad .gadscontent .visible_url {font-weight:normal;}
#middle ul .ad .gadscontent .visible_url:hover {color:#BB0053; text-decoration:underline;}
#middle ul .ad .gadscontent .adtext {color:#808080; font-weight:normal; font:10px tahoma; display:block; padding-bottom:5px; }
#middle ul .ad .gadscontent b {color:#bb0053;}
#middle ul .ad .gadscontent .visible_url {color:#7bc828;text-decoration:none}
#middle ul .ad .gadscontent b:hover, .gadscontent .visible_url:hover {text-decoration:underline;color:#7bc828}

#middle .gadscontent{background:#fff; margin-bottom:5px; }
#middle .dots{border-bottom:1px dotted #cacaca;}
#middle .gadscontent .adsby {color:#808080; font-weight:normal; line-height:14px;}
#middle .gadscontent .visible_url {font-weight:normal;}
#middle .gadscontent .visible_url:hover {color:#BB0053; text-decoration:underline;}
#middle .gadscontent .adtext {color:#000; font-weight:normal; font:10px tahoma; display:block; padding-bottom:5px; }
#middle .gadscontent b {color:#bb0053;}
#middle .gadscontent .visible_url {color:#7bc828;text-decoration:none}
#middle .gadscontent b:hover, .gadscontent .visible_url:hover {text-decoration:underline;color:#7bc828}

.meer{text-decoration:none; font-weight:bold; color:#bb0053;}
.meer:hover{color:#7BC828;}


#ca {margin-left:-7px}
.extra {background-image:url(/i/button.gif);width:284px;height:35px;padding:8px;color:#cacaca;display:block;margin-top:5px;line-height:19px}
.extra a {color:#7bc828;text-decoration:none;font-weight:bolder;display:block}
.extra a:hover {color:#bb0053;text-decoration:none;font-weight:bolder;display:block}
.small {text-transform:uppercase;font-size:10px}
.listimg {float:left; border:1px solid grey; margin:3px 5px 3px 1px; padding:1px}
#right {background-color:#FFF;width:220px;text-align:left;float:left;width:300px;margin-top:5px;font:11px arial;color:#000;min-height:600px;}
#right #rcnt {background-color:#ffc80b;width:300px; min-height:130px;text-align:center}
#right strong {color:#000;font-size:12px}
#topright {background-image:url(/i/roundbox.gif);background-position:0px -12px;height:6px;width:300px; margin-top:50px;}
#botright {background-image:url(/i/roundbox.gif);background-position:0px -18px;margin-top:-6px;height:6px;width:300px;margin-bottom:5px;border-top:1px solid #ffc80b}

#topright1 {background-image:url(/i/roundbox.gif);background-position:0px -12px;height:6px;width:300px; margin-top:35px;}
#botright1 {background-image:url(/i/roundbox.gif);background-position:0px -18px;margin-top:-6px;height:6px;width:300px;margin-bottom:5px;border-top:1px solid #ffc80b}
#right #rcnt1 {background-color:#ffc80b;width:300px; min-height:130px; text-align:center}

#topright2 {background-image:url(/i/roundbox.gif);background-position:0px -12px;height:6px;width:300px;}
#botright2 {background-image:url(/i/roundbox.gif);background-position:0px -18px;margin-top:-6px;height:6px;width:300px;margin-bottom:5px;border-top:1px solid #ffc80b}
#right #rcnt2 {background-color:#ffc80b;width:300px; text-align:center}
.photo {padding:1px;border:1px solid #cacaca}

.letter {font-size:14px;border:1px solid #FFF;margin:0px 0px 5px 5px;text-decoration:none;padding:4px;float:left;color:#000;width:14px;text-align:center;background-color:#fff1c2;font-weight:bolder}
.letter:hover {background-color:#FFF;font-weight:bolder;color:#bb0053}
#right ul {list-style-type:square;margin-left:0px;}
#right ul li {margin-left:-10px;}

#hcocktails, #hsmoothies, #hshooters, #hbites {background-repeat:no-repeat;background-position:-9px -8px;width:150px;height:28px;font-size:1px;color:#FFFFFF}

#hcocktails {background-image:url(/i/cocktails.gif)}
#hsmoothies {background-image:url(/i/smoothies.gif)}
#hshooters {background-image:url(/i/shooters.gif)}
#hbites {background-image:url(/i/bites.gif)}

.rating_container {clear:both}
.rating_container a {float:left;display:block;width:25px;height:25px;border:0;background-image:url("/i/star.gif")}
.rating_container a.rating_off {background-position:0 0px}
.rating_container a.rating_half {background-position:0 -25px}
.rating_container a.rating_on {background-position:0 -50px}
.rating_container a.rating_selected {background-position:0 -75px}  

.reactie{width:324px;margin-bottom:15px}
.reactie-top{width:324px;height:9px;background:url('/i/ballon-top.png')}
.reactie-mid{background:#E0F0CF}
.reactie-midtext{margin-left:15px;margin-right:10px}
.reactie-bot{width:324px;height:17px;background:url('/i/ballon-bot.png');}
.reactie-bottext{font-size:10px;padding-top:6px;margin-right:90px;text-align:right}
.reactie-bottext b{color:#BB0053}

.totaltime{width:106px;float:left;text-align:center;background:#E0F0CF}

#info div {width:106px;float:left;text-align:center;background:#E0F0CF}
#info div  a{color:#69698D; text-decoration:none}
#info div  a:hover{color:#69698D; text-decoration:underline}
#midbut {margin:0 4px 0 4px;float:left;width:106px;}

#tools img{float:left; width:50px; height:50px; margin-top:2px; margin-right:5px;}

#middle #tools li{ line-height:19px}
#tools b{color:#BB0053;}
#tools li{margin-bottom:3px; }
#tools a {color:#BB0053; font-weight:bold; text-decoration: none;}
#tools a:hover {color:#87C828; text-decoration:underline;}
#toollink {color:#BB0053; font-weight:bold; text-decoration: none;}
#toollink:hover {color:#87C828; text-decoration:underline;}
#toolimg{float:left; margin-left:4px;}

.gadsrechts {font: 11px/19px tahoma;}
.gadsrechts .adsby {color:#808080;}
.gadsrechts b {color:#BB0053;font-weight:bolder;}
.gadsrechts .visible_url {color:#7bc828;text-decoration:none}
.gadsrechts b:hover, .gadsrechts .visible_url:hover {text-decoration:underline;color:#7bc828}

@media print {
#top { visibility: hidden; height:0; }
#right { visibility: hidden; height:0; }
#b{ visibility: hidden; height:0; }
#topnav { visibility: hidden; height:0; }
#left { visibility: hidden; height:0; }
#line { visibility: hidden; height:0; }
#middle { visibility:visible; }
.hrecipe form { visibility:hidden; height:0}
#reactieh2 { visibility:hidden; height:0}
}