@charset "utf-8";
body,html{
	height:100%;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
body {
	padding:0;
	margin:0px;
	/margin:  0 0 0 1px;
	text-align:center;
	overflow-x:auto;
	background-image: url(../design_img/bodybg.gif);
	background-repeat: repeat-y;
	background-position: center 0px;
}

a {
	color: #C0C2CF;
	text-decoration: none;
}
a:hover {
	color: #39F;
}
a:active, a:focus
{
  outline: none;
}
#topmessage{
	background-color:#000;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding:5px 0;
}
#uberwrap{
}
#mainwrap{
	text-align:left;
	width:970px;
	margin:0 auto;
}
#header{
	position:relative;
	color: #FFF;
	height: 127px;
	width: 100%;
	background-image: url(../design_img/header.gif);
	background-repeat: no-repeat;
}
#menu2{
	position:relative;
	color: #FFF;
	height: 49px;
	width: 100%;
	background-image: url(../design_img/lint.png);
	background-repeat: no-repeat;
	line-height:46px;
	text-align:center;
}
#menu3{
	position:relative;
	color: #FFF;
	height: 49px;
	width: 100%;
	background-image: url(../design_img/lint.png);
	background-repeat: no-repeat;
	line-height:46px;
	text-align:center;
	clear:both;
	z-index:4;
}
#xsnetworks{
	position:absolute;
	right:0px;
	top:18px;
	background-image: url(../design_img/xsnetworks.png);
	height: 40px;
	width: 80px;
	text-indent:-9999px;
}
.bericht {
	font-size: 12px;
	font-weight: normal;
}
#menu{
  line-height:30px;
  padding-bottom:0;
  padding-left:179px;
  padding-right:0;
  padding-top:80px;
  text-align:left;
}
#menu a{
	display:inline-block;
	color:#c4da98;
	padding:0 15px;
	position:relative;
}

#maincontent{
	background-color:#82a93f;
	width:950px;
	margin-left:10px;
	background-image: url(../design_img/mainbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	  min-height:364px;
	  height:auto !important;
	  height:364px;
	  position:relative;
}

#comic{
	position:relative;
	margin:0 0 0 129px;
	width:714px;
	height:355px;
	background-image: url(../design_img/comicbg.png);
	background-repeat: no-repeat;
	top:-22px;
	z-index:10;
}
#comicimg{
	margin:0 0 0 25px;
	bottom:-50px;
	position:relative;
	display:none;
}
#comicnumberform{
	padding:0;
	text-align:center;
	display:none;
}
#comicnumber{
	left:-108px;
 	position:absolute;
 	top:336px;
}
#nummer{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	display:block;
	width:102px;
	z-index:100;
	background-image: url(../design_img/nummer.gif);
	background-repeat: no-repeat;
	height: 38px;
	line-height:38px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: left;
}

#nummerbig{
    display: block;
    height: 180px;
    left: 131px;
    padding: 0;
    position: absolute;
    top: 111px;
    width: 410px;
    z-index: 99;
	}
#numgo{
	display:block;
	width:100px;
	height:180px;
	z-index:98;
	position:absolute;
	left:310px;
	top:0px;
	}
#num1a,#num1b,#num2a,#num2b,#num3a,#num3b{
	float:left;
	width:104px;
	z-index:99;
}
#num1a{
	height:68px;
	}
#num1b{
	height:74px;
	background-position: 0 -68px;
	}
#num2a{
	height:68px;	
	}
#num2b{
	height:74px;
	background-position: 0 -68px;	
	}
#num3a{
	height:68px;	
	}
#num3b{
	height:74px;		
	background-position: 0 -68px;	
	}
a#pointleft{
	position:absolute;
	top:126px;
	left:-96px;
	width:100px;
	height:87px;
	text-indent:-9000px;
	background-image: url(../design_img/pointleft.png);
	background-repeat: no-repeat;
