body,font,p,div,span,td,th,ul,ol,li,nobr,b,i,select,input,option,textarea,h1,h2,h3,h4,h5,h6,dt,dd { 
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  color : #000000 ;
}

body,font,p,div,td,th,ul,ol,li,nobr,select,input,option,textarea,dt,dd,span { 
  font-size : 13px ;
}

ul { 
  list-style-type : square ;
  margin-top : 0px ;
}

h1 { 
  font-size : 22px ;
}

h2 { 
  font-size : 19px ;
}

h3 { 
  font-size : 16px ;
}

h4 { 
  font-size : 14px ;
}

h5 { 
  font-size : 12px ;
}

h6 { 
  font-size : 8px ;
}

a:link { 
  color : #6a90bb ;
  text-decoration : none ;
}

a:active { 
  color : #6a90bb ;
  text-decoration : none ;
}

a:visited { 
  color : #6a90bb ;
  text-decoration : none ;
}

a:hover { 
  color : #aaaaaa ;
  text-decoration : underline ;
}

BODY { 
  background-color : #ffffff ;
}

.answerend { 
  vertical-align : middle ;
}

.answerend2 { 
  vertical-align : middle ;
  background-color : #e8e8e8 ;
}

.answerendmarked { 
  vertical-align : middle ;
  background-color : #8eb4e1 ;
}

.answerelement { 
  vertical-align : middle ;
  text-align : center ;
}

.answerelementmarked { 
  vertical-align : middle ;
  text-align : center ;
  background-color : #D1DAFF ;
}

.answerelement2 { 
  vertical-align : middle ;
  text-align : center ;
  background-color : #e8e8e8 ;
}

.answerfield { 
  text-align : left ;
  padding : 0px ;
}

.answerscale { 
  font-weight : bold ;
  vertical-align : middle ;
  text-align : center ;
  font-size : 11px ;
}

.answerscale2 { 
  font-weight : bold ;
  vertical-align : middle ;
  text-align : center ;
  background-color : #e8e8e8;
}

.answerscalemarked { 
  font-weight : bold ;
  vertical-align : middle ;
  text-align : center ;
  background-color : #8eb4e1 ;
}

.answertext { 
  vertical-align : middle ;
}

.answertext2 { 
  vertical-align : middle ;
  background-color : #e8e8e8 ;
}

.answertextmarked { 
  vertical-align : middle ;
  background : #8eb4e1 url(../layout/marked_img.gif) center left no-repeat ;
}

.betweenscales { 
}

.betweenscales2 { 
  background-color : #e8e8e8 ;
}

.checkbox { 
}

.container { 
  text-align : left ;
  vertical-align : middle ;
}

.distance { 
  line-height : 1px ;
  color : white ;
}

.footer { 
  text-align : center ;
  background-image : none ;
  background-color : #FFFFFF ;
}

.answertable { 
  width : 80% ;
}

.globaltable { 
}

.globaltable2 { 
}

.helptext { 
}

.instruction { 
  padding: 0px 10px 0px 10px;
  font-style: italic;
}

.questiontext { 
  font-weight : bold ;
  vertical-align : middle ;
  color: #282c68; 
}

.questiontextmarked { 
  font-weight : bold ;
  vertical-align : middle ;
  border-bottom : 2px dotted #f00 ;
  color : #FF0000 ;
  background-color : #005298 ;
}

.radiobutton { 
}

.radiobuttonmarked { 
}

.scaletitle { 
  vertical-align : middle ;
  text-align : center ;
  font-weight : bold ;
}

.selectbox { 
  vertical-align : middle ;
  text-align : left ;
}

.help_body { 
}

.progress { 
  float : right ;
  background-color : #6a90bb ;
}

.progresstext { 
  font-family : Verdana, Arial, Helvetica, sans-serif ;
  font-size : 9px ;
  font-weight : bold ;
  color : #00208C ;
}

.subtitle { 
  font-weight : bold ;
  vertical-align : middle ;
}

.otherfield { 
  vertical-align : middle ;
}

.multicolumn { 
  vertical-align : top ;
  text-align : center ;
}

.logo { 
}

.logo1 { 
  text-align : left ;
  vertical-align : middle ;
  background-image : none ;
  position:absolute;
  left:0px;
  top:0px;
  width:200px;
}

.logo2 { 
  text-align : left ;
  vertical-align : bottom ;
}

.logo3 { 
  text-align : right ;
  vertical-align : middle ;
  position:absolute;
  right:0px;
  top:0px;
  width:200px;
}

.logo4 { 
  text-align : right ;
  vertical-align : top ;
}

.plausitable { 
  border : solid red 1px ;
  padding : 5px ;
}

.plausi { 
  font-family : Verdana, arial, helvetica, sans-serif ;
  font-weight : bold ;
  text-align : left ;
  vertical-align : middle ;
  color : #d00 ;
}

.plausi2 { 
  color : #d00 ;
}

.plausi3 { 
  color : #d00 ;
}

.cancelbutton { 
  background-color : #6a90bb ;
}

.submitbutton { 
  background-color : #6a90bb ;
}

.backbutton { 
  background-color : #6a90bb ;
}

.ignorebutton { 
  text-align : center ;
  background-color : #6a90bb ;
}

.emendbutton { 
  text-align : center ;
  background-color : #6a90bb ;
}

.headline { 
  font-weight : bold ;
}

.hiddenanswerelement { 
  vertical-align : middle ;
  text-align : center ;
  background-color : #C0C0EC ;
}

