@import "clevercms.css"; /* SYNTUS CSS Document */ body,td,th { font-family:Arial; font-size:12px; color:#000000; } body { font-family:Arial; margin:0px; padding:0px; } img { border:0px; } a { color: #000000; } a span {color:auto;} p {padding:0px; margin:0px;} #container { position:absolute; margin-left:-490px; left:50%; width:980px; background:url(../img/bottom.jpg) bottom no-repeat #FFF; } #top { width:980px;height:106px;background:url(../img/logo_syntus.gif) top left no-repeat; } #header { width:980px;height:205px; } #headervervolg { width:980px;height:155px; } #content { width:980px;padding-bottom:25px; } #footer { position:absolute; margin:0px;width:965px;height:30px;line-height:30px;padding-right:15px;text-align:right;font-size:11px;color:#999999; } #footer a { color:#999999; } #footer a:hover { color:#666666; } #navcontainer { float:right; height:30px; } #navcontainer ul { padding:0; margin:0;} #navcontainer ul li { display:inline; height:30px; margin:0px; padding:0px; } #navcontainer ul li a { float:left; padding-left:10px; padding-right:10px; color:#171F69; font-weight:bold; border-right:1px solid #fff; text-decoration:none; height:30px; line-height:30px; } #navcontainer ul li.tussen { background:url(../img/tussenstukje.gif) no-repeat;height:30px;width:1px; float:left; } #navcontainer ul li.but1 a:hover { background:url(../img/1_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but1 a.aan { background:url(../img/1_nav.gif) repeat-x; } #navcontainer ul li.but2 a:hover { background:url(../img/2_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but2 a.aan { background:url(../img/2_nav.gif) repeat-x; } #navcontainer ul li.but3 a:hover { background:url(../img/3_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but3 a.aan { background:url(../img/3_nav.gif) repeat-x; } #navcontainer ul li.but4 a:hover { background:url(../img/4_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but4 a.aan { background:url(../img/4_nav.gif) repeat-x; } #navcontainer ul li.but5 a:hover { background:url(../img/5_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but5 a.aan { background:url(../img/5_nav.gif) repeat-x; } #navcontainer ul li.but6 a:hover { background:url(../img/6_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but6 a.aan { background:url(../img/6_nav.gif) repeat-x; } #navcontainer ul li.but7 a:hover { background:url(../img/7_nav.gif) repeat-x;height:30px; } #navcontainer ul li.but7 a.aan { background:url(../img/7_nav.gif) repeat-x; } #topnav { width:969px;height:57px;padding-top:13px;padding-right:11px;text-align:right; } #styleswitcher { position:absolute; left:700px;} form { padding:0;margin:0; } .zoekbalk {background:url(../img/ico_search.gif) left no-repeat;width:107px;font-size:11px;color:#999999;height:16px; border:1px solid #CCCCCC;padding:4px 15px 0px 25px;} .topzoekknop {width:51px; height:21px; background:#171F69; cursor:pointer; color:#FFFFFF; line-height:20px; font-weight:bold; margin:1px; border:none; font-family:Arial;} #zoekknop { padding-left:1px; } #home_handigelinks { float:left;width:190px;padding-left:10px;padding-right:10px; } #home_reisinformatie { float:left;width:321px;padding:30px 12px 10px 12px; /*background:url(../img/bg_reisinformatie.jpg) bottom no-repeat;*/ } #home_nieuws { float:left;width:190px;padding-left:10px;padding-right:10px; } #home_banners { float:left;width:195px;padding-left:10px;padding-right:10px;padding-top:10px;text-align:right; } #ffpx { clear:both;width:980px;height:10px; } #opsomming ul { padding:0;margin:0;width:100%; } #opsomming ul .dieper li a { background:none; text-decoration:none;padding-left:20px;color:#000;padding-bottom:7px;line-height:15px; } #opsomming ul#blue .dieper li a:hover, #opsomming ul#blue .dieper li a.aan, #opsomming ul#darkblue .dieper li a:hover, #opsomming ul#darkblue .dieper li a.aan, #opsomming ul#green .dieper li a:hover, #opsomming ul#green .dieper li a.aan, #opsomming ul#darkgreen .dieper li a:hover, #opsomming ul#darkgreen .dieper li a.aan, #opsomming ul#pink .dieper li a:hover, #opsomming ul#pink .dieper li a.aan, #opsomming ul#purple .dieper li a:hover, #opsomming ul#purple .dieper li a.aan, #opsomming ul#red .dieper li a:hover, #opsomming ul#red .dieper li a.aan, #opsomming ul#turquase .dieper li a:hover, #opsomming ul#turquase .dieper li a.aan, #opsomming ul#default .dieper li a:hover, #opsomming ul#default .dieper li a.aan { background:none; text-decoration:none; color:#666666;} #opsomming ul li { list-style:none; } #opsomming ul li a { display:list-item;text-decoration:none;background:url(../img/bullet_list.gif) left top no-repeat;padding-left:20px;color:#000;padding-bottom:7px;line-height:15px; } #opsomming ul#blue li a:hover, #opsomming ul#blue li a.aan { background:url(../img/bullet_list_blue.gif) left top no-repeat; } #opsomming ul#darkblue li a:hover, #opsomming ul#darkblue li a.aan { background:url(../img/bullet_list_darkblue.gif) left top no-repeat; } #opsomming ul#green li a:hover, #opsomming ul#green li a.aan { background:url(../img/bullet_list_green.gif) left top no-repeat; } #opsomming ul#darkgreen li a:hover, #opsomming ul#darkgreen li a.aan { background:url(../img/bullet_list_darkgreen.gif) left top no-repeat; } #opsomming ul#pink li a:hover, #opsomming ul#pink li a.aan { background:url(../img/bullet_list_pink.gif) left top no-repeat; } #opsomming ul#purple li a:hover, #opsomming ul#purple li a.aan { background:url(../img/bullet_list_purple.gif) left top no-repeat; } #opsomming ul#red li a:hover, #opsomming ul#red li a.aan { background:url(../img/bullet_list_red.gif) left top no-repeat; } #opsomming ul#turquase li a:hover, #opsomming ul#turquase li a.aan { background:url(../img/bullet_list_turquase.gif) left top no-repeat; } #opsomming ul#default li a:hover, #opsomming ul#default li a.aan { background:url(../img/bullet_list_darkblue.gif) left top no-repeat; } #opsomming ul .dieper .dieper { padding: 0 0 0 17px; } #kopgroen { height:30px;line-height:30px;font-weight:bold;background:url(../img/1_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #kopdonkergroen { height:30px;line-height:30px;font-weight:bold;background:url(../img/7_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #koppaars { height:30px;line-height:30px;font-weight:bold;background:url(../img/6_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #kopturquase { position:absolute;height:30px;width:324px;line-height:30px;font-weight:bold;background:url(../img/3_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px;margin-left:220px; } #kopturquase2 { height:30px;line-height:30px;font-weight:bold;background:url(../img/3_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #kopblauw { height:30px;line-height:30px;font-weight:bold;background:url(../img/2_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #koprood { height:30px;line-height:30px;font-weight:bold;background:url(../img/4_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #koproze { height:30px;line-height:30px;font-weight:bold;background:url(../img/5_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #kopdonkerblauw { height:30px;line-height:30px;font-weight:bold;background:url(../img/8_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #kopdefault { height:30px;line-height:30px;font-weight:bold;background:url(../img/8_nav.gif) repeat-x;padding-bottom:10px;color:#171F69;padding-left:2px; } #kopblank { height:25px;line-height:35px;font-weight:bold;padding-bottom:15px;color:#171F69;padding-left:2px; } .reisinformatie { width:321px;padding-top:5px;padding-bottom:5px;background:url(../img/stippellijn.gif) repeat-x bottom; } .reisinformatie span.titel { display:block;font-weight:bold;color:#171F69;padding-bottom:5px; } #breadcrumb { float:left;width:665px;height:30px;line-height:30px;padding-left:225px;font-size:10px;color:#666666;padding-bottom:5px; } #breadcrumb a { color:#666666; } #printen { font-size:11px;display:block;float:left;width:61px;height:30px;line-height:30px;background:url(../img/ico_printer.gif) no-repeat;padding-left:20px;color:#666666; } #menu { float:left;width:190px;padding-left:10px;padding-right:10px; } #main { float:left;width:515px;border-left:15px solid #fff;background:url(../img/bg_blank.gif) repeat-x; } #mainbreed { float:left;width:685px;border-left:15px solid #fff; padding-right: 50px; background:url(../img/bg_blank.gif) repeat-x; } #uitgelicht { float:left;width:200px;height:300px;border-left:20px solid #fff;background:url(../img/bg_blank.gif) repeat-x; } h1 { font-weight:bold;letter-spacing:-.05em;margin:0;padding:0;font-size:20px;color:#171F69;padding-bottom:10px; } h5 { font-weight:bold; margin:0px;padding:0px; font-size:70px;color:#FFFFFF; float:right;} .sIFR-flash { visibility:visible !important;margin:0;padding:0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden; } .sIFR-replaced div.sIFR-fixfocus { margin:0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none; } .leesmeer { display:block;width:85px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .leesmeer:hover { display:block;width:85px;background:url(../img/bullet_list_darkgreen.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .leesmeer1 { float:right; width:85px; background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;} .leesmeer1:hover { float:right; width:85px; background:url(../img/bullet_list_darkgreen.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;} .leesmeer-actie { display:block;width:85px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .leesmeer-actie:hover { display:block;width:85px;background:url(../img/bullet_list_purple.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .leesmeer1-actie { float:right;width:85px; background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;} .leesmeer1-actie:hover { float:right;width:85px; background:url(../img/bullet_list_purple.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;} .terug { display:block;width:150px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .terug:hover { display:block;width:150px;background:url(../img/bullet_list_darkgreen.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .terug-actie { display:block;width:150px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } .terug-actie:hover { display:block;width:150px;background:url(../img/bullet_list_purple.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } a.gaterug { display:block;width:150px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; } a.gaterug:hover { background:url(../img/bullet_list_darkblue.gif) right bottom no-repeat; } .nieuwscontainer { width:630px;padding-bottom:10px; } ul#topsomming { position:absolute; left:310px; top:17px; padding:0;margin:0;color:#171F69; font-weight:bold; text-align:right; } ul#topsomming li { display:inline;border-right:1px solid #E5E5E5;padding-left:8px;padding-right:8px; text-align:right; } ul#topsomming li.rss { padding-left:23px;background:url(../img/rss.gif) left no-repeat; } ul#topsomming li.twitter { padding-left:23px;background:url(../img/twitter.gif) left no-repeat; } ul#topsomming a { color:#171F69;text-decoration:none; } ul#topsomming a:hover, ul#topsomming a.aan { text-decoration:underline; } .banner { padding-bottom:5px; } .buttons { padding-left: 20px; background:url(/img/bullet_list.gif) left top no-repeat; } .buttons:hover { background:url(/img/bullet_list_darkblue.gif) left top no-repeat;text-decoration: none; } #routecontainer {width:710px; float:left;} #routecontainer #googlemap {float:left; width: 710px; height: 350px; color: #000000; border: 1px solid #D4D0C8;} #routecontainer #gegevens {float:left; width: 710px; color: #000000;} #routecontainer #directions {float:left; margin:10px 0px 0px 0px; width:710px;} #routecontainer .forminput {float:left; width: 200px; height:18px; text-align:left; border:1px solid #D4D0C8; line-height:18px;} #routecontainer .btn_right {float:left; background:#171F69; color:#ffffff;font-weight:bold;text-align:center; border:0px;padding-left:10px;padding-right:10px; margin-left:1px; height:20px; padding-top:2px; text-decoration: none;} #routecontainer span.help {float: right;} .radioant { float: left; padding-top: 0px; padding-top: 4px; cursor:pointer; } .afbeelding_links td {padding-bottom:5px;} /*GRAAFSCHAP STYLE*/ .main_graafschap {float:left;width:980px; background:url(../img/bg_graafschap_midden.jpg) no-repeat #E0E9F1;} .main_graafschap-vervolg {float:left;width:980px;} .main_graafschap-vervolg .graafschap_links {float:left; width:430px; margin:230px 40px 0px 30px; padding:0px;} .main_graafschap-vervolg .graafschap_rechts {float:left; width:450px; margin:240px 0px 0px 0px; padding:0px;} .main_graafschap-vervolg .graafschap_breed {float:left; width:900px; margin:230px 40px 0px 30px; padding:0px;} .graafschap_links {float:left; width:430px; margin:380px 40px 0px 30px; padding:0px;} .graafschap_rechts { position: relative; float:left; width:450px; margin:36px 0px 0px 0px; padding:0px;} .graafschap_rechts .banner {float:left; width:450px; height:125px; margin:0px 0px 19px 0px; padding:0px;} .graafschap_rechts .besteljeticket { position: absolute; top: 150px; left: 0px; } .actieblok {float:left; width:220px; margin:0px; padding:0px;} .actieblok .midden {float:left; padding:0px 20px; width: 180px; background:#FFFFFF; height:157px;} .actieblok a.leesmeer {background:url(../img/arrow_actieblok.jpg) no-repeat left; padding:0px 0px 0px 24px;} .footer_graafschap {float:left; width:980px; height:27px; margin:0px; padding:0px; background:url(../img/bg_graafschap_footer.jpg) top left no-repeat;} .copyright { float:left; background:#FFFFFF; margin:0px;width:965px;height:30px;line-height:30px;padding-right:15px;text-align:right;font-size:11px;color:#999999; } .copyright a { color:#999999; } .copyright a:hover { color:#666666; } #footer-banner {position:fixed; bottom:0px; height:110px; width:100%; background:url(../img/bg_gras.png) repeat-x; margin:0px; padding:0px;} #banner {position:absolute; margin-left:-375px; left:50%; padding:0px; bottom:0px;} .tekst_bestel {float:left; width:468px; height:82px; margin:25px 0px 0px 0px; padding:0px; } .but_bestel {float:left; width:196px; height:161px; } .closing {float:left; width:30px; height:30px; margin:71px 0px 0px 7px; cursor:pointer;} .prijs {float:right; font-size:60px; line-height:60px; margin:-28px 0px 0px 20px; padding:0px; color:#FFFFFF; font-weight:bold; z-index:99;} .verstoringrss {padding-left:23px;background:url(../img/rss.gif) left no-repeat; color:#171f69; text-decoration:none; } /* Landingspagina */ .content_kaart { float:left; width:auto; height:425px; position:relative; } .content_kaart .kleinkaart { float:left; background:url(../img/kaartklein.png) no-repeat; width:386px; height:425px; position:absolute; } .tekst_box { float:left; width:175px; padding:0px; margin:0px;} .rondje1_klein { background:url(../img/rondje_klein_k.png) no-repeat; width:25px; height:25px; position:absolute; margin:200px 0px 0px 239px; cursor:pointer; z-index:30; } .rondje2_klein { background:url(../img/rondje_klein_k.png) no-repeat; width:25px; height:25px; position:absolute; margin:157px 0px 0px 289px; cursor:pointer; z-index:30; } .rondje3_klein { background:url(../img/rondje_klein_k.png) no-repeat; width:25px; height:25px; position:absolute; margin:216px 0px 0px 300px; cursor:pointer; z-index:30;} .rondje1_groot_klein { background:url(../img/rondje_klein.png) no-repeat; width:78px; height:78px; position:absolute; margin:170px 0px 0px 209px; z-index:35; } .rondje2_groot_klein { background:url(../img/rondje_klein.png) no-repeat; width:78px; height:78px; position:absolute; margin:127px 0px 0px 259px; z-index:35; } .rondje3_groot_klein { background:url(../img/rondje_klein.png) no-repeat; width:78px; height:78px; position:absolute; margin:186px 0px 0px 270px; z-index:35; } .lijn1_klein { background:url(../img/lijn1_klein.png) no-repeat; width:173px; height:143px; position:absolute; margin:208px 0px 0px 247px; z-index:20;} .lijn2_klein { background:url(../img/lijn2_klein.png) no-repeat; width:128px; height:73px; position:absolute; margin:97px 0px 0px 291px; z-index:20;} .lijn3_klein { background:url(../img/lijn3_klein.png) no-repeat; width:113px; height:2px; position:absolute; margin:224px 0px 0px 306px; z-index:20;} .content_box1_klein { float:left; position:absolute; width:260px; height:70px; padding:15px; margin:49px 0 0 419px; background:url(../img/content_box1_klein.png); } .content_box2_klein { float:left; position:absolute; width:260px; height:80px; padding:15px; margin:169px 0 0 419px; background:url(../img/content_box2_klein.png);} .content_box3_klein { float:left; position:absolute; width:260px; height:70px; padding:15px; margin:300px 0 0 419px; background:url(../img/content_box1_klein.png);} .content_box1_klein a, .content_box2_klein a { background:url(../img/pijl.jpg) left 15px no-repeat; padding-left:15px; padding-top:7px; float:left; } .content_box3_klein a { background:url(../img/pijl.jpg) left 15px no-repeat; padding-left:15px; padding-top:8px; float:left; }