@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #ffffff;/*#f7941d;*/
	background-repeat: repeat;
}

form{
	margin: 0;
	padding: 0;
}

div.clearer{
	clear: both;
	visibility: hidden;
  width: 0px;
  height: 0px;
  font-size: 0px;
}

#page-container{
	margin: 0 auto;
	padding: 0;
	text-align: left !important;
}

#page-header{
	height: 110px;
	margin: 0px;
	padding: 0px;
	background: #f7941d url(../images/header1920x110.png) no-repeat 0px 0px;
}

div#header-title{
	width: 390px;
	height: 90px;
	margin: 0 0 0 12px;
	padding: 0;
}

div#dashboards-list{
	float: left;
	width: 300px;
	margin: 30px 0 0 10px;
	padding: 0px;
}

div#ContentPlaceHolderDashboardTitle_dashboardtitle{
	float: left;
	width: 600px;
	margin: 4px 0 0 0;
	padding: 0 0 0 120px;
	font-size: 2em;
	font-weight: bold;
}

div#logout-header{
	margin: 20px 10px 0 0;
	padding: 0;
	/*width: 200px;*/
	float: right;
	color: #4d594f;
}

#header-spacer{
	height: 10px;
	background-image: url(../images/header-spacer-bg.jpg);
	background-repeat: repeat-x;
}

#page-middle{
	background-image: url(../images/gray-bg.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 20px;
	min-height: 600px;
}

#page-footer{
	height: 100px;
	margin: 0;
	padding: 0;
	background: #f7941d url(../images/footer360.png) no-repeat right;
}

div#bottom-float-left{
	margin: 20px 0 0 20px;
	padding: 0px;
	width: 400px;
	height: 100px;
	float: left;
	font-size: 0.8em;
}

div#bottom-float-left a,
div#bottom-float-left a:link,
div#bottom-float-left a:visited,
div#bottom-float-left a:hover,
div#bottom-float-left a:active{
	color: #0071bc;
}

div#floating-left-logo{
	width: 200px;
	float: left;
}

form#loginf h1, h2, h3, h4, h5, h6{
	color: #f7941d;
}

div.f-section{
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0.8em;
	width: 330px;
}

div.f-label{
	width: 100px;
	float:left;
	margin: 0;
	padding: 0;
}

div.f-val{
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

div.f-val input{
	width: 220px;
}

div#f-submit{
	margin: 0;
	padding: 8px 4px 8px 0;
	text-align: right;
}

.f-err{
	color: #FF0000;
}

.bg-color-angebote {
	background-color:#2d89f0!important;
	color: #ffffff!important;
}

.bg-color-blueDark {
	background-color:#0064cd!important;
	color: #ffffff!important;
}

.bg-color-partner {
	background-color:#01a31c!important;
	color: #ffffff!important;
}

.bg-color-greenDark {
	background-color:#005200!important;
	color: #ffffff!important;
}

.bg-color-red {
	background-color:#bc1c48!important;
	color: #ffffff!important;
}

.bg-color-yellow {
	background-color:#ffc40d!important;
	color: #ffffff!important;
}

.bg-color-positionen {
	background-color:#d44a26!important;
	color: #ffffff!important;
}

.bg-color-bewerber {
	background-color:#c3325f!important;
	color: #ffffff!important;
}

.bg-color-performance {
	background-color:#603cba!important;
	color: #ffffff!important;
}

.bg-color-ubersicht {
	background-color:#603cba!important;
	color: #ffffff!important;
}

.bg-color-kontakte {
	background-color:#3c3c3c !important;
	color: #ffffff!important;
}

.bg-color-vertraege{
	background-color:#fa951f!important;
	color: #ffffff!important;
}

.bg-color-c1{
		background-color:#F0A142!important;
	color: #ffffff!important;
}

.bg-color-c2{
		background-color:#674920!important;
	color: #ffffff!important;
}

