/* page layout */

* {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

body {
	background: url(bgkaro.png);
	margin:0px;
	padding:0px;
	color: black;
	text-align: center;
}


/* containers and wrappers */

.container {
	width: 824px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

#contentcontainer {
}

#wrapper {
	width: 824px;
	background: url(border.png);
	background-repeat: repeat-y;
}

/* title and description (for print) */

#title {
	display: none;
}

#description {
	display: none;
}


/* content area */

#content {
	background: white url(bgypspif.png);
	padding: 0px;
	padding-left: 15px;
	padding-top: 50px;
	width: 772px;
	min-height: 500px;
	text-align: left;
}

/* navigation area */
#navigation {
	position: absolute;
	top: 0px;
	background-image: url(bar.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 40px;
}

#navigation, #navigation ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0 0 1em 0;
}

#navigation a {
	display: block;
	font-family: Arial;
	font-size: 9pt;
	color: white;
	text-decoration: none;
}

#navigation span {
	display: block;
	font-family: Arial;
	font-size: 9pt;
	color: #cccccc;
	cursor: default;
	text-decoration: none;
}

#navigation ul
{
	border: solid 1px black;
	background: url(menu1.png);
}

#navigation li a 
{
    padding: 3px 3px 3px 3px;
}

#navigation ul li a, #navigation ul li span 
{
    padding:  7px 7px 7px 7px;
}

#navigation li {
	float: left;
	padding: 0;
	display: inline; /* double margin IE bug fix */
}

#navigation li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

#navigation li li {
	padding-right: 1em;
	width: 134px;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	left: auto;
}

#navigation li ul li:hover, #navigation li ul li.sfhover {
	background: url(menu2.png);
	color: white;
	font-weight: bold;
}

#navigation li:hover, #navigation li.sfhover {
    background-color: transparent;
	color: white;
	font-weight: bold;
}

#navigation li:hover, #navigation li.hover {
    position: static;
}

#infos {
	margin-left: 94px;
	width: 50px;
}

#hefte {
	width: 50px;
}

#comics {
	width: 60px;
}

#gimmicks {
	width: 80px;
}

#sammeln {
	width: 70px;
}

#interaktiv {
	width: 70px;
}

#specials {
	width: 70px;
}

#service {
	width: 70px;
}

#suche {
	position: absolute;
	top: 0px;
	right: 30px;
	background-color: red;
	width: 170px;
	height: 20px;
/*	background: url("");*/
}

#searchField {
	background-color: green;
/*	background: none; */
	color: yellow;
	float: left;
	padding: 0;
	width: 145px;
	margin: 2px 0 0 2px;
	border: 0;
}

#searchButton {
	background-color: blue;
	float: right;
	margin: 2px 2px 2px 0;
}



/* header */

#header {
	margin-top: 5px;
	background-image: url("header.png");
	background-repeat: no-repeat;
	height: 120px;
}

#title {
	display: none;
}

#description {
	display: none;
}

#headerLeft {
	display: none;
}

#headerRight {
	position: absolute;
	left: 800px;
	height: 120px;
	width: 25px;
	background-image: url("header_r.png");
}

#headerRight a {
	display: none;
}

#headerTop {
	position: absolute;
	left: 289px;
	top: 47px;
	width: 234px;
	height: 60px;
	overflow: hidden;
	
}

#headerLogo {
	position: absolute;
	left: 106px;
	top: 41px;
	background: url(logo.png);
	width: 122px;
	height: 68px;
}

/* footer */

#footer {
	position: relative;
	clear: left;
	padding-left: 15px;
	padding-right: 37px;
	width: 772px;
	height: 45px;
	padding-bottom: 40px;
	text-align: center;
	background: url("footer.png");
}

.totop {
	display: none;
}

/* impressum */

#impressum {
	width: 772px;
	position: relative;
	width: 100%;
	padding-bottom: 30px;
	margin-top: 100px;
}

#copyright {
	position: absolute;
	text-align: left;
	font-size: 9pt;
	width: 300px;
	left: 0px;
	top: 0px;
}

#filedate {
	position: absolute;
	text-align: right;
	font-size: 9pt;
	width: 300px;
	right: 0px;
	top: 0px;
}

#impressLink {
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 9pt;
	top: 0px;
	left: 0px;
}
/* page formatting */

div.smallWidth {
	width: 600px;
}

/* text formatting */

a {
	color: #000099;
}

h1 {
}

/* override pages.css */