@charset "utf-8";
/**
 * wonderbase
 * 
 * @copy 			i-gap Schwingenschlögl & Welser OG
 * @link 			www.i-gap.at
 * @inspiration 	YAML (http://www.yaml.de) - thanks
 */

/*----------------------------------------------------------------------------------*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit; 
	vertical-align: baseline;
}

body, html{
	min-height:101%; /*Scrollbar immer anzeigen*/
	font-family:Verdana, Geneva, sans-serif;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.euinfo {
    width: 450px;
    margin: 5px auto 10px auto;
    /* background-color: #f1f1f1; */
    border: 1px solid #f1f1f1;
    padding: 15px;
}

.euinfo img {
    display:block;
    float:left;
    margin-right:15px;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

span.pageInfo {
	display:block;
	float:right;
	font-size:10px;
	color:#999;	
	padding:10px 0px 0px 0px;
}

 /**
  * footer
  */
  #footer {
  	color:#CCC;
	font-size:0.75em;
	margin:25px 10px 10px 10px;
	padding-top:10px;
	
	text-align:left;
  }

  .footer-left {
  font-size:0.75em;
	margin:25px 10px 10px 10px;
  }

body {
	line-height: 1;
	color: black;
	background: #7f7f7f;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing: 0;
	background-color:#f1f1f1;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {
	clear:both;
}

.hidden {
	display:none;	
}

textarea.editinplace {
	width:400px;
	height:100px;	
}

input.disabledField {
	border:0px !important;
	background-color:transparent;
	color:#666;
	font-size:9px;
}

/*--------------------------------- FILTER -----------------------------------------*/

div.filter-box {
	
	padding:10px;
	background-color:#f1f1f1;
	border:1px solid #ddd;
	background:url('pix/grau-verlauf.gif') top left;
}

div.filter-select {
	float:left;
	padding-right:10px;
}

div.filter-select select {
	max-width:200px;
}

a.button-reset {
	display:block;
	background-color:#bc0300;
	color:white !important;
	padding:0px 5px;
	text-decoration:none;
	line-height:18px;
	float:right;
	font-size:10px;
}

/*----------------------------------------------------------------------------------*/
h1 {
	font-size: 1.4em; 
	font-weight: bold; 
	color:#bc0300; 
	margin-bottom: 0.5em; 
	font-family: Arial;
	
	/*font-size:22px;	font-weight:bold;	color:#bc0300;	line-height:24px;	margin:3px 0px 5px 0px;*/
}

h2 {
	font-size: 1.1em; font-weight: bold; color:#505050; 
	margin-top: 1em;
	margin-bottom:0.5em;
	/*font-size:18px;	font-weight:bold;	color:#bc0300;		line-height:24px;	margin:3px 0px 5px 0px;*/
}

h3 {
	font-size: 14px; 
	font-weight: bold; 
	color:#bc0300; 
	margin:0.8em 0 0.5em 0; 
	font-family: Arial;
}

h4 {
	font-size:13px;
	font-weight:bold;
	color:#bc0300;
}

p {
	margin-bottom:2em;
	line-height:1.3em;
	font-size:0.8em;
}

a, a:link, a:visited, a:active, a:hover {
		color:#bc0300;
}

/**
  * button-style
  */
  a.button-style, a.button-style:link, a.button-style:visited, a.button-style:active {
		display:inline-block;
		padding:10px;
		border-top:1px solid #717559;
		border-left:1px solid #717559;
		border-bottom:1px solid #717559;
		border-right:1px solid #717559;
		color:white; 
		font-weight:bold;
		font-size:0.9em;
		background-color:#bc0300;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		text-decoration:none; 
		
		margin:10px 10px 10px 0px;

  }

  a.button-style:hover {
	 	background-color:#717559;
  }