.hiddenanswertext { 
  vertical-align : middle ;
  background-color : #C0C0EC ;
}

.hiddensubtitle { 
  font-weight : bold ;
  vertical-align : middle ;
  background-color : #C0C0EC ;
}

.hiddenscaletitle { 
  font-size : 9px ;
  font-weight : bold ;
  vertical-align : middle ;
  text-align : center ;
  background-color : #C0C0EC ;
}

.hiddenotherfield { 
  vertical-align : middle ;
  background-color : #C0C0EC ;
}

.hiddenanswerend { 
  vertical-align : middle ;
  background-color : #C0C0EC ;
}

.hiddenanswerscale { 
  font-weight : bold ;
  vertical-align : middle ;
  text-align : center ;
  background-color : #C0C0EC ;
}

.label { 
  font-size : 10px ;
  vertical-align : middle ;
  text-align : center ;
}

.answerimgunchecked { 
  border : 0 ;
  margin : 5px ;
}

.answerimgchecked { 
  border : solid red 5px ;
  margin : 0px ;
}

.hiddenanswertext { 
  vertical-align : middle ;
  background-color : #C0C0EC ;
}

.canceltable { 
}


#wait { 
  position : absolute ;
  top : 150px ;
  left : 350px ;
  width : 400px ;
  height : 400px ;
  border : 2px solid #003399 ;
  z-index : 10 ;
  background-color : #ffffff ;
  color : #000000 ;
  padding : 10px ;
  visibility : hidden ;
}

#send2client { 
  position : absolute ;
  top : 150px ;
  left : 350px ;
  width : 400px ;
  height : 400px ;
  border : 2px solid #003399 ;
  z-index : 10 ;
  background-color : #ffffff ;
  color : #000000 ;
  padding : 10px ;
  visibility : hidden ;
}

.poleleft { 
  vertical-align : middle ;
  text-align : right ;
}

.poleright { 
  vertical-align : middle ;
  text-align : left ;
}

.answertextleftalign { 
  text-align : right ;
}

.answertextrightalign { 
  text-align : left ;
  alignment : left ;
}

.ranking { 
  position : absolute ;
  border : solid #6A90BB thin ;
  text-align : center ;
  background-color : #C8C8C8 ;
  cursor : pointer ;
  overflow : hidden ;
}

.rankingover { 
  position : absolute ;
  border : solid #6A90BB 2px ;
  text-align : center ;
  background-color : #DCDCDC ;
  cursor : pointer ;
  overflow : hidden ;
}

.rankingmarked { 
  position : absolute ;
  border : solid #FF0000 1px ;
  text-align : center ;
  background-color : #C8C8C8 ;
  cursor : pointer ;
  overflow : hidden ;
}

.rankingcontainer { 
  border : solid #6A90BB 1px ;
  left : 1px ;
  top : 1px ;
  position : relative ;
  background-color : #FFFFFF ;
}

.rankingarea { 
  background-color : #FFFFFF ;
  text-align : right ;
}

.rankingtargetarea { 
  background-color : #BCCDE1 ;
}

.body { 
  background-repeat : repeat-x ;
  background-image : url( ../images/newbg.gif) ;
  border-top-style : none ;
  border-top-width : 0 ;
  border-right-width : 0 ;
  border-bottom-width : 0 ;
  border-left-width : 0 ;
}

.undefined { 
  background-repeat : repeat-x ;
  background-image : url( ../images/background_strip.jpg) ;
}

.hyphenend { 
  border-left : 1px solid #000000 ;
  width : 12px ;
  min-width : 12px ;
}

.hyphenstart { 
  width : 13px ;
  min-width : 12px ;
}

.menu { 
  margin : 0px ;
  padding : 0px ;
}

.rankingcell { 
  width : 100% ;
  height : 100% ;
  text-align : center ;
  vertical-align : middle ;
}

.hrstyle {  
  width : 100% ;
  border : 0 ;
  color : #6a90bb ;
  background-color : #6a90bb ;
  height : 1px ;
 }


.floating522 { 
  float: left;
  margin: 5px;
  text-align:center;
  
 }


.nosize { 
  display:inline;
  float:none;
  margin:5px ;
  text-align:none;
  background-image:none;
  vertical-align:none;
 }
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#ffffff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
       margin:0;
	padding:0;
	background:transparent url("../layout/ark_header_grey.png") repeat-x bottom left;
        width:100%;
       padding-bottom:30px;
       padding-top:0.5em;
}

div#content {
	padding:1em 1em 5em; /* bottom padding for footer */
padding-bottom: 60px;
}
div#content p {
		text-align:justify;
		padding:0 1em;
	}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
div#footer span {
    display:inline;
	padding: o;
	margin:0;
}
div#footer input.submitbutton, div#footer input.backbutton, div#footer input.cancelbutton {
    background: transparent url('../layout/button.gif') no-repeat top right;
    border:0;
    margin:0;
    font: normal 12px arial, sans-serif;
    color:#fff;
width:140px;
	display:inline;
	height: 25px;
	outline: none;
}
div#footer input:hover {
background-position:100% -40px;
    color: #77B3E5;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
    font-weight: normal;
display:inline;
}
#footer {
background:transparent url("layout/footer.gif") repeat-x top right;
height:60px;
        text-align:center;
margin:0;
	position:absolute;
	width:100%;
	bottom:0px; /* stick to bottom */
	border-top:0.5em;
}
.subtitle2 { 
  font-weight : bold ;
  vertical-align : middle ;
}