.bg-color-c3{
		background-color:#FF6000!important;
	color: #ffffff!important;
}

.bg-color-c4{
	background-color:#002C45!important;
	color: #ffffff!important;
}

.bg-color-c5{
	background-color:#8592CA!important;
	color: #ffffff!important;
}

.bg-color-c6{
	background-color:#00977B!important;
	color: #ffffff!important;
}

.bg-color-c7{
	background-color:#1D67B5!important;
	color: #ffffff!important;
}

.bg-color-favorites{
	background-color: #00715b !important;
	color: #ffffff!important;
}

div#tiles,
div#ContentPlaceHolderMiddle_tiles,
div#ReportsGroup,
div#ContentPlaceHolderMiddle_ReportsGroup,
div#MyReport,
div#ContentPlaceHolderMiddle_MyReport,
div#DashboardGroup,
div#ContentPlaceHolderMiddle_DashboardGroup,
div#MyDashboard,
div#ContentPlaceHolderMiddle_MyDashboard{
	margin: 0;
	padding: 0;
	clear: both;
}

div.tile {
    float: left;
    height: 150px;
    margin: 10px 12px 2px 0;
    overflow: hidden;
    padding: 0 8px 0 0;
    width: 200px;
}

div.tile .title{
	font-size: 1.2em;
	margin: 30px 25px 8px 8px;
	float: right;
}

div.tile .title-smaller{
	font-size: 1.0em;
	margin: 30px 8px 0px 8px;
}

div.tile a.tile-link,
div.tile a.tile-link:link,
div.tile a.tile-link:visited,
div.tile a.tile-link:hover,
div.tile a.tile-link:active{
	display: block;
	width: 200px;
	height: 116px;
  text-decoration: none;
  color: #ffffff;
  float: left;
}


a#help,
a#help:link,
a#help:visited,
a#help:hover,
a#help:active{
	background: url(../images/16Help.png) 0px 0px no-repeat;
	margin-top: 0px;
	display: block;
	width: 16px;
	height: 16px;
}

span.inside-link-title {
  display: block;
  font-size: 1.0em;
	margin: 30px 25px 8px 8px;
  padding: 0;
  text-decoration: none;
  color: #ffffff;
	float: right;
	width: 180px;
	text-align: right;
}


span.inside-link-titleFolder {
  display: block;
  font-size: 1.0em;
	margin: 70px 25px 8px 40px;
  padding: 0;
  text-decoration: none;
  color: #000000;
	float: left;
	width: 180px;
	text-align: left;
}

span.inside-link-title-smaller {
  display: block;
  font-size: 1.0em;
  margin: 15px 8px 0px 8px;
  padding: 0;
  text-decoration: none;
  color: #ffffff;
}

span.inner-link-desc{	
	clear: both;
	display: block;
	font-size: 0.7em;
	color: #ffffff;
	margin: 0 4px 0 0;
	padding: 8px 4px 4px 8px;
	text-decoration: none;
}

div#dashboard-angebote{
	background: url(../images/dashboard-groups/Angebote.png) 15px 20px no-repeat;
}

div#dashboard-bewerber{
	background: url(../images/dashboard-groups/BewerberIcon.png) 15px 20px no-repeat;
}

div#dashboard-kontakte{
	background: url(../images/dashboard-groups/Kontakte.png) 15px 20px no-repeat;
}

div#dashboard-partner{
	background: url(../images/dashboard-groups/Partner.png) 15px 20px no-repeat;
}

div#dashboard-performance{
	background: url(../images/dashboard-groups/Performance.png) 15px 20px no-repeat;
}

div#dashboard-ubersicht{
	background: url(../images/dashboard-groups/Performance.png) 15px 20px no-repeat;
}
div#dashboard-positionen{
	background: url(../images/dashboard-groups/Positionen.png) 15px 20px no-repeat;
}

div#dashboard-vertrag,
div#dashboard-vertraege{
	background: url(../images/dashboard-groups/Vertrag.png) 15px 20px no-repeat;
}

