/* Stylesheet realtonenu.nl Gemaakt door: Kenny van Ooijen ( Zooney.nl ) */

* { margin: 0px; padding: 0px; list-style: none; border: 0px; }
html { background: #90e9f6 url(images/htmlbg.gif) repeat-x top left; margin: 0; font: 11px Arial; color: #333333; }

#container { position: relative; margin: 0px auto; width: 765px; }

#content1 { float: left; width: 765px; height: 10px; _margin-bottom: -5px; padding-top: -5px; margin-top: -5px; background: url(images/content_top.gif) no-repeat; }
#content2 { float: left; width: 755px; background: #e6f4fc; border-left: 5px solid #0d4463; border-right: 5px solid #0d4463;}
#content3 { float: left; width: 765px; height: 10px; background: url(images/content_bottom.gif) no-repeat; }

#box1 { float: left; width: 440px; height: 42px; }
#box2 { float: right; width: 325px; }


.logo { float: right; margin: 28px 0px 0px 0px; }


ul#topmenu { height: 42px; margin: 75px 0px 0px 0px; list-style: none; }

ul#topmenu li { display: block; height: 42px; float: left; outline: none; }
ul#topmenu li a.beginpagina { float: left; height: 35px; width: 79px; background: url(images/buttons/beginpagina.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }
ul#topmenu li a.beginpagina:hover { background: url(images/buttons/beginpagina.gif) no-repeat bottom left; }
ul#topmenu li a.beginpaginaon { float: left; height: 35px; width: 79px; background: url(images/buttons/beginpagina_on.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }

ul#topmenu li a.realtone { float: left; height: 35px; width: 63px; background: url(images/buttons/realtone.gif) no-repeat; padding: 7px 0px 0px 15px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }
ul#topmenu li a.realtone:hover { background: url(images/buttons/realtone.gif) no-repeat bottom left; }
ul#topmenu li a.realtoneon { float: left; height: 35px; width: 63px; background: url(images/buttons/realtone_on.gif) no-repeat; padding: 7px 0px 0px 15px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }

ul#topmenu li a.archief { float: left; height: 35px; width: 47px; background: url(images/buttons/archief.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }
ul#topmenu li a.archief:hover { background: url(images/buttons/archief.gif) no-repeat bottom left; }
ul#topmenu li a.archiefon { float: left; height: 35px; width: 47px; background: url(images/buttons/archief_on.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }

ul#topmenu li a.linkpartners { float: left; height: 35px; width: 84px; background: url(images/buttons/linkpartners.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }
ul#topmenu li a.linkpartners:hover { background: url(images/buttons/linkpartners.gif) no-repeat bottom left; }
ul#topmenu li a.linkpartnerson { float: left; height: 35px; width: 84px; background: url(images/buttons/linkpartners_on.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }


ul#topmenu li a.contact { float: left; height: 35px; width: 54px; background: url(images/buttons/contact.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }
ul#topmenu li a.contact:hover { background: url(images/buttons/contact.gif) no-repeat bottom left; }
ul#topmenu li a.contacton { float: left; height: 35px; width: 54px; background: url(images/buttons/contact_on.gif) no-repeat; padding: 7px 0px 0px 11px; font: 11px Arial; color: #ffffff; text-decoration: none; font-weight: bold; outline: none; }


#content1 { float: left; width: 755px; height: 100%; background: #e6f4fc; repeat; border-left: 5px solid #0d4463; border-right: 5px solid #0d4463; }
#links2 { float: left; width: 705px; height: 100%; background: #e6f4fc; repeat; border-left: 5px solid #0d4463; border-right: 5px solid #0d4463; padding: 10px 25px 0px 25px; line-height: 14pt; }
#links2 a { font: 11px Arial; color: #9a0000; font-weight: bold; text-decoration: none; }
#links2 a:hover { text-decoration: underline; }
.content2 { float: left; width: 765px; height: 10px; _margin-top: 5px; margin-bottom: 10px; }


.info1 { float: left; margin: 5px 0px 0px 8px;}
.info2 { float: left; margin: 0px 0px 5px 8px; }
#info_mid { float: left; width: 725px; height: 100%; background: #bbe2f9; border-left: 1px solid #98ceed; border-right: 1px solid #98ceed; margin-left: 8px; _margin-left: 4px; padding: 5px; }
#info_mid H1 { font: 18px Arial; color: #0d4463; font-weight: bold; text-decoration: underline; }
#info_mid p { font: 11px Arial; color: #0d4463; line-height: 12pt; }


.vak { float: left; width: 610px; margin: 5px 0px 5px 8px; _margin-left: 4px; }
#vak2 {float: right; width: 122px; margin-right: 8px; _margin-right: 4px; }

.foto_pic1 { float: left; width: 160px; height: 192px; background: url(images/foto_rood.gif) no-repeat; }
.foto_pic1 a { font: 11px Arial; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.foto_pic1 a:hover { text-decoration: underline; }
.foto_real { float: left; width: 152px height: 152px; margin: 4px 0px 4px 4px; }
.nummer { float: left; margin-left: 3px; }
.nummer H1 { float: left; font: 18px Arial; color: #9a0000; margin-top: 5px; }
.nummer H1 a { float: left; font: 18px Arial; color: #9a0000; margin-top: 0px; text-decoration:none;}

.foto_pic2 { float: left; width: 160px; height: 192px; background: url(images/foto_blauw.gif) no-repeat; }
.foto_pic2 a { font: 11px Arial; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.foto_pic2 a:hover { text-decoration: underline; }
.nummer2 { float: left; margin-left: 3px; }
.nummer2 H1 { float: left; font: 18px Arial; color: #0d4463; margin-top: 5px; }
.nummer2 H1 a { float: left; font: 18px Arial; color: #0d4463; margin-top: 0px; text-decoration:none; }

.real_1_top { float: left; margin: 4px 0px 0px 11px; }
.real_1_bottom { float: left; margin: 0px 0px 5px 11px; }
.real_1_mid { float: left; width: 422px; height: 100%; background: #fcdddd; border-left: 1px solid #fbcaca; border-right: 1px solid #fbcaca; margin-left: 11px; padding: 0px 5px 0px 5px; }
.real_1_mid H2 { font: 16px Arial; color: #9a0000; font-weight: bold; text-decoration: underline; line-height: 20pt; }
.real_1_mid p { font: 11px Arial; color: #9a0000; line-height: 14pt; }

.real_1_mid a { font: 11px Arial; color: #9a0000; line-height: 14pt; }

.real_2_top { float: left; margin: 4px 0px 0px 11px; }
.real_2_bottom { float: left; margin: 0px 0px 5px 11px; }
.real_2_mid { float: left; width: 422px; height: 100%; background: #c4e7fc; border-left: 1px solid #abdbf8; border-right: 1px solid #abdbf8; margin-left: 11px; padding: 0px 5px 0px 5px; }
.real_2_mid H2 { font: 16px Arial; color: #0d4463; font-weight: bold; text-decoration: underline; line-height: 20pt; }
.real_2_mid p { font: 11px Arial; color: #0d4463; line-height: 14pt; }
.real_2_mid a { font: 11px Arial; color: #0d4463; line-height: 14pt; }

.button { float: left; height: 29px; width: 119px; margin: 5px 0px 0px 11px; background: url(images/button-new.JPG) no-repeat; border: none; font-weight: bold; text-decoration: underline; color: #673b01;  font-size: 11px; }
.buttonindex { float: left; height: 29px; width: 119px; margin: 5px 0px 0px 11px; background: url(images/button.gif) no-repeat; border: none; font-weight: bold; text-decoration: underline; color: #673b01;  font-size: 11px; }
#bottom { float: right; margin-right: 8px; }
#bottom p { font: 11px Arial; color: #9a0000; text-decoration: none;}
#bottom a { font: 11px Arial; color: #9a0000; font-weight: bold; text-decoration: none;}
#bottom a:hover { text-decoration: underline; }

.stats_teller { width: 1px; height: 1px; }

.weeknr { float: left; margin: 5px 0px 5px 8px; _margin-left: 4px; }

input, textarea, select { font-family: Tahoma; font-size: 11px; color: #004887; margin: 5px 0px 3px 3px; padding: 2px 0px 0px 4px; border-top: 1px solid #7bc1fc; border-left: 1px solid #7bc1fc; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background: #c8e6fe; }