/*----------------------------- pageNav content -------------------------------------*/ 

 /**
  * pageBar
  */
  .pageBar {
	 height:25px;
	 margin-top:5px;
  }
  
 /**
  * page index
  */
  .pageBar a.pageNav, .pageBar a:link.pageNav, .pageBar a:visited.pageNav, .pageBar a:active.pageNav, .pageBar a:hover.pageNav {
	display:block;
	float:left;
	height:24px;
	
	padding:0px;
	
	/*background-color:#bc0300;*/ /*f7f7f7;*/
	
	overflow:hidden;
	
	
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:white;
	border-collapse:collapse;
  }
  
  .pageBar a.active {
	
  }
  
  .pageBar a.active span {
	background-color:#bc0300 !important;
	border:1px solid #bc0300 !important;
	color:white !important;
  }
  
  .pageBar a {
  	cursor:pointer;
  }
  
  .pageBar a span {
		display:block;
		background-color:white;
		border:1px solid #cdcdcd;
		color:#cdcdcd;
		
		padding:2px 5px;
		margin:2px;
  }
  
  .pageBar a.pageBarRight, .pageBar a:link.pageBarRight, .pageBar a:visited.pageBarRight, .pageBar a:active.pageBarRight, .pageBar a:hover.pageBarRight {
	  	display:block;
		float:right;  
		height:24px;
		
		
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:white;
  }
  
  .pageBar span.pageNavText {
    display:block;
	float:left;
	height:24px;
	
	padding:0px;
	
	
	
	overflow:hidden;
	border:0;
	
	text-decoration:none;
	font-size:11px;
	line-height:25px;
	font-weight:bold;
	padding:0px 5px 0px 0px;
	color:#666;
	border-collapse:collapse;
  }

caption.head-caption {
	color:#333;
		
	padding:8px 10px !important;
	
	font-size:12px;
	font-weight:bold;
	
	/*border-top:1px solid  #717559;*/
	background-color:#999;	
	
	background-image:url('pix/verlauf.jpg');
	background-position:center center;
	
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #bcbcbc;
	
	text-shadow: 0px 1px 0px #e1e1e1;

}

table table caption.head-caption {
	background-color:#ddd !important;	
	padding:4px 9px !important;
	color:black;
	font-weight:bold;
	background-image:none;
}


table table table caption.head-caption {
	background-color:#C7C6A9 !important;	
	padding:4px 9px !important;
	color:black;
	font-weight:bold;
	background-image:none;
}

table .benutzer_key {
	width:150px;
}

/*----------------------------- search content -------------------------------------*/

 /**
  * search box
  */

	#searchBox {
		position:absolute;
		top:-2px;
		right:15px;
	}
	
	#startsuche {
		width:450px;
		margin:45px auto 10px auto;
		background-color:#f1f1f1;
		border:1px solid #ddd;
		padding:15px;
		
		background:url('pix/grau-verlauf.gif') top left;
	}
	
	#starterinnerung {
		width:450px;
		margin:5px auto 10px auto;
		/*background-color:#f1f1f1;*/
		border:1px solid #f1f1f1;
		padding:15px;
		
		/*background:url('pix/grau-verlauf.gif') top left;*/
	}
	
	#startsuche h3 {
		font-weight:bold;
		color:#bc0300;
		font-size:14px;
		margin:0px 0px 5px 10px;	
	}
	
	#starterinnerung h3 {
		font-weight:bold;
		color:#bc0300;
		font-size:14px;
		margin:0px 0px 5px 0px;	
	}
	
	#searchBoxWrapper {
		width:230px; /*follow your image's size*/
		height:35px;/*follow your image's size*/
		background-image:url('pix/searchbox.gif');
		background-repeat:no-repeat; /*important*/
		padding:0px;
		margin:0px;
		position:relative; /*important*/
	}
	
	#searchBoxBiggerWrapper {
		width:420px; /*follow your image's size*/
		height:45px;/*follow your image's size*/
		background-image:url('pix/searchbox-bigger.gif');
		background-repeat:no-repeat; /*important*/
		padding:0px;
		margin:0px;
		position:relative; /*important*/
	}
	
	#searchwrapper form { display:inline ; }
	
	span.helper {
		display:block;
		padding-left:30%;
		font-size:11px;
		}
	
	span.helper p {
		padding:0px;
		margin:0px;
		
	}
	
	input#keyword {
		border:0px; /*important*/
		background-color:transparent; /*important*/
		position:absolute; /*important*/
		top:5px;
		left:30px;
		width:145px;
		height:25px;
		line-height:25px;
		
	}
	
	input.searchBoxSubmit {
		border:0px; /*important*/
		background-color:transparent; /*important*/
		position:absolute; /*important*/
		top:0px;
		left:189px;
		width:41px;
		height:35px;
	}

