div {}

/*descendant selector - type selector in selected element*/

body {color: #000000;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 10px 0px 10px 0;
background-color: #ccffcc;
background-image: url("../images/backstripe108.jpg");}

.main-text {font-family: Verdana, Helvetica, Arial, sans-serif;
padding: 10px;
text-align: justify;
margin: 10px 50px 15px 210px;
color: #000000;
background-color: #ffe2bc;
border: 4px #a9a9a9 double;
background-image: url("../images/backstripe108b.jpg");
}

.header {
height: 90px;
background-color: #ffe2bc;
padding: 0 15px 0 15px;
border: 4px #a9a9a9 double;
margin: 0px 50px 0 210px;
background-image: url("../images/backstripe108b.jpg");}


.header p {font-size: 1.1em;
text-decoration: none;
text-align: center;
font-weight: normal;
line-height: 1.3em;
margin: auto;
}

.content {position: relative;
width: 100%;
}

.mainpart1{
float: left;
width: 45%;
padding: 15px;
margin: 0;
}

.mainpart2{
float: right;
margin: 0;
width: 45%;
padding: 15px;
}


.commentbox p {text-align: left;}

.navbar {
position: absolute;
top: 50px;
left: 5px;
width: 190px;
margin-top: 10px;
background-color: transparent;
border: 4px #a9a9a9 double;
}

.language {
position: absolute;
top: 10px;
left: 5px;
width: 190px;
height: 90px;
margin: 0px;
padding: 0;
background-color: transparent;
border: 4px #a9a9a9 double;
}

.navbar ul {
margin: 0;
padding: 0;}

.navbar ul li {
list-style-type: none;
margin: 0;
padding: 3px;
border: 0px;
}

.navbar ul li a:link, .navbar ul li a:visited  {
display: block;
text-decoration: none;
font-weight: bold;
margin: 0px;
padding: 0px 0 0 3px;
background-color: #e1d9af;

}

.navbar ul li a:hover {
background-color: #d1cbce;
margin: 0px;
padding-left: 3px;
font-weight: bold;
}

.language ul {
margin: 0;
padding: 0;}

.language ul li {
list-style-type: none;
margin: 0;
padding: 2px;
border: 0px;
}

.language ul li a:link, .language ul li a:visited  {
display: block;
text-decoration: none;
font-weight: bold;
margin: 0px;
padding: 0px 0 0 3px;
background-color: #e1d9af;

}

.language ul li a:hover {
background-color: #d1cbce;
margin: 0px;
padding-left: 3px;
font-weight: bold;
}

ul {
font-size: .8em;
text-align: justify;
padding-right: 0px;}

li {}

h1 {font-size: 1.3em;
text-align: center;
font-style: normal;
letter-spacing: 3px;}

h2 {font-size: 1.2em;
text-decoration: none;
text-align: center;}

h3 {font-size: 1.1em;
text-decoration: none;
text-align: center;
font-weight: normal;
}

h4 {font-size: 0.9em;
text-decoration: none;
text-align: center;
font-weight: bold;}

h5 {font-size: 0.9em;
text-decoration: none;
text-align: center;
font-weight: bold;}

h6 {font-size: 0.9em;
text-decoration: none;
text-align: left;
font-weight: bold;}

p {font-size: .8em;
text-align: justify;
line-height: 1.7em;}

p.footer {font-size: .5em;
text-align: center;
font-weight: bold;}

a {color: #666666;
background-color: #f8f0db;
text-decoration: none;}

a.img {background-color: #f8f0db;
}

a:link {color: #666666;
background-color: #e1de8e;
text-decoration: none;}

a:visited {color: #666666;
background-color: #e1de8e;
text-decoration: none;}

a:hover {background-color: #c8c67e;
color: #000000;
text-decoration: none;}

a:active {text-decoration: none;
background-color: #ffffff;}

p.quote {font-weight: bold;
text-align: center;
font-style: normal;
clear: both;
}

a img {
background-color: #f8f0db;
}

p.quoter {font-weight: bold;
text-align: center;
font-style: italic;}

p.intro {font-weight: bold;
text-align: left;
font-style: italic;
font-size: 0.9em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

p.refer {font-weight: bold;
text-align: left;
font-style: italic;
font-size: 0.9em;}

th {text-align: center;
font-size: 1.2em;
text-decoration: none;
font-weight: bold;}

th p {text-align: center;
font-size: .9em;
text-decoration: none;
font-weight: bold;}

.imagecenter {
width: 96%;
padding: 5px;
margin: 5px;
position: relative;
text-align: center;
}

.imagecenter img {

position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: 2px;
padding: 4px;

}

.imagecenterbig {
width: 96%;
padding: 5px;
margin: 5px;
position: relative;
text-align: center;
}

.imagecenterbig img {
/*width: 45%;*/
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: 2px;
padding: 4px;
}

.imageleft{
width: 100%;
padding: 0px;
margin: 0px;
position: relative;
text-align: justify;
}

.imageleft img{
float: left;
clear: left;

background-color: #fff;
border: 1px solid #a9a9a9;
margin: 5px;
padding: 4px;
}

td{
font-weight: bold;}

br {
clear: both;}

hr{
margin: 0;
padding: 0;
}