/* HEADER: =
----------------------------------------------- */
{
margin:0;
padding:0;
}

html {
  padding:0px;
  margin:0px;
}

body {
	margin:0px 0px 0px 0px;
	padding:0;
	text-align: center;
	font-family:Verdana, sans-serif;
	color:#000000;
    font: 0.8125em Verdana, sans-serif;
	line-height: 1;
	color: #333;
	background: #FFF;
}

/* Links: = */

a:link.languagelink {text-decoration: none; color: #999999; font-size:9px}
a:visited.languagelink {text-decoration: none; color: #999999; font-size:9px}
a:hover.languagelink {text-decoration: none; color: #999999; font-size:9px}

a:link.languagelinkdark {text-decoration: none; color: #666666; font-size:9px}
a:visited.languagelinkdark {text-decoration: none; color: #666666; font-size:9px}
a:hover.languagelinkdark {text-decoration: none; color: #666666; font-size:9px}

#content a:link, #content a:visited{
color:#B01C2E;
background-color:transparent;
text-decoration:none;
font-weight:normal;
}

#content a:hover{
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}

#overDiv a, #overDiv a:visited{
color:#000000;
background-color:transparent;
text-decoration:none;
font-weight:normal;
}

#overDiv a:hover{
color:#FFFFFF;
text-decoration:none;
font-weight:normal;
}

#contentShop a:hover{
color:#000000;
text-decoration:none;
font-weight:normal;
}

#shopTeaser {
  width:120px;
  height:140px;
  position:relative;
  left:502px;
  top:-468px;
  /*border: solid 1px #000000;*/
  z-index:100;
}


#shopButtonPage {
  width:120px;
  height:140px;
  position:relative;
  left:770px;
  top:-420px;
  overflow:hidden;
  z-index:100;
  cursor:pointer;
  clear:both;
  /*border: solid 1px #000000;*/
}

div#shopButtonPage a {
  display: block;
  overflow: hidden;
  background:transparent url(../images/shop.gif) no-repeat;
}

#shopButtonPage a:hover, body#shopButtonPage {
  display: block;
	background:transparent url(../images/shop_over.gif) no-repeat;
}

#ShopBlog {
  width:120px;
  height:140px;
  position:relative;
  left:-100px;
  top:-620px;
  overflow:hidden;
  z-index:100;
  cursor:pointer;
  clear:both;
  border: solid 0px #000000;
}

div#shopButtonPage img
{
  visibility: hidden;
}


#shopButtonHome {
  width:120px;
  height:140px;
  position:relative;
  left:770px;
  top:-420px;
  overflow:hidden;
  z-index:1000;
  cursor:pointer;
  clear:both;
  /*border: solid 1px #000000;*/
}

div#shopButtonHome a {
  display: block;
  overflow: hidden;
  background:transparent url(../images/shop_home.gif) no-repeat;
}

#shopButtonHome a:hover, body#shopButtonHome {
  display: block;
	background:transparent url(../images/shop_home_over.gif) no-repeat;
}

div#shopButtonHome img
{
  visibility: hidden;
}

#shopBackButton {
  width:20px;
  height:20px;
  position:absolute;
  left:0px;
  top:60px;
  overflow:hidden;
  z-index:120;
  cursor:pointer;
  clear:both;
  /*border: solid 1px #000000;*/
}

div#shopBackButton a {
  display: block;
  overflow: hidden;
  background:transparent url(../images/back.gif) no-repeat;
}

#shopBackButton a:hover, body#shopBackButton {
  display: block;
  background:transparent url(../images/back_over.gif) no-repeat;
}

div#shopBackButton img
{
  visibility: hidden;
}

 /* Navigation: =
----------------------------------------------- */

 /* Navigation: =
----------------------------------------------- */

/* Positionierung */
#home{
left:0;
width:87px;
}
#shop{
left:67px;
width:82px;
}
#blog{
left:129px;
width:122px;
}
#press2{
left:231px;
width:87px;
}
#host{
left:298px;
width:139px;
}
#box{
left:417px;
width:140px;
}
#niko{
left:537px;
width:100px;
}
#children{
left:617px;
width:102px;
}
#about{
left:699px;
width:101px;
}

