/* * {
margin:0;
padding:0;
border:0;} */
html {
height:100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
color:#000;
background:#FFF;
text-align:left;
height:100%;
}

#header {
width:760px;
margin:0 auto;
height:100px;
}
#headerblog {
width:760px;
margin:0 auto;
height:100px;
margin-left:auto;
margin-right: auto;
background-image:url("back-menu3.png");
background-repeat:no-repeat;
margin-top:20px;
}
#header ul li{
z-index:20;
} 
.wrapper {
width:760px;
display:table;
overflow:hidden;
border-bottom:solid 1px #000;
border: solid black 1px;
margin-left:auto;
margin-right: auto;
}

.left {
width:125px;
height:100%;
padding-bottom:10px;
padding-left:10px;
text-align:left;
background:transparent;
float:left;
position:relative;
top:100px;
}
#left-menu {
margin:0;
padding:5px;
border:2px solid green;
position:relative;
}
#this {
margin:0;
padding:3px;
list-style-type:none;
border:2px solid blue;
position:relative;
line-height:1.5em;
}
#more {
margin:0;
padding:3px;
list-style-type:none;
border:2px solid orange;
position:relative;
line-height:1.5em;
}
.right {
width:210px;
height:100%;
padding-left:5px;
text-align:center;
background:transparent;
float:left;
/*vertical-align:middle;*/
position:relative;
top:100px;
}
.fieldin {
border:1px solid gray;
padding:1px;
margin:1px;
}
.content {
width:380px;
padding-top:25px;
padding-left:10px;
float:left;
background:transparent;
z-index:-3;
height:100%;
}
/* content enlarged for 2 column layout: animals, flowers etc. pages
with little text and more images
*/
.content2{
width:590px;
padding-left:10px;
float:left;
background:transparent;
z-index:-3;
height:100%;
padding-top:25px;
}
.leftparagraph, .rightparagraph {
width:280px;
float:left;
text-align:center;
}
hr {
clear:both;
/*visibility:hidden;*/}

.left div, .right div {
position:relative;
/*top:40%;*/}