/**/

.hwp_outputlist {
	border-spacing:0px;
	table-layout:fixed;
	width:100%;
}
.hwp_outputlist td{
	border:0px;
	border-bottom:1px solid black;
}


.hwp_outputlist tr:nth-child(2n){background-color:#FFF;}
.hwp_outputlist tr:nth-child(2n+1){background-color:#FFF;}

.hwp_outputlist tr.listHeader{
	background-color:#FFF;
}

.hwp_bottomSpace{
	margin-bottom:5px;
}

.rootVoicesCaption{
	background-color:#BBB;
	background-color:#BFF;
}

.hwp_ObjectSectionOuter{
	margin:0px 0px 15px; /*1: top / 2: left + right / 3: bottom */
	clear:both;
}


.hwp_sectionNoBorder{
	margin:0px 5px 0px; /*1: top / 2: left + right / 3: bottom */
	clear:both;
	/* background-color:red; */
}

.hwp_ObjectSection{
	/* position:relative; */
	min-height:15px;
	margin:0;
	/*padding:5px 10px 5px;*/
	/* background-color:green; /**/
}

.hwp_ObjectSection_shrinked{
	height:25px;
	overflow:hidden;
}

.hwp_column, .hwp_column_full{
	display:table;
}
.hwp_column{
	/* position:relative; */
	min-height:30px;
	/* margin:0px 10px 15px 0px; /*1: top / 2: right / 3: bottom / 4: left*/
	width:50%;
	float: left;
}

.hwp_column_full{
	/* position:relative; */
	min-height:30px;
	margin-bottom:5px;
	width:100%;
	float: left;
	/**background-color:yellow;/**/
}

hwp_form_object_link_img{
	float:right;
}

.hwp_noBorder{
	border:0px;
	margin:0px;
	padding:0px;
}

.hwp_sectionLabel{
	white-space:nowrap;
	display:block;
	padding:2px 5px; /*1: top / 2: right / 3: bottom / 4: left*/
	margin-bottom:5px;
	/*
	background-color:#F0F0F0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#C8D2DC'); /* for IE * /
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#C8D2DC)); /* for webkit browsers * /
	background: -moz-linear-gradient(top,  #F0F0F0,  #C8D2DC); /* for firefox 3.6+ * /
	border-bottom:2px solid #BBBBBB;
	*/
}

.hwp_sectionLabel a{
	text-decoration:none;
}

.hwp_sectionLabel___{
	background-image:url(../images/hwp_sectionLabel.gif);
	width: 100%;
	white-space:nowrap;
}

.hwp_column .hwp_label{
	float: left;
	width: 38%;
	white-space:nowrap;
	/**background-color:orange;/**/
	padding-left:5px;
	display:table-cell;
}

.hwp_column_full .hwp_label{
	float: left;
	width: 18%;
	white-space:nowrap;
	/**background-color:orange;/**/
	padding-left:5px;
	text-align:right;
	display:table-cell;
}

.hwp_column .hwp_input{
	display:table-cell;
	float: right;
	width: 60%;
	text-align:right;
	/**background-color:blue;/**/

}

.hwp_column_full .hwp_input{
	display:table-cell;
	float: right;
	width: 80%;
	/**background-color:blue;/**/

}

.hwp_sectionHeader{
}

.hwp_groupDisplay{
	height:80px;
}

.hwp_hidden{
	display:none;
	visibility:hidden;
}

input:disabled, textarea:disabled, select:disabled{
	background-color:white;
	border: 1px solid transparent;
	color:#222222;
}

/*

form label {
	display: block;  /* block float the labels to left column, set a width * /
	float: left;
	width: 100%;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements * /
	text-align: right;
}
*/


form {  /* set width in form, not fieldset / div (still takes up more room w/ fieldset width */
  width: 100%;
}

form .hwp_column {
  /** / clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out /**/
  border-color: #000;
  border-width: 0px;
  border-style: solid;
  padding: 0px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form .hwp_column legend {
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 35%;
	padding: 0;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	font-size:12px;
}

/*
form .hwp_column label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that * /
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter * /
                                    /* pseudo-class on legend elements, but do support it on label elements * /
                                    /* we instead underline first letter on each label element and accesskey * /
                                    /* each input. doing only legends would  lessens cognitive load * /
                                   /* opera breaks after first letter underlined legends but not labels * /
}
*/

/* form input, form textarea { */
.forminput, .formtextarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:95%;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	/* margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form .required{
} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

a{
	text-decoration:none;
}



#tabset_hwp_main li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }













/**
* overwrite settings defined in included libraries - do it here, to be able to upgrade libs
*/

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0em; background: none; }



/*
*	STYLES FOR: complex.html
*
*	Created with ThemeRoller...
*	http://ui.jquery.com/themeroller/?bgColorDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
*/

/*
*	GENERAL COSMETICS
*/
h1 {
}
h2 {
}
h3 {
}
ul {
	padding: 0;
	padding-bottom: 20px; /* give whitespace at bottom for FF */
	margin: 0;
	list-style-type: square;
	}
	li {
		padding: 0;
		margin: 0;
		margin: 0.5ex 0 0.5ex 1.2em;
	}
.subhead ,
.footer {
	background: #d6d6d6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

#mainContent .ui-layout-center h3 { /* h3 within main content */
	padding: 5px;
	margin: 0;
}

ul.toolbar li { /* toolbar menu (men� "datei" ...)) */
	padding: 0px 7px;
}

.hwp_main_buttonbar{
	height:40px;
	display:table;
	border-spacing:3px;
}

.hwp_main_buttonbar_row{
	display:table-row;
	/* border: 2px solid orange; */
}


.hwp_main_buttonbar_row div
{
	margin-bottom:5px;
}


.div_table_cell{
	display:table-cell;
}

.tabset{
	clear:both;
}
.tabset li{
	padding: 2px 2px;
	margin: 0;
}

ul.toolbar li span {
	/* icons in toolbar */
	width: 			15px;
	height:			10px;
	margin-left:	-3px;
	margin-right:	0.75ex;
	vertical-align:	middle;
	opacity:		0.6;
	filter:			alpha(opacity=60);
	display:		block;
	display:		inline-block;
}

.content {
	padding:	0px;
}

.ui-layout-north{
	height:20px;
	padding:0;
}

#mainContent {
	padding: 0px;
}

.hwp_section_updateInformation{
	padding:5px 5px 5px; /*1: top / 2: left + right / 3: bottom */
	height:20px;
	width:80%;
	background: #FFFFC4;
	float:left;
}

.hwp_section_templateSelection{
	width:18%;
	height:20px;
	float:left;
}










body{
	margin: 0px;
	padding: 0px;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	font-family: Arial, Helvetica, Verdana;
	font-size:12px;
	color:#444444;

}

:link, :visited, :focus, :hover, :active{
}

html/*, form*/{
	height:100%;
	margin:0px;
	padding:0px;
}

/*
*	NORTH PANE TOOLBAR & BUTTONS
*/

ul.toolbar a {
	text-decoration:none;

}

ul.toolbar {
	font-size:12px;
	font-weight:bold;
	position:	relative;
	overflow:	hidden; /* required to CONTAINER 'floating li' in FF */
	height:		auto;
	margin:		0;
	padding:	2px;
	width:		100%;
	list-style:	none;
	text-align: left;
	/* background: #D6D6D6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x; */
	border: 1px solid transparent;
}
ul.toolbar li {
	margin: 0;
	padding: 2px 7px;
	float: left;
	color: #FFF;
	border: 1px solid transparent;
	border-right-color: #006496;
	cursor: pointer;
}
ul.toolbar li:hover {
	color: #FFF;
	/* background: #EEE url(../img/eeeeee_40x100_textures_02_glass_90.png) 0 50% repeat-x; */
	border-top-color: #BBB;
	border-bottom-color: #BBB;
}
ul.toolbar li.first:hover {
	border-left-color: #BBB;
}
ul.toolbar li span {
	/* icons in toolbar */
	width: 			15px;
	height:			15px;
	margin-left:	-3px;
	margin-right:	0.75ex;
	vertical-align:	middle;
	opacity:		0.6;
	filter:			alpha(opacity=60);
	display:		block;
	display:		inline-block;
}
ul.toolbar li:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */


.hwp_deleted{
	color:#990000;
}

.hwp_closed{
	color:#990000;
	font-style:italic;
}


.headerTop{
	background: #A0BEE0 url(images/top_back.jpg) 0 50% repeat-x;
	height:90px;
}

#hwp_outboundTop{
	width:100%;
	position:relative;
	height:120px;
}

