body {
color:#333;
font-family:Arial;
line-height:1.54;
margin:0;
}

p, dl, label, div.error-message {
margin:0;
font-size:.8em;
color:#444;
}
p label {
	font-size:inherit;
}
div.error-message {
color:#f59a24;
text-indent:10px;
border-bottom:1px solid #f2f2f2;
}
dl {
margin-top:1.54em;
}

p+p {
text-indent:2em;
}
p.buy, p.smallprint {
text-indent:0;
}

h1 {
border-bottom:2px solid #555;
font-weight:normal;
font-size:.7em;
margin-bottom:25px;
padding-bottom:5px;
text-transform:uppercase;
letter-spacing:1.5px;
font-weight:bold;
color:#999;
margin-top:-15px;
}

h4 {
font-size:.8em;
color:#000;
margin-bottom:1em;
font-weight:normal;
margin-top:0;
}

p+h4 {
margin-top:1em;
}

div.right {
float:right;
border-left:1px solid #eee;
padding-left:5px;
}

a img {
border:none;
}

h3 {
font-size:.9em;
font-weight:normal;
color:#000;
border-bottom:2px solid;
display:inline-block;
margin:1em 0;
letter-spacing:.03em;
}
h1 img {
margin-left:-5px;
}

h2 {
border-top:1px dotted #aaa;
margin:30px 0 0;
font-size:1.1em;
font-weight:normal;
color:#333;
letter-spacing:.5px;
display:block;clear:both;
padding-top:3px;
}

#header {
height:229px;
background:#d2d2d2 url(http://tlmagazine.be/img/top.jpg) repeat-x 20%;
position:relative;
}

#logo {
position:absolute;
left:50%;
margin-left:-474px;
background:#000;
height:229px;
padding-left:10px;
}

#logo img {
margin:78px 0 0 5px;
}

#menu, #lang ul {
padding:0;
margin:0;
height:20px;
}

#menu {
z-index:10;
position:absolute;
bottom:2px;
left:50%;
width:auto;
margin-left:-217px;
font-size:.78em;
border-left:1px solid #8f8f8f;
border-right:1px solid #9e9e9e;
letter-spacing:2px;
height:37px;
}
#menu #lang {
width:140px;
border:none;
}

#lang li {
display:none;
width:100%;
border-bottom:1px solid #8f8f8f;
}

#menu #lang li a {
display:block;
text-decoration:none;
text-align:left;
text-indent:4px;
background:#a9a9a9;
}
#lang li.active, #lang:hover li {
display:block;
}
#lang li.active {
border-bottom:1px solid #000;
}
#lang:hover li.active {
border-bottom:1px solid #9e9e9e;
}
#menu #lang li.active a{
background:#aeaeae url(http://www.tlmagazine.be/img/arrow.png) no-repeat 95px 50%;
color:#d0e5ef;
}
#menu #lang li a:hover {
background-color:#aeaeae;
}
#menu li {
list-style:none;
padding:0;
margin:0;
}

#menu li {
float:left;
margin-right:0;
text-align:center;
background:transparent;
margin-top:0px;
border-left:1px solid #9e9e9e;
border-right:1px solid #b4b4b4;
}


#menu li a {
display:block;
text-decoration:none;
padding:9px 10px;
color:#f5f5f5;
border-left:1px solid #b4b4b4;
text-transform:uppercase;
font-weight:bold;
}

#menu li a:hover {
color:#fff;
border-bottom:1px solid #aaa;
border-left:1px solid #aaa;
margin-top:0px;
padding-top:9px;
height:17px;
background:#a9a9a9;
}
#menu>li.active {
background:#9a9a9a;
border-right:1px solid #888;
border-top:1px solid #aaa;
margin-top:-1px;
padding-top:1px;
}
#menu>li.active a {
border-left:1px solid #888;
border-bottom:1px solid #888;
margin-top:-1px;
padding-top:10px;
color:#f2f3f2;
height:18px;
}
#container {
width:758px;
margin:5px auto;
border-right:180px solid #e8e8e8;
background:#fff;
padding-left:10px;
padding-right:5px;
padding-top:30px;
}

hr {
clear:both;
height:1px;
border:none;
background:#ccc;
}
p.big {
border-bottom: 1px solid #ddd;
font-size: 1em;
line-height: 1;
display: inline;
color: #222;
margin-bottom:1em;
}