/*---------------- buttons ----------------------------- */

a.minus {
		display:block;
		float:right;
		width:16px;
		height:16px;
		
		background-image:url('pix/minus.gif');
		text-align:left;
		text-indent:-9999em;
		
		margin-right:5px;
		
		cursor:pointer;
	}
	
a.plus {
		display:block;
		float:right;
		width:16px;
		height:16px;
		
		background-image:url('pix/plus.gif');
		text-align:left;
		text-indent:-9999em;
		
		margin-right:5px;
		
		cursor:pointer;
	}

a.btn_edit {
		display:block;
		float:left;
		width:32px;
		height:32px;
		
		background-image:url('pix/bearbeiten.gif');
		text-indent:-9999em;
		
		cursor:pointer;
		
		margin-right:5px;
	}

a.btn_ueber {
	display:block;
	float:left;
	width:32px;
	height:32px;

	background-image:url('pix/btn_reaktivieren.gif');
	text-indent:-9999em;

	cursor:pointer;

	margin-right:5px;
}
	
a.btn_excel {
		display:block;
		float:left;
		width:24px;
		height:24px;
		
		background-image:url('pix/btn-excel.gif');
		text-indent:-9999em;
		
		margin-right:5px;
	}
	
a.btn_print {
		display:block;
		float:left;
		width:24px;
		height:24px;
		
		background-image:url('pix/btn-print.gif');
		text-indent:-9999em;
		
		margin-right:5px;
	}
	
a.btn_delete {
		display:block;
		float:left;
		width:32px;
		height:32px;
		
		background-image:url('pix/loeschen.gif');
		text-indent:-9999em;
		
		margin-right:5px;
		
	}
	
a.btn_delete_instant, a.kommentar_erledigt {
		display:block;
		float:left;
		width:32px;
		height:32px;
		
		background-image:url('pix/loeschen_instant.gif');
		text-indent:-9999em;
		
		margin-right:5px;
		
	}
	
a.btn_mailpass {
		display:block;
		float:left;
		width:24px;
		height:24px;
		
		background-image:url('pix/btn_mailpass.gif');
		text-indent:-9999em;
		
		margin-right:5px;
		
	}

a.btn_aktivieren {
		display:block;
		float:left;
		width:32px;
		height:32px;
		
		background-image:url('pix/btn_reaktivieren.gif');
		text-indent:-9999em;
		
		margin-right:5px;
	}

/*----------------------------- messageBox -----------------------------------------*/

/* message Box */
.messageBoxWrapper {
	display:none;
	background-image:url('pix/shadow-25.png');
	
	
}

.messageBox {
	margin:15px;
	
	width:450px;
	height:auto;
	
	min-width:150px;
	max-width:550px;
	min-height:100px;
	max-height:450px;
	
	border-top:1px solid #999; 
	border-left:1px solid #999; 
	border-bottom:1px solid #666; 
	border-right:1px solid #666;
	
	background-color:white;
}

.messageBox h5 {
	
	
	
	text-transform:uppercase;
	
	font-size:0.75em;
	font-weight:bold;
	
	color:#5e5e5e;
	
	padding:10px 0px 7px 10px;
	
	border-bottom:1px solid #999;
	
	/*background-image:url('pix/nav-bg.gif');*/
	
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
}

