/* #####################################################

linous-media | communication design & development
http://www.linous-media.de

NOTE:
This file is protected: copyright by linous | media 2008

##################################################### */ 


/*	----------------------------------
	B A S I C S
	----------------------------------	*/
html,body {
	height:100%;
}
body {
	text-align:center;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:100.01%;
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
    padding:0px;
}
div, p, ul, h1, h2, h3, h4, img, form, label{
	padding:0px;
	margin:0px;
}

ol li {
	font-size:75%;
}

a {
	color:#BD0037;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}
b, strong {
	color:#003366;
}
h1 {
	font-size:100%;
	color:#BD0037;
}
h2 {
	font-size:80%;
	color:#BD0037;
}
h3 {
	font-size:75%;
	color:#003366;
}
h4 {
	font-size:75%;
	color:#003366;
}
h5 {
	font-size:75%;
	color:#003366;
}
ul {
	list-style:none;
}
hr	{ 
	height:0px;
	border:dotted #999999 0px;
	border-top-width:1px;
	margin:25px 0px;
	padding:0px;
}

textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

table, th, td, select{
	border:0px;
}

td {
	vertical-align: top;
}

.unseen {
	display:inline;
	height:0px;
	left:-3000px;
	position:absolute;
	top:-2000px;
	width:0px;
	z-index:100;
}
.clearboth {
	clear:both;
	height: 0;
	font-size: 0;
}
.inline {
	display:inline;
}
.qb-color {
	color:#BD0037;
}
.qb-status1 {
	color:#FF0000;
}
.qb-status2 {
	color:#0066FF;
}
.qb-status3 {
	color:#00CC66;
}
.qb-normal {
	font-weight:normal;
}



/*	----------------------------------
	P A G E B O X 
	----------------------------------	*/
	
#pageBox {
	position:relative;
	background:#F2F2F4 url(img/qb_pagebg.jpg) no-repeat center top;
	min-width:970px;
  	max-width:50em;
	min-height:100%;
	margin:auto;
	padding-bottom:20px;
	text-align:left;
	color:#000000;
}
#headerBox {
	position:relative;
	height:125px;
}
#logoBox {
	position:absolute;
	margin-top:50px;
	margin-left:25px;
	width:185px;
	height:51px;
}
#mainBox {
	position:relative;
	background-color:#F2F2F4;
	color:#000000;
	margin:10px 1% 0;
}



/*	----------------------------------
	B O X L A Y O U T
	----------------------------------	*/

/*	whiteBox  */	
.wBoxTopLeft {
	background:url(img/qb_contentbg_top_li.gif) no-repeat left top;
}
.wBoxTopRight {
	background:url(img/qb_contentbg_top_ri.gif) no-repeat right top;
}
.wBoxBottomLeft {
	background:url(img/qb_contentbg_bottom_li.gif) no-repeat left bottom;
	height:6px;
}
.wBoxBottomRight {
	background:url(img/qb_contentbg_bottom_ri.gif) no-repeat right bottom;
	height:6px;
}

/*	shadowBox with grey BG (overlapping parts) */
.sBoxTopLeftGbg {
	background:url(img/qb_navbg_top_le_gbg.gif) no-repeat left top;
}
.sBoxTopRightGbg {
	background:url(img/qb_navbg_top_ri_gbg.gif) no-repeat right top;
	text-align:center;
	padding:5px 0px;
	color:#003366;
}
.sBoxBottomLeftGbg {
	background:url(img/qb_navbg_bottom_le_gbg.gif) no-repeat left bottom;
	height:20px;
}
.sBoxBottomRightGbg {
	background:url(img/qb_navbg_bottom_ri_gbg.gif) no-repeat right bottom;
	height:20px;
}

