/* CSS Document */
/*---model---*/
body {
    margin: 0;
	padding: 0;
	font: normal 10pt/1.7 Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: url(../images/survey_jul2006/bgPage.gif);
	}
#sertif {
    margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
	
	}
#contenier {
    width: 547px;
	min-height: 10px!important;
	height: 1%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#contenier2 {
    width: 753px;
	height: 540px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#top {
    position: relative;
    width: 100%;
	height: 236px;
	margin: 20px 0 0 0;
	padding: 0;
	background: url(../images/survey_jul2006/anim.gif) no-repeat -5px 0;
	}
#top2 {
    position: relative;
    width: 100%;
	height: 133px;
	margin: 20px 0 0 0;
	padding: 0;
	}
#content {
    width: 100%;
	min-height: 10px!important;
	height: 1%;
	margin: 0;
	padding: 0;
	}
#footer {
    clear: both;
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	}
/*---div---*/
#bn {
    float: right;
    width: 155px;
	height: 30px;
	margin: 0 -10px 0 0!important;
	margin: 0 -12px 0 0;
	padding: 0;
	}
#print {
    position: relative;
    width: 750px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
.textArea {
    margin: 0;
	padding: 30px 10px 0 20px;
	}
.textArea2 {
    float:left;
	width: 100%;
    margin: 15px 0 0 0;
	padding: 10px 20px 0 0;
	background: url(../images/survey_jul2006/bgPunkt.gif) repeat-x 0 0;
	}
.textArea3 {
    width: 100%;
    float:left;
    margin: 15px 0 0 0;
	padding: 10px 20px 0 0;
	}
.right {
    float: right;
    width: 280px;
	height: auto!important;
	height: 1%;
	margin: 0;
	padding: 0;
	}
.left {
    float: left;
    width: 100%;
	height: auto!important;
	height: 1%;
	margin: 0;
	padding: 0;
	}
/*---h1,...,span---*/
#top h2, #top2 h2,
#top2 h2.sh, #top2 h2.sh2 {
    margin: 0;
	padding: 120px 0 0 210px;
    font: normal 30px "Trebuchet MS", Verdana, Helvetica;
	color: #fff;
	}
#top2 h2, #top2 h2.sh, #top2 h2.sh2 {
    float: right;
	margin: 50px 80px 0 0!important;
	margin: 50px 47px 0 0;
	padding: 0;
	}
#top2 h2.sh {
    margin: 50px 55px 0 0!important;
	margin: 50px 25px 0 0;
	}
#top2 h2.sh2 {
    margin: 50px 13px 0 0!important;
	margin: 50px 0 0 0;
    }
.textArea2 h3, .textArea3 h3 {
    margin: 0;
	padding: 0;
    font-size: 10pt;
	font-weight: 600;
	color: #fff;
	}
#sertif h2 {
    font: normal 21pt "Trebuchet MS", Verdana, Helvetica;
	margin: 0;
	padding: 50px 0 15px 0;
	color: #000;
	text-align: center;
	}
.style2 {
    font-size: 7pt;
	padding-left: 20px;
	padding-top: 6px!important;
	padding-top: 10px;
	}
.style3, .style4 {
    font: bold 14pt "Trebuchet MS", Verdana, Helvetica;
	color: #000;
	text-align: center;
	}
.style4 {
	margin-left: 10px;
    background: url(../images/survey_jul2006/bgPunkt2.gif) repeat-x left bottom;
	}
#bn ul, #bn ul li,
#print ul, #print ul li, 
.right ul, .right ul li,
.left ul, .left ul li,
.style3 ul, .style3 ul li {
    list-style: none;
	margin: 0;
	padding: 0;
	}
#bn ul li, .style3 ul li,
#print ul li {
    float: left;
    margin: 0;
	padding: 0;
	}
.right ul li, 
.left ul li {
	margin: 0 0 3px 0;
	padding: 0;
	}
.style5 {
    margin-left: 200px;
	}
/*---links---*/
a#start, a#send {
    display: block;
    width: 100%;
	height: 144px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: url(../images/survey_jul2006/bgStart.gif) no-repeat 295px 0;
	}
a#send {
    float: right;
	width: 189px;
	height: 120px;
	margin:0;
	background: url(../images/survey_jul2006/bgSend.gif) no-repeat 0 0;
	}
a:hover#start {
    text-decoration: none;
    background-position: 295px -144px;
	}
a:hover#send {
    text-decoration: none;
	background-position: 0 -120px;
	}
a.close {
    display: block;
	position: absolute;
	top: 15px;
	right: 5px;
	width: 71px;
	height: 26px;
	text-decoration: none;
	background: url(../images/survey_jul2006/bgClose.gif) no-repeat 0 0;
	z-index: 999;
	}
a:hover.close {
    text-decoration: none;
	}
a.back, a.next {
   display: block;
   width: 70px;
   height: 27px;
   margin: 10px 0 0 0;
   padding: 0;
   text-decoration: none;
   background: url(../images/survey_jul2006/bgBack.gif) no-repeat 0 0;
   }
a.next {
    background: url(../images/survey_jul2006/bgNext.gif) no-repeat 0 0;
	}
 a:hover.back, a:hover.next {
     text-decoration: none;
	 }
a.print {
    position: absolute;
	top: 15px;
	left: 0;
	width: 71px;
	height: 27px;
	text-decoration: none;
	background: url(../images/survey_jul2006/bgPrint.gif) no-repeat 0 0;
	z-index: 10;
	}
a.close2 {
    position: absolute;
    top: 15px;
    right: 0;
	width: 71px;
	height: 27px;
	text-decoration: none;
    background:url(../images/survey_jul2006/bgClose2.gif) no-repeat 0 0;
	z-index: 12;
	}
a:hover.print, a:hover.close2 {
    text-decoration: none;
	}
/*---form---*/
form {
    margin: 0;
	padding: 0;
	border: none;
	}
#intext {
    width: 200px;
	margin: 0 0 0 8px;
	padding: 0;
	border: 1px solid #ccc;
	}
.int {
    width: 320px!important;
	margin: 0 0 0 37px;
	padding: 0;
	border: 1px solid #ccc;
	}
.int2 {
    width: 320px!important;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	}
/*---img---*/
img {
    border: none;
	}
#contenier2 .style3 span {
    position: relative;
	}
#contenier2 .style3 ul li img {
    position: relative;
	width: 89px;
	height: 83px;
	margin: -30px 0 20px 0;
	padding: 0;
	}