/*
a:visited {color: #FFFFFF; text-decoration : none}
a:hover {color: #FFFFFF; text-decoration : none}
a:link {color: #FFFFFF; text-decoration : none}
a:active {color: #FFFFFF; text-decoration : none}
a:focus {outline:none;}
*/
select { background-color: #FFFFFF; font-family: Verdana; font-size: 11px; color: #000000; font-weight: normal; border: 1px #000000 solid; }
input, textarea {font-size:11px;}

img {
  border:0px;
}

a:focus {outline:none;}

#naviunten {
  clear:both;
	padding-top:20px;
	padding-bottom:20px;
	width:520px;
	margin: auto;
	height:90px;
	text-align:center;
	}


#outbounce {
  width: 81px;
  height:74px;
  float:left;
  padding-left:165px;
  padding-top:10px;
}

#outbounce2 {
  width: 81px;
  height:74px;
  float:left;
  padding-left:25px;
}

#bounce {
	width: 81px;
	text-align: center;
	z-index:2;
}

#bounceabove {
	width: 81px;
	height: 64px;
	text-align: center;
	position:relative;
  z-index:30;
  top:-64px; 
}

#bounceabove2 {
	width: 79px;
	height: 74px;
	text-align: center;
	position:relative;
  z-index:30;
  top:-61px; 
}

.sub {
  margin-top:6px;
}

#content {
	position:absolute;
	margin:0px auto;
	text-align:center;
	position: absolute;
  width: 530px;
  height: 500px;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -260px;
					}

#footer {
  clear:both;
  padding-top:60px;
}

* html #footer {
    padding-top:0px;
}

#cartoon {
  width:400px;
  height:400px;
  float:left;
}

#links {
	width:60px;
	margin:0px auto;
	height:400px;
	text-align:right;
	float:left;
	z-index:999;
	
			}

#rechts {
	width:60px;
	margin:0px auto;
	height:400px;
	text-align:right;
	float:left;
	z-index:999;
			}

#alleCartoons {
  
  position:absolute; 
  width:577px;
  height:422px; 
  left:50%;
  top:50%; 
  vertical-align:middle;   
  margin:0px auto;
  margin-top:-255px;
  margin-left:-280px; 
  z-index:50;
  margin-top:-1050px;
}

#alleCartoonsinner {
  width:577px;
  height:422px;
  background-image:url(../sys_img/toon/slider_schlange.png);
  background-position:bottom;
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  border:4px solid #000000;
}

* html #alleCartoonsinner { width:585px; }

#suche {
  
  position:absolute; 
  width:577px;
  height:422px; 
  left:50%;
  top:50%; 
  vertical-align:middle;   
  margin:0px auto;
  margin-top:-255px;
  margin-left:-280px; 
  z-index:50;
  margin-top:-1050px;
}

#sucheinner {
  width:577px;
  height:422px;
  background-position:bottom;
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  border:4px solid #000000;
}

.sucheinnerWBg {
  background-image:url(../sys_img/toon/slider_schlange.png);
}

.sucheinnerWOBg {
  background-image:'';
}

* html #sucheinner {
  width:585px; 
}

#suchepos {
	font-family: Verdana;
	font-size: 11px;
}
#pos {
	font-family: Verdana;
	font-size: 11px;
}

#suchefeld {
  background-image:url(../sys_img/toon/suche_input_bg.gif);
  background-repeat:no-repeat;
  background-position:right;
  width:154px;
  height:46px;
  padding:50px 0px 0px 60px;
  float:left;
}

* html #suchefeld {
  margin-top:10px;
}

#suchefeld2 {
  float:left;
  margin-top:15px;
}

* html #suchefeld2 {
  float:left;
  margin-top:4px;
}

#eingabefeld {
  border:0px;
  width:144px;
  margin:-10px 0px 0px 6px;
}

* html #eingabefeld {
   margin:-36px 0px 0px 6px;
}

#ecard {
  position:absolute; 
  width:577px;
  height:422px; 
  left:50%;
  top:50%; 
  vertical-align:middle;   
  margin:0px auto;
  margin-left:-280px; 
  z-index:50;
  margin-top:-1400px;
}

 