/*	shadowBox with white BG (overlapping parts) */
.sBoxTopLeftWbg {
	background:url(img/qb_navbg_top_le_wbg.gif) no-repeat left top;
}
.sBoxTopRightWbg {
	background:url(img/qb_navbg_top_ri_wbg.gif) no-repeat right top;
	text-align:center;
	padding:5px 0px;
	color:#003366;
}
.sBoxBottomLeftWbg {
	background:url(img/qb_navbg_bottom_le_wbg.gif) no-repeat left bottom;
	height:10px;
}
.sBoxBottomRightWbg {
	background:url(img/qb_navbg_bottom_ri_wbg.gif) no-repeat right bottom;
	height:10px;
}



/*	----------------------------------
	T E A S E R B O X 
	----------------------------------	*/

#teaserBox {
	margin:0 1%;
}
#teaserTopLeft {
	background:url(img/qb_teaserbg_top_li.gif) no-repeat left top;
}
#teaserTopRight {
	background:url(img/qb_teaserbg_top_ri.gif) no-repeat right top;
}
#teaserBottomLeft {
	background:url(img/qb_teaserbg_bottom_li.gif) no-repeat left bottom;
	height:6px;
}
#teaserBottomRight {
	background:url(img/qb_teaserbg_bottom_ri.gif) no-repeat right bottom;
	height:6px;
}

#teaserTopLeft h1{
	font-size:80%;
	color:#003366;
	padding:6px 5px 0px 10px;
}



/*	----------------------------------
	S E A R C H B O X 
	----------------------------------	*/

#searchbitBox {
	position:absolute;
	top:130px;
	right:45px;
}
#searchbtnBox {
	position:absolute;
	top:130px;
	right:20px;
}
#searchbitBox #searchBit{
	background:url(img/qb_searchbg.gif) no-repeat;
	border:0px;
	width:180px;
	font-size:75%;
	padding:1px 5px 3px 5px;
}
#searchbtnBox #searchBtn{
	background:url(img/qb_searchbtn.gif) no-repeat;
	border:0px;
	width:17px;
}



/*	----------------------------------
	T O P N A V B O X 
	----------------------------------	*/

#topnavBox {
	float:right;
	margin-top:5px;
	margin-right:10px;
	text-align:right;
}
#topnavBox li{
	display:inline;
	font-size:70%;
	padding:0 .7em 0 .2em;
	border-right:solid #DBE0E0 1px;
	color:#000000;
	background-color:#FFFFFF;
}
#topnavBox #li-right{
	padding:0 0 0 .2em;
	border-right:0px;
}
#topnavBox a{
	color:#000000;
	text-decoration:none;
}
#topnavBox a:hover{
	color:#BD0037;
	text-decoration:underline;
}



/*	----------------------------------
	L E F T B O X 
	----------------------------------	*/

#leftBox {
	position:relative;
	float:left;
	width:21%;
	color:#000000;
}

/*	navigationBox	*/
.navBox {
	margin-bottom:15px;
	width:100%;
}
.navBody {
	background-color:#fff;
}
.navBody li {
	border-bottom:solid #DBE0E0 1px;
	border-left:solid #DBE0E0 1px;
	border-right:solid #DBE0E0 1px;
	background:url(img/qb_navbg_default.gif) repeat-y;
}
.navBody li:hover{
	background:#F2F2F4 url(img/qb_navbg_hl.gif) repeat-y;
}
.navBody li a {
	display:block;
	color:#000000;
	font-size:70%;
	text-decoration:none;
	padding:4px 3px 5px 12px;
}
.navBody li a:hover{
	color:#BD0037;
	text-decoration:underline;
}

.navBody .subNavItem {
	padding-left:10px;
	background:#F2F2F4 url(img/qb_navbg_subdefault.gif) repeat-y;
}
.navBody .subNavItem:hover{
	background:#F2F2F4 url(img/qb_navbg_subhl.gif) repeat-y;
}

.navBody #navCurrent {
	border-left:solid #DBE0E0 1px;
	border-right:solid #DBE0E0 1px;
}
.navBody #navCurrent a{
	color:#FFFFFF;
	font-weight:bold;
	background:url(img/qb_navbg_current.gif) repeat-y;
}