/* Auschnitt Hover 
   Für Updates: 
   1) Zuerst Auschnitt Hover bestimmen
   2) Positionierung
   3) Werte für Active von Hover übernehmen
*/
#home a:hover,body#homeon #home{
background:transparent url(../images/navigation/navbar2.gif) 0px 0px no-repeat;
}
#shop a:hover,body#shopon #shop{
background:transparent url(../images/navigation/navbar2.gif) -87px 0px no-repeat;
}
#blog a:hover,body#blogon #blog{
background:transparent url(../images/navigation/navbar2.gif) -169px 0px no-repeat;
}
#press2 a:hover,body#press2on #press{
background:transparent url(../images/navigation/navbar2.gif) -291px no-repeat;
}
#host a:hover,body#hoston #host{
background:transparent url(../images/navigation/navbar2.gif) -378px 0px no-repeat;
}
#box a:hover,body#boxon #box{
background:transparent url(../images/navigation/navbar2.gif) -517px 0px no-repeat;
}
#niko a:hover,body#nikoon #niko{
background:transparent url(../images/navigation/navbar2.gif) -657px 0px no-repeat;
}
#children a:hover,body#childrenon #children{
background:transparent url(../images/navigation/navbar2.gif) -757px 0px no-repeat;
}
#about a:hover,body#abouton #about{
background:transparent url(../images/navigation/navbar2.gif) -859px 0px no-repeat;
}

/* Ausschnitt active */
body#homeon #home {
background:transparent url(../images/navigation/navbar3.gif) 0px 0px no-repeat;
z-index:10;
}
body#shopon #shop{
background:transparent url(../images/navigation/navbar3.gif) -87px 0px no-repeat;
z-index:10;
}
body#blogon #blog{
background:transparent url(../images/navigation/navbar3.gif) -169px 0px no-repeat;
z-index:10;
}
body#press2on #press2{
background:transparent url(../images/navigation/navbar3.gif) -291px 0px no-repeat;
z-index:10;
}
body#hoston #host{
background:transparent url(../images/navigation/navbar3.gif) -378px 0px no-repeat;
z-index:10;
}
body#boxon #box{
background:transparent url(../images/navigation/navbar3.gif) -517px 0px no-repeat;
z-index:10;
}
body#nikoon #niko{
background:transparent url(../images/navigation/navbar3.gif) -657px 0px no-repeat;
z-index:10;
}
body#childrenon #children{
background:transparent url(../images/navigation/navbar3.gif) -757px 0px no-repeat;
z-index:10;
}
body#abouton #about{
background:transparent url(../images/navigation/navbar3.gif) -859px 0px no-repeat;
z-index:10;
}
/* SHOP NAVIGATION */

#party{ 	left:0px;   	width:75px; }
#wear { 	left:75px;  	width:58px; }
#make { 	left:133px; 	width:58px; }
#play {		left:191px;		width:56px; }
#carry{		left:248px;		width:57px; }
#write{ 	left:305px;		width:56px; }
#keep{		left:361px;		width:58px; }
#use{		left:419px;		width:56px; }
#read{		left:476px;		width:56px; }
#info{		left:532px; 	width:24px; }
#basket{	left:559px;		width:25px; }

#party a:hover,body#partyon #party {
background:transparent url(../images/shopNavigationHover.gif) 0px 0px no-repeat;
}
#wear a:hover,body#wearon #wear {
background:transparent url(../images/shopNavigationHover.gif) -75px 0px no-repeat;
}
#make a:hover,body#makeon #make{
background:transparent url(../images/shopNavigationHover.gif) -133px 0px no-repeat;
}
#play a:hover,body#playon #play{
background:transparent url(../images/shopNavigationHover.gif) -191px 0px no-repeat;
}
#carry a:hover,body#carryon #carry{
background:transparent url(../images/shopNavigationHover.gif) -248px 0px no-repeat;
}
#write a:hover,body#writeon #write{
background:transparent url(../images/shopNavigationHover.gif) -305px 0px no-repeat;
}
#keep a:hover,body#keepon #keep{
background:transparent url(../images/shopNavigationHover.gif) -361px 0px no-repeat;
}
#use a:hover,body#useon #use{
background:transparent url(../images/shopNavigationHover.gif) -419px 0px no-repeat;
}
#read a:hover,body#readon #read{
background:transparent url(../images/shopNavigationHover.gif) -476px 0px no-repeat;
}
#info a:hover,body#infoon #info{
background:transparent url(../images/shopNavigationHover.gif) -532px 0px no-repeat;
}
#basket a:hover,body#basketon #basket{
background:transparent url(../images/shopNavigationHover.gif) -559px 0px no-repeat;
}


div#primarynav{
height:60px;
width:800px;
margin:0 0 0 0px;
padding:0;
border:0;
background:transparent;
float:left;
}
div#primarynav ul#menu{
height:60px;
width:800px;
background:transparent url(../images/navigation/navbar1.gif) top left no-repeat;
margin:0;
padding:0;
position:relative;
}

