/* global ------------------------------------------------------------------- */

html {
 font-size:			100%;
 font-family:		verdana, sans-serif;
}

body {
 background:		#FFFFFF;
 margin:			0px;
 padding:			0px;
 font-size:			12px;
}

a {
 color:				#FF0000;
 text-decoration:	none;
}

a.lang {
 color:				#666666;
 text-decoration:	none;
}

a.lang:hover {
 color:				#000000;
 text-decoration:	none;
}

/* main --------------------------------------------------------------------- */

/*--------HUND------------------------------------------------------*/

#malamute a { display:block;

background: url('http://www.worthandel.de/cover/heulender_hund_malamute.gif');
position: absolute; 
top:100px; 
left:10%;
width: 240px; 
height: 120px;
z-index:5;

}

#malamute a:hover { display:block;

background: url('http://www.worthandel.de/cover/heulender_hund_malamute.gif');
}

div.txt{
 position:		absolute;
 width:			530px;
 height:    		300px;
 left:			10%;
 top:			70px;
 text-align:		justify;
 color: 		#000000;
font-size:    		14px;
 /*letter-spacing:	0.1em;*/
}

div.IHV{
 position:		absolute;
 width:			530px;
 height:    		1500px;
 left:			10%;
 top:			1250px;
 text-align:		left;
 color: 		#000000;
font-size:    		14px;
 /*letter-spacing:	0.1em;*/
}

div.stichworte{
 position:		absolute;
 width:			250px;
 height:    		300px;
 left:			30%;
 top:			800px;
 text-align:		left;
 color: 		#808080;
 /*letter-spacing:	0.1em;*/
}

.redfont {
  color: #FF0000;
} 

.biggrey {
  color: #c6c6c6;
  font-size: 22px;
} 

.smallgrey {
  color: #808080;
  font-size: 14px;
} 


div.daten{
 position:		absolute;
 width:			80%;
 height:    		300px;
 left:			-350px;
 top:			100px;
 text-align:		right;
 color: 		#0000FF;
 /*letter-spacing:		0.1em;*/
z-index:2;
}

div.ueber{
 position:		absolute;
 width:			80%;
 height:    		300px;
 left:			-350px;
 top:			70px;
 text-align:		right;
 color: 		#0000FF;
 font-size:		26px;
 letter-spacing:		0.1em;
margin-bottom:		5px;
z-index:20;
}


div.next {
 position:			absolute;
 margin-top:		3.8em;
 padding:			0px;
 width:				80%;
 left:				10%;
 top:				45%;
 text-align:		center;
}

div.wort {
 position: 			absolute;
 text-align:		right;
 bottom: 			0.2em;
 right: 			1em;
 width:				1em;
}

div.switch {
 position: 			absolute;
 text-align:		left;
 bottom: 			0.2em;
 left: 				0.1em;
}

/* info --------------------------------------------------------------------- */

div.infdiv {
 position:			absolute;
 margin-top:		-3em;
 width:				80%;
 left:				10%;
 top:				45%;
 text-align:		center;
}

table.inftab {
 text-align:		left;
 margin-left:		auto;
 margin-right:		auto;
 padding:			0px;
}

table.inftab td {
 padding:			0em;
 padding-left:		0.5em;
 padding-right:		0.5em;
}

/* contact ------------------------------------------------------------------ */

div.maildiv {
 position:			absolute;
 margin-top:		-5em;
 padding:			0px;
 width:				80%;
 left:				10%;
 top:				45%;
 text-align:		center;
}

textarea {
 border:			1px solid black;
 width:				280px;
 resize:			none;
 padding:			0.5em;
 margin:			0em;
 margin-top:		0.5em;
 background:		#f8f8f8;
}

button {
 border:			1px solid black;
 background:		#ffffff;
 padding:			0.3em;
 padding-left:		0.5em;
 padding-right:		0.5em;
 margin:			0em;
 margin-top:		0.2em;
 cursor:			pointer;
}

button:hover {
 background:		#000000;
 color:				#ffffff;
}

button:active {
 background:		#ffffff;
 color:				#000000;
}



p.sent {
}

p.back {
 text-align:		center;
}