#hwp_outboundMain{
	position:relative;
	/* min-height:980px; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
	background-color:#FFFFFF;
}

#hwp_mainbox{
	/* text-align:left;    /* Seiteninhalt wieder links ausrichten */
	margin:0 auto;      /* standardkonforme horizontale Zentrierung */
	/* width:880px; */
	padding:0;
	border:0px;
	/* min-height:100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
	position:relative;
	border:2px solid transparent;
}

#hwp_contentboxHeader, .hwp_contentboxHeader{
	display:block;
	height:18px;
	padding:5px 25px;
	margin-bottom:5px;
	margin-top:10px;
	/*

	background-color:#96A0AA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96A0AA', endColorstr='#C8D2DC'); /* for IE * /
	background: -webkit-gradient(linear, left top, left bottom, from(#96A0AA), to(#C8D2DC)); /* for webkit browsers * /
	background: -moz-linear-gradient(top,  #96A0AA,  #C8D2DC); /* for firefox 3.6+ * /
	font-weight:bold;
	font-size:12px;
	*/
}

#hwp_contentbox{
	/* position:relative;*/
	/* width:95%;  */
	min-height: 100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
	padding:0px;
	border:1px dashed transparent;
}

#hwp_contentboxSpace{
	position:relative;
	height:10px;
}