.navBody #subNavCurrent {
	border-left:solid #DBE0E0 1px;
	border-right:solid #DBE0E0 1px;
	background:#F2F2F4 url(img/qb_navbg_subcurrent.gif) repeat-y;
}
.navBody #subNavCurrent a{
	color:#003366;
	font-weight:bold;
}

/*	infoBox (HH-Logo / KWB-Logo)  */
.infoLeftBox {
	margin-bottom:15px;
	background-color:#FFFFFF;
	color:#000000;
}
.infoLeftBox .infoLeftBody {
	padding:10px;
	text-align:center;
}
.infoLeftBox hr{
	margin:15px 0px;
}

/*--- LOGOBOX ---*/
#leftBox #logoLeftBox{
	position:relative;
	margin:50px 0px 0px 23px;
}


/*	----------------------------------
	C O N T E N T B O X 
	----------------------------------	*/

#contentBox {
	float:right;
	width:78%;
	background-color:#FFFFFF;
	color:#000000;
}

/*	contentBody  */
#contentBox #contentBody {
	padding:10px 30px;
	min-height:500px;
}
#contentBox #contentBody h1{
	margin-bottom:15px;
}
#contentBox #contentBody h2{
	margin-top:15px;
	margin-bottom:10px;
}
#contentBox #contentBody h3{
	margin-top:10px;
	margin-bottom:0px;
}
#contentBox #contentBody p{
	margin-top:10px;
	font-size:75%;
	line-height:130%;
}
#contentBox #contentBody ul {
	list-style:disc;
	margin:10px 0px 15px 20px;
	font-size:70%;
	line-height:1.4em;
}
#contentBox #contentBody .infoTxt {
	color:#003366;
	margin-top:10px;
	font-size:65%;
}
#contentBox #breadcrumb {
	border-bottom:dotted #999999 1px;
	margin-bottom:20px;
	padding-bottom:5px;
	font-size:70%;
}
#contentBox .breadcrumb-next {
	margin:0px 5px;
}
#contentBox #footerBox {
	border-top:dotted #999999 1px;
	margin-top:30px;
	padding:20px 0px;
	/*text-align:center;*/
	font-size:75%;
	color:#555555;
}

/*	infoBox (newsBox)	*/
.infoContentBox {
	float:right;
	width:30%;
	margin-left:20px;
	margin-bottom:10px;
	color:#000000;
	background-color:#fff;
	font-size:90%;
	
}
.infoContentBox .infoContentBody {
	padding:10px;
	border-left:solid #DBE0E0 1px;
	border-right:solid #DBE0E0 1px;
}
#contentBox #contentBody .infoContentBox .infoContentBody p{
	margin-top:10px;
	line-height:130%;
}
.infoContentBox .infoContentBody img {
	margin:3px 0px 8px 0px;
}

/*	editBox (AdminCase)	*/
.editBox {
	font-size:70%;
	padding:10px 0px;
	margin-top:20px;
	border-top:dotted #999999 1px;
}
.infoContentBox .editBox img, #contentBox .editBox img {
	float:left;
	margin-right:10px;
}

/*	resultTable  */
#contentBox .resultTab th, #contentBox .qbTab th {
	text-align:center;
	text-transform:uppercase;
	font-size:70%;
	color:#003366;
	padding:6px;
	background:url(img/qb_thbg_top.gif) repeat-x top;
	border-left:solid #DBE0E0 1px;
}
#contentBox .resultTab .leftTh, #contentBox .qbTab .leftTh {
	background:url(img/qb_thbg_top_le.gif) no-repeat left top;
	border:0px;
}
#contentBox .resultTab .rightTh, #contentBox .qbTab .rightTh {
	background:url(img/qb_thbg_top_ri.gif) no-repeat right top;
}
#contentBox .resultTab .bgTr {
	background-color:#F8F8FA;
}
#contentBox .resultTab td, #contentBox .qbTab td {
	border-right:solid #DBE0E0 1px;
	font-size:70%;
	padding:4px;
	vertical-align:top;
}
#contentBox .resultTab .idTd {
	font-weight:bold;
	color: #003366;
	border-left:solid #DBE0E0 1px;
}

