/*
	CSS-File voor Amosport.be
	Jan Heuninck - 2008
*/

@font-face {
	font-family: 'CABNDWebBold';
	src: url('../fonts/cabndwebbold-webfont.eot');
	src: local('☺'), url('../fonts/cabndwebbold-webfont.woff') format('woff'), url('../fonts/cabndwebbold-webfont.ttf') format('truetype'), url('../fonts/cabndwebbold-webfont.svg#webfontfLzWLMkL') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('yanonekaffeesatz-regular-webfont.eot');
	src: local('☺'), url('../fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('../fonts/yanonekaffeesatz-regular-webfont.svg#webfonteo3Wvfs7') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
background-image:url("../images/background.gif");
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#262626;
padding:0;
}

/* LAYOUT: OPBOUW */
#wrapper {
width:800px;
background:#FFF;
border:1px solid #262626;
margin:0 auto;
}

#header {
height:120px;
}

#content {
width:760px;
float:left;
color:#262626;
margin:0 20px 20px;
}

#producten {
width:570px;
float:left;
}

#sidebar {
width:190px;
float:right;
}

.persoonsgegevens {
width:50%;
float:left;
margin:0;
padding:0;
}

#footer {
height:22px;
clear:both;
background:#D82B27;
}

/* LAYOUT: MENU */
#menu {
position:relative;
display:block;
height:39px;
font-size:95%;
font-weight:700;
background:transparent url("../images/bgOFF.gif") repeat-x top left;
}

#menu ul {
list-style-type:none;
width:auto;
margin:0;
padding:0;
}

#menu ul li {
display:block;
float:left;
margin:0;
}

#menu ul li a {
display:block;
float:left;
color:#666;
text-decoration:none;
height:23px;
background:transparent url("../images/bgDIVIDER.gif") no-repeat top right;
padding:11px 20px 0;
}

#menu ul li a:hover,#menu ul li a.current {
color:#971F1B;
background:#fff url("../images/bgON.gif") no-repeat top right;
}

/* LAYOUT: INHOUD */
span#headerLanguage {
font-size:80%;
margin:4px 0 0 4px;
padding:0;
}

span.amoSport {
font-weight:700;
color:#D82B27;
}

p {
text-align:justify;
}

p.bijschrift {
text-align:center;
color:#666;
font-size:80%;
font-style:italic;
margin:0 0 5px;
}

p.announcement {
text-align:center;
font-size:105%;
font-weight:700;
color:#971F1B;
border:medium double #971F1B;
clear:both;
margin:15px 0;
padding:10px;
}

p.brands {
text-align:center;
}

/*
h1, h2, h3, h4 {
font-family: 'YanoneKaffeesatzRegular';
}*/

h1 {
color:#971F1B;
font-size:130%;
border-bottom:1px dotted #262626;
margin:2px 0 7px;
padding:1px 0 4px;
}

h2 {
color:#971F1B;
font-size:120%;
margin:0;
padding:3px 0 5px;
}

h3 {
font-style:italic;
color:#B35320;
font-size:110%;
margin:0;
padding:3px 0;
}

h4 {
text-decoration:underline;
color:#B35320;
font-size:100%;
margin:0;
padding:8px 0 2px;
}

#content ul {
list-style:none;
font-size:100%;
line-height:125%;
vertical-align:middle;
margin:0;
}

#content li {
background:url("../images/icons/bullet1.png") center left no-repeat;
line-height:150%;
padding:0 0 2px 19px;
}

#content li.goback {
background:url("../images/icons/vorige.png") center left no-repeat;
}

#content li.nobullet {
background:none;
}

#content li.logo {
background:url("../images/icons/bullet4.png") center left no-repeat;
clear:both;
font-size:95%;
}

#content li.adres {
background:url("../images/icons/adres.png") center left no-repeat;
padding:0 0 0 23px;
}

#content li.telefoon {
background:url("../images/icons/telefoon.png") center left no-repeat;
padding:0 0 0 23px;
}

#content li.fax {
background:url("../images/icons/fax.png") center left no-repeat;
padding:0 0 0 23px;
}

#content li.email {
background:url("../images/icons/email.png") center left no-repeat;
padding:0 0 0 23px;
}

#content ul ul li {
background:url("../images/icons/bullet2.png") center left no-repeat;
font-style:italic;
}

#content ul ul ul li {
background:url("../images/icons/bullet3.png") center left no-repeat;
}

#content ol {
line-height:125%;
}

#content ol li {
background:none;
line-height:150%;
padding:0 0 2px;
}

a.noStyle:link,a.noStyle:visited,a.noStyle:hover,a.noStyle:active {
text-decoration:none;
color:#262626;
border:none;
margin:0;
padding:0;
}

a.none:link img,a.none:visited img,a.none:hover img,a.none:active img {
border:none;
}

/* LAYOUT: FOOTER */
#footer p {
font-size:80%;
font-variant:small-caps;
text-align:center;
color:#D9D9D9;
padding:4px 0 2px;
}

#footer .imgFooter {
float:right;
padding-left:5px;
border-style:none;
}

/* LAYOUT: AFBEELDINGEN */
.brand {
max-height:33px;
height:auto !important;
border:none;
padding:2px;
}

.brandBig {
max-height:60px;
height:auto !important;
border:none;
padding:2px;
}

.imgParagraaf {
display:block;
border:1px solid #262626;
float:left;
margin:15px 10px 5px 0;
padding:2px;
}

.imgLogo {
float:right;
border:none;
margin:0 15px 0 0;
padding:0;
}

.imgParagraafRechts {
display:block;
border:1px solid #262626;
float:right;
margin:13px 0 5px 10px;
padding:2px;
}