#hwp_menubar{
	position:relative;
	float:left;
	width:100%;
	height:150px;
}

#hwp_contentout{
	position:relative;
	float:left;
	width:100%;
	min-height: 100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
}

#hwp_contentboxFrame{
	/* width:90%;
	float:left;
	min-height: 100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
	padding:0px;
	margin:0px;
	background:#FFFFFF; /* @todo - wei� setzen */
}

#hwp_infobox{
	position:relative;
	width:30%;
	float:left;
	margin-left:5%;
	border:0px solid transparent;
	min-height: 100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
	background:#FFFFFF;
}

#hwp_menubarHead{
	background:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#', endColorstr='#9BB9E1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#C3D7E6), to(#9BB9E1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #C3D7E6,  #9BB9E1); /* for firefox 3.6+ */
	height:90px;
	position:relative;
	margin:0;
	padding:0;
	spacing:0;
}

#hwp_menubarHeadCenter{
	width:1000px;
	margin:0 auto;
	vertical-align:top;
	height:90px;
}

#hwp_menubarFootCenter{
	width:1000px;
	margin:0 auto;
	height:30px;
}

#entryHeader{
	display:block;
	margin:0px 0;
	font-size:16px;
	font-weight:bold;
}

#entryBlockquote{
	margin:15px 0;
	display:block;
}


#vendorLogo{
	height:90px;
	overflow:hidden;
	float:left;
}

#userMenu{
	float:left;
	vertical-align:top;
	margin: 5px 0px 0px 20px;  /*1: top / 2: right / 3: bottom / 4: left*/
	height:40px;
}

#userMenu a, #userMainMenu a {
	color:white;
	font-weight:bold;
	text-decoration:none;
}

.h1_header{
	padding:5px;
	/* margin-bottom:10px; */
	background-color:#F0F0F0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#C8D2DC'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#C8D2DC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F0F0F0,  #C8D2DC); /* for firefox 3.6+ */
}


#demo{
	clear:both;
	margin-top:15px;
}

.centuryWidth{
	position:relative;
	/* border:2px dashed red; */
	width:100%;
}

.searchForm, form.searchForm{
	height:50px;
	margin:0px;
	padding:0px;
}

.searchForm input[type=button]{
	float:right;
}

.hwp_formSection{
	min-height: 100%; /* Mindesth�he f�r moderne Browser */
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
	position:relative;
}

#hwp_searchCriteria{
	width:100%;
	clear:both;
	position:relative;
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
}

#hwp_searchCriteriaInput{
	width:70%;
	float:left;
}
#hwp_searchCriteriaButton{
	text-align:right;
	width:30%;
	float:right;
}

input, select, textarea{
	border:1px solid #CCCCCC;
}

.hwp_input_longstring{
	height:200px;
}

.hwp_input_longstring[disabled=disabled]{
	min-height:25px;
	height:auto !important; /* Important Regel f�r moderne Browser */
	height:100%; /* Mindesth�he f�r den IE */
}

a.objectLink{
	text-decoration:underline;
}

input, textarea{
	font-family:arial;
	font-size:12px;
}

td{
	vertical-align:top;
}

th{
	text-align:left;
}

.certTableDiv{
	display:table;
	width:100%;
	border-spacing:3px;
}

.certTableSubDiv {
	display:table;
	width:100%;
	margin:10px;
	border-spacing:3px;
}

.tr{
	display:table-row;
}


.td{
	display:table-cell;
	float: left;
}

.ma10{
	margin:10px;
}

.ma5{
	margin:5px;
}

.pa5{
	padding:5px;
}

/* wrong declaration
.certTableSubDiv div.grau:nth-child(2n){background-color:#ff0000;}
.certTableSubDiv div.grau:nth-child(2n+1){background-color:#0000ff;}

*/
.grau{
	background-color:#CCCCCC;
}

.rot{
	background-color:#FFCCCC;
}

.gelb{
	background-color:#FFFFCC;
}

.gruen, .gr�n{
	background-color:#CCFFCC;
}

.td.rot,
.td.gelb,
.td.gruen,
.td.grau
{
	text-align:right;
	border-spacing:3px;
	float:none;
}

.border{
	border:1px solid black;
}

.w20_1{
	width:190px;
}
.w30_1{
	width:280px;
}

.w10{ 	width:10%; }
.w20{ 	width:20%; }
.w30{ 	width:30%; }
.w50{ 	width:50%; }
.w60{ 	width:60%; }
.w70{	width:70%; }
.w75{	width:75%; }
.w80{	width:80%; }
.w90{ 	width:90%; }
.w100{ 	width:100%; }

.fw100{ width:100px;}
.fw200{ width:200px;}
.fw300{ width:300px;}
.fw400{ width:400px;}
.fw600{ width:600px;}
.fw800{ width:800px;}

.row_selected{
	background-color:#FF9933;
}

button{
	margin:10px 5px 10px 5px; /* top right bottom left */
}