#contentBox .resultTab .leftTd {
	border-left:solid #DBE0E0 1px;
}

#contentBox .resultTab .stdTd {
	text-align:center;
}
#contentBox .resultTab .leftTdBottom, #contentBox .qbTab .leftTdBottom {
	background:url(img/qb_tdbg_bottom_le.gif) no-repeat left bottom;
	border:0px;
	padding:0px;
}
#contentBox .resultTab .midTdBottom, #contentBox .qbTab .midTdBottom {
	background:url(img/qb_tdbg_bottom.gif) repeat-x bottom;
	border:0px;
	padding:0px;
}
#contentBox .resultTab .rightTdBottom, #contentBox .qbTab .rightTdBottom {
	background:url(img/qb_tdbg_bottom_ri.gif) no-repeat right bottom;
	border:0px;
	padding:0px;
}
#contentBox .resultTab td img, #contentBox .qbTab td img {
	float:left;
	margin-right:5px;
}
#contentBox .resultTab .aBtnTd {
	text-align:center;
}
#contentBox .resultTab .aBtnTd img {
	clear:both;
	margin-right:0px;
}

/*	contentBox - miscellaneous  */
#contentBox .inputVars {
	width:99%;
	background-color:#F8F8FA;
	border:solid #DBE0E0 1px;
	padding:0px 3px;
}
#contentBox .inputNum {
	width:10%;
	background-color:#F8F8FA;
	border:solid #DBE0E0 1px;
	padding:0px 3px;
}
#contentBox .selectVars {
	width:100%;
	background-color:#F8F8FA;
	border:solid #DBE0E0 1px;
}
#contentBox .refreshBtn {
	margin-top:5px;
}

/*	selectBox  */
#contentBox .inputBox {
	width:100%;
	padding:15px 0px 10px 0px;
	border-top:dotted #999999 1px;
	border-bottom:dotted #999999 1px;
	margin:10px 0px;
}
#contentBox .labelBit {
	float:left;
	width:15%;
	text-align:right;
	padding-right:1%;
}
#contentBox .selectBit, #contentBox .inputBit {
	float:left;
	width:33%;
	margin-bottom:5px;
	font-size: 75%;
}
#contentBox .areaBit {
	float:left;
	width:66%;
	margin-bottom:5px;
}
#contentBox .areaBit textarea {
	font-size:75%;
}
#contentBox .longLabelBit {
	float:left;
	width:66%;
	margin-bottom:5px;
	font-size:75%;
}
#contentBox .submitBit {
	width:100%;
	text-align:center;
	margin-bottom:30px;
	font-size:75%;
}
#contentBox .infoBit {
	clear:both;
	margin-left:5%;
	margin-right:5%;
	font-size:70%;
}
#contentBox .legendBit {
	clear:both;
	margin-left:0%;
	margin-right:5%;
	font-size:90%;
}
#contentBox .infoImg {
	float:left;
	margin:0px 10px 20px 0px;
}
#contentBox .labelBit label{
	font-size:75%;
}
#contentBox .labelBit label .mandatory, .mandatory {
	font-size:75%;
	color:#BD0037;
}
#contentBox .inputBit .inputNum2{
	width:8%;
}
#contentBox .inputBit .inputNum4{
	width:14%;
}


/*	----------------------------------
	Q B - B O X 
	----------------------------------	*/