div#dashboard-favorites{
	background: url(../images/dashboard-groups/Favorite.png) 15px 20px no-repeat;
}

div#reports-angebote{
	background: url(../images/reports-groups/Angebote.png) 15px 20px no-repeat;
}

div#reports-bewerber{
	background: url(../images/reports-groups/BewerberIcon.png) 15px 20px no-repeat;
}

div#reports-kontakte{
	background: url(../images/reports-groups/Kontakte.png) 15px 20px no-repeat;
}

div#reports-partner{
	background: url(../images/reports-groups/Partner.png) 15px 20px no-repeat;
}

div#reports-performance{
	background: url(../images/reports-groups/Performance.png) 15px 20px no-repeat;
}

div#reports-positionen{
	background: url(../images/reports-groups/Positionen.png) 15px 20px no-repeat;
}

div#reports-vertrag{
	background: url(../images/reports-groups/Vertrag.png) 15px 20px no-repeat;
}

div#reports-favorites{
	background: url(../images/reports-groups/Favorite.png) 15px 20px no-repeat;
}

div#DashboardGroup div#LeftSide,
div#ContentPlaceHolderMiddle_DashboardGroup div#LeftSide{
	margin: 0;
	padding: 0;
	width: 300px;
	float: left;
	padding: 4px;
}

div#DashboardGroup div#RightSide,
div#ContentPlaceHolderMiddle_DashboardGroup div#RightSide{
	margin: 0 0 0 308px;
	padding: 0 0 0 4px;	
}

.dashtitle{
	text-align: center;
	font-size: 1.5em;	
	margin: 0px;
	padding: 0px;
}

.fnt11{
	text-align: left;
	font-size: 1.1em;	
	margin: 0px;
	padding: 0px;
}
a.back-link,
a.back-link:link,
a.back-link:visited,
a.back-link:hover,
a.back-link:active{
	text-decoration: none;
	font-size: 1em;
	color: #0071bc;
}


.remove-favorite
{
	width: 16px;
	float: left;
	margin-left: 5px;
}

.add-favorite
{
	width: 16px;
	float: left;
	margin-left: 5px;
}

.make-home {
	width: 16px;
	float: left;
	margin-left: 5px;
}

.help-link {
	width: 16px;
	float: right;
	margin-right: 5px;
}

.classification
{
	float: right;
	font-size: 9px;
	margin-top: 3px;
    clear: both;
}

.label
{
	font-size: 0.8em;
}
.cell-label
{
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
.subcell-label
{
	padding: 0px 5px 5px 25px;
}
.editor
{
		font-size: 0.8em;
}
.cell-editor
{
	padding: 5px 5px 5px 5px;
}
.subcell-editor
{
	padding: 0px 5px 5px 5px;
}
.cell-button
{
	padding: 15px 5px 5px 5px;
	border-top: 1px solid #f7941d;
}
.form-title
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 20px 20px 5px;
}
.buttonLeft
{
	font-size: 0.8em;
	float:left;
	width: 100px;
	margin: 0 0 0 125px;
}
.buttonRight
{
	font-size: 0.8em;
	float:right;
	width: 100px;
}
.clr
{
	clear: both;
}
.hPlace
{
	height: 100px;
	background-color: blue;
}

.tileAdd {
    float: left;
    height: 150px;
    margin: 10px 12px 2px 0;
    overflow: hidden;
    padding: 0 8px 0 0;
    width: 200px;
	background-color: #b7b7b7;
	text-align: center;
}
.inside-link-title2 {
  display: block;
  font-size: 1.0em;
  margin: 60px 0px 8px 8px;
  padding: 0;
  text-decoration: none;
  color: #FFFFFF;
}

