body, td, html {
margin:0px;
font-family: arial;
}
body, html {
width: 100%;
}
/* Global site structuur (Met andere woorden, alleen de divjes etc, waar geen fonts in staan) */
div.bgschaduw {
background-image:url("/templates/www.101promotiekleding.nl/images/bgschaduw.jpg");
background-position: center 36px;
background-repeat: no-repeat;
width: 100%;
float: left;
}
div.bgschaduw div.boven { /* div boven staat in bgschaduw, ik zou dat ook in de css zo neerzetten zodat je geen andere styles overschrijft */
background-color: #333333;
float: left;
width: 100%;
}
div.boven div.buttons {
background-image:url(/templates/www.101promotiekleding.nl/images/buttonbg.jpg);
background-repeat: repeat-x;
background-position: bottom;
height: 40px;
background-color: #333333;
width: 1000px;
color: #000000;
margin-left: auto;
margin-right: auto;
}
div.buttons div.buttonbar {
float: left;
height: 40px;
width: 960px;
}
div.buttonbar a img {
visibility:hidden;
}
div.buttonbar a {
display: block;
float: left;
width:40px;
height: 40px;
background-repeat: no-repeat;
text-decoration: none;
}
div.buttonbar a.promotions {
display: block;
float: right;
width:70px;
height: 40px;
background-repeat: no-repeat;
text-decoration: none;
background-image: url(/templates/www.101promotiekleding.nl/images/button_promotions.png);
}
div.buttonbar a.promotions:hover {
background-image: url(/templates/www.101promotiekleding.nl/images/button_promotions_hover.png);
}
div.buttonbar a.relatiegeschenken { background-image: url(/templates/www.101promotiekleding.nl/images/button_relatiegeschenken.png); }
div.buttonbar a.drukwerk { background-image: url(/templates/www.101promotiekleding.nl/images/button_drukwerk.png); }
div.buttonbar a.beurswinkel { background-image: url(/templates/www.101promotiekleding.nl/images/button_beurswinkel.png); }
div.buttonbar a.promotiekleding { background-image: url(/templates/www.101promotiekleding.nl/images/button_promotiekleding.png); }
div.buttonbar a.bedrijfskleding { background-image: url(/templates/www.101promotiekleding.nl/images/button_bedrijfskleding.png); }
div.buttonbar a.relatiegeschenken:hover { background-image: url(/templates/www.101promotiekleding.nl/images/button_relatiegeschenken_hover.png); }
div.buttonbar a.drukwerk:hover { background-image: url(/templates/www.101promotiekleding.nl/images/button_drukwerk_hover.png); }
div.buttonbar a.beurswinkel:hover { background-image: url(/templates/www.101promotiekleding.nl/images/button_beurswinkel_hover.png); }
div.buttonbar a.promotiekleding:hover { background-image: url(/templates/www.101promotiekleding.nl/images/button_promotiekleding_hover.png); }
div.buttonbar a.bedrijfskleding:hover { background-image: url(/templates/www.101promotiekleding.nl/images/button_bedrijfskleding_hover.png); }
div.buttons img {
float: left;
}
/* einde van div.boven! */
/* div.main */
div.main {
position: relative;
width: 1000px;
margin-left: auto;
margin-right: auto;
}
div.main div#header {
width: 1000px;
height: 170px;
float: left;
}
/* sorry voor de style by id, maar hier kon het niet anders */
div.main div#header {background: url(/templates/www.101promotiekleding.nl/images/header.jpg) no-repeat;}
div.main div#header2 {background: url(/templates/www.101promotiekleding.nl/images/header1.jpg) no-repeat;}
div.main div#header3 {background: url(/templates/www.101promotiekleding.nl/images/header2.jpg) no-repeat;}
div.main div#header4 {background: url(/templates/www.101promotiekleding.nl/images/header3.jpg) no-repeat;}
div.catbalk div.categories {
height: 34px;
overflow: hidden;
float: left;
}
div.klantlinks {
float: right;
overflow: hidden;
}
div.main div.catbalk {
background-image:url(/templates/www.101promotiekleding.nl/images/bgbalk.jpg);
height: 34px;
float: left;
width: 1000px;
}
/* logo styles */
div.logo img {
padding: 10px;
padding-top: 30px;
border:0px;
}
div.logo {
float:left;
width: 250px;
height: 90px;
}
div.winkelmand h1 {
font-size: 12px;
margin: 5px;
}
div.winkelmand a {
color: #b44ec4;
text-decoration: none;
}
div.winkelmand a:hover {
color: #652f8e;
text-decoration: underline;
}
div.winkelmand p {
margin: 5px;
}
div.winkelmand p span.nb{
font-size: 9px;
}
div.winkelmand {
float: right;
background-image:url('/templates/www.101promotiekleding.nl/images/winkelmand.png');
width: 179px;
height: 55px;
margin-right: 20px;
margin-top: 15px;
padding: 2px;
padding-top: 7px;
font-size: 9px;
}
div.catbalk img {
float: left;
}
div.main div.catbalk a {
float: left;
color: #ffffff;
padding-top: 9px;
text-decoration: none;
height: 25px;
padding-left: 15px;
font-family: verdana;
font-size: 11px;
font-weight: bold;
padding-right: 15px;
background: url('/templates/www.101promotiekleding.nl/images/split.jpg') right no-repeat;
}
div.catbalk div.allecats {
float: right;
}
div.main div.catbalk a:hover {
background-position: 0px 0px;
background-repeat: repeat-x;
background-image:url(/templates/www.101promotiekleding.nl/images/button_over.jpg);
}
/* De style van het uitklapmenu */
div.main div#more_categories {
width: 1000px;
height: 0px;
overflow: hidden;
position: absolute;
top: 330px;
left: 0px;
z-index: 10;
}
div#more_categories div#more_cat_list {
float: right;
width: 425px;
background-color: #999999;
margin-right: 15px;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
padding-top: 10px;
padding-bottom: 20px;
font-size: 12px;
}
div#more_categories div#more_cat_list img, div#more_categories div#more_cat_list h1 {
display: none;
}
div#more_categories div#more_cat_list a {
padding-bottom: 3px;
padding-top: 4px;
width: 180px;
display: block;
float: left;
margin-left: 21px;
color: white;
border-bottom: 2px solid black;
text-decoration: none;
}
/* de zoekbanner */
div.main div.zoeken {
width: 1000px;
float: left;
background-color: #e6e6e6;
height: 32px;
text-align: center;
padding-top: 5px;
}
input.zoeken {
width: 300px;
border:1px solid #8c8c8c;
}
/*
Tot zover de banner en het zoekgebeuren
Vanaf hier is de verdeling in 3 kolommen aan de orde
*/
div.main div.menu1 { width: 212px; float: left; }
div.menu1 div.menuschaduw1 {width: 212px; float: left; background: url(/templates/www.101promotiekleding.nl/images/menu_bg.jpg) no-repeat;}
div.menu1 div.menuschaduw2 {width: 212px; float: left; background: url(/templates/www.101promotiekleding.nl/images/menu_top.jpg) no-repeat; }
div.menu1 div.menuschaduw3 {width: 212px; float: left; background: url(/templates/www.101promotiekleding.nl/images/menu_bottom.jpg) no-repeat bottom;}
div.menu1 div.menumarge{
/* margin: top right bottom left */
margin: 20px 10px 30px 10px;
font-family: arial;
font-size: 11px;
}
div.menu1 div.menumarge h1 {
font-size: 13px;
color: #8f4ec4;
display: inline;
}
strong.title {
font-size: 13px;
color: #8f4ec4;
display: inline;
}
div.menu1 div.menumarge a {
display: block;
width: 160px;
text-decoration: underline;
border-style:none;
}
div.menu1 div.menumarge p.menuitems {
padding-top: 10px;
padding-bottom: 15px;
margin: 0px;
}
div.menu1 div.menumarge p.menuitems strong a {
color: #8f4ec4;
}
div.menu1 div.menumarge p.menuitems a {
overflow: hidden;
background-image: url(/templates/www.101promotiekleding.nl/images/menu_button.png);
display: block;
width: 166px;
height: 21px;
text-decoration: none;
padding-left: 18px;
font-size: 11px;
padding-top: 2px;
background-repeat: no-repeat;
}
div.menu1 div.menumarge p.menuitems a:hover {
background-image: url(/templates/www.101promotiekleding.nl/images/menu_button_hover.png);
}
/*
einde van de styles van het linkermenu
nu komt de hoofdcontent van de site!
*/
div.content {
float: left;
margin-top: 20px;
width: 560px;
font-size: 11px;
}
div.content_bestellen {
float: left;
margin-top: 20px;
width: 810px;
font-size: 11px;
margin-left: 100px;
}
div.content span#breadcrumb {
width: 565px;
margin-bottom: 5px;
height: 25px;
display: block;
float: left;
}
div.content span#breadcrumb a {
text-decoration: none;
color: black;
}
div.content a {
color: #000000;
font-size: 11px;
}
div.content p {
color: #000000;
font-size: 11px;
}
div.content h1 {
color: #8f4ec4;
font-size: 13px;
display: inline;
}
div#adv_banner {
float: left;
margin-bottom: 10px;
background: url('/templates/www.101promotiekleding.nl/images/banner/border.png') no-repeat;
width: 556px;
height:214px;
}
div#adv_banner a.adv_button:hover {
margin-left: 27px;
color: rgb(255, 138, 68);
}
div#adv_banner a.adv_button {
background: url("/templates/www.101promotiekleding.nl/images/banner/titleshadow.png") right bottom no-repeat;
padding: 3px;
font-size: 16px;
font-weight: bold;
color: rgb(234, 108, 38);
text-decoration: none;
margin-bottom: 15px;
margin-left: 30px;
display: block;
float: left;
width: 154px;
height: 36px;
}
div#adv_buttons {
margin-top: 25px;
float: left;
width: 200px;
height: 214px;
}
div#adv_content {
background: url(/templates/www.101promotiekleding.nl/images/banner/koksig.png) center center no-repeat;
width: 356px;
float: left;
height: 214px;
}
div#adv_overlay {
background: url(/templates/www.101promotiekleding.nl/images/banner/herfstig.png) center center no-repeat;
float: left;
width: 356px;
height: 214px;
opacity:0.0;
filter:alpha(opacity=0);
}
div.menu2 {
width: 220px;
margin-top: 20px;
float: right;
font-size: 9pt;
}
div.menuright1 {
width: 201px;
float: left;
margin-left: 9px;
background-image:url(/templates/www.101promotiekleding.nl/images/rightmenubg.png);
margin-bottom:10px;
}
div.menuright2 {
width: 201px;
float: left;
background-image:url(/templates/www.101promotiekleding.nl/images/rightmenutop.png);
background-repeat:no-repeat;
}
div.menuright3 {
width: 201px;
float: left;
background-image:url(/templates/www.101promotiekleding.nl/images/rightmenubottom.png);
background-repeat:no-repeat;
background-position: bottom;
}
div.menumarge2 {
margin: 10px;
font-size: 11px;
}
div#verantwoord {
margin: 5px;
}
div#verantwoord h1 {
font-size: 11px;
color: black;
font-weight: bold;
}
div#verantwoord img {
margin-bottom: 5px;
}
img.belons {
border:0px;
margin-left: 9px;
float: left;
margin-bottom:10px;
}
div.main_bottom1 {
width: 100%;
float: left;
background: url(/templates/www.101promotiekleding.nl/images/main_bottom_bg.jpg) repeat-x;
background-color: #333333;
height: 200px;
}
div.main_bottom2 {
width: 100%;
float:left;
background-image: url('/templates/www.101promotiekleding.nl/images/main_bg1.jpg');
background-position: top center;
background-repeat: no-repeat;
}
div.footercontent {
width: 1000px;
margin: 0 auto;
}
div.footercontent a {
color: #d3d3d3;
text-decoration: none;
}
div.footer {
background-image: url('/templates/www.101promotiekleding.nl/images/main_bg2.jpg');
margin-top: 100px;
width: 100%;
font-size: 13px;
background-color: #333333;
color: #d3d3d3;
}
#footerlinks {
text-align: center;
font-size: 9px;
margin-top: 20px;
float: left;
width: 100%;
}
#footerlinks a {
color: #d2d2d2;
}
div.hr {
background-image:url(/templates/www.101promotiekleding.nl/images/hr.jpg);
background-repeat: repeat-x;
margin-top: 5px;
height: 1px;
clear: both;
}
div.footerimages {
float: left;
width: 100%;
text-align: center;
}
div.footerimages img {
margin-left: 10px;
}
div.whitebalk {
float: left;
width: 1000px;
height: 90px;
}
div.product {
background: url(/templates/www.101promotiekleding.nl/images/center_back.png) no-repeat bottom right;
float: left;
width: 140px;
border:1px solid #cccccc;
height: 138px;
margin-right: 14px;
margin-bottom: 14px;
margin-top: 20px;
padding: 2px 16px 0px 16px;
}
div.product a img {
border-style: none;
}
div.product a {
text-decoration: none;
margin-top: 10px;
color: black;
font-size: 11px;
}
div.category {
background: url(/templates/www.101promotiekleding.nl/images/center_back.png) no-repeat bottom right;
float: left;
width: 135px;
height: 138px;
margin-right: 14px;
margin-bottom: 14px;
margin-top: 20px;
padding: 5px 16px 0px 16px;
text-align: center;
border: 1px solid #cccccc;
}
div.category a img {
border-style: none;
text-align: center;
}
div.category span.name a{
border-style: none;
text-align: center;
margin-left: 10px;
text-decoration: none;
margin-top: 10px;
color: #000000;
font-size: 11px;
}
div.menuschaduw1 b {
color: #8f4ec4;
font-size: 14px;
}
div.menuschaduw1 a {
color: #555555;
font-size: 12px;
margin-bottom: 1px;
}
img {
border: 0px;
}
b.oranje {
color: #612b8b;
font-size: 14px;
}
div.promotions {
float: right;
}
div.kolom_bottom {
width: 220px;
float: left;
color: #d3d3d3;
}
div.kolom_bottom a {
color: #d3d3d3;
}
div.oranje-lijn {
border-bottom: 2px dotted #612b8b; width: 540px; float: left;
}
div.kort_lijntje {
border-bottom: 2px dotted #612b8b;
}