/* THE ALLAROUND WRAPPER, INCLUDING HEADER AND FOOTER */    

body	{
    background: #97BD78 url( ../i/bg.gif ) top left repeat;
    margin: 0;
    padding: 0;
    border: 0;	
    }
	
#container {
    width: 760px;
    \width: 780px;
    w\idth: 760px;
    border: 1px solid black;
    margin: 20px 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    }

#banner {
    clear: both;
    background: url( ../i/header.gif) top left no-repeat;
    width: 760px;
    height: 151px;
    padding: 0;
	margin: 0;
    z-index: 10;    
    }

#navigation {
    clear: both; 
    background: url( ../i/5end.gif);
    width: 760px;
    height: 25px;
    padding: 0;
	margin: 0;
    z-index: 10;    
    }

#content {
	clear: both;
	padding: 0;
	background-color: #FFF;
    }

p   {
	float: left;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding: 5px 0 5px 0;
	margin: 0 0 0 5px;
	width: 700px;
	text-decoration: none;
	text-align: left;
    }
    
p.centro   {
	width: 600px;
	margin: 0 0 10px 40px;
    text-align:center;
    
    }

p.centro2   {
    width: 370px;
    text-align:center;
    }

p.centro3   {
    width: 150px;
    margin: 10px 10px 0 20px;
    line-height: 38px;
    text-align:right;
    float:left;
    }

h2   {
	float: left;
    color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	margin:0;
	padding: 20px 0 5px 0;
	width: 700px;
	text-decoration: none;
    }

h2.bien   {
	margin:0 0 0 5px;
    }
    
h2.centro   {
    text-align:center;
    	vertical-align:middle;
    	}


#footer {
    clear: both;
    background: url( ../i/footer.gif) top left no-repeat;
    width: 760px;
    height: 25px;
    padding: 0;
	margin: 0;
    z-index: 10;
    }
    
#liste  {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    padding: 0;
	margin: 0;    
    z-index: 100;
    }    

/* CONTENT HELPERS */    

.clear  { clear:both; height:1px; }    
.h-12  { clear:both; height:12px; }    
.h-36  { clear:both; height:36px; }
.h-48  { clear:both; height:48px; }  
.h-72  { clear:both; height:72px; }    
img { margin:0; padding:0; border:0; }

/* CONTENT */

img.rimi {
    margin: 0 0 0 20px;
    }

img.rimi2 {
    margin: 0 0 0 1px;
    }
    
.textext p.hello {
    width: 231px;
    float: left;
    margin: 0 0 0 5px;
    }    

#imagetank  {
    float: left;
    width: 302px;
    border: 1px solid black;
    margin: 0 20px 20px 0;
    padding: 0;
    }    

#imagetank img  {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    } 

.textext  {
    border: 0;
    margin: 0;
    padding: 0 20px;
    }  

.text p  {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    } 

#text  {
    float: left;
    width: 364px;
    border: 0;
    margin: 0;
    padding: 0;
    }

.spalten1  {
    float: left;
    width: 400px;
    border: 0;
    margin: 20px 0 20px 0;
    padding: 0;
    } 

.spalten2  {
    float: left;
    width: 80px;
    border: 0;
    margin: 190px 0 0 0;
    padding: 0;
    } 

#text p  {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    width: 360px;
    height: 170px;
    }  

/* HERE THE NAVIGATION */    

h1 {
	margin:0; 
	padding:0;
	width: 91px;
	height:25px;
    float: left;
    }  

a span { display:none }

h1 a, h1 a:hover, h1 a:visited   {
	display:block;
	width:91px; 
	height:25px;
    font: 9px Verdana, Helvetica, Arial, sans-serif; 
    color: #000;
	text-decoration: none;
    }
    
#void {
	display:block;
    float: left;
    height: 25px;
    width: 396px;
    background-image: url("../i/5end.gif") ; 

    }  

#bie a { background: url("../i/1bien.gif"); }
#bie a:hover { background-image: url("../i/1bien_o.gif"); }
#bie_c { background-image: url("../i/1bien_o.gif"); }

#ima a { background: url("../i/2imagen.gif"); }
#ima a:hover { background-image: url("../i/2imagen_o.gif"); }
#ima_c { background: url("../i/2imagen_o.gif"); }

#pro a { background: url("../i/3productos.gif"); }
#pro a:hover { background-image: url("../i/3productos_o.gif"); }
#pro_c { background-image: url("../i/3productos_o.gif"); }

#con a { background: url("../i/4contactos.gif"); }
#con a:hover { background-image: url("../i/4contactos_o.gif"); }
#con_c { background-image: url("../i/4contactos_o.gif"); }

/* FOOT NAVI FOR JS DISABLED IE */

a.back, a.back:visited {
    float: left;
    width: 200px;
    height: 20px;
    margin: 0 0 0 20px;
    padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
    color: #111;
    }

a.for, a.for:visited    {
    float: right;
    text-align: right;
    width: 200px;
    height: 20px;
    margin: 0;
    padding: 0 20px 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
    color: #111;
    }

/* HERE THE DROPDOWN */

ul { 
    float: left;
	position: relative;
	list-style: none;
    margin: 0;
	padding: 0;
}

li {
	float: left;
	position: relative;
	width: 231px;
	height: 20px;
	margin: 0 7px 0 0;
}

li#one { 
    position: absolute;
    left: 0;
    height: 27px;
}

li#two { 
    position: absolute;
    left: 244px;
    height: 27px;
}

li#three { 
    position: absolute;
    left: 486px;
    height: 27px;
}

ul.listlinks { 
    position: absolute;
    top: 26px;
	}

li ul { 
	display: none;
	position: absolute;
	top: 0;
	left: 0; 
    }

li>ul {
	top: auto;
	left: auto;
    }

li:hover ul, li.over ul {
	display: block;
    }

#nav li li a    {
	display: block;
	height: 18px;
	width: 212px;
    border: 1px solid black;
	margin: 0;
	padding: 3px 0 0 17px;
	font: 9px Verdana, Helvetica, Arial, sans-serif; 
    background-color: #e0d4a9;
    color: #000;
    text-decoration:none;
    }

#nav li li a:hover, a:over {
	display: block;
    height: 18px;
	width: 212px;
    border: 1px solid black;
	margin: 0;
	padding: 3px 0 0 17px;
	font: 9px Verdana, Helvetica, Arial, sans-serif; 
    background-color: #f2edc3;
    color: #000;
    text-decoration:none;
}
 

/* FORM STYLZ */

.dieform    {
    position: relative;
    float: left;
    }

.dieform p    {
    text-align: right;
    height: 40px;
    width: 180px;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
    
    }

.dieform2    {
    position: relative;
    float: left;
    height: 40px;
    margin: 0 0 10px 0;
    }