#qbBox {
	width:100%;
	margin-bottom:20px;
}
#qbBox .sBoxTopRightWbg {
	text-align:left;
	padding-left:10px;
	text-transform:uppercase;
}
#qbBox .qbBoxBody {
	padding:0px; /* Abstand über printBox */
	border-left:solid #DBE0E0 1px;
	border-right:solid #DBE0E0 1px;
}
#qbBox .qbBoxBody .printBox {
	font-size:70%;
	font-weight:bold;
	text-align:right;
	padding:10px 30px 10px 0px;
}
#qbBox .labelRow {
	clear:both;
	width:100%;
	background-color:#E8E8ED;
	padding:2px 0px;
}
#qbBox .labelRow .labelBit {
	float:left;
	width:75%;
	text-align:left;
	color:#003366;
	padding:2px 0px 2px 10px;
}
#qbBox .labelRow .statusBit {
	float:right;
	width:20%;
	font-size:70%;
	font-weight:bold;
	padding:2px 0px 0px 0px; 
}
#qbBox .labelRow .statusBit img {
	float:left;
	margin-right:5px;
}
#qbBox .dataRow {
	clear:both;
	padding:0px 20px;
	margin-bottom:20px;
}
#qbBox .dataRow .editInfo {
	font-size:70%;
	color: #003366;
	font-style:italic;
	margin:10px 0px 5px 0px;
}
#qbBox .dataRow p {
	margin-bottom:5px;
}
#qbBox .dataRow h5 {
	margin:15px 0px 0px 0px;
}
#qbBox .dataRow .inputBox {
	padding:10px 0px 10px 0px;
}
#qbBox .dataRow .inputBox h5 {
	margin:10px 0px 3px 0px;
}
#qbBox .dataRow .inputBit1 {
	width:100%;
	font-size: 75%;
}
#qbBox .dataRow .inputBit2 {
	width:64%;
	float:left;
}
#qbBox .dataRow .btnBit {
	width:33%;
	margin-left:2%;
	float:left;
	font-size:70%;
}
#qbBox .dataRow .selectBit {
	margin-bottom:0px;
}
#qbBox .dataRow .stdBit {
	float:left;
	width:8%;
	margin:5px 0px 0px 0px;
	text-align:right;
	font-size:70%;
}
#qbBox .dataRow .stdBit .inputNum {
	width:50%;
}
#qbBox .dataRow .txtBit {
	float:left;
	width:30%;
	margin:5px 0px 0px 0px;
	font-size:70%;
}
#qbBox .dataRow .submitBit {
	float:none;
	width:100%;
	text-align:center;
	margin-left:0;
	margin-bottom:30px;
}
#qbBox .dataRow .inputBox .label3Bit, #qbBox .dataRow .inputBox .select3Bit {
	float:left;
	width:30%;
	margin-left:2%;
	margin-right:1%;
	font-size:70%;
}
#qbBox .dataRow .inputBox .label3Bit {
	margin-bottom:3px;
}
#qbBox .dataRow .inputBox .label3Bit label {
	font-weight:bold;
	color:#003366;
}
#qbBox .dataRow .contactForm .labelBit {
	float:left;
	width:20%;
	text-align:right;
	padding-right:10px;
}
#qbBox .dataRow .contactForm .inputBit {
	width:60%;
	font-size:70%
}
#qbBox .dataRow .inputBox #dateBit {
	font-size:70%;
}
#qbBox .dataRow .inputBox #dateBit img {
	float:none;
	margin-bottom:-4px;
}
#qbBox .dataRow .inputBox .inputNum2 {
	width:4%;
}
#qbBox .dataRow .inputBox .inputNum4{
	width:8%;
}
#qbBox .dataRow .tabBit {
	clear:both;
	margin-bottom:30px;
}
#qbBox .dataRow .editTab {
	margin-top:10px;
}
#qbBox .dataRow .editTab .editInfo {
	font-size:70%;
	color: #003366;
	font-style:italic;
}
#qbBox .dataRow .editTab .inputVars {
	width:90%;
}

