/* AUTHOR: ---------------------------------------------------- Sander Mulder All rights reserved. www.sandermulder.com ----------------------------------------------------*/ /* COLORS: ---------------------------------------------------- Selector grey: #c0c0c0 ----------------------------------------------------*/ /* ############### BEGIN GLOBAL PARAMETERS: ###########*/ #screenshot{ position:absolute; border:1px solid #545454; background:#fff; display:none; } *{ margin: 0; padding: 0; text-decoration: none; } body{ margin: 20px; font-family: Georgia, Verdana, Arial, Palatino, serif; font-size: 11px; color: #231f20; font-style: italic; /* weer aangezet hele site italic */ /* line-height: 15px; uitgezet ivm rare dingen in combi met pics*/ text-decoration:none; text-align: left; /* background-image: url(../img/diagonals.jpg); DIAGONAL LINES uitgezet */ } p{ margin-bottom: 11px; } /* error form */ ol{ list-style-position: inside; } a { font-weight: bold; color:#000; background:#fff; text-decoration: none; outline: none;} /* unvisited links */ a:visited { font-weight: bold; color:#000; background:#fff; text-decoration: none; } /* visited links */ a:hover { font-weight: bold; color:#fff; background:#000; text-decoration: none; outline:none;} /* user hovers */ a:active { font-weight: bold; color:#fff; background:#000; text-decoration: none; outline:none; } /* active links */ img{ border: 0; } h1{ font-size: 14px; font-weight: bold; } h2{ font-size: 11px; font-weight: bold; } h3{ font-size: 30px; font-weight: bold; } #left-column{ float: left; width: 200px; /*border: 1px solid #000;*/ } #right-column{ margin-left: 220px; /* WORKAROUND TEMP krijg columns niet netjes gefloat....*/ /*border: 1px solid #000;*/ max-width: 880px; /* 4 thumbs was 660px; = 3 thumbs */ } #maxwidth{ max-width: 660px; /* 4 thumbs was 660px; = 3 thumbs */ } /* ############### END GLOBAL PARAMETERS: #############*/ /* ############### BEGIN LEFT-COLUMN: #################*/ .red { color:red; font-weight: bold; } /* LOGO: ----------------------------------------------------*/ #left-column a#logo img{ margin-top: 125px; } a#logo:hover { background: none; } /* PRESSSECTION */ #logo { margin-top: 125px; } /* TEXT: ----------------------------------------------------*/ #text{ margin-top: 20px; background: white; /* padding: 5px; */ } #text a, .contenttext a, .notes a { font-weight: bold; color:#000; background:#fff; text-decoration: none; outline: none;} /* text-decoration: underline; */ /* unvisited links */ #text a:visited, .contenttext a:visited, .notes a:visited { font-weight: bold; color:#000; background:#fff; text-decoration: none; } /* text-decoration: underline; */ /* visited links */ #text a:hover, .contenttext a:hover, .notes a:hover { font-weight: bold; color:#fff; background:#000; text-decoration: none; outline:none;} /* user hovers */ #text a:active, .contenttext a:active, .notes a:active { font-weight: bold; color:#fff; background:#000; text-decoration: none; outline:none; } /* active links */ #text img{ vertical-align: middle; } /* ############### END LEFT-COLUMN: ###################*/ /* ############### BEGIN RIGHT-COLUMN: ################*/ /* CONTENT: ----------------------------------------------------*/ /*Sitemap*/ div.sitemaptext{width: 400px; background:#fff; margin-bottom: 20px; padding: 10px;} ul.sitemap { margin-left: 50px; list-style-position: inside; } ul.sitemap li { font-size: 16px; } ul.sitemap ul li { font-size: 13px; } ul.sitemap ul ul li { font-size: 11px; } ul.sitemap ul, ul.sitemap ul li{ margin-left: 20px; line-height: 18px; list-style-position: inside; } /* HOVER FUNCTIE ALLE PRODUCT PAGES*/ #thumbs a { font-style: italic; font-size: 27px; line-height: 27px; margin: 0 20px 20px 0; width:200px; height:200px; float:left; } /* link groot maken marge en plaatsen */ #thumbs a strong {display:none; } /* text uit link verstoppen */ #thumbs a img { border:0; width:200px; height:200px; } #thumbs a:hover { height:200px; width:200px; } #thumbs a:hover strong { display:block; font-weight:normal; position:relative; left:10px; top:135px; } /* door strong tag is ie te positioneren en die maken we hier ongedaan, link laten zien */ #thumbs a:hover img { display:none; } /* HOVER FUNCTIE ALLE DOWNLOAD PAGES*/ #downloads a { font-style: italic; font-size: 27px; line-height: 27px; margin: 0 20px 20px 0; width:200px; height:283px; float:left; } /* link groot maken marge en plaatsen */ #downloads a strong { font-size: 20px; display:none; } /* text uit link verstoppen */ #downloads a img { border:0; width:200px; height:283px; } #downloads a:hover { height:283px; width:200px; } #downloads a:hover strong { display:block; font-weight:normal; position:relative; top:75px; text-align: center; } /* door strong tag is ie te positioneren en die maken we hier ongedaan, link laten zien */ #downloads a:hover img { display:none; } /* HOVER FUNCTIE CLIENTS PAGES*/ #clients a { font-style: italic; font-size: 27px; line-height: 27px; margin: 0 20px 20px 0; width:100px; height:100px; float:left; } /* link groot maken marge en plaatsen */ #clients a strong { font-size: 20px; display:none; } /* text uit link verstoppen */ #clients a img { border:0; width:100px; height:100px; } #clients a:hover { height:100px; width:100px; } #clients a:hover strong { display:block; font-weight:normal; position:relative; top:20px; text-align: center; } /* door strong tag is ie te positioneren en die maken we hier ongedaan, link laten zien */ #clients a:hover img { display:none; } /* HOVER FUNCTIE PRESS SECTION PAGES*/ #press a { font-style: italic; font-size: 27px; line-height: 27px; margin: 0 20px 20px 0; width:200px; height:200px; float:left; } /* link groot maken marge en plaatsen */ #press a strong { font-size: 20px; display:none; } /* text uit link verstoppen */ #press a img { border:0; width:200px; height:200px; } #press a:hover { height:200px; width:200px; } #press a:hover strong { display:block; font-weight:normal; position:relative; top:25px; text-align: center; } /* door strong tag is ie te positioneren en die maken we hier ongedaan, link laten zien */ #press a:hover img { display:none; } /* Products&projects page only */ #content img.products { clear: right; margin-bottom: 20px; } #content div.contenttext { width: 630px; background:#fff; margin-bottom: 20px; } div.country {background:#000; color:#fff; width: 390px; padding-left:10px; font-weight:bold; line-height: 18px;} .ordertext { width: 520px; background:#fff; margin-bottom: 20px; } ul.notes strong { color:red; font-weight: bold; } /* BEGIN CONTACT PAGE */ #adres{text-align: right; font-weight: bold; } div.emailrows { clear: right; /* uitgezet both; firefox bug*/ padding-top: 5px; } div.emailrows span.label { float: left; width: 100px; text-align: right; margin-right: 15px; font-weight: bold; } div.emailrows span.label strong { color:red; font-weight: bold; } div.emailrows span.formw { text-align: left; background:#fff; } input{ font-family: Georgia, Verdana, Arial, Palatino, serif; font-style: italic; font-size:11px; text-decoration: none; padding-left: 5px; } /* rare effecten in IE met quotation als je over links gaat input.radiobutton{ font-family: Georgia, Verdana, Arial, Palatino, serif; font-style: italic; font-size:11px; margin-left:10px; text-decoration: none; border: none; } */ textarea{ padding: 5px; font-family: Georgia, Verdana, Arial, Palatino, serif; font-style: italic; font-size:11px; text-decoration: none; width: 400px; height: 200px; } button{ font-size: 11px; font-family: Georgia, Verdana, Arial, Palatino, serif; text-decoration: none; font-weight: bold; } form#formidable{ margin-bottom: 20px; position: relative; left:-115px; } /* END CONTACT PAGE */ /* BEGIN ORDER PAGE */ table#mytable{ position: relative; left:115px; background:#fff; margin-bottom: 20px; } th{ color: #fff; background: #000;} th.row1 { width: 160px; text-align: center; } th.row2 { width: 75px; text-align: center; } th.row3 { width: 150px; text-align: center; } th.row4 { width: 100px; text-align: center; } td.row1 { border: 1px dotted #dcc; width: 160px; padding-left: 5px; } td.row2 { border: 1px dotted #dcc; width: 75px; text-align: center; } td.row3 { border: 1px dotted #dcc; width: 150px; text-align: center; } td.row4 { border: 1px dotted #dcc; width: 100px; text-align: center; } td.title{ font-weight: bold; } table input{ text-align: center;} ul.notes{ position: relative; left:115px; background:#fff; margin-bottom: 20px; width: 520px; list-style: none; } #mytable a:hover { color:#fff; background:#000; } /* FOOTER: ----------------------------------------------------*/ #footer{ line-height: 20px; height: 20px; clear: both; /* uitgezet firefox bug*/ width: 520px; /*border-top: 1px solid #545454; border-bottom: 1px dotted #dcc; */ background:#fff; } /* CONTACT: ----------------------------------------------------*/ /* ############### END RIGHT-COLUMN: ##################*/ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/slide_fly.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #menu a { background:none; text-decoration: none; } /* unvisited links UITZETTEN GLOBALS*/ #menu a:visited { background:none; text-decoration: none; } /* visited links UITZETTEN GLOBALS */ #menu a:hover { background:none; text-decoration: none; outline:none;} /* user hovers UITZETTEN GLOBALS */ #menu a:active { background:none; text-decoration: none; outline:none; } /* active links UITZETTEN GLOBALS */ #menu {list-style-type:none; padding:0; margin:0; z-index:100; float:left; position:fixed; left:13px; top:15px; } /* added: left:13px; top:10px; edited width:150px; REMOVE THE BACKGROUND LATER LEFT FOR REFERENCE PURPOSES*/ #menu ul {list-style-type:none; padding:0; margin:0;} #menu li {float:left; background:url(../img/menu.png ) no-repeat;} /*DOET NIKS??? edited: url(slide/slide_0.gif) background:#fff*/ #menu li.sub {background:url(../img/menu.png) no-repeat; width:215px;} /*achtergrond menu edited: url(slide/slide_0.gif) removed background:#fff added: width:215px; */ /* ADDED BY ME makes menu bold 10 px and positions */ #menu li.sub a#starter { font-weight:bold; font-size:10px; text-indent:16px;} #menu li, #menu li a {display:block; color:#000; font-family:Georgia, Verdana, Arial, Palatino, serif; font-size:11px; line-height:30px; width:200px; text-decoration:none; cursor:pointer; font-weight:normal; text-align:left; text-indent:10px;} /* added: text-indent:15px; edited: color:#fff; width:150px; font-family:arial, sans-serif; font-weight:bold; text-align:center;*/ #menu table {border-collapse:collapse; padding:0; margin:0 -1px -1px;} #menu ul, #menu :hover ul ul, #menu :hover ul :hover ul ul {position:absolute; left:-9999px; width:200px;} /* edited width:150px;*/ #menu :hover {color:#000; z-index:500; white-space:nowrap;} /*DOET NIKS??? removed background:#fff url(slide/slide_1.gif) no-repeat;*/ /* edited: color:#fff;*/ #menu :hover > a {color:#000; z-index:500; white-space:nowrap; } /*achtergrond menu op hover removed: background:#fff url(slide/slide_1.gif) no-repeat;*/ /* edited: color:#fff;*/ #menu :hover ul {position:static; height:207px; margin-left:5px; margin-top:-1px; background:#000; border:1px solid #545454;} /* menu zelf UL; VERANDERD NIKS ?? added: margin-left:5px; edited: background:#383838; + border:1px solid #545454;*/ #menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul {display:block; position:absolute; left:187px; top:0; height:auto; z-index:500; border:1px solid #545454;} /* edited: left:130px; border:1px solid #fff; */ #menu :hover ul li, #menu :hover ul li a {color:#000; background:#fff; text-align:left; text-indent:10px; line-height:20px;} /* eerste laag niet flyout link edited: background:#383838; + line-height:20px; color:#000;*/ #menu :hover ul li.fly a {color:#000; background:#fff url(../img/arrow.gif) no-repeat 181px center;} /* eerste laag flyout link edited: 120px center; background:#383838; url(slide/arrow1.gif) + color:#000;*/ #menu :hover ul :hover {background:#000; color:#fff; position:relative; z-index:100; font-weight:bold; font-size:12px;} /* eerste laag niet flyout link op hover edited: background:#255fa3; + color:#fff; added: font-weight:bold; font-size:12px;*/ #menu a:hover ul li.fly a:hover {background:#000 url(../img/arrow1.gif) no-repeat 181px center; color:#fff; font-weight:bold; font-size:12px;} /* IE 6 eerste laag flyout link op hover edited: 120px center; background:#255fa3; added: font-weight:bold; font-size:12px;*/ #menu :hover ul li.fly:hover > a {background:#000 url(../img/arrow1.gif) no-repeat 181px center; color:#fff; font-weight:bold; font-size:12px;} /* IE 7 eerste laag flyout link op hover edited: 120px center; background:#255fa3; added: font-weight:bold; font-size:12px;*/ /* ADDED BY ME first menu layer lines between menu items */ #menu :hover ul li.spacer {line-height:1px; height:1px; background:#dcdcdc;} #menu :hover ul li.spacer:hover {line-height:1px; height:1px; background:#dcdcdc;} #menu :hover ul :hover ul li, #menu :hover ul :hover ul li a{background:#fff;} /* tweede laag niet flyout link edited: background:#666; */ #menu :hover ul :hover ul :hover ul li {background:#fff; z-index:500;} /* VERANDERD NIKS ?? edited: background:#666; */ #menu :hover ul :hover ul li.fly a {background: #fff url(../img/arrow.gif) no-repeat 181px center;} /* tweede laag flyout link edited: 120px center; background:#626262; */ #menu :hover ul :hover ul :hover {z-index:500; background:#000; color:#fff; font-weight:bold; font-size:12px;} /* tweede laag niet flyout link op hover edited: background:#0d72c0; added: font-weight:bold; font-size:12px;*/ #menu a:hover ul a:hover ul li.fly a:hover {background:#000 url(../img/arrow1.gif) no-repeat 181px center; color:#fff; font-weight:bold; font-size:12px; } /* IE 6 tweede laag flyout link op hover edited: 120px center; background:#0d72c0; added: font-weight:bold; font-size:12px;*/ #menu :hover ul :hover ul li.fly:hover > a {background:#000 url(../img/arrow1.gif) no-repeat 181px center; color:#fff; font-weight:bold; font-size:12px; } /* IE 7 tweede laag flyout link op hover edited: 120px center; background:#0d72c0; added: font-weight:bold; font-size:12px;*/ /* ADDED BY ME second menu layer lines between menu items */ #menu :hover ul :hover ul li.spacer {line-height:1px; height:1px; background:#dcdcdc;} #menu :hover ul :hover ul li.spacer:hover {line-height:1px; height:1px; background:#dcdcdc;} #menu :hover ul :hover ul :hover ul li, #menu :hover ul :hover ul :hover ul li a {background:#fff;} /* derde laag niet flyout link edited: background:#888; */ #menu :hover ul :hover ul :hover ul :hover {background:#000; color:#fff; font-weight:bold; font-size:12px; } /* derde laag flyout link op hover edited: background:#5184b8; added: font-weight:bold; font-size:12px;*/ #menu :hover ul :hover ul :hover ul :hover a {color:#fff; font-weight:bold; font-size:12px;} /* derde laag VERANDERD NIKS ?? added: font-weight:bold; font-size:12px;*/ /* ADDED BY ME third menu layer lines between menu items */ #menu :hover ul :hover ul :hover ul li.spacer {line-height:1px; height:1px; background:#dcdcdc;} #menu :hover ul :hover ul :hover ul li.spacer:hover {line-height:1px; height:1px; background:#dcdcdc;}