.imgParagraafCenter {
display:block;
border:1px solid #262626;
margin:5px auto 2px;
padding:2px;
}

.imgFormulier {
display:block;
text-align:center;
margin:5px 10px 5px 0;
}

.thumb {
margin:8px 14px 8px 0;
padding:4px;
}

a.thumbLink img {
background-color:#FCC;
border:none;
}

a.thumbLink:hover img {
background-color:#D82B27;
border:none;
}

/* LAYOUT: FORMULIER */
.error {
font-weight:700;
font-variant:small-caps;
color:#971F1B;
}

.buttons {
background-color:#B32320;
color:#D9D9D9;
text-align:center;
width:140px;
}

.inputformulier,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#262626;
width:95%;
font-size:100%;
}

td {
vertical-align:top;
}

td.formImg {
width:170px;
vertical-align:middle;
}

/* LAYOUT: SUBMENU*/
#submenu ul {
float:right;
width:180px;
list-style:none;
background-color:#FCC;
margin:10px 0 15px 10px;
padding:0 0 5px;
border-bottom: 1px solid #D82B27;
border-left: 1px solid #D82B27;
border-right: 1px solid #D82B27;
}

#submenu img {
border:1px solid #D82B27;
margin:5px 0 0;
padding:0;
}

#submenu li {
list-style-type:none;
background:none;
margin:0;
}

#submenu li.hoofding {
font-size:115%;
color:#fff;
border-bottom:1px solid #fff;
background-color:#D82B27;
margin-bottom:5px;
padding:10px 10px 10px 19px;
}

#submenu li.inhoud {
line-height:160%;
color:#666;
margin:4px 15px;
padding:0;
}

#submenu li.adres {
line-height:160%;
color:#666;
background:#FCC url("../images/icons/adres.png") no-repeat center left;
margin:0 15px;
padding:0 0 2px 23px;
}

#submenu li.promotionTitle {
line-height:100%;
color:#D82B27;
text-align:center;
text-transform:capitalize;
font-variant:small-caps;
font-weight:700;
margin:-5px 15px 0;
padding:0;
}

#submenu li.telefoon {
line-height:160%;
color:#666;
background:#FCC url("../images/icons/telefoon.png") no-repeat center left;
margin:0 15px;
padding:0 0 2px 23px;
}

#submenu li.fax {
line-height:160%;
color:#666;
background:#FCC url("../images/icons/fax.png") no-repeat center left;
margin:0 15px;
padding:0 0 2px 23px;
}

#submenu li.email {
line-height:160%;
color:#666;
background:#FCC url("../images/icons/email.png") no-repeat center left;
margin:0 15px;
padding:0 0 2px 23px;
}

/* REALISATIE: DETAIL */
.realisatieDetail {
width:100px;
background:#FCC;
color:#000;
float:left;
display:block;
margin:8px 18px 8px 0;
padding:4px 4px 0;
}

.realisatieDetail p {
text-align:center;
font-variant:small-caps;
font-weight:700;
max-width:104px;
margin:0 0 2px;
padding:0;
}

.realisatieDetail img {
border:none;
margin:0;
padding:0;
}

/* PRODUCTEN */
.product {
width:90px;
background:#FCC;
color:#000;
float:left;
display:block;
cursor:pointer;
margin:15px 16px 2px 0;
padding:4px 4px 0;
}

.productEmpty {
float:left;
clear:left;
margin:0;
padding:0;
}

.productGreen {
width:90px;
background:#CCFF80;
color:#000;
float:left;
display:block;
cursor:pointer;
margin:15px 16px 2px 0;
padding:4px 4px 0;
}

.productGreen:hover {
background:#6BB300;
color:#FFF;
}

.productItem {
border-bottom:1px solid #D82B27;
float:left;
margin:15px 0 5px;
padding:0 0 15px;
}

.productItemImage {
width:100px;
float:left;
margin:5px;
padding:0;
}

.productItemImage img {
border:1px solid #FCC;
}

.productItemDescription {
width:435px;
float:right;
padding:0 5px;
}

p.productItemName {
font-weight:700;
font-size:105%;
text-align:left;
margin:0;
padding:0;
}

p.productItemDescription {
font-style:italic;
font-size:95%;
text-align:left;
margin:5px 0;
padding:0;
}

/* NAVIGATIE */
span.navigation {
float:right;
margin:-20px 16px 0 0;
}

a.navigation:hover {
font-size:80%;
color:#262626;
text-decoration:underline;
}

img.navigation {
padding:0 2px;
}

a.lnk:link,a.lnk:active {
color:#971F1B;
text-decoration:none;
border-bottom:1px dashed;
}

a.lnk:visited,a.lnk:hover {
color:#B35320;
text-decoration:none;
border-bottom:1px dashed;
}

a.submenu:link,a.submenu:visited,a.submenu:active {
color:#8C1B19;
text-decoration:none;
line-height:150%;
margin:5px;
padding:3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.submenu:hover,a.submenu:hover,a.submenuCurrent:link,a.submenuCurrent:visited,a.submenuCurrent:hover,a.submenuCurrent:active {
color:#fff;
text-decoration:none;
border-bottom:none;
background-color:#D82B27;
line-height:150%;
margin:5px;
padding:3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.realisatieDetail:hover,.product:hover {
background:#D82B27;
color:#FFF;
}

.product p,.productGreen p {
text-align:center;
font-variant:small-caps;
font-weight:700;
max-width:94px;
margin:3px 0;
padding:0;
}

.product img,.productGreen img {
margin:0;
padding:0;
}

a.navigation:link,a.navigation:visited,a.navigation:active {
font-size:80%;
color:#AAA;
text-decoration:underline;
}