.edit-custom
{
	float: left;
	width: 16px;
	margin-left : 10px;
	display: block;
}
.del-custom
{
	float: left;
	width: 16px;
	margin-left : 10px;
	display: block;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.clr
{
	clear: both;
}

.lstSet{
  width:200px;
  height: 100px;
  padding-left: 5px;
  padding-right: 20px;
  padding-top: 5px;
}

.pt5{
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.ml5 {
	margin: 0;
	margin-left: 5px;
}

.tryInvisible{
 visibility:hidden;
}

a img {
	border: none !important;
	text-decoration: none !important;
	margin: 1px !important;
}


div#links360Main,
div#HeaderLinks_links360Main{
	margin: -10px 0 10px 0;
	padding: 0;
}

div.active-link{
	margin: 0 0 0 20px;
	padding: 0px 0 8px 0;
	color: #0071bc;
	font-size: 1.2em;
	background: url(../images/active-link-bg.png) bottom center no-repeat;
	display: inline;
}

div#links360Main a,
div#links360Main a:link,
div#links360Main a:visited,
div#links360Main a:hover,
div#links360Main a:active,
div#HeaderLinks_links360Main a,
div#HeaderLinks_links360Main a:link,
div#HeaderLinks_links360Main a:visited,
div#HeaderLinks_links360Main a:hover,
div#HeaderLinks_links360Main a:active{
	margin: 0 0 0 20px;
	padding: 0px;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.2em;
}



div#settings-link{
  float: right;
  margin: -10px 0 0 0;
  padding: 0 0 0 0;
  width: 160px;
  color: #FFFFFF;
  text-decoration: none;
}

div#settings-link a,
div#settings-link a:link,
div#settings-link a:visited,
div#settings-link a:hover,
div#settings-link a:active{
	margin: 0 0 0 20px;
	padding: 0;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.2em;
	/* next line dedication for IE - 
		this is crazy, else the background image dissapears
		thanks to http://www.positioniseverything.net/explorer/ie-listbug.html 
	*/
	position: relative;
}

div#settings-help{
  float: right;
  margin: -10px 0 0 0;
  padding: 0 0 0 0;
  width: 160px;
  color: #FFFFFF;
  text-decoration: none;
}


div#settings-help a,
div#settings-help a:link,
div#settings-help a:visited,
div#settings-help a:hover,
div#settings-help a:active{
	margin: 0 0 0 20px;
	padding: 0;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.2em;
	/* next line dedication for IE - 
		this is crazy, else the background image dissapears
		thanks to http://www.positioniseverything.net/explorer/ie-listbug.html 
	*/
	position: relative;
}
.noborder {
    border-style: none;
}
.lblParRep
{
	float: left;
	padding-left:0px;
    padding-right:10px;
	font-size: 1.1em;
}

.lblParRep2
{
	float: left;
	padding-left:10px;
  padding-right:10px;
	font-size: 1.1em;
}

.ctrlParRep
{
	float:left;
	font-size: 1.1em;
}

.panelRepPar
{
	clear: both;
	float: left;
	padding: 0px 10px 0px 0px;
	height: 24px;
}
.panelRepPar2
{
	float:left;
	padding: 0px 10px 0px 10px;
	height: 24px;
}

.divSelect center {
    background-color: #e3e3e3;
    color: black;
}

.divSelect {
    background-color: #e3e3e3;
    color: black;
    font-weight: bold;
}
.divunSelect {
    background-color: none;
}

    .divunSelect center {
        color: black;
    }

.divUn {
   background-color: none;
   color : black;
   cursor: pointer;
}
.divS {
	background-color: #F7941D;
	color: white;
	padding-bottom: 2px;
	cursor: default;
}
.PeriodFix .AA
{
	float: left;
	display: none;
}

.PeriodUserDefined {
	float: left;
}

.PeriodUserDefined .AA
{
	float: left;
    display: inline;
}
.AA
{
float: left;
}
#DatesPanelS_PER1
{
	float: left;
}
#DatesPanelS_PER2
{
	float: left;
}


div#RepParDiv{
	margin-bottom: 10px;
}