body {
font-family: Arial, Tahoma, sans-serif;
color:#3F3930;
font-size:0.8em;
margin:0;
padding:0;
height:100%;
background:#C2B8AF;
}

h1 {
font-size:1.2em;
padding:0 0 8px 0;
margin:0;
}

h2{
font-size:1.0em;
padding:0 0 5px 0;
margin:0;
}

a:link {color:#3F3930; text-decoration:underline;}
a:visited {color:#3F3930; text-decoration:underline;}
a:hover {color:#911A1A; text-decoration:none;}
a:active {color:#911A1A; text-decoration:none;}

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

#main {
position:absolute;
top:50%;
left:50%;
width:850px;
height:530px;
margin:-265px 0 0 -425px;
padding:0;
background:#F7F3EB;
}

/*---------------header---------------*/

#header {
position:relative;
width:850px;
height:214px;
margin:0;
padding:0;
background:url(header.jpg) no-repeat top left;
}

#title {
position:absolute;
top:20px;
left:20px;
width:293px;
height:59px;
margin:0;
padding:0;
}

/*---------------home---------------*/

#htop {
position:relative;
width:846px;
height:80px;
margin:0 2px 0 2px;
padding:0;
background:url(main.jpg) no-repeat top left;
}

#hbottom {
position:relative;
width:819px;
height:184px;
margin:0 2px 0 2px;
padding:20px 0 0 27px;
}

#hbottom ul {
margin:0;
padding:5px 0 0 15px;
}


/*---------------content---------------*/

#content {
position:relative;
width:819px;
height:254px;
margin:0 2px 2px 2px;
padding:30px 0 0 27px;
}

/*---------------footer---------------*/

#footer {
position:absolute;
bottom:0px;
width:850px;
height:30px;
margin:0;
padding:0;
text-align:center;
color:#F7F3EB;
font-size:0.em;
background:#C2B8AF;
}

#footer a:link {color:#F7F3EB; text-decoration:none;}
#footer a:visited {color:#F7F3EB; text-decoration:none;}
#footer a:hover {color:#564E41; text-decoration:underline;}
#footer a:active {color:#564E41; text-decoration:underline;}

/*---------------formular---------------*/

.form {
position:relative;
width:810px;
height:225px;
margin:-10px 0 0 0;
padding:0;
font-size:0.9em;
color:#3F3930;
}

.fleft{
position:absolute;
top:0px;
left:0px;
width:275px;
height:225px;
margin:0;
padding:0;
}

.fmiddle{
position:absolute;
top:0px;
left:275px;
width:275px;
height:225px;
margin:0;
padding:0;
}

.fright{
position:absolute;
bottom:0px;
left:550px;
width:275px;
height:91px;
margin:0;
padding:0;
}

.area {
border:1px solid #C2B8AF;
width:220px;
color:#444;
}
.textarea {
border:1px solid #C2B8AF;
width:240px;
height:200px;
color:#444;
overflow:auto;
}
.spam {
border:2px solid #C2B8AF;
width:80px;
text-align:center;
vertical-align:middle;
padding:3px;
margin:0 20px 0 26px;
font-weight:bold;
color: #3F3930;
}
.button {
height:30px;
width:190px;
margin:5px 10px 0 16px;
border:1px solid #C2B8AF;
background-color:#F5F5F5;
color:#3F3930;
}
.err {
position:absolute;
top:70px;
right:0px;
width:240px;
height:40px;
margin:0;
padding:0;
z-index:3;
color:#F00;
font-weight:bold;
font-size:1.0em;
}
.ok {
position:absolute;
top:70px;
right:0px;
width:240px;
height:40px;
margin:0;
padding:0;
z-index:3;
color:#093;
font-weight:bold;
font-size:1.0em;
}