.messageBox p {
	padding:15px 10px 5px 10px;
	font-size:1em;
	line-height:1.4em;
} 

.messageBox p.messageWarning {
	display:block;
	color:red;
	font-weight:bold;

}

.closeBox {
	display:block;
	float:right;
	padding:0px;
	margin:5px;
	width:20px;
	height:20px;
	
	/*background-image:url('pix/close.gif');*/
	
	z-index:5;
}

/*----------------------------------------------------------------------------------*/

 /**
  * center & scrollbar
  */
 body { overflow-y:scroll; }
 body { text-align:center; }

 /**
  * page_margins
  */
 .page_margins { 
 	text-align:left; 
	margin:0 auto;
	
	min-width:740px; 
	max-width:1200px; 
	
	/*width:980px;*/
	
	/*background-color:white;*/
	
	-webkit-box-shadow: 0px 0px 10px 0px #000000;
			box-shadow: 0px 0px 10px 0px #000000;
	
	-webkit-border-radius: 0px 0px 5px 5px;
	   -moz-border-radius: 0px 0px 5px 5px;
			border-radius: 0px 0px 5px 5px;
  }
 

 /**
  * page
  */
 .page {
 	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	position:relative;
	
	-webkit-border-radius: 0px 0px 5px 5px;
	   -moz-border-radius: 0px 0px 5px 5px;
			border-radius: 0px 0px 5px 5px;
			
	background-color:white;
	
 }
 
 /**
  * header
  */
 #header {
	position:relative;
	height:90px;
	background-color:#fff; /* #7f7f7f; */ /* #bc0300; */
	
	border-top:5px solid #bc0300;
	
 }
 
 .logo-partner {
 	display:block;
	position:absolute;

     top: 4px;
     right: 145px;
	
	height:82px;
	width:578px;
	background-image:url('pix/partner-logos-v3.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
	text-indent:-9999em;
 }
 
 .logo-fit2work {
 	display:block;
	position:absolute;
	
	top:10px;
	left:10px; 
	
	height:66px;
	width:229px;
	background-image:url('pix/logo-fit2work.png');
	background-repeat:no-repeat;
	background-position:top left;
	
	text-indent:-9999em;
 }
 
 .bab-logo {
	display:block;
	position:absolute;
	
	top:10px;
	left:10px; 
	
	height:70px;
	width:84px;
	background-image:url('pix/bab-logo.gif');
	background-repeat:no-repeat;
	background-position:top left;
	
	text-indent:-9999em;
 }
 
 #meta {
	display:block; 
	position:absolute;
	top:10px;
	right:10px;
	
	color:black;
	font-size:0.7em;
	z-index:100;
 }

 .submenu li a {
    display:block;
     padding:10px 10px;
     background-color:#f1f1f1;
     border-bottom:1px solid #ccc;
 }

 .submenu li a {
    font-size:12px;
 }

.submenu li a:hover {
    background-color:#e1e1e1;
}

