@CHARSET "ISO-8859-1";
/* ************** main.css start ***************************/
/*
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	height: 100.01%;
}
#votum
{
	height: 100%;
}
#votumhead
{
	background: #FFFFFF url(../../../../bilder/ui/default/hradminheadmenu.png) center bottom repeat-x;
	border:medium none;
	height:80px;
	left:0;
	margin:0;
	overflow:hidden;
}
#votumhead.submitted, #votumhead.login
{
	width:100%;
}
#votumhead .logo
{
	border: medium none;
	float: left;
	height: 42px;
	left: 10px;
	position:  relative;
	top: 12px;
	width: 150px;
}
#main
{
	background-color: #DEE3EA;
	/*EM margin*/
	padding: 0;
	padding-bottom: 10px;
	clear: both;
}

#organizationheader
{

}

.hidden
{
	display: none;
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.pagination
{
	clear: both;
	margin: 0;
	padding:0;
	margin-left: 20px;
}
.pagination a
{
	background-color: #DEE3EA;
	display: block;
	float: left;
	padding: 2px;
	margin: 10px 5px 0 0;
	/*border: none;*/
	width: 20px !important; /* Added CR / IE hack */
	width:30px; /* Added CR / IE hack */
	text-align: center;
	text-decoration: none;
	font-size:0.8em;
	color:#1A415D;
}


.pagination a.completed
{
	background-color: green;
	color:#fff;
}
.pagination a.no_answers_yet
{
	/*background-color: #DEE3EA;*/
	background-color: red;
	color:#fff;
}

.pagination a.partially_completed
{
	background-color: #FFFF66;
	color:#1A415D;
}
.pagination a.unanswered_required_fields
{
	background-color: red;
	color:#fff;
}
.pagination a:hover
{
	background-color: #FFFFFF;
	color:#1A415D;
}
.pagination a.current
{
	background-color: white !important;
	padding: 5px;
	margin-top:5px;
	border-left: 1px solid #bfe3fd !important;
	border-right: 2px solid #1A415D !important;
	border-top: 1px solid #bfe3fd !important;
	height: 18px;
	min-width: 17px;
	font-size:1.0em;
	font-weight:bold !important;
	color:#1A415D !important;
}
.static.type_text_section div
{
	/*CR width: 800px;*/
	background-color:#fff;
}
.item.type_pole_def div
{
	background-color: none;
}
.item,
.item .content
{

	border-collapse: collapse;
	overflow: hidden;
}

.pagination:after,
.static:after,
.item:after,
#login:after,
#loginbox:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.item label, .item span.label
{
  display: block;
  padding: 5px;
}

.item.odd
{
	background: #DEE3EA;
}
.item.even
{
	background: #eef1f4;
}

.item.odd label, .item.odd .label, .item span.label
{
	background: #DEE3EA;
	color: black;
	font-size: 0.9em;
}
.item.odd .content
{
  background: #DEE3EA;
  color: #000;
  /*CR
  display: table-row;
  */
}

.item.even label, .item.even .label
{
  background: #eef1f4;
  color: black;
  font-size: 0.9em;
}
.item.even .content
{
  background: #eef1f4;
  color: #000;
  /*CR
  display: table-row;
  */
}

.item .itemoption
{
	background: none;
}
.item .itemoption label
{
  display: inline;
  padding: 3px;
  background: none;
  width: auto;
}
.leftpole
{
	text-align: right;
	vertical-align: middle;
	width: 80px;
	font-size: 0.7em;
	padding: 0px;
	margin:0px;
}
.inputarea
{
	display: table-cell;
	vertical-align: middle;

}
.rightpole
{
	width: 80px;
	font-size:0.7em;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	margin:0px;
}
.abstention
{
	width: 110px;
	text-align: right;
	vertical-align: middle;
	font-size:0.7em;
	padding: 0px;
	margin:0px;
}

.item .content
{
  display: block;
  /*background: #DEE3EA;*/
}

/* full width for question type (= inputarea + rightpole + abstention) */
.inputarealarge
{
	display: block;
	clear: both;
	width:810px !important; /*CR / IE hack*/
	width:830px; /*CR / IE hack*/
	padding: 5px 10px 5px 10px;
	text-align:left;
}
.item.type_open_question .inputarea textarea, .item.type_open_question .inputarealarge textarea,
.item.type_matrix .inputarea input
{
	width: 560px;
}
input.disabled, select.disabled, textarea.disabled
{
	background-color: #dddddd;
	cursor: default;
}
.bgcolor1
{
	background: #DEE3EA;
}
.bgcolor2
{
	background: #DEE3EA;
}
.bgcolor3
{
	background: #1A415D;
}
.bgcolor4
{
	background: #FFFFFF;
}
.bgcolor5
{
	background: #99A9BC;
}
.bgcolor6
{
	background: #FFFFFF;
}
.bgcolor7
{
	background: #649D4A;
}
.bgcolor8
{
	background: #DEE3EA;
}
.tabcolor1
{
	background: #CAD2DD;
}
.tabcolor2
{
	background: #CAD2DD;
}
.tabcolor3
{
	background: #99A9BC;
}
.activecolor1
{
	background: #DEE3EA;
}
.ausgewertetcolor
{
	background: #99A9BC;
}
.inarbeitcolor
{
	background: #99A9BC;
}
.geloeschtcolor
{
	background: #99A9BC;
}
.bodybackground
{
	background: [#replace: bodybackground];
}
.maintablebackground
{
	background: [#replace:maintablebackground];
}
.formbackground
{
	background: [#replace: formbackground];
}
.fontcolor
{
	background: #000;
}
.elementbackground
{
	background: [#replace: elementbackground];
}
.elementbackground2
{
	background: [#replace: elementbackground2];
}

.itemoption
{
	float: left;
}
.itemoption.chars10
{
	width: 105px;
}
.itemoption.chars20
{
	width: 200px;
}
.itemoption.chars30
{
	width: 300px;
}
.itemoption.chars40
{
	width: 400px;
}

.itemoption.charsmax
{
	width: auto;
	clear: both;
	float: none;
}
.formcontent
{
	width: 830px !important; /*CR / IE hack*/
	width: 850px; /*CR / IE hack*/
	padding: 10px;
	background: white;
	clear: both;
	margin-left: 20px;
	margin-bottom: 20px;
}
h2 {
	display: block;
	width:824px !important; /*CR / IE hack*/
	width:830px; /*CR / IE hack*/
	padding:3px;
	margin:10px 0 0 0;
	border: none;
	border-bottom: 2px groove #649D4A;
	background-color: #1A415D;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
	clear:both;
}
.errors
{
	color: red;
}
.errors ul
{
	margin: 0px;
	padding: 0px;
}
.static
{
	padding-top: 3px;
}
.static.left .content
{
	text-align: left;
}
.static.justify .content
{
	text-align: justify;
}
.static.right .content
{
	text-align: right;
}
.static.center .content
{
	text-align: center;
}
#headerwrapper
{
	padding: 0 20px 20px 20px;
}
#main #headerwrapper
{
	padding: 0px 20px 10px 20px;
}

#surveyheaderOuter
{
	background: url(../../../../application/modules/online/templates/onlinedefault/images/bgheaderbottom.png) center bottom no-repeat;
	width: 850px;
	padding: 0px 0px 15px;
	clear: both;
	color:#fff;
}

#surveyheader
{
	background: url(../../../../application/modules/online/templates/onlinedefault/images/bgheader.png) center top repeat-y;
	width: 830px !important; /*CR / IE hack*/
	width: 850px; /*CR / IE hack*/
	padding: 10px 10px 0px;
	clear: both;
	font-size: 0.9em;
	color:#fff;
}

#surveyheader div
{
	width: 390px;
	float: left;
}

#surveyheader div.double
{
	width: 780px;
	float: left;
}

#surveyheader:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.errors li
{
	clear: both;
	text-indent: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-left: 8px solid red;
	padding-left: 3px;
	margin-top: 5px;
}
.haserrors
{
	border: 1px dashed red;
	border-top: 4px solid red;
}
.item.odd.haserrors label, .item.even.haserrors label
{
	margin-top: 0px;
}
.formhaserrors
{
	color: red;
	text-align: center;
	font-size: 1.1em;
	width: auto;
	padding-top: 5px;
}
.clearfix:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    margin:0;
    padding:0;
}
.languageselector
{
	clear: both;
	padding: 0;
	margin:0;
	margin-left: 20px;
}
.languageselector .lang
{
	padding: 0;
	margin:0;
}
.languageselector .lang a
{
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	padding: 5px;
	background-color: #FFFFFF;
	margin:0;
	margin-bottom: 2px;
	font-size: 0.6em;
	float: left;
}
.languageselector .lang a:hover
{
	background-color: white;
}

.languageselector img
{
	border: 0;
	height: 40px;
	display: block;
}
.languageselector .langtitle
{
	display: block;
	clear: both;
}

#copyright
{
	color: #99A9BC;
	font-size: 10px;
	padding: 7px;
	text-align: right;
	font-weight: bold;
	background: #FFFFFF;
	clear: both;
	height: 12px !important;
	height: 26px;
}

#copyright a
{
	color: #99A9BC;
	text-decoration: none;
}

#copyright a:hover
{
	text-decoration: underline;
}

#footerclear
{
	clear: both;
	height: 12px !important;
	height:26px;
}
input.prev
{
	float: left;
	width: 100px;
	cursor:pointer;
}
input.submit
{
	clear: both;
	margin-left: none;
	width: 100px;
	text-align: center;
	cursor:pointer;
}
input.next
{
	clear: both;
	float: left;
	width: 100px;
	cursor:pointer;
}
button.printpreview
{
	margin-right:10px;
	cursor:pointer;
}
input.right, .printpreview
{
	clear: none;
	float: right;
}
.legal_pswd
{
	border: 1px solid lightgreen;
	margin: 1px;
}
.illegal_pswd
{
	border: 1px dotted red;
	margin: 1px;
}
#login, #submitted
{
	width: 100%;
	height: 100%;
	margin: 0px 0px -26px 0px;
	vertical-align: middle;
	text-align: center;
	background: #DEE3EA;
}
#login
{
	min-height: 540px !important;
	min-height: 600px;
}
#submitted
{
	min-height: 300px;
	color: [#replace: fontcolor];
}

#login #loginformcontainer
{
	margin-top: 50px;
}
#login table
{
	margin: auto;
}

#login table td
{
	padding: 0;
}

#loginform
{
	clear: both;
}
#loginbox
{
	position: relative;
	top: 20%;
	bottom: 30%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	width: 500px;
	height: 300px;
	padding: 1px;
	background: #DEE3EA;
}
#submittedbox
{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 100px;
	padding: 1px;
	padding-top: 50px;
	padding-bottom: -50px;
	clear: both;
}
.pswd_label
{
	clear: both;
	padding-top: 30px;
	width: auto;
}

#main select, #main button {
	color: #1A415D;
	cursor:pointer;
}
#main button, input.next, input.prev, input.submit, input.btnsubmit,
input.btntempsave, input.btnprintpreview, input.btnclosewindow {
	background-color: #DEE3EA;
	border-top: 1px solid #1A415D;
	border-left: 1px solid #1A415D;
	border-bottom: 3px outset #1A415D;
	border-right: 3px outset #1A415D;
	cursor:pointer;
	font-family: 'trebuchet ms',helvetica,sans-serif;
	font-size: 0.9em;
	font-weight: medium;
}
.static.odd.type_ext_pole_def, .static.odd.type_ext_pole_def .label {
	background-color: white;
}
form
{
	padding: 0 0 24px 0;
	margin:0;
}
dl
{
	padding: 0;
	margin: 0;
}
.clearfix
{
	clear:both;
}
.item
{ /*modified EM 09.03.2009*/
	padding:0.2em 0 0.5em 0;
	margin: 0;
	margin-top: 2px;
}
.type_image
{
	background-color:#fff;
}
.type_text_section
{
	padding:0.5em 0 0.5em 0;
	background-color:#fff;
	font-size:0.9em;
}
.type_separator
{
	padding:0;
	margin:0;
}
.type_text_section div.content, .type_ext_pole_def div.content
{
	background-color:transparent;
}
.type_separator div.content
{
	background-color: #DEE3EA;
	line-height:2px;
}
.type_ext_pole_def div.content
{
	margin:10px 0 0 565px !important;
	margin-left:560px;
}
.type_ext_pole_def div.content div.inputarea, .type_ext_pole_def div.content div.abstention
{
	display:table;
}
.type_ext_pole_def div.content div.inputarea img
{
	border:none;
	margin:0 2px 0 3px;
	padding:0;
}
.type_ext_pole_def div.content div.abstention
{
	margin-left:50px;
}
.type_scala label
{
	display:block;
	width:350px;
}
.type_scala div.content
{
	width:400px;
	padding:5px 0 0 0;
	display : table-row;
	vertical-align: middle;
}
.type_scala div.content div.inputarea, .type_scala div.content div.abstention, .rightpole, .leftpole
{
	/* EM */
	display: table-cell;
}
.type_scala div.content div.inputarea input, .type_scala div.content div.abstention input, .itemoption input, table.scaled_bloc tr.type_scala td input
{
	margin:4px 4px 3px 3px !important;
	margin:0;
}

.odd div.itemoption input, table.scaled_bloc tr.odd td input
{
	border-color:#DEE3EA;
	background-color:#DEE3EA;
}
.even div.itemoption input, table.scaled_bloc tr.even td input
{
	border-color:#eef1f4;
	background-color:#eef1f4;
}
.type_scala div.content div.abstention
{
	margin-left:20px;
}
div.itemoption input,
{
	/*border:none;*/
	border-width: 3px 3px 3px 3px;
	margin:0;
}
.hidden, .inputarea label
{
	display:none;
}

/*ADDED EM 10.03.2009 */
table.scaled_bloc{
	width:830px;
	border: none;
	padding:0;
	margin:0;
	border-collapse: collapse;
}
tr.item
{
	padding:0;
}
tr.type_scala
{
	border:none;
}
table.scaled_bloc td {
	padding:4px 0 4px 0;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
table.scaled_bloc td {
	padding-left:0.2em;
}
td.label
{
	vertical-align:center;
	width:400px;
	font-size:0.9em;
}
td.leftpole
{
	width:90px;
	text-align:right;
	vertical-align:center;
}
td.rightpole
{
	width: 90px;
	text-align:left;
	vertical-align:center;
}
td.abstention
{
	width: 90px;
	text-align:left;
	vertical-align:center;
}
td.inputarea
{
	width:160px;
	text-align:center;
	vertical-align:center;
}


.manyoptions td.label
{
	vertical-align:center;
	width:320px;
	font-size:0.9em;
}
.manyoptions td.inputarea
{
	width:240px;
	text-align:center;
	vertical-align:center;
}


tr.type_ext_pole_def td
{
	padding:10px 0 0 0;
	background-color:#fff;
}
.type_ext_pole_def td.abstention
{
	vertical-align:bottom;
}
.type_ext_pole_def td.inputarea
{
	vertical-align:bottom;
}
.type_ext_pole_def td.inputarea img, .type_ext_pole_def td.abstention img
{
	border:none;
	margin:0 2px 0 3px;
	padding:0;
}


#loginformcontainer {
	border:medium none;
	border-collapse:collapse;
	height:380px;
	margin:0 auto;
	padding:0;
	width:502px;
	margin: auto;
}

#loginformcontainer form {
	background:transparent url(./../bilder/ui/default/bgloginform.png) repeat-x scroll left top;
	border:medium none;
	height:107px;
	margin:0px;
	padding:0px;
	width:502px;
	text-align: center;
}

#loginformcontainer form #passwordinputwrapper, #loginformcontainer form#captchaForm #passwordinputwrapper
{
	background: url(./../../../../bilder/ui/default/logininputbox2.png) no-repeat left top;
}
#loginheadwrapper
{
	background-image: url(./../../../../bilder/ui/default/hradminheadmenu.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 80px;
	padding: 0px;
	overflow: hidden;
	vertical-align: middle;
}

#loginheadborder
{
	display: none;
}

#loginhead
{
	height: 80px;
	background: url(./../../../../bilder/ui/default/bgadminheadmenu.png) repeat-x top center;
	border: none;
	text-align: center;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bolder;
	margin-left: 154px;
}

#loginheadleft
{
	padding: 0px;
	margin: 0px;
	border: none;
	background: url(./../../../../bilder/ui/default/adminheadmenustart.png) no-repeat left top;
	height: 65px;
}

#loginheadright
{
	width: 100%;
	height: 65px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	background: url(./../../../../bilder/ui/default/adminheadmenuborderright.png) no-repeat top right;
}

#loginheadwrapper .logo
{
	position: absolute;
	top: 12px;
	left: 10px;
	width: 150px;
	height: 42px;
	border: none;
}

#maindisplay
{
	height: 100%;
	text-align: center;
	background: #DEE3EA;
}

#branddisplay
{
	background: #DEE3EA url(./../../../../bilder/ui/default/bgbranddisplay.png) repeat-y left top;
	vertical-align: bottom;
	padding: 0px;
	width: 167px;
}

#branddisplaytopleftedge
{
	width: 100%;
	height: 100%;
	background: url(./../../../../bilder/ui/default/bgbranddisplaytop.png) no-repeat top left;
	position: relative;
}

#branddisplay img
{
	bottom: 0px;
	left: 12px;
	margin-bottom: 10px;
	position: absolute;
}

#headline
{
	height: 20px;
	padding: 0px;
	padding-top: 23px;
	width: 100%;
}

#headline span
{
	font-size: 1.2em;
	font-weight: bolder;
	color: #FFFFFF;
}

#loginformcontainer
{
	padding: 0px;
	margin: 0px;
	width: 502px;
	height: 380px;
	border: none;
	border-collapse: collapse;
}

#loginformcontainertd
{
	padding: 0px;
	margin: 0px;
	height: 273px;
	vertical-align: top;
}

#loginformcontainer img
{
	border: none;
	padding: 0px;
	margin: 0px;
	height: 277px;
	width: 510px;
	display: block;
}

.loginformborderright
{
}

.loginformborderleft
{
}

.loginformborderbottomleft
{
}

.loginformborderbottomright
{
}

#loginformcontainer form
{
	border: none;
	padding: 0px;
	margin: 0px;
	background: url(./../../../../bilder/ui/default/bgloginform.png) no-repeat top left;
	height: 111px;
	width: 510px;
}

#loginformcontainer form table
{
	margin-top: 6px;
}

#loginformcontainer form table td.labelcontainer, #loginformcontainer form table td.inputcontainer
{
	color: #FFFFFF;
	font-size: 0.9em;
	padding-top: 0px;
}

#loginformcontainer form table td.labelcontainer
{
	padding-top: 2px;
	padding-right: 10px;
}

#loginformcontainer form input
{
	background: url(./../../../../bilder/ui/default/loginbutton.png) no-repeat left top;
	width: 96px !important;
	height: 24px;
	border: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 24px;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
}


#loginformcontainer form input#user_tan, #loginformcontainer form#captchaForm input#sEnteredString
{
	background: transparent;
	border: none;
	height: 24px;
	padding: 4px 0px 4px 0px;
	color: #1A415D;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	width: 88px !important;
}

#loginformcontainer form select#typ
{
	background: #FFFFFF;
	border: 1px solid #F7C618;
	height: 24px;
	padding: 2px 0px 0px 0px;
	color: #1A415D;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	width: 96px !important;
}

#loginformcontainer form #userinputwrapper, #loginformcontainer form #passwordinputwrapper, #loginformcontainer form#captchaForm #passwordinputwrapper
{
	background: url(./../../../../bilder/ui/default/logininputbox1.png) no-repeat left top;
	border: none;
	height: 24px;
	margin-top: 4px;
	padding-right: 28px;
	padding-left: 4px;
}

#loginformcontainer form #typeselectwrapper
{
	border: none;
	height: 24px;
	margin-top: 4px;
	padding-right: 28px;
}

#loginformcontainer form #passwordinputwrapper, #loginformcontainer form#captchaForm #passwordinputwrapper
{
	background: url(./../../../../bilder/ui/default/logininputbox2.png) no-repeat left top;
}

#logForm table, #captchaForm table, #disabledJSForm table
{
	float: right;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	height: auto;
}

#logForm table center, #captchaForm table center, #disabledJSForm table center
{
	text-align: right;
}

#logForm table br, #captchaForm table br, #disabledJSForm table br
{
	display: none;
}


#logForm table td, #captchaForm table td, #disabledJSForm table td
{
	padding: 0px;
	margin: 0px;
}
#logForm input
{
	background: none;
}

form#disabledJSForm table
{
	margin-top: 62px;
}

form#captchaForm table
{
	margin-top: 28px;
}

#errormsg
{
	position: relative;
	top: 100px;
}