#ecardinner {
  width:577px;
  height:422px;
  background-color:transparent;
  border:4px solid #000000;
  background-image:url(../sys_img/toon/ecardlayer.gif);
  background-repeat:no-repeat;
  padding:0;
}

#ecardtoon {
  width:400px;
  height:400px;
  padding:11px 0 0 11px;
}

#thumbs .a {
  color:red;
}

#thumbs .b {
  color:green;
}

#slider .a {
  color:blue;
}

#slider .b {
  color:yellow;
}

#ecardtoonlayer {
  width:400px;
  height:400px;
  padding:11px 0 0 11px;
  position:relative;
	margin-top:-411px;
  z-index:15;
}

* html #ecardtoonlayer { margin-top:-415px; }

#ecardmidlayer {
  width:400px;
  height:400px;
  position:relative;
	margin-top:-400px;
	z-index:15;
	display:none;
  
}

#ecardmidlayer2 {
  width:112px;
  height:55px;
  position:relative;
	top:-220px;
	left:160px;
  z-index:16;
  display:none;
}

* html #ecardmidlayer { margin-top:-408px; }

#ecardform {
  width:160px;
  height:422px;
  margin-top:-411px;
  padding-left:418px;
  text-align:left;
}

* html #ecardform { 
  height:418px;
}

.suche td {
  text-align:center;
}

* html .x {
margin-left:340px; 
}

.clear {
  clear:both;
}

#ic_shop, #ic_suche, #ic_fragen, #ic_zeug, #ic_start { padding-bottom:10px; }


#ic_start {
padding-bottom:110px;
}

#w_shop, #w_suche, #w_fragen, #w_zeug, #w_start { display:none; }

.toggleopacity:hover { color: #000000; }
.toggleopacity:focus { color: #000000; }
.toggleopacity:visited:hover { color: #000000; }
.toggleopacity:visited { color: #ffffff; }
.toggleopacity:active { color: #ffffff; }

.toggledopacity:hover { color: #000000; }
.toggledopacity:focus { color: #000000; }
.toggledopacity:visited:hover { color: #000000; }
.toggledopacity:visited { color: #ffffff; }
.toggledopacity:active { color: #ffffff; }


.toggleopacity {
  font-size:8px;
  font-family:Verdana;
  color: #FFFFFF;
  text-decoration:none;
}

.toggledopacity {
  font-size:8px;
  font-family:Verdana;
  color: #FFFFFF;
  text-decoration:none;
}

.toggleopacity img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.toggleopacity:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.toggledopacity img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#ergebnislayer {
  height:85px;
  margin-top:38px;
}

* html #ergebnislayer {
  height:65px;
  margin-top:60px;
}

#handle {
	width:20px;
	height:85px;
	position:absolute;
	margin-top:-20px;
	margin-left:10px;
}

* html #handle {
	width:20px;
	height:85px;
	position:absolute;
	margin-top:-20px;
	margin-left:10px;
}


#pos {
	width:60px;
	text-align:center;
	height:20px;
	margin-left:-5px;
	z-index:-5;
	border:0px;	
}


* html #pos {
	width:60px;
	text-align:center;
	height:20px;
	margin-left:-12px;
	z-index:-5;
	border:0px;	
}

#slider {
	width:530px;
	height:69px;
	margin-left:10px;
	margin-top:0px;
}

* html #slider {
	width:550px;
	height:69px;
	margin-left:10px;
	margin-top:0px;
}

#sliderSuche {
	width:540px;
	height:69px;
	margin-left:10px;
	margin-top:-10px;
}

* html #sliderSuche {
	width:560px;
	height:69px;
	margin-left:10px;
	margin-top:0px;
}


#handleSuche {
	width:20px;
	height:85px;
	position:absolute;
	margin-top:-20px;
	margin-left:10px;
}

* html #handleSuche {
	width:20px;
	height:85px;
	position:absolute;
	margin-top:-20px;
	margin-left:10px;
}

#suchepos {
	width:60px;
	text-align:center;
	height:20px;
	margin-left:-5px;
	z-index:-5;
	border:0px;
	background:transparent;
}


* html #suchepos {
	width:60px;
	text-align:center;
	height:20px;
	margin-left:-12px;
	z-index:-5;
	border:0px;	
}

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(/sys_img/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(/sys_img/bt.gif) no-repeat bottom}