a.active {
    color:black;
    font-weight:bold;
}

 /**
  * login
  */
  #loginBlock {
	display:none;
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	text-align:left;
	
	background-image:url('pix/shadow-25.png');
	  
  }
  
  #loginBlock form {
		/*padding:15px;  */
		margin:15px;
		border-top:1px solid #999; 
		border-left:1px solid #999; 
		border-bottom:1px solid #666; 
		border-right:1px solid #666;
  }
  
  #login_block_padding {
		padding-top:100px;
		width:550px;  
  }
  
  #toggleLogin {
		color:white;  
  }
  
 /**
  * nav
  */
  
 .nav_margins {
 	border-top:5px solid #bc0300;
 }
  
 .nav {
	 border-top:5px solid #ddd;
	 height:36px;
	 background-color:#ddd;
	 

	 
	 /*border:1px solid white;  */
	 /*background:#ededed url('pix/nav-bg.gif') repeat-x left top;*/
 }
 
 
 
 /*----------------------------- nav content -------------------------------------*/



 /**
  * ul
  */
  .nav ul {
	list-style-type:none;
	display:inline;
	padding:0px;
	margin:0px;
  }
 
 /**
  * li
  */
  .nav li {
	list-style-type:none;
	display:block;
	float:left; /* LTR */
	
	
    margin:0;
    padding:0;  
  }
  
  * html .nav li {
	width:10px;  
  }
  
  /**
   * li a
   */
  .nav li a, .nav li strong {
	display:block;
	height:35px;	
	padding:12px 10px 10px 10px;

	/*border-right:1px solid #dcdcdc;	border-left:1px solid white;*/

	text-decoration:none;
	/*text-transform:uppercase;*/
	
	font-size:0.8em;
	font-weight:bold;
	
	color:#333;
	
  }
  
  #menu li.disabled a {
		color:#CCC !important;	
	}
	
	#menu li.imagemenu a{
		padding:5px 5px;
		margin:0px;
	}
	
	#menu li a:hover, #menu li.active a {
		background-color:white;
		color:#bc0300;
		
		
	}
 
 
 /**
  * main
  */
 #main {
   position:relative;
   min-height:350px;
 }
 

 
 /**
  * content
  */
 #content {
   position:relative;
   
   margin-top:25px;
 }

 #col1_content {
	margin-left:20px;
	margin-right:240px;
	
	min-height:300px;
 }
 
 /**
  * col2_content
  */ 
  #col2_content {
  	position:absolute;
	top:34px;
	right:5px;
	width:230px;
	
  }


  * html #col2_content {
		left:-300px;  
  }
  
#col2_content table.kommentar {
	border-left:0px;	
	border-right:0px;	
	border-top:0px;	
	margin:5px 0;
}

#col2_content table.kommentar td, #col2_content table.kommentar th {
	padding:3px 5px 3px 10px;
 }
  
	a.kommentar_erledigt, a.kommentar_gourl {
		text-decoration:none;	
	}

span.actions {
	float:right;	
}
  
