/* // (c) 2011 v-lines.nl */ /* // (v) 2.00 20110301 */ /* #d3d3d3 achtergrondkleur #393939 border om container #707070 login- en navbalk achtergrond #E2E2E2 login in de rechterbalk #FFEDC5 loginbalk tekstkleur #C49157 loginbalk hover, H2 #FFEDC5 navbalk tekstkleur #C49157 navbalk hover (goudbruin) #696969 h1, h3 t/m h5 #C49157 h2 #C49157 h6 rechterbalk #282828 tekstkleur #C49157 hover #FF0000 hard rood, class verwij #919191 grijs, class nav #009900 felgroen, class zichtbaar (niet in gebruik) #010101 bijna zwart, INPUT tekst en footer tekst #D3D3D3 achtergrondkleur submitbuttons en zoekveld, HR, pic/avatar class */ * {margin: 0; padding: 0;} html, body {height:100%} html {overflow-y: scroll;} body {background-color: #d3d3d3; color: #282828; font-family: verdana,helvetica,arial; font-size: 8pt; margin: 0; } /* background: #d3d3d3 url("../images/bg.gif"); background-repeat: repeat; background-position: top left; */ a:link {color: #282828; text-decoration: underline;} a:visited {color: #282828; text-decoration: underline;} a:active {color: #282828; text-decoration: underline;} a:hover {color: #C49157; text-decoration: underline;} table {border-collapse: collapse;} .clear {clear:both;} /* pagina header */ h1 {color: #696969; font-family: helvetica,arial; font-size: 18pt; font-weight: Bold; margin-bottom: 2px; padding: 5px 0 5px 0;} h1 a:link {color: #696969; text-decoration: none;} h1 a:visited {color: #696969; text-decoration: none;} h1 a:active {color: #696969; text-decoration: none;} h1 a:hover {color: #C49157; text-decoration: none;} /* tussentitel oranje: FF4500 */ h2 {color: #C49157; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold; margin-bottom: -10px; padding: 5px 0 10px 0;} h2 a:link {color: #C49157; text-decoration: none;} h2 a:visited {color: #C49157; text-decoration: none;} h2 a:active {color: #C49157; text-decoration: none;} h2 a:hover {color: #C49157; text-decoration: none;} /* lijstweergaves */ h3 {color: #696969; font-family: helvetica,arial; font-size: 11pt; font-weight: Bold; margin-bottom: 2px; padding: 0px 0 -1px 0;} h3 a:link {color: #696969; text-decoration: none;} h3 a:visited {color: #696969; text-decoration: none;} h3 a:active {color: #696969; text-decoration: none;} h3 a:hover {color: #C49157; text-decoration: underline;} /* h4 en h5 nog niet in gebruik */ h4 {color: #696969; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold; margin-bottom: 2px; padding: 5px 0 10px 0;} h5 {color: #696969; font-family: helvetica,arial; font-size: 8pt; font-weight: Bold; margin-bottom: 2px; padding: 5px 0 10px 0;} /* h6 in rechterbalk goudbruin C49157 geel FFEDC5 */ h6 {color: #C49157; font-family: helvetica,arial; font-size: 12pt; font-weight: Bold; margin-bottom: 2px; padding: 5px 0 10px 0;} div,p,ol,ul,li {color: #282828; font-family: verdana,helvetica,arial; font-size: 8pt;} ul {list-style:none; margin:0; padding:0;} /* STANDAARD CLASSES */ .brood {color: #282828; font-family: verdana,helvetica,arial; font-size: 8pt;} .nav {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} .nav a:link {color: #919191; text-decoration: none;} .nav a:visited {color: #919191; text-decoration: none;} .nav a:active {color: #919191; text-decoration: none;} .nav a:hover {color: #919191; text-decoration: underline;} .zichtb {color: #009900; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} .zichtb a:link {color: #009900; text-decoration: underline;} .zichtb a:visited {color: #009900; text-decoration: underline;} .zichtb a:active {color: #009900; text-decoration: underline;} .zichtb a:hover {color: #009900; text-decoration: underline;} .verbor {color: #919191; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} .verbor a:link {color: #919191; text-decoration: underline;} .verbor a:visited {color: #919191; text-decoration: underline;} .verbor a:active {color: #919191; text-decoration: underline;} .verbor a:hover {color: #919191; text-decoration: underline;} .verwij {color: #FF0000; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} .verwij a:link {color: #FF0000; text-decoration: underline;} .verwij a:visited {color: #FF0000; text-decoration: underline;} .verwij a:active {color: #FF0000; text-decoration: underline;} .verwij a:hover {color: #FF0000; text-decoration: underline;} .publish {color: #000099; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} .publish a:link {color: #000099; text-decoration: underline;} .publish a:visited {color: #000099; text-decoration: underline;} .publish a:active {color: #000099; text-decoration: underline;} .publish a:hover {color: #000099; text-decoration: underline;} .bottomtxt {color: #282828; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal;} .bottomtxt a:link {color: #282828; text-decoration: underline; font-weight: Bold;} .bottomtxt a:visited {color: #282828; text-decoration: underline; font-weight: Bold;} .bottomtxt a:active {color: #282828; text-decoration: underline; font-weight: Bold;} .bottomtxt a:hover {color: #C49157; text-decoration: underline; font-weight: Bold;} INPUT {padding: 2px; border: 1px solid #919191; color: #010101; font-family: verdana,helvetica,arial; font-size: 8pt;} TEXTAREA {padding: 2px; border: 1px solid #919191; color: #010101; font-family: verdana,helvetica,arial; font-size: 8pt;} SELECT {padding: 2px; border: 1px solid #919191; color: #010101; font-family: verdana,helvetica,arial; font-size: 8pt;} .radiobutt {border: 0px; color: #282828;} .okbutt {border: 1px solid #919191; background: #D3D3D3; color: #282828; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Normal; padding: 2px;} .zoekveld {border: 1px solid #919191; background: #D3D3D3; color: #010101; font-family: verdana,helvetica,arial; font-size: 9px; font-weight: Normal; padding: 2px; width: 120px;} .zoekbutton {border: 1px solid #919191; background: #D3D3D3; color: #282828; font-family: verdana,helvetica,arial; font-size: 9px; font-weight: Normal; padding: 2px 8px 2px 4px;} /* hidden anti-spam textveld */ .leeg {display: none;} /* hr:
*/ .hr hr {display: none;} .hr {height: 1px; margin: 1px 0px 1px 0px; border-bottom: 1px solid #D3D3D3;} /* plaatjes uit de database (nog niet in gebruik): marge rechts en onder */ .pic {margin: 0 20px 10px 0;} .foto {background: #D3D3D3; border: 1px solid #919191; padding: 4px; margin: 2px 10px 3px 10px;} /* positionering, menu's etc. */ #maincontainer {width: 980px; background: #FFF; margin: 0 auto; border-left: 1px solid #393939; border-right: 1px solid #393939;} #maincontainer2 {background: #FFF; padding: 12px 7px 30px 7px;} #printlogo {display: none;} #header {height: 218px; margin: 0; padding: 0 0 8px 0;} /* loginbalk */ #loginbalk {height: 20px; margin: 0; padding: 3px 30px 0 0; background: #707070; border-bottom: 1px solid #393939; text-align: right;} .loginmenu {color: #FFEDC5; font-family: verdana,helvetica,arial; font-size: 9px; font-weight: Normal;} .loginmenu a {color: #FFEDC5; text-decoration: underline;} .loginmenu a:hover {color: #C49157; text-decoration: underline;} /* #logobalk {height: 160px; margin: 0; padding: 0px; background: url(../images/hondenrassen.PNG) no-repeat; border: none;} */ #logobalk {height: 160px; margin: 0; padding: 0px; border: none;} /* TOPMENU */ #navbalk {height: 32px; margin: 0; padding: 0; background: #707070; border-top: 1px solid #393939; border-bottom: 1px solid #393939;} #topnav {width:80%; float:left;} /* */ #topmenu li {display: inline-block; zoom: 1; *display: inline; padding: 0 1px 0 1px; color: #FFEDC5; font-family: verdana,helvetica,arial; font-size: 9px; font-weight: Bold;} #topmenu li a {display: block; height: 24px; padding: 9px 10px 0 10px; color: #FFEDC5; text-decoration: none;} #topmenu li a:hover {color: #C49157;} /* ff8c00 FF4500 */ #zoekbox {width:20%; float: right; padding: 0;} #zoekbox form {padding: 7px 5px 2px 5px;} /* LINKERMENU */ #linkerbalk {float: left; width: 120px; margin: -15px 5px 0 0; padding: 3px; border: 1px solid #D3D3D3;} #linkermenu {margin-bottom: 7px;} #linkermenu li a {display: block; background: #F6F6F6 url(../images/linkermenu_bg_over.gif) repeat-x; width: 108px; margin: 0 0 5px 0; padding: 7px 5px 7px 5px; color: #282828; font-weight: bold; text-decoration: none; border: 1px solid #DADADA;} #linkermenu li a:hover {background: #E1E1E1;} /* url(../images/linkermenu_bg.gif) repeat-x */ /* RECHTERMENU */ #rechterbalk {float: right; width: 302px; background: #FFFFFF; margin: -15px 0 0 0; padding: 3px; border: 1px solid #D3D3D3;} #rechterlogin {width: 290px; background: #E2E2E2; margin: 0; padding: 5px 5px 10px 5px; border: 1px solid #D3D3D3;} /* CONTENT */ #content, #content-wide {float: left; background: #FFF; margin: -15px 1px 0 0; padding: 0px 7px 7px 7px; border: 1px solid #D3D3D3;} #content {width: 502px;} #content-wide {width: 816px;} #content ul, #content-wide ul {display: block; list-style: square; margin: 5px 0 15px 0; line-height: 15px;} #content ol, #content-wide ol {display: block; list-style: decimal;} #content li, #content-wide li {margin-left: 25px;} #content p, #content-wide p {margin: 5px 0 15px 0; line-height: 15px;} /* HOMEPAGE */ .hp_boxwrap {padding-bottom: 10px;} .hp_box {padding: 3px 10px; border: 1px solid #D3D3D3; background: url(../images/tekstblok_bg.gif) repeat-x;} .hp_box h2 {padding: 2px 2px 18px 2px;} /* TABLES */ table {width: 100%;} .formtable {margin: 0; padding: 0;} .formtable td {margin: 0; padding: 3px;} .listtable {margin: 0; padding: 0;} .listtable_top {height: 1px; margin: 0; padding: 0; border-bottom: 1px dotted #D3D3D3;} .listtable_tr_top {height: 5px; margin: 0; padding: 0;} .listtable td {margin: 0; padding: 3px;} .listtable_tr_bottom {height: 5px; margin: 0; padding: 0; border-bottom: 1px dotted #D3D3D3;} .listtable_bottom {height: 20px; margin: 0; padding: 0;} .shop_table_homepage {width: 100%; margin: 0; padding: 0;} /* social media */ .socialtable {margin: 0; padding: 0; width: 50%;} .socialtable td {margin: 0; padding: 8px;} #contentfooter {width: 100%;} /* BANNERS */ .banner {text-align: center; padding-top: 5px;} /* FOOTER */ #footer {height: 34px; width: 960px; padding: 18px 10px 0 10px; background: #707070 url(../images/pixel.gif) repeat-x; border-top: 1px solid #393939; border-bottom: 1px solid #393939;} #footer p {color: #FFEDC5; font-family: verdana,helvetica,arial; font-size: 9px; font-weight: Normal;} #footer a {color: #FFEDC5; text-decoration: none;} #footer a:hover {text-decoration: underline;} .footer-left {width: 40%; float: left;} .footer-right {width: 60%; float: right; text-align: right;}