/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:29/11/07 author:Maykel Swaans email:Maykel@eyeworx-am.nl website:www.studio-tilburg.com -----------------------------------------------------------------------------*/ /* Remove margin, padding and border from everything -----------------------------------------------------------------------------*/ *{margin:0;padding:0;border:0;}
/* Set up the document -----------------------------------------------------------------------------*/ html{height:100%;}
body{height:100%;font-family:Courier new;font-size:12px;behavior:url("csshover.htc");background:#0088a9;}
#cleardiv{clear:both;height:32px;}
h1{font-family:georgia;font-size:20px;color:black;font-weight:normal;font-style:italic;}
h2{font-family:courier new;font-size:20px;color:black;font-weight:normal;}
h3{font-family:georgia;font-size:16px;color:black;font-weight:normal;}
h4{font-family:georgia;font-size:12px;color:black;font-weight:normal;font-style:italic;}
a{font-weight:normal;text-decoration:none;color:red;}
a:hover{font-weight:normal;text-decoration:underline;color:black;}
/* Includes -----------------------------------------------------------------------------*/ #menuleft{color:#000000;left:60px;position:relative;top:32px;width:150px;padding:0px 5px;text-transform:uppercase;}
#menuleft ul{list-style:none;padding:0px;height:auto;margin-bottom:8px;z-index:300;}
#menuleft li{position:relative;}
#menuleft ul ul{position:absolute;z-index:500;left:150px;top:0px;width:180px;height:auto;color:black;background:white;margin:0px;padding-left:6px;border:1px solid red;}
#menuleft ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menuleft ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;background:#ffdfa4;}
#menuleft ul ul ul ul ul{position:absolute;top:0px;left:100%;border:0px;font-weight:normal;border-bottom:0px;background:#ffdfa4;}
#menuleft ul a.first{background:none;color:black;text-decoration:none;font:12px Courier New;font-weight:normal;display:block;margin:0px;padding:3px 5px;border-right:0px solid #fff;width:150px;}
#menuleft ul a{background:none;color:#000;text-decoration:none;font:12px Courier New;font-weight:normal;display:block;margin:0px;padding:3px 5px;border-right:0px solid #fff;width:150px;}
#menuleft ul ul a{background:white;font-weight:normal;color:black;padding:2px 10px;width:160px;}
#menuleft ul ul a:hover{background:white;color:red;width:160px;}
#menuleft ul a:hover{color:red;}
#menuleft ul a.first:hover{color:red;}
div#menuleft ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul, div#menu ul ul ul li:hover ul ul{display:none;}
div#menuleft ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, div#menu ul ul ul ul li:hover ul{display:block;}
/* header -----------------------------------------------------------------------------*/ #header{width:875px;height:209px;top:0px;background:url(getfile.php?id=280) no-repeat;}
#header #menu{width:auto;height:auto;position:absolute;top:30px;left:60px;}
#header #shoes{position:absolute;top:30px;right:250px;}
#header #searchbox{position:absolute;top:33px;left:620px;}
/* content -----------------------------------------------------------------------------*/ #content{width:875px;font-family:courier new;font-size:12px;color:#595959;background:url(getfile.php?id=272) repeat-y;height:380px;}
#panneltitels{padding-top:5px;font-style:italic;font-family:georgia;font-size:14px;}
#pannelsummary{min-height:120px;}
#pannelvisual{height:176px;width:140px;border:1px solid black;}
#content #rij1{float:left;width:167px;padding:0px 0px 5px 10px;}
#content #rij1 #artikel{text-align:center;}
#content #rij1 #artikel a{color:#757779;text-decoration:none;}
#fotoboek{width:165px;}
.fotoboekafbeelding{background:url(getfile.php?id=291) no-repeat;width:72px;height:88px;}
#artimage{padding:10px 0px 10px 0px;}
#content #rij2{float:left;width:480px;padding:0px 10px 10px 10px;}
#content #rij3{float:right;width:168px;padding-left:5px;}
#newsletter{width:160;}
#special{text-align:center;}
#colum{width:875px;min-height:250px;font-family:courier new;font-size:12px;color:#595959;background:url(getfile.php?id=265) repeat-y;}
#columimage{width:100%;text-align:center;}
#colum #col1{float:left;width:149px;color:#c9272b;padding:0px 10px 0px 15px;}
#colum #col2{float:left;width:144px;color:#5fa652;padding:0px 15px 0px 15px;}
#colum #col3{float:left;width:144px;color:#4a82bb;padding:0px 15px 0px 15px;}
#colum #col4{float:left;width:144px;color:#583c1f;padding:0px 15px 0px 15px;}
#colum #col5{float:left;width:144px;color:#5a328a;padding:0px 15px 0px 15px;}
#newsletterimage{text-align:center;}
#specialcontent #specialtitle{font-style:italic;font-family:georgia;font-size:14px;}
/* agenda -----------------------------------------------------------------------------*/ #agenda{width:174px;}
#agenda_title{color:red;font-weight:bold;}
#agenda #binnenkort{padding-left:5px;}
#agenda_items a{color:#003a4a;text-decoration:none;}
#dottedline{width:422px;height:4px;margin:10px 0px;background:url(getfile.php?id=59) repeat-x bottom left;}
#agendaextra{width:150px;padding:0px 5px 10px 0px;float:left;}
#agendaextracontent{color:#003a4a;}
#agendaextratitle{color:red;font-weight:bold;}
#agendafoto{width:150px;}
#agendaimg{min-height:300px;}
#agendahomeimg{height:100px;width:480px;}
/* footer -----------------------------------------------------------------------------*/ #nonFooter{margin:0px auto;min-height:100%;position:relative;width:875px;background:url(getfile.php?id=290) repeat-y;}
*html #nonFooter{height:100%;}
#footer{height:32px;margin:-32px auto 0px;position:relative;width:875px;background:url(getfile.php?id=38) no-repeat;}
#footer #image{height:260px;width:865px;background-color:white;text-align:center;}
/* forms -----------------------------------------------------------------------------*/ .searchfield{height:14px;width:180px;border:1px solid black;font-size:11px;color:black;font-family:Georgia;padding-top:2px;background:none;}
.newssignup{height:14px;width:120px;border:1px solid black;font-size:11px;color:red;font-family:Courier new;background:none;}
.submit{font-family:Courier new;color:black;font-size:11px;background:none;}
label{font-size:11px;margin:0px;height:15px;text-align:left;width:120px;float:left;}
select.textfield, textarea.textfield{padding:2px;border:1px solid #999999;margin:2px;}
input.textfield{padding:2px;background:#c8c8c8;margin:2px;height:14px;font-family:Courier new;color:red;font-size:11px;}
.textfield2{padding:2px;background:#c8c8c8;margin:2px;height:100px;width:200px;font-family:Courier new;color:red;font-size:11px;}
.gallery{width:150px;}