div#primarynav ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu a{
height:60px;
display:block;
}
div#primarynav ul#menu li a{
text-indent:-9999px;
text-decoration:none;
}

/* Shop Primary Nav */
div#primarynavShop ul#menu{
height:60px;
width:600px;
background:transparent url(../images/shopNavigationNormal.gif) top left no-repeat;
margin:0;
padding:0;
position:relative;
}
div#primarynavShop ul#menu li a{
text-indent:-9999px;
text-decoration:none;
}
div#primarynavShop ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}


#html{
left:169px;
width:71px;
}
#css{
left:240px;
width:80px;
}

 /* STRUCTURE: =
----------------------------------------------- */
#container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background:#FFFFFF;
	text-align: left;
}
#containerShop{
width:600px;
margin-left:auto;
margin-right:auto;
padding:0;
background:#FFFFFF;
}
* html #containerShop {
width: 650px;
margin-left:-20px;
}

#header{
padding-top:30px;
margin:0px 0px 0px 10px;
background-color:#FFFFFF;
}
#headerShop{
padding-top:0px;
margin:0px 0px 0px 10px;
background-color:#FFFFFF;
}

#navcontainer{
padding:0px;
margin:0 10px 0px 0px;
background:#FFFFFF;
height:60px;
clear:right;  /* Required for everything except IE Win. */
}
#content{
margin:0 0 0px 0px;
float: left;
width:800px;
z-index: 10;
}
#contentShop{
margin:0 0 0px 20px;
float: left;
width:580px;
z-index: 10;
height: 540px;
overflow:auto;
}

#inbox {
  margin:10px;
  width:280px;
  background-color:#FFFFFF;
}

#footer{
clear:both;
padding:1px;/* required for ie5.5, it appears! */
height:30px;
background-color:#FFFFFF;
margin:10px 10px 20px 10px;
padding: 10px 0 0 0px;
color:#7C7C7C;
font-size:70%;
text-align:left;
line-height:170%;
border-top:1px solid #DFDFDF;
}

#footer a:link, a:hover {
  font-size:100%;
}

#navpoint {
  background-image:url(../images/nav.gif);
  background-repeat:no-repeat;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  margin-left:10px;
  width:101px;
  height:34px;
  float: left;

}


 /* HEADINGS: =
----------------------------------------------- */

h1 { 
display:inline; 
	font-size:11px;
	color:#000000;
	font-weight:normal;
}

h2,h3,h4{
font-weight:bold;
font-family:"Trebuchet MS",Georgia,arial,verdana,helvetica,sans-serif;
}

h2{
margin:10px 20px 8px 0px;
padding-top:10px;
color:#535B5D;
font-size:115%;
font-family:arial,verdana,helvetica,sans-serif;
text-align:left;
}
h3{
margin:0 20px 0 60px;
color:#535B5D;
padding:0 0 0 0;
font-size:85%;
text-transform:uppercase;
text-align:left;
}

h4{
margin:12px 0px 0 16px;
color:#535B5D;
padding:0 0 0 0;
font-size:85%;
text-transform:uppercase;
text-align:left;
}

.redtitle {
color:#B01C2E;
font-weight:bold;
}
.greentitle {
color:#78934A;
font-weight:bold;
}

.browntitle {
color:#C1A87F;
font-weight:bold;
}

.bluetitle {
color:#98B8C9;
font-weight:bold;
}

 /* TEXT:=
 ----------------------------------------------- */

.text, td {
	margin:0 0 0px 0px;
	font-size:11px;
	color:#000000;
	text-align:left;
	font-family:Verdana, sans-serif;
	text-indent:0em;
	line-height: 1.5em;
}


 /* LISTS: =
----------------------------------------------- */

 /* FORMS: =
----------------------------------------------- */
input,select,textarea {
	background-color: #EBF1FA;
	color: #222222;
	border:1px solid #DDDDDD;
	font-size: 9px;
}

input[type=submit],
input[type=reset],
input[type=button],
button {
	background-color: #B01C2E;
	color: #FFFFFF;
    font-size: 9px;
	border:1px solid #B01C2E;
}

/*
input:focus,
select:focus,
textarea:focus {
	background-color: #FFFFD7;
	color: #000000;
	border:1px solid ;
}
*/
 /* LINKS: =
----------------------------------------------- */

 /* MISC: =
----------------------------------------------- */

hr {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #AAA19B;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-color: #AAA19B;
	border-bottom-color: #AAA19B;
	border-left-color: #AAA19B;
	height: 1px;
}