/*------------------------------ content content ---------------------------------------------*/
/* table */
   #content table {

		width:100%;
		border-top:1px solid #e1e1e1;
		border-left:1px solid #e1e1e1;
		border-right:1px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;
   }
	
   #userlist-margin {
		/*border-right:1px solid #5cb4c0;*/
		/*border-bottom:1px solid #5cb4c0;*/
		/*border-top:1px solid #c5e4e8;*/
		/*border-left:1px solid #c5e4e8;*/
		
		border:1px solid #cdcdcd;
		
		padding:0px;
		margin:0px;
   }
   
   td.label {
		 
		text-align:right !important;
		width:80px;
   }
   
   td.info {
		font-weight:bold;   
   }
   
   #content table.userlist {
	   border:1px solid white;
   }
	
   #content table tbody {
		  
   }
	
   #content td.aktiv {
		color:#060;
		font-weight:bold;
   }
   
    #content td.passiv {
		color:#C30;
		font-weight:bold;
   }
	
   #content span table tbody {
		border:0px;
		padding:0px;
		margin:0px;
   }
   
   td.border-bottom {
		background-color:#c5e4e8;   
		padding:5px !important;
		margin:0px !important;
		border-bottom:1px solid white;
   }
   
   span.tableHeadline {
		float:right;   
		color:white;
		font-size:18px;
		font-weight:bold;
		padding-top:5px;
   }
   
  /**
   * workaround for CK Editor
   */
   #content span table td
   {
		padding:0px !important;
		margin:0px !important;
   }
   
   #content table th {
		font-size:12px;
		padding:4px;
		border-collapse:collapse;
   }
   
   /* status aktiv */
   #content td.status-aktiv {
			   
   }
   
   /* status passiv */
   #content td.status-passiv, #content td.status-passiv a {
	  
   }
   
   #content td.status-passiv {
      background: #ffbfd0;
	  text-decoration:line-through;
	  color:#999;
   }
  
  /* status XXX */
   #content td.status-, #content td.status-tmp, #content td.status- a, #content td.status-tmp a {
       color:#666 !important;	   
   }
   
   #content table th a, #content table th a:link, #content table th a:visited, #content table th a:active, #content table th a:hover {
		display:table-cell;
		color:white;  
		padding:0px;
		margin:0px;
		vertical-align:middle;
		text-decoration:none;
		font-weight:bold;
   }
   
   #content table td {
	   padding:10px 10px 10px 10px;
	   font-size:12px;
	   line-height:14px;
	   
	   text-align:left;
	   vertical-align:top;
	   
	   /*border-bottom:1px solid #c5e4e8;*/
   }
	
   #content table tr th {
	    
		color:white;
		
		padding:8px 10px !important;
		
		font-size:12px;
		font-weight:bold;
		
		border-top: 1px solid #F1F1F1;
		border-bottom: 1px solid #BCBCBC;
		/*background-color:#bc0300;*/
		background:#cccccc url('pix/verlauf.jpg') repeat-x center center; 
   }
   
   #content table tr th.table-head-arrow {
	   	/*background:#bc0300 url('pix/table-head-arrow-gradient.gif') no-repeat left top !important;*/
		padding:5px 10px 5px 25px !important;
   }
   
   
	
   #content table td.title span.seminartitel, #content table td.title a {
	   font-size:14px;
	   color:#bc0300;

	   font-weight:bold;
	   text-transform:uppercase;
	   text-decoration:none;
   }
   
   #content table td.title a.kategorielink {
		font-weight:normal;
		color:black;
		font-size:12px;
		text-transform:none;
   }
   
   #content table td.termintitle {
	   font-size:11px;
   }
   
   #content table td.termintitle a {
	   font-size:11px;
	   color:#bc0300;

	   font-weight:bold;
	   text-transform:uppercase;
	   text-decoration:none;
   }
   
   #content table td.description {
		color:  #bc0300;
		font-style:italic;
   }
   
   #content table td.jobtitle a:hover {
      text-decoration:underline;   
   }
   
   #content table td span.subtitle {
	   display: block;
	   padding-top: 5px;
   }
   
   #content table td.company a {
		color:#6c6c6c;
		text-decoration:none;
   }
   
   #content table td.company a:hover {
		text-decoration:underline;
   }
   
   #content table td.lastline {
		border-bottom:0;   
   }

/** tables für objektanzeige **/
td.person_key, td.kunde_key, td.beratung_key, td.projekt_key  {
	width:150px;	
}

   .even {
	   background-color:#eaeaea;
	   border-bottom:1px solid #e1e1e1;
	   
   }	
	
   .over {
		background-color:#ffffff;
		/*background-image:url('pix/over-bg.gif');*/
		background-repeat:repeat-x;
		background-position:bottom right;
   }
	
	/* ul vlist */
	#content ul.vlist {	
		list-style:none;
	}
	
	#content ul.vlist li {
		list-style:none;
		border-top:1px solid #eee; 
		border-left:1px solid #eee; 
		border-bottom:1px solid #cdcdcd; 
		border-right:1px solid #cdcdcd; 
	}
	
	#content ul.vlist li a {
		display:block;	
		width:160px;
		
		/*background:#e8e8e8 url('pix/dropdown-select-bg.gif') repeat-x right top !important;*/
		
		border:1px solid white; 
		
		padding:8px 10px;
		
		text-decoration:none;
		color:black;
		
		line-height:16px;
		font-size:11px;
	}
	
	#content ul.vlist li a b {
		font-size:13px;
	}
	
	#content ul.vlist li a:hover {
		text-decoration:underline;
	}

	#content div.banner-partner-small {
		float:left;
		/*background:url('pix/banner-small-shadow.gif');*/
		margin:0px 5px 5px 0px;
	}
	
	#content div.banner-partner-small-margin {
		background-color:white;
		padding:5px;
		margin:5px;
	}