/*	background-image: url(../../design_img/pointleft.png);
	background-repeat: no-repeat;*/
}
a#pointleft:hover{
	/*background-image: url(../../design_img/pointleft_ro.png);*/	
}
a#pointright{
	position:absolute;
	top:126px;
	left:690px;
	width:110px;
	height:87px;
	text-indent:-9000px;
	background-image: url(../design_img/pointright.png);
	background-repeat: no-repeat;/*	background-image: url(../../design_img/pointright.png);
	background-repeat: no-repeat;*/
}
a#pointright:hover{
	/*background-image: url(../../design_img/pointright_ro.png);	*/
}
#search{
  display:inline;
  float:right;
  margin-right:7px;
}
#search #episode{
}
#search #word{
	background-image: url(../design_img/searchBg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border: 1px solid #CCC;
	width:100px;
}
#random{
	display:block;
	width:164px;
	height:116px;
	position:absolute;
	top:307px;
	left:400px;
	overflow:hidden;
	z-index:3;
}
#randomHelp{
	display:none;
    left: 558px;
    position: absolute;
    top: 330px;
}
#nipple_ro{
	display:none;
	border:0;
}
#nipple{
	background-image:url("../design_img/random.png");
	background-repeat:no-repeat;
	display:block;
	height:116px;
	margin-top:-60px;
	width:164px;
}
#balls{
	display:block;
	width:164px;
	height:116px;
	position:absolute;
	top:-50px;
	left:400px;
	overflow:hidden;
	z-index:3;
}
#randomballsHelp{
	display:none;
    left: 549px;
    position: absolute;
    top: -25px;
}
#randomballs_ro{
	display:none;
	border:0;
}
#randomballs{
	background-image:url("../design_img/randomballs.png");
	background-repeat:no-repeat;
	display:block;
	height:116px;
	margin-top:-60px;
	width:164px;
}
#mailing{
  background-image:url(../design_img/mailing.png);
  background-repeat:no-repeat no-repeat;
  display:block;
  height:115px;
  position:absolute;
  right:0;
  text-indent:-9999px;
  top:0px;
  width:139px;
}
#mailing{background-image: url(../design_img/mailing.gif) \9}
#mailingBalloon{
  position:absolute;
  right:-72px;
  top:-140px;
  z-index:9999;
}
#mailingForm{
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	color:#333;
	font-size:12px;
	background-image: url(../design_img/paper_texture.jpg);
	background-position: center center;
}
#mailingForm #emailadres{
}
#mailingForm #mail{
}
#coltitels{
	width:232px;
	margin-left:30px;
	margin-top:10px;
	float:left;
	position:relative;
}
.newstitel{
	color:#FFFFFF;
	display:block;
	width:232px;
	height:auto;
	line-height:22px;
	text-align:center;
	font-size:16px;
	padding:5px 0;
	margin:-10px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9fc858;
}
.titelshade{
	display:block;
	width:232px;
	height:21px;
	background-image:url(../design_img/titelshade.gif);
}
.newsmess{
	position:absolute;
	left:259px;
	height:200px;
	width:135px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
.newstitel:hover{
	color:#FFF;
}
#news_bot{
	position:relative;
}
#links{
	left:35px;
	position:absolute;
	top:100px;
}
#sketchbg{
	position:absolute;

	top:0px;
	left:340px;
}
#sketch{
	width:100%;
	margin:0 auto;
	padding:9px;
}
#sketch img{
	width:213px;
	float:left;
}
#sketchnav{
}
#sketchtitel{
	text-align:center;
	margin-top:5px;
	color: #999;
}
#comicnav,#thumbnav {
	text-align:center;
	width:100%;
	background-color: #F7F7F7;
}
#mainnav{
	width:440px;
}
a.thumb {
	float:left;
	margin:3px;
	background-position: center center;
	height: 80px;
	width: 80px;
	cursor:pointer;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	border: 1px solid #999;
}
a.thumb:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
#thumbcontainer{
	width:440px;
	height:auto;
}
.remark{
	font-size: 13px;
	color: #09F;
}
.v1{
	margin:0 0 0 35px;
}
#news2{
	margin:0 0 0 15px;
	width:260px;
	float:left;
}
#news_top{
	background-image: url(../design_img/news_top.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 260px;
}
#news_mid{
	background-image: url(../design_img/news_mid.png);
	background-repeat: repeat-y;
	width: 260px;
	height:auto;
}
#news_mid_txt{
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #333;
	text-align: justify;
	padding:0 30px 0 20px;	
}
#news_bot{
	background-image: url(../design_img/news_bot.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 260px;
}
#homepage.home{
	margin-top:40px;
	margin-left:260px;
}
#homepage.sell{
	position:absolute;
	margin-top:0px;
}
#homecomic{
	background-image: url(../design_img/torn.png);
	height: 351px;
	width: 680px;
	margin-left:20px;
	margin-top:-5px;
}
#snapshots{
	position:absolute;
	display:none;
	width:263px;
	height:242px;
	left:150px;
	background-image: url(../design_img/frontpolaroid.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#forsalepicture{
	width:250px;
	height:214px;
	left:700px;
	position:absolute;
	top:7px;
	background-position: center center;
}

