* {margin:0; padding:0; font-family: Trebuchet MS; outline: none;}
body, table {width: 100%; font-family: Trebuchet MS; font-size: 14px; background: url('../images/bg.png') repeat-x; background-color: #e7e7e7; margin:0; padding:0;}
a {color: #930e2f;}
a:hover {text-decoration: none;}
ul {margin:0; padding:0;}
h1 {color: #92062b; font-size: 30px; font-weight: bold; margin-bottom: 10px;}
p {margin-bottom: 10px;}

.clear {clear: both;}
.hidden {display: none;}
.separator {width: 2px; height: 78px; background: url('../images/separator.png') no-repeat; float: left; margin-top: 3px;}
.small_separator {width: 2px; height: 52px; background: url('../images/separator_small.png') no-repeat; float: left;}
.upper {text-transform: uppercase;}
.date {font-family: Verdana; font-size: 9px; color: #fff; font-weight: bold; background-color: #930e2f; width: 40px; height: 20px; padding: 2px 4px;}
.block_title {font-size: 12px; font-weight: bold; text-transform: uppercase; background: url('../images/title.png') repeat-x; height: 29px; line-height: 29px; padding-left: 10px;}
.block_content {padding: 10px; color: #493e3e; font-family: Lucida Sans Unicode; font-size: 12px; background-color: #f3f3f3;}
.result {font-weight: bold;}

#top {height: 65px; background: url('../images/top.png') repeat-x; background-position: -260px 0px; margin-bottom: 10px;}

#container {width: 989px; margin: 0 auto;}

#head {height: 89px;}

#logo {float: left; margin-right: 20px;}
#logo a {width: 197px; height:89px; background: url('../images/logo.png'); text-indent: -9999px; display: block;}

#date {float: left; margin-left: 10px; margin-right: 10px; width: 250px; padding-top: 13px;}
#date .dag{font-size: 17px; color: #646464;}
#date .maand{font-size: 24px; font-weight: bold; color: #930e2f;}

#followus {float: left; margin-left: 10px; font-size: 12px; margin-top: 3px; width: 150px;}
#followus a {display: block; margin-top: 5px;}
#followus a.twitter {background: url('../images/twitter.png') no-repeat; background-position: 0px 2px; padding-left: 23px;}
#followus a.rss {background: url('../images/rss.png') no-repeat; background-position: 0px 2px; padding-left: 23px;}

#search {float: right;}
#search label {font-size: 12px; text-transform: uppercase; font-weight: bold; display: block;}
#search input[type=text] {background: url('../images/search.png') no-repeat; border: 0px; width: 198px; height: 24px; margin:0; padding:0; display: block; float: left; padding-left: 10px; line-height: 24px; padding-right: 85px;}
#search input[type=submit] {margin:0; padding:0; float: left; margin-left: -85px; width: 85px; height: 26px; background: url('../images/searchbutton.png'); border: 0; color: #fff; text-transform: uppercase; font-weight: bold; padding-bottom: 2px; text-indent: -999px;}

#navigation {margin-top: 10px; }
#navigation ul {height: 41px; border-bottom: 3px solid #930e2f; background: url('../images/nav_bg.png') repeat-x; background-position: 0px 3px; list-style-type: none;}
#navigation ul li {float: left;}
#navigation ul li a {font-size: 12px; color: #565656; text-transform: uppercase; text-decoration: none; text-shadow: #fff 1px 1px 0px; display: block; height: 41px; text-align: center; padding-left: 12px; padding-right: 12px; line-height: 46px;}
#navigation ul li.active a {background-color: #930e2f; color: #fff; text-shadow: none; border-right: 1px solid white;}
#navigation ul li a:hover {background: url('../images/nav_hover.png'); color: #fff; text-shadow: none;}

#subscribe {position: absolute; margin-top: -35px; margin-left: 835px;}
#subscribe .subscribe {display: block; width: 124px; height: 28px; background: url('../images/subscribe.png'); text-indent: -9999px;}

#content {border-top: 2px solid #aaaaaa; background: url('../images/content_bg.png') repeat-x #fff; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
#content_left {float: left; width: 655px; margin-right: 10px;}
#content_right {float: left; width: 304px; padding-right: 10px;}
#content_inner {padding: 10px;}
#content_inner .intro {border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding-top: 2px; padding-bottom: 2px; margin-bottom: 15px;}
#content_inner .intro p{font-weight: bold; font-size: 16px; background-color: #f2f2f2; padding: 10px 12px; margin: 0;}
#content_inner p {line-height: 24px;}
#content_inner .line {height: 1px; background-color: #b2b2b2; margin-top: 15px; margin-bottom: 15px;}
#content_inner .choose {font-size: 12px; padding-left: 15px; margin-bottom: 15px;}

#newsflash {width: 654px; height: 221px; background: url('../images/newsflash.png') no-repeat;}
#newsflash_img {width: 285px; margin-top: 4px; margin-left: -13px; float: left; height: 213px; background-position: center; background-repeat: no-repeat;}
#newsflash_intro {width: 265px; height: 55px; margin-top: 138px; padding: 10px; font-size: 12px; color: #fff; background: url('../images/newsflash_intro.png'); overflow:hidden;}
#newsflash_intro .title {font-size: 15px; color: #cf1f4b;}
#newsflash_intro a {color: #fff; text-decoration: none;}
#newsflash_border {width: 13px; height: 221px; background: url('../images/newsflash_border.png'); float: left; position: relative;}
#newsflash_items {float: left; width: 376px; margin-top: 2px; height: 217px; padding-left: 3px; margin-left: -12px;}
#newsflash_items ul {list-style-type: none;}
#newsflash_items ul li a {color: #e9e9e9; text-decoration: none; font-size: 12px; height: 27px; line-height: 27px; width: 360px; display: block; background-image: url('../images/newsflash_item.png'); background-repeat: no-repeat; padding-left: 15px; background-position: 12px 0px;}
#newsflash_items ul li a:hover {color: #c9204a; background: url('../images/newsflash_item_hover.png');}

#magazine_container {height: 124px;}
#magazine {position: absolute; z-index: 1; width: 129px; height: 182px; margin-top: -89px;}
#magazine_hand {position: absolute; z-index: 10; width: 170px; height: 214px; background: url('../images/hand.png'); background-position: -50px -15px; margin-top: -90px;}
#magazine_edition {float: right; text-align: center; margin-top: 30px; width: 130px;}
#magazine_edition .number {font-size: 18px; font-weight: bold;}
#magazine_effect {position:absolute; z-index: 11; width: 139px; height: 130px; background: url('../images/effect.png') no-repeat; margin-top: -60px; background-position: -7px;}

#newsletter {margin-top: 37px;}
#newsletter .block_content {font-weight: bold;}
#newsletter label {display: block; font-weight: normal; margin-top: 10px;}
#newsletter input[type=text], 
#newsletter select, 
#newsletter option {width: 100%; height: 22px; line-height: 22px;}
#newsletter input[type=submit] {float: right; background: url('../images/send_newsletter.png'); width: 112px; height: 27px; color: #fff; font-weight: bold; border: 0; line-height: 27px; text-transform: uppercase; padding-bottom: 3px; margin-top: 10px; text-indent: -999px; display: block; }
#newsletter .error {font-weight: normal; color: #930E2F;}

#newsletterSubscribeResult {font-weight: normal;}

#archive {width: 342px; margin-top: 10px; float: left;}
#archive .block_content {padding:0px;}
#archive .archive_item {float: left; border-bottom: 1px solid #dadada; padding-left: 10px; border-top: 1px solid #fff; padding-top: 10px; padding-bottom: 10px;}
#archive .number {float: left; font-size: 15px; margin-left: 5px; color: #000;}
#archive .longtitle {width: 285px; padding-left: 15px; float: left; margin-bottom: 8px; font-size: 15px; color: #930e2f;}
#archive .line {margin-left: 35px; float: left; width: 295px; background: url('../images/line.png'); height: 2px;}
#archive .info{float: left; margin-left: 35px; margin-top: 8px;}
#archive .read {background: url('../images/read.png'); display: block; width: 62px; height: 27px; text-indent: -999px; float: left;}
#archive .price {float: left; margin-left: 15px; margin-top: 5px; font-size: 14px;}
#archive .subscribe {float: left; font-size: 11px; margin-top: 7px;}
#archive .dash {margin-left: 5px; margin-right: 5px; margin-top: 5px; float: left;}
#archive .view_archive {padding: 5px; text-align: right;}

#news {float: left; margin-top: 10px; margin-left: 10px; width: 302px;}
#news .block_content {font-family: Trebuchet MS; padding-bottom: 5px; padding-left: 5px;}
#news ul {list-style-type: none;}
#news ul li {margin-bottom: 12px;}
#news ul li a {color: #493e3e; text-decoration: none;}
#news .line {height: 2px; width: 100%; background: url('../images/line.png');}
#news .block_more {font-size: 12px; background-color: #f3f3f3; padding: 5px 10px;}
#news .more_news {float: right; }

#articles {list-style-type: none;}
#articles li {height: 50px; line-height: 50px; border-top: 1px solid #d9d9d9; padding-left: 15px; padding-right: 15px;}
#articles li.odd {background-color: #f2f2f2;}
#articles li.last {border-bottom: 1px solid #d9d9d9;}
#articles a {float: left; width: 540px;}
#articles li .read {float: right; background: url('../images/read.png') no-repeat; width:62px; height: 27px; display: block; text-indent: -999px; margin-top: 13px;}

#footer {margin-top: 25px; margin-bottom: 25px;}
#copyright {float: left; text-transform: uppercase; color: #493e3e; font-size: 12px;}
#wezz {float: right; font-size: 12px; color: #493e3e;}

#contactform label, 
#mailForm label {width: 150px; float: left; line-height: 22px;}
#contactform input[type=text], 
#mailForm input[type=text] {line-height: 22px; height: 22px; width: 250px; display: block; margin-top: 5px; margin-bottom: 5px;}
#contactform textarea, 
#mailForm textarea {width: 250px; height: 100px; display: block; margin-top: 5px; margin-bottom: 5px; font-size: 12px;}
#contactform input[type=submit], 
#mailForm input[type=submit] {background: url('../images/send_newsletter.png'); width: 112px; height: 27px; color: #fff; font-weight: bold; border: 0; line-height: 27px; text-transform: uppercase; margin-top: 10px; text-indent: -999px; margin-left: 290px; display: block; }
#contactform .error, 
#mailForm .error {font-weight: normal; color: #930E2F; display: block; margin-left: 150px;}

.searchresult {margin-bottom: 20px;}
.searchresult .title {font-weight: bold;}

.pagenumber a {width: 25px; border: 1px solid #E7E7E7; float: left; text-align: center; margin-right: 10px; display: block; margin-bottom: 20px;}
.pagenumber a:hover {background-color: #E7E7E7;}
.pagenumber a.active {background-color: #e7e7e7; text-decoration: none;}

.form { background: #dbdbdb; padding: 20px; border-radius: 10px; margin: 0 0 20px }
.form h2 { color: #92062b; margin: 0 0 15px }
.form ul { margin: 0; padding: 0; list-style: none; line-height: 22px }
.form ul li { margin-bottom: 5px }
.form .success-message { color: #fff }
.form .error { color: red; font-size: 13px; margin: 0 0 0 20px }
.form label { display: block; min-width: 70px; color: #000; font-weight: bold }
.form .input-text { height: 22px; width: 200px }
.form .input-textarea { width: 201px }
.form .input-submit { margin: 10px 0 0; background: url('../images/send_newsletter.png'); width: 112px; height: 27px; color: #fff; font-weight: bold; border: 0; line-height: 27px; text-transform: uppercase; padding-bottom: 3px; text-indent: -999px; display: block }


form.login {line-height: 30px;}
form.login label {font-weight: bold; }
form.login input {height: 30px; width: 250px; padding: 0 5px;}
form.login input[type=submit] {float: left; background: url('../images/send_newsletter.png'); width: 112px; height: 27px; color: #fff; font-weight: bold; border: 0; line-height: 27px; text-transform: uppercase; padding-bottom: 3px; margin-top: 10px; text-indent: -999px; display: block; }
form.login .error {font-weight: normal; color: #930E2F;}