/*	setTable  */
#qbBox .dataRow .setTab {
	background-color:#F8F8FA;
	margin-top:10px;
	border-left:solid #E8E8ED 1px;
}
#qbBox .dataRow .setTab th{
	border-right:solid #E8E8ED 1px;
	border-bottom:solid #E8E8ED 1px;
	text-align:center;
	text-transform:uppercase;
	font-size:70%;
	color:#003366;
	padding:6px;
	background:url(img/qb_thbg_top.gif) repeat-x top;
}
#qbBox .dataRow .setTab td{
	border-right:solid #E8E8ED 1px;
	border-bottom:solid #E8E8ED 1px;
	padding:2px 3px;
	font-size:70%;
}
#qbBox .dataRow .setTab td img{
	float:left;
	margin-right:5px;
}
#qbBox .dataRow .setTab td .iconImg{
	float:none;
	margin-right:0px;
	margin-left:7px;
}

/*  I N T E R N A  */
#qbBox .dataRow .intRow, #qbBox .dataRow .intInfoRow {
	clear:both;
	width:100%;
	margin:10px 0px;
}
#qbBox .dataRow .intBit1 {
	float:left;
	width:10%;
	text-align:right;
}
#qbBox .dataRow .intBit2 {
	float:left;
	width:85%;
	padding-left:2%;
	font-size:70%;
}
#qbBox .dataRow .intInfoRow {
	border-top:dotted #999999 1px;
	padding:20px 0px;
	margin:20px 0px 30px 0px;
}


/*	editTable  */
#contentBox .editTab {
	margin-bottom:40px;
}
#contentBox #editSetTab {
	margin-bottom:10px;
}
#contentBox .editTab td, #contentBox .setTab td, #contentBox .setTab th {
	font-size:100%;
}
#contentBox .editTab .editInfo {
	color: #003366;
	font-style:italic;
}
#contentBox #editTab5 .inputVars {
	width:95%;
}
#contentBox .editTab .colRight {
	text-align:right;
}
#contentBox .editTab .formLabel {
	padding-left:5px;
	font-weight:bold;
	color:#003366;
}
#contentBox .editTab hr	{ 
	margin:10px 0px;
}
/*	sitemapBox  */
#contentBox #contentBody #sitemapBox ul{
	list-style:disc;
	margin:15px 0px 15px 20px;
	line-height:1.5em;
}
#contentBox #contentBody #sitemapBox .subNavItem{
	margin:0px 0px 0px 20px;
}

/* additions by Olaf */

span.qbError {
	color: #FF0000;
	font-size: 7.5pt;
}

div.qbError {
	color: #FF0000;
	font-weight: bold;
	font-size:75%;
	padding: 2px;
	border: 1px solid #FF0000;
	margin-bottom: 5px;
}

div.qbInfo {
	color: green;
	font-weight: bold;
	font-size:75%;
	padding: 2px;
	border: 1px solid green;
	margin-bottom: 5px;
}

.dataRow div.qbInfo {
	border: 0;
	margin-top: 5px;
}

.column {
	width: 49%; float: left;
}

#contentBox .column .labelBit {
	width: 38%;
}

#contentBox .column .selectBit, #contentBox .column .inputBit {
	width: 59%;
}

/* same as #contentBox .inputVars */
#contentBox .column .inputVars {
	width:99%;
	background-color:#F8F8FA;
	border:solid #DBE0E0 1px;
	padding:0px 3px;
}

.pagination {
	font-size: 75%;
	margin-top: 5px;
}

#contentBox .column .inputId {
	width: 30%;
}

.noEntries {
	margin-top: 20px;
	font-style:italic;
	font-weight: bold;
	font-size: 9pt;
}

.editInfo {
	font-size: 8pt;
	color: #003366;
	font-style:italic;
}

/* added to

#contentBox .submitBit {
	font-size:75%;
}

#contentBox .selectBit, #contentBox .inputBit {
	font-size: 75%;
}

#qbBox .dataRow .inputBit1 {
	font-size: 75%;
}

#qbBox .dataRow .inputBox {
	font-size: 75%;
}

modified
class instead of id (inputNumx)
#qbBox .dataRow .inputBox .inputNum2 {
	width:4%;
}
#qbBox .dataRow .inputBox .inputNum4 {
	width:8%;
}

instead of .navBody .subNavItem 20px
.navBody .subNavItem a {
	padding-left:25px;
}
*/