#forsale{
	display:none;
	position:absolute;
	left:180px;
	top:50px;
	background-image: url(../design_img/forsale.jpg);
	background-repeat: no-repeat;
	height: 577px;
	width: 620px;
	text-align:center;
	/z-index:-1;
}

#forsaletag{
	width:288px;
	height:109px;
	margin-left:158px;
	background-image: url(../design_img/forsaletag.png);
	background-repeat: no-repeat;
	position:absolute;
	z-index:99;
	/margin-left:-148px;
}
#fsitem{
	position:absolute;
	width:420px;
	height:325px;
	left:100px;
	top:45px;
	text-align:center;
	line-height:535px;
	/padding-left:1px;
}
#fsshadow{
	margin-top:362px;
}
#fsimage{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0 auto;
}
#fstitle{
	display:block;
	height:20px;
	left:100px;
	position:absolute;
	top:90px;
	width:220px;
	font-size:18px;
	color:#333;
}
#fsprice{
	display:block;
	height:20px;
	left:100px;
	position:absolute;
	top:120px;
	width:220px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#999;
}
#fsdesc{
	color:#333;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:70px;
	left:120px;
	position:absolute;
	text-align:left;
	top:410px;
	width:185px;
	line-height:18px;
}
#fsnext{
	position:absolute;
	top:450px;
	left:100px;
	color:#FFF;
}
#fsbuy{
	position:absolute;
	top:436px;
	left:450px;
	background-image: url(../design_img/fsbuy.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
	height: 95px;
	width: 165px;
}
.iconwrapwrap{
	float:left;	
	height:110px;
	width:130px;
}
.iconwrap{
	position:absolute;
}
.polaroid{
	position:relative;
	top:0px;
	left:0px;
	width:98px;
	height:117px;
	z-index:3;
}
.polawait{
	position:absolute;
	top:7px;
	left:7px;
	display:block;
	z-index:2;
	width:80px;
	height:80px;
	background-color:#333;
	}
#morepolaroids{
	display:block;
	text-align:center;
	margin-top:40px;
	margin:40px auto;
	width:263px;
	height:242px;
	text-indent:-99999px;
	background-image: url(../design_img/morepolaroids.png);
	background-repeat: no-repeat;
}
.icon{
	position:absolute;
	top:7px;
	left:7px;
	display:block;
	width:80px;
	height:80px;
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
}
.pointer{
	display:block;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:130px;
	width:790px;
	z-index:999;
}
.pointer-top{
	display:block;
	text-align:center;
	color:#7ba03c;
	width:100%;
	padding:100px 30px 0 30px;
	background-image: url(../design_img/pointer_top.png);
	background-repeat: no-repeat;
	font-size:28px;
	text-transform: uppercase;
}
.pointer-top{background-image: url(../design_img/pointer_top.gif) \9}
#sharepage .pointer-top{background-image: url(../design_img/pointer_top2.png);}
#sharepage .pointer-top{background-image: url(../design_img/pointer_top2.gif) \9}

.pointer-mid{
	display:block;
	width:100%;
	height:auto;
	background-image: url(../design_img/pointer_mid.png);
	background-repeat: repeat-y;
}
.pointer-mid{background-image: url(../design_img/pointer_mid.gif) \9}
.midder{
	width:650px;
	text-align:center;
	margin-left:105px;
}
.pointer-bot{
	display:block;
	width:100%;
	height:85px;
	background-image: url(../design_img/pointer_bot.png);
	background-repeat: no-repeat;
}
.pointer-bot{background-image: url(../design_img/pointer_bot.gif) \9}
.pointer-bot .midder{
	padding-top:5px;
}
.pointertext{
	color:#333;
	margin-left:5px;
	width:650px;
}

#sharepage{
	margin:0 auto;
}
.midder .shares{
	color:#82A93F;
}
.shares{
	font-size:11px;
	line-height:16px;
	position:relative;
}
.addthis_toolbox{
	display:inline-block;
}
.addthis_toolbox .addthis_button_google_plusone{
	margin:0 0 5px 0 ;
}
.addthis_toolbox br{
	clear:both;
}
.shares img{
	margin:0 3px;
}
#fancyshare .shares{
	color:#82A93F;	
	background-color:#FFF;
	bottom:-30px;
	padding:5px;
	position:absolute;
	z-index:99999;
	white-space:nowrap;
}