p.big + * {
margin-top:2em;
}

p.footnote {
font-size:.6em;
text-indent:0;
padding-top:.3em;
color:#30505b;
line-height:2em;
max-width:760px;
border-top:1px solid #ccc;
clear:both;
/*display:inline-block;
margin:3em 0 2em;*/
width:100%;
position:relative;
top:3em;
}
.side p, .side dl, p.smallprint, p.status, #issue .subscription p {
font-size:.7em;
text-indent:0;
color:#777;
line-height:1.3em;
margin-top:1em;
}
.side h3 {
	margin-top:0;	
}
.span-half.side, #issue .subscription p {
line-height:0.91;
}
.span-half.side h3,.span-half.side p {
margin:0;
padding:0;
position:relative;
top:-2px;
}
p.smallprint {
margin:0 0 5px;
border-top:1px dotted;
color:#888;
padding-top:3px;
}

p.status {
text-transform:uppercase;
background:#888;
color:#fff;
padding:1px 3px;
position:absolute;
top:100px;
border:1px solid #fff;
border-left:0;
}
.status.upcoming {
background:#F59A24;
border-color:#fff;
}
dt {
font-weight:bold;
}

dd {
margin:0;color:#999;
}

.side h3{
border:none;
text-transform:uppercase;
font-weight:bold;
font-size:.6em;
letter-spacing:.5px;
color:#000;
}
#issue .subscription p strong{
border:none;
text-transform:uppercase;
font-weight:bold;
font-size:.86em;
letter-spacing:.5px;
color:#000;
}

.span-half, .span-1, .span-2 {
float:left;
margin-right:10px;
}
.span-half {width:118px;position:relative;}
.span-1, #logo {width:246px;}
.span-2 {width:502px;}

.span-1.last, .span-2.last,.span-half.last {
margin-right:0;
}

.border {
border-right:1px solid #e2e2e2;
padding-right:2px;
margin-right:7px;
}

#ads {
position:absolute;
top:0;
left:50%;
margin-left:297px;
text-align:center;
width:180px;
}

#ad2 {
margin-top:100px;
position:absolute;
top:150px;
left:10px;
}

p.gray {
background:#e8e8E8;
margin-left:-10px;
padding-left:10px;
padding:5px 10px 7px;
border-top:1px solid #ddd;
border-bottom:1px solid #ccc;padding-right:5px;
width:100%;
}

p.gray a {
text-decoration:none;
color:#777;
border-bottom:1px solid #ccc;
}

.subnav {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:14px;
padding: 4px 0;
margin:15px 0 30px;
}

.subnav a {
text-decoration:none;
color:#ccc;
padding-right:15px;
letter-spacing:1px;
}

.subnav a:hover {
color:#444
}

.subnav a.active {
color:#444;
font-weight:bold;
}

#issues {
display:inline-block;
margin-top:15px;
}

.list .image {
overflow:hidden;
text-indent:-100%;
width:100%;
display:block;
}

#issue {
background:url(http://www.tlmagazine.be/img/pola.gif) no-repeat;
padding:20px;
margin-left:-15px;
position:relative;
top:30px;
}

#issue:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#issue .image.issue {
overflow:hidden;
width:240px;
height:282px;
margin:10px;
}

#issue .image.issue img {
margin-left:-250px;
margin-top:-30px;
}
#issue .subscription {
margin-top:4px;
}
#issue .image.special {
text-align:center;
}
#issue .image.special h3 {
line-height:1.2;
margin:1em 0;
}
#issue .image.special .smallprint {
border:none;
margin:1em 0;
}
#issue .subscription .extra {
background:url(http://www.tlmagazine.be/img/subscription/plus-previous.gif) no-repeat;
margin:0; padding-top:0px;padding-left:8px;
position:relative;top:-7px;
}
#issue .subscription p {
position:absolute;top:70px;
left:137px;
}
#issue .last {
width:216px;
}
div.input.required {
border-top:1px solid #eee;
width:305px;
}
div.input.text input {
width:170px;
}
div.input label {
float:left;
width:125px;
margin-top:2px;
}

div.input.radio label {
	float:none;
	width:auto;
	margin:0;
}

.error {
background:#eff;
}
.error label {
font-weight:bold;
}