body { font-size: 12px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; color:#696969; background-image: url(images/backArtdePeau.jpg); padding:0; margin: 0; }

/* for iePC */ td{
font-size: 12px;
}

a { color: #0079a4; font-style: normal; }
a:visited {color:#0079a4;}
a:hover { color: #000; text-decoration: underline; }
a:active { color:#0079a4;}

h1{ color: #0079a4; font-size:22px; }
h2{
font-size:16px;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}

form{
padding: 0px;
margin: 0px;
}

.form{
padding: 0;
margin: 5px 25px 15px;
}

textarea, .formgenerell input, input.formgenerell {
width:300px;
border: solid 1px #aaaaaa; 
margin-top: 5px;
padding: 2px;
}

.formbutton {
width:100px;
border: 1px solid #aaaaaa; 
}

/* patforms filter */
.formErrors {
    margin: 5px 25px 25px;
    padding: 5px;
    border: solid 1px ;
    background-color: #afebe1;
}

.formlabelerror {
    color: #BB1111;
    font-weight: bold;
}

/* container to center the layout
-------------------------------------- */
#container { background-color: white; width: 800px; border: solid 1px gray; margin: 10px auto; background-image: none; background-repeat:no-repeat; }

/* head container for logo and metanavi
-------------------------------------- */
#banner { background-image: url(images/top_bg.jpg); width: 800px; padding: 0; margin: 0; height: 232px; }
#banner a{
color: #ffffff;
text-decoration:none; }
#banner  a:hover {}

#banner h1 {
font-size: 30px;
padding: 45px 0px 0px 200px;
margin: 0px;
}
#banner h2{
color: #ffffff;
font-size: 14px;
padding: 2px 0px 50px 200px;
margin: 0px;
}

#metanavi { 
float: right;
padding: 5px 15px 0px 0px;
margin: 0px;
}
/*main-navi
-------------------------------------- */
#topnavi { font-weight: normal; font-style: normal; text-align: center; border-bottom:1px solid #0079a4; margin: 0; padding: 8px 0 4px; border-top: 1px solid #0079a4; }
#topnavi a { color: #0079a4; font-size: 13px; font-weight: bold; font-style: normal; background-color: transparent; text-decoration: none; text-transform: uppercase; margin: 0; padding: 2px 16px; }
#topnavi a:visited { color:#0079a4; font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; }
#topnavi a:hover { color: #000; font-weight: bold; font-style: normal; background-color: #b0e0e6; text-decoration: underline; text-transform: uppercase; }
#mainnavi a:active { color:#000000; font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; }

#container  #topnavi a.selected { background-color: #b0e0e6; color: #000000; font-weight: bold; text-transform: uppercase; }

/* content elements
-------------------------------------- */
#content { padding: 0; background-color: #ffffff; background-image: url(images/delphin_gr.jpg); width: 800px; height: auto; margin: 0; }

#content h1, #content h2, #content h3, #content h4 { padding: 0 10px; margin:0 0 10px; }
#content p{
line-height: 18px;
padding: 0 10px;
margin:0 0 15px;
}
#content p.center{ text-align:center; }
/* elements for left and right navigation
-------------------------------------- */
#left {
float: left;
width: 100px;
margin: 0;
padding: 15px 0;
}

#right {
float: right;
width: 100px;
margin: 0;
padding:15px 0;
}

#right p{
padding: 0px 15px 15px 15px;
margin:0px;
}
#left a, #right a {
text-decoration: none;
color:#696969;
}
#left .selected, #right .selected {
text-decoration: underline;
}

#left ul, #right ul {
list-style-type: none;
margin: 0px 15px 20px 15px;
padding: 0px;
} 
#left li, #right li {
margin-bottom: 8px;
}
#left h3, #right h3{
margin: 0px 0px 5px 0px;
padding:0px 15px;
}

/*footer
-------------------------------------- */
#footer { color: #0079a4; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 740px; margin: 0 auto; padding: 10px 0; text-align: center; }