#comicshare, #hare{
	position:absolute;
	left:5px;
	display:block;
	width:100%;
}

#homecomicshare{
	display:block;
	text-align:center;
	width:100%;
	padding:3px;
	color:#82A93F;
	margin-top:50px;
}
#johnandjohn_share{
	float:left;
	position:relative;
	margin:0 8px 0 0;
}
#___plusone_0{
	margin-top:-2px;
}
#helpWrite{
	position:absolute;
	top:19px;
	z-index:10;
	border:0;
	margin-left:-35px;
}
#buyintro{
	width:680px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 220px;
}
#buywrap{
	width:509px;
	margin:0 auto;
}
#payment{
	position:relative;
	background-image: url(../design_img/payment.gif);
	background-repeat: no-repeat;
	height: 680px;
	width: 509px;
}
#payitem{
	color:#000000;
	height:166px;
	left:50px;
	position:absolute;
	text-align:center;
	top:135px;
	width:206px;	
}
#payprice{
	color:#333333;
	font-size:26px;
	left:75px;
	position:absolute;
	top:357px;	
}
#payshipment{
	color:#000000;
	font-size:26px;
	left:270px;
	position:absolute;
	top:338px;
}
#paycountry{
	color:#000000;
	font-size:14px;
	left:160px;
	position:absolute;
	top:365px;
}
#verzendkosten2{
	display:none;
}
#paypal{
	left:125px;
	position:absolute;
	top:514px;
}
#marker{
	background-image:url("../design_img/marker.png");
	background-repeat:no-repeat;
	bottom:-3px;
	height:191px;
	left:260px;
	position:absolute;
	width:120px;
}
#city{
	width:280px;
	height:22px;
}
#writestuff{
	padding-top:20px;
}
.w1 #writestuff,.w8 #writestuff{

} 
#messageWrite{
  position:absolute;
  right:10px;
  top:10px;
}
#form2 #message,#form2 #name{
	width:312px;
	padding:3px;
	background-image: url(../design_img/paper_texture.jpg);
	background-position: center center;
	border:0;
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	color:#333;
}
.messageWrap{
	position:relative;
	margin: 0 0 20px 20px;
	display:block;
	height:auto;
	width:450px;
}
.messageWrap.response{
	margin:-10px 0 15px 170px;
}
.messPola{
	float:right;
}
.messPola .iconwrapwrap{
	width:95px;
}
.messPola .iconwrap{
	margin-left:0px !important;
}
.message{
	font-family: "Courier New", Courier, monospace;	
	width:400px;
	font-size:12px;
	color:#333;
	font-weight:normal;
	padding:9px;
	background-image: url(../design_img/paper_texture.jpg);
	background-repeat: repeat;
	background-position: center center;	
	text-shadow:0 1px #FFFFFF;
	filter: Shadow(Color=#FFFFFF, 	
			Direction=135, 
			Strength=1);
}
.op .message{
	min-height:110px;
	height:auto !important;
	height:110px;		
}
.small .message{
	min-height:inherit;
	height:auto !important;
	height:auto;
}
.message .mess{
}
.message .datum{
	font-size:10px;
	color:#999;
	margin-right:10px;
}
.message .name{
	font-weight:bold;
	text-align:right;
	font-size:16px;
	margin-top:5px;
}
.message .respond{
	text-indent:9999px;
	overflow:hidden;
	margin-left:10px;
	float:right;
	background-image: url(../design_img/respond.png);
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	width: 24px;
}
.messageShadow{
	position:absolute;
	bottom:-25px;
	left:-20px\9;
	display:block;
	width:420px;
	height:25px;
	background-image: url(../design_img/messageShadow.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#footer{
	text-align:center;
	width:100%;
	font-size:11px;
	color:#666;
	background-color:#FFF;
	margin-top:20px;
}
#footer a{
	color:#666;	
}
#part2pola{
	display:block;
	left:30px;
	position:absolute;
	top:5px;
	width:180px;
}
#part2pola2{
	display:block;
	left:760px;
	position:absolute;
	top:85px;
	width:180px;
}
.randomitem{
	text-align:center;
	margin:5px 0 0 0;
    z-index: 2;
    position: relative;
}
.randomitem2{
	text-align:center;
	margin:35px 0 0 0;
	position:relative;	
	min-height:300px;
	height:auto !important;
	height:300px;
}
#email01{
	width:100%;
	text-align:center;
	padding:40px 0;
	margin:0 auto;
	display:none;
}