*{margin:0 auto;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:none}
body{background:#abe0f4 url(assets/bg2.gif) repeat-x;color:#000}

a{text-decoration:none}
a:link, a:visited{color:#498EAA}
a:hover, a:active{color:#333}

/* todo: height is variabel en moet dus display:table meekrijgen, echter dit verneukt nu nog de layout */
#box{width:792px;height:600px;margin:20px auto}

/***************
   LINKERKANT   
****************/
#left{float:left;width:194px;background-color:#97BB33;font-size:12px;line-height:18px;color:#4A5624}
#leftkop{width:194px;height:270px;background-image:url(assets/seamour_top.jpg)}
#search{background:url(assets/h2_search.gif) top right no-repeat;padding:42px 14px 8px 16px}
#archives{background:url(assets/h2_archives.gif) top right no-repeat;padding:42px 14px 8px 16px}
#notification{background:url(assets/h2_notification.gif) top right no-repeat;padding:42px 14px 8px 16px}
#feeds{background:url(assets/h2_feeds.gif) top right no-repeat;padding:42px 14px 8px 16px}
#links{background:url(assets/h2_links.gif) top right no-repeat;padding:42px 14px 8px 16px}
#archives select{width:105px;background-color:#89AA2E;padding:3px 0 2px 5px;border:1px solid #C4E55B;color:#C4E55B}
#archives input, #search input, #notification input{width:98px;background-color:#89AA2E;padding:3px 0 2px 5px;border:1px solid #C4E55B;color:#C4E55B}
#archives .button, #search .button, #notification .button{margin-top:4px;background-image:url(assets/button_bg.gif);padding:0;width:55px}
#notification .radio{width:20px}
#leftbottom{width:194px;height:67px;background-image:url(assets/bottom_left.jpg)}
/* ul li links */
.links li{display:inline;list-style:none}
.links a{display:block;padding:2px 0 2px 14px;margin-top:1px;background:#97BB33 url(assets/link_li.gif) left no-repeat}
.links a:link, .links a:visited{color:#333;border-bottom:1px dotted #516713}
.links a:hover, .links a.active{color:#DF6;border-bottom-color:#DF6}

/****************
   RECHTERKANT
*****************/
#right{float:right;width:598px;background-color:#FFF;color:#202020}

/* menu */
#menu{float:left;width:149px;height:173px;padding:10px 0 0 47px;background:url(assets/seamour_menu.jpg) no-repeat;font-weight:bold;font-size:14px;text-transform:uppercase}
#menu li{display:inline;list-style:none}
#menu a{display:block;width:90px;padding:1px 0 1px 24px}
#menu a:link, #menu a:visited{color:#594226;background:#70BDDB url(assets/li.gif) left no-repeat}
#menu #current, #menu a:hover, #menu a:active{color:#FFF;background:#70BDDB url(assets/li_hover.gif) left no-repeat}

/* header */
#rightlogo{float:left;width:402px;height:184px;background:url(assets/logo.jpg) no-repeat}
#rightlogo img{width:98px;height:106px;margin-top:80px}
#metinblokje{width:152px;height:106px;margin-top:80px;float:left}
.seamour{margin-left:18px}

/* content */
#text{clear:left;padding:1px 0 0 62px;width:536px;min-height:500px}
/* for IE */
* html #text{height:500px}


#text p{font-size:13px;line-height:17px;color:#202020;background-color:#FFF;text-align:justify;padding:0 20px 0 0;margin:0 0 14px 0}
#text a{text-decoration:underline}

/* footer */
#footer{clear:both;width:598px;height:30px;padding-top:14px;background:#FFF url(assets/footer.gif) bottom no-repeat;color:#753}
#footer p{text-align:right;float:right;width:544px;height:15px;border-top:1px solid #6fbcda;font-size:10px;padding:5px 15px 0 0}

/* headers */
h1{font-size:22px;margin:12px 0 12px -8px}
h1.introduction {background:url(assets/h1_introduction.gif) right no-repeat}
h1.comic {background:url(assets/h1_comic.gif) right no-repeat}
h1.comics {background:url(assets/h1_comics.gif) right no-repeat}
h1.gallery {background:url(assets/h1_gallery.gif) right no-repeat}
h1.information {background:url(assets/h1_information.gif) right no-repeat}
h1.news {background:url(assets/h1_news.gif) right no-repeat}
h1.linksheader {background:url(assets/h1_links.gif) right no-repeat}
h1.contact {background:url(assets/h1_contact.gif) right no-repeat}
h1.ecard{background:url(assets/h1_ecard.gif) right no-repeat}
h1.shop{background:url(assets/h1_shop.gif) right no-repeat}
h1.wallpapers{background:url(assets/h1_wallpapers.gif) right no-repeat}
h1.welcome{background:url(assets/h1_welcome.gif) right no-repeat}
h1.friend{background:url(assets/h1_send_to_friend.gif) right no-repeat}
h1.marty{background:url(assets/h1_marty.gif) right no-repeat}

h3{font-size:14px;border-bottom:1px dotted #6FBCDA;color:#3495BD;margin-bottom:8px;padding-top:4px;text-transform:uppercase}

/*********
  COMICS
**********/
#navigation{float:right;padding:0 20px 2px 0;font-size:12px;color:#58ACCE}
#navigation a:link, #navigation a:visited{color:#58ACCE;text-decoration:none}
#navigation a:hover, #navigation a:active{color:#333}
a.next{background:url(assets/next.gif) no-repeat left;padding-left:12px}
a.prev{background:url(assets/prev.gif) no-repeat right;padding-right:12px}
#keywords a{font-size:13px}
.pagination{font-size:13px;width: 100%; text-align: center; float: right;}
.language_flags{list-style: none; float:left;margin:25px 10px 0 0;}
/********** 
  E-CARDS
***********/
.thumb{border:1px solid #888;padding:5px;margin:4px 6px}
#ecardimg{margin-bottom:8px}
label{font-size:12px;clear:both;display:block;float:left;width:92px;height:16px;margin:4px 0 0 0}
#text input{font-size:12px;color:#333;height:16px;width:180px;margin:4px 0 0 0;background-color:#FFF;border:1px solid #70BDDB;padding:2px}
textarea{width:250px;margin:4px 0 0 0;border:1px solid #70BDDB}
#text .button{width:80px;height:20px;border:1px solid #70BDDB;background:url(assets/button_ecard_bg.gif);padding:0;cursor:pointer}
.focus{background-color:#E6F7FD}
.error{background-color:#FEE}
.info{color:#F00;font-size:12px}

/*************
  WALLPAPERS
**************/
.wallpaper_thumb{float:left;width:268px;height:130px;margin-bottom:24px}
h4{width:246px;font-size:14px;margin:0 0 8px 0;border-bottom:1px dotted #6FBCDA;color:#3495BD}
.wallpaper_thumb img{float:left;width:128px;height:96px;border:1px solid #888;padding:2px}

.wallpaper{float:left;width:100px;font-size:12px;margin:3px 0 0 12px}
.wallpaper li{display:inline;list-style:none}
.wallpaper a{display:block;width:86px;padding:2px 0px 1px 14px;margin-top:1px}
.wallpaper a:link, .wallpaper a:visited{color:#333;background:#fff url(assets/link_li.gif) left no-repeat;border-bottom:1px solid #EEE}
.wallpaper a:hover, .wallpaper a.active{color:#58ACCE;background-color:#FFF;border-bottom-color:#CCC}

/***************************
  SEARCH + ARCHIVE RESULTS
****************************/
h5{width:100%;float:left;font-size:14px;margin:0 0 8px 0;border-bottom:1px dotted #6FBCDA;color:#3495BD}
.resultbox1{float:left;width:400px;margin-bottom:12px}
.results{float:left;width:95%;font-size:12px;margin:3px 0 0 0px}
.results li{display:inline;list-style:none}
.results a{display:block;width:80%;padding:2px 0px 1px 14px;margin-top:1px}
.results a:link, .results a:visited{color:#333;background:#fff url(assets/link_li.gif) left no-repeat;border-bottom:1px solid #EEE}
.results a:hover, .results a.active{color:#58ACCE;background-color:#FFF;border-bottom-color:#CCC}

.resultbox2{float:left;width:100px;margin-bottom:12px}


/**********
  BANNERS
***********/
.linkspage a{padding:0 2px}
.linkspage img{padding:3px;border:1px solid #6FBCDA;margin:4px 0}

/**********
  TEKSTEN
***********/
.imgleft{float:left;margin:0 8px 8px 0}