/*
Theme Name: InkToon
Theme URI: http://inktoon.de
Author: Gregorio Pirolini
Author URI: http://gregoriosportfolio.com
Description: Official InkToon theme.
Version: 1.0
License: ?
License URI: license.txt
Tags: InkToon
*/




/* Coming Soon Page */


#randm, #randm img {
width:2044px;
height:1500px;
}

* {
margin: 0;
padding: 0;
} 

html, body, td
{
  height: 100%;
overflow:auto;
}




/* CSS */

@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

 
html,body  {
	
 height: 100%;
} 

  




<!--
a:link {
	font-family:"Arial Black", Gadget, sans-serif;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
		font-family:"Arial Black", Gadget, sans-serif;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
a:hover {
		font-family:"Arial Black", Gadget, sans-serif;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
a:active {
		font-family:"Arial Black", Gadget, sans-serif;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

 


div.logobox
{
position:absolute;
top:10px;
width: 100%;
z-index: 1;


}
div.mainbox
{
position:absolute;
width: 100%;
height: 100%;

}

div.mainboxindex
{
position:absolute;
width: 100%;
height: 100%;
z-index:2;
}

div.mainboxcomic
{
position:absolute;
width: 100%;
height: 100%;
overflow:hidden;

}

div.mainboxcomicbig
{
position:absolute;
width: 100%;
height: 100%;
overflow:hidden;	
z-index: -1;

}
div.mainbox75
{
position:absolute;
width: 100%;
top:110px;

}


div.z3
{
z-index: 3;

}
div.logobox-1
{
	position:absolute;
	top:10px;
width: 100%;
z-index: -1;
}

div.box
{
	position:relative;
	top:0px;
	text-align:center;
	width: 760px;
}



 div.botright2{
  position:fixed;
bottom:0;
margin-right:auto;
margin-left:auto;
width:100%;
height: 25px;
z-index:2;
}
  .german{
	  font:Arial, Helvetica, sans-serif;
	  font-size:14px;
	  color:#000;
 
}

p, .text{
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000;
 font-size:14px;
 margin-bottom:30px;
}



.textpix{
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000;
 font-size:13px;
}


.textpixklein{
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000;
 font-size:12px;
}
.textpix1{
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000;
 font-size:13px;
  margin-bottom:0px;
}

.textpix2{
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000;
 font-size:12px;
  margin-bottom:0px;
}

/* About Page */
a img {
 border: 1px solid #fff;
 text-decoration: none;
 }

a:hover img{
 border: 1px solid #333;
 }
/* index Page */

div.top
{
	position:absolute;
	top:0px;
	z-index:3;
	width: 100%;
	height: 100%;
	overflow:hidden;
}


.indexa a img {
 border: 1px solid #fff;
 text-decoration: none;
 }

.indexa a:hover img {
 border: 1px solid #fff;
 text-decoration: none;
 }

.indexa a:link img{
 border: 1px solid #fff;
 text-decoration: none;
 }
.indexa a:visited img{
 border: 1px solid #fff;
 text-decoration: none;
 }

.indexa a:active img{
 border: 1px solid #fff;
 text-decoration: none;
 }


  div.botrightindex{
position:fixed;
bottom:0;
margin-right:auto;
margin-left:auto;
width:100%;
z-index:4;
}



/* Comic Pages */

.thumbs-container
{
	
	width:120px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	z-index: 3;
	height: 100%;
}

 div.botright4{
  position:fixed;
bottom:0;
margin-right:auto;
margin-left:auto;
width:100%;
height: 25px;
z-index:4;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
    /* vertical scrollers have typically larger height than width */	
	width: 120px;
	height: 1500px;
	border-top:1px solid #ddd;	
	z-index: 3;
	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	/* this time we have very large space for height */	
	height:100px;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:0px solid #ddd;
	margin:2px 0;
	padding:23px;
	font-size:12px;
	height:100px;
}

/* elements inside single item */
.item img {
	float:right;
	margin-right:0px;
	height:100px;
	width:71px;
	border: 1px solid #ccc;
 	text-decoration: none;
}

.item:hover img
{
	border: 1px solid #000;
}


#actions a, #actions2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;		
	font-weight: normal;
	cursor:pointer;
	color:#000;
}

#actions a:hover, #actions2 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	
.prev {
	float:left;
}	

.bottom{
	position: fixed;
	bottom: 0px;
}	


div.mainboxcomictop
{
position:absolute;
width: 100%;
height: 100%;
overflow:hidden;
z-index:-1;

}
div.mainboxcomiclast
{
position:absolute;
width: 100%;
height: 100%;
overflow:auto;
z-index:3;

}

#video1box{
position:relative;
height:410px;
width: 640px;
top:0px;
margin-left:auto;
margin-right:auto;
z-index:1;
border:none;
padding-top:75px;
padding-bottom: 15px;

}

#video1title{
position:absolute;
top:85px;
left: 0px;
width: 100%;
border:#000;


}

#video1{
position:absolute;
top:115px;
width: 640px;
height: 390px;

}



.videotext{ 
color: rgb(0, 0, 0);
font-family: "Arial Black", "Gadget", sans-serif;
font-weight: 700;
text-decoration: none;
 }
{ 
color: rgb(0, 0, 0);
font-family: "Arial Black", "Gadget", sans-serif;
font-weight: 700;
text-decoration: none;
 }