/****************************************************************
**																					**
**							Gestaltungselemente								**
**																					**
****************************************************************/

textarea {
	border-radius: 5px;
	border: 1px solid #999;
}

/*Klasse für die eigenen Beiträge im Forum, Chat usw.*/
.own_post {
	background-color: #f7f7f7 !important;
}

.own_fpost {
	background-color: #d7d5d5 !important;
}

.post {
	background-color: #fff !important;
}

.pause {
	background-color: #ffcc00 !important;
}

.arbeitszeit {
	background-color: #004593 !important;
}

div#footer a {
	color: #ffffff;
}

div#pathway a{
	color: #b9132b;
	text-decoration: none;
	display: inline;
}

div#pathway a:hover{
	color: #333;
	text-decoration: none;
}

div#statbox {
	height: 0px;
	z-index: 3;
	top: 0px;
}

div#statbox a {
	padding-left: 10px;
	padding-right: 10px;
	/* Fallback for web browsers that doesn't support RGBa */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
	border-right: 1px dotted;
	line-height: 18px;
} 

div#statbox_logout a{
	border-right: 0px none;
	color: #55595d;
}

div#statbox_gruppen a{
	border-right: 0px none;
}

div#statbox_mail a{
	border-top-left-radius: 14px;
}

#wq_navleft a:link, #navlist a:visited {
   /* color: #333333; */
   font-size: 15px;
   font-weight: lighter;
   line-height: 22px;
   padding-left: 10px;
   text-decoration: none;
   width: auto !important;
	background: none;
	text-align: left;
	color: #55595d;
}

/**********************************************
**															**
**				G r u n d g e r ü s t				**
**															**
**********************************************/

div#pagewidth {
	background: none;
}

div#header, #header_profil {
    height: 38.5px;
    position: relative;
    z-index: 20;
}

div#header_stripes, #header_profil div#header_sripes {
   background-color: #C5C5C5;
   background-position: left bottom;
	background-repeat: no-repeat;
   height: 90px;
}

div#mainbox {
	color: #000;
	background: #f1f1f1;
}

div#statbox {
   /*background: #f1f1f1;*/
   color: #55595d;
   height: 20px;
   top: 10px;
   z-index: 3;
}

.header_grafik {
    background: none repeat-x scroll 0 0 #fff;
	margin-top: -18px;
    height: 48px;
    position: relative;
    top: 0
	
}

div#logo {
    background-image: url("../img/logo.png");
    background-position: 55px 0;
    background-repeat: no-repeat !important;
    background-size:75% auto;
    height: 45px;
    position: absolute;
    top: 5px;
    width: 300px;
    z-index: 3;
}

.headnav_grafik {
	background: #1a181b;
    background-repeat: repeat;
	background-position: center;
	background-size: 2px;
	height: 27px;
}

.footer_grafik {
	background-image: none;
	color: #fff;
}

div#left_content, div#left_content_profil {
    background: #f1f1f1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: #f1f1f1; /* FF3.6+ */
	background: #f1f1f1; /* Chrome,Safari4+ */
	background: #f1f1f1; /* Chrome10+,Safari5.1+ */
	background: #f1f1f1; /* Opera 11.10+ */
	background: #f1f1f1; /* IE10+ */
	background: #f1f1f1; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	
	/* border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5; */
	padding-top: 65px;
}

div#right_content{
	background: #f1f1f1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: #f1f1f1; /* FF3.6+ */
	background: #f1f1f1; /* Chrome,Safari4+ */
	background: #f1f1f1; /* Chrome10+,Safari5.1+ */
	background: #f1f1f1; /* Opera 11.10+ */
	background: #f1f1f1; /* IE10+ */
	background: #f1f1f1; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	border-radius: 0px;
	/*padding: 10px 10px 20px;*/
	box-shadow: none !important;
	padding-top: 65px;
	color: #ddd !important;
}

div#middle_main {
	padding-top: 10px;
	background: #fff;
	border-top: 70px solid #f1f1f1;
}

div#middle_crm {
	padding-top: 10px;
	background: #fff;
	border-top: 70px solid #f1f1f1;
}

div#middle_erp {
	background: #fff none repeat scroll 0 0;
    border-top: 70px solid #f1f1f1;
    padding-top: 10px;
}

.erpcolor {
	background: #aaddff;
}

.crmcolor {
	background: #ffff66;
}

div#middle {
	background: #fff;
	border-top: 70px solid #f1f1f1;
    padding-top: 10px;
}

.pathway_grafik {
	color: #ffffff;
	background-repeat: repeat-x;
	background-position: center;
	
}

.body_grafik {
	background: #f1f1f1;
	background-attachment: fixed;
}

.head {
	background: #999;
	color: #222;
}

.head a {
	color: #222;
}


.wq_sub a {
	color: #222 !IMPORTANT;
}

.tablet {
	background: #f6f6f6;
	padding: 10px;
	border: 1px solid #d5d5d5;
}

.tablet_forum {
	background: #efefef;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #c5c5c5;
}

/*erstellt die Funktion des FadiIn Effekts (CSS3)*/
@keyframes FadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

/*erstellt die Funktion des FadiIn Effekts (CSS3) Chrome / Safari*/
@-webkit-keyframes FadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

div#topper {
    background-repeat: no-repeat;
    bottom: 3px;
    position: fixed;
    right: 0;
    z-index: 1;
	display: none;
}

#left h3, #right h3 {
   color: #b9132b;
   font-size: 16px;
   font-weight: bold;
   position: relative;
   text-align: left;
   width: 100%;
}


#right h3 {
	border-right: 0px none;
}

/****************************************************
**																	**
**		T e x t f o r m a t i e r u n g e n				**
**																	**
****************************************************/

/*Link Klasse "deleted" für Gelöschte Nutzer*/
.deleted:link, .deleted:visited, .deleted, .deleted:hover {
	color: #ff0000 !important;
	text-decoration: none;
	font-weight: normal;
}

#right a {
	color: #ffffff;
}

a:link, a:visited {
	color: #222;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #cf4a34;
	text-decoration: none;
}

.head a:link, .head a:visited {
	color: #222;
	font-weight: bold;
} 

.head a:hover {
	color: #780000;
	text-decoration: none;
}

/*schaltet im IE Borders um die Linkicons aus*/
a img {
	border: 0px none;
}

.a_head {
	color: #222 !IMPORTANT;
}

	/*************************************
	**			PLACEHOLDER OPTIMIERUNG		**
	*************************************/	
	::-webkit-input-placeholder { color:#999999; }
	::-moz-placeholder { color:#999999;} /* firefox 19+ */
	:-ms-input-placeholder { color:#999999; } /* ie */
	input:-moz-placeholder { color:#999999; }

/****************************************************
**																	**
**					T a b e l l e n							**
**																	**
****************************************************/

/*Hintergrundfarbe der ersten Tabellenreihe*/
tr:nth-child(odd) {
	background-color:#ffffff;
} 		

/*Hintergrundfarbe der zweiten Tabellenreihe*/
tr:nth-child(even) {
	background-color:#f4f4f4;
}

.tab_top_active {
	background-color: #b9132b !IMPORTANT;
	color: #fff !IMPORTANT;
}

.wq_table .thead  th {
	color: #fff;
	font-weight: bold;
	background-color: #b9132b !IMPORTANT;
	/*background: none repeat scroll 0 0 #999999;*/
}

.wq_table th.wq_sub, .wq_sub {
	color: #000;
	background: #fff;
}

.wq_table  th.wq_sub2, .wq_sub2 {
	color: #000;
	background: #c0c0c0;
}

.wq_table .thead a {
	color: fff;
}

/*.wq_table td {
	background-color: #fff;
}*/

.borderrm {
	border-right: solid 4px #e5e5e5;
}

.tr_lastrecent {
	background-color: #ffbbbb !IMPORTANT;
}

.zwischenueberschrift {
	background-color: #999999 !IMPORTANT;
	font-size: 110%;
	font-weight: bold;
	padding: 3px;
	color: #ffffff;
}

.zwischenueberschrift a {
	color: #ffffff;
}

.zwischenueberschrift a:hover {
	color: #f0f0f0;
}

/**********************************************
**															**
**					F o r m u l a r e					**
**															**
**********************************************/

.btn {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: 0px none;
	background-image: url("../img/head_nav_hov.png");
	background-position: 0px 10px;
	background-color:transparent;
	padding: 1px 1px;
	cursor: default;
}

.btn_head {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: 0px none;
	background-position: 0px 10px;
	background-color:transparent;
	padding: 1px 1px;
	cursor: default;
}

.btn:hover {
	background-image: url("../img/head_nav_def.png");
}

.btn2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: 0px none;
	background-image: url("../img/head_nav_hov.png");
	background-position: 0px 10px;
	background-color:transparent;
	padding: 3px;
	cursor: pointer;
}

.btn2:hover {
	background-image: url("../img/head_nav_def.png");
	color: #FFF;
}

.btn2:visited {
	background-image: url("../img/head_nav_hov.png");
	color: #FFF;
}

.btn2 a {
	color: #fff;
}

.btn2 a:hover .btn2 a:visited  .btn2 a:active  .btn2 a:link {
	color: #fff !IMPORTANT;
}

/**********************************************
**															**
**			B o r d e r - R a d i e n				**
**															**
**********************************************/

.br5 {
	border-radius: none;
}

/**********************************************
**															**
**			N o t i f i c a t i o n s				**
**															**
**********************************************/

.success {
	color: #88ff70;
	background-color: #111111;
	font-weight: bold;
}

.error {
	color: #eeeeee;
	background-color: #f93e3e;
	font-weight: bold;
}

.warning {
	color: #f9ff8c;
	background-color: #222222;
	font-weight: bold;
}

.notification {
	color: #111111;
	background-color: #b5b5b5;
	font-weight: bold;
}

/**********************************************
**															**
**					P A G I N A T I O N 				**
**															**
**********************************************/

.pagination {
	background: #858993;
	color: #ffffff;
}

.pagination_active {
	background: #b9132b;
	color: #ffffff;
}

.pagination_arrow {
	background: #5b9700;
	color: #ffffff;
}

/**********************************************
**															**
**					S o n s t i g e s 				**
**															**
**********************************************/

.sub {
	background: none;
	display: table-cell;
}

.subn {
	background: none;
	display: table-cell;
	top: -22px;
}

.subf {
	background: #FFE3FE;
	border: 1px solid #f9d0f8;
	border-radius: 3px;
}

.subm {
	background: #E3E7FF;
	border: 1px solid #cbd2f8;
	border-radius: 3px;
}

.bgwhite {
	background-color: #FFF;
}

.bglgrey {
	background-color: #efefef;
}

.bs3 {
	box-shadow: none;
}

.bs5 {
	box-shadow: none;
}

.mailstatus {

}

.photoonline {
	position: relative;
	right: 2px;
	top: -25px;
}

.timestamp {
	color: #333;
}


.important {
	box-shadow: none;
	background: #fff;
}

.important_inner {
	background-color: #fff;
}

#navigation { 
    border-top: none;
    letter-spacing: 1px;
    position: relative;
    top: 90px;
}  

.abs #navigation {  
   position: absolute;
}

#navigation.fixiert_oben {
	position: fixed !important; 
	top: 8px !important;
} 

#navigation.fixiert_unten {
	position: fixed !important;
	bottom: 4px !important;
}

.head_box_online {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #990000;
	font-size: 100%;
    font-weight: lighter;
    height: 30px;
    position: relative;
    text-align: center;
    top: -38px;
    width: 100px;
	 z-index: 3;
	 display: none;
}

.head_box_online span {
	position: relative;
	top: 1px;
}
	
.head_box_online a{
	font-weight: lighter;
}
	
.head_box_online a:hover{
	text-decoration: underline;
}
	
.head_box_online h3{
	font-weight: lighter;
	color: #990000;
	border-bottom: 1px dotted;
	height: 15px;
}

li#profil_short, li#profil_short:hover {
    background:  none;
    border-radius: none;
    margin: auto auto 10px;
    position: relative;
	color: #333;
	font-size: 1.0em;
}

li#profil_short h1 {
    background: #d7d5d5;
    height: 22px;
    padding: 2px 0;
	border-bottom: 1px solid #d7d5d5;
}

li#profil_short h1 a:link {
	text-align: center;
	padding-left: 0px;	
}

div#h3 {
	width: 167px;
}

#navigation a, #navigation span {
   border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-right: 5px solid transparent;
   line-height: 1.3em;
   padding: 10px;
	padding-left: 2px;
	padding-right: 2px;
   position: relative;
   text-decoration: none;
	border: 1px solid transparent;
	/*background-image: url("../images/wq_h5bg.png");*/
	height: 22px;
	color: #fff;
	font-family: "lato";
	text-transform: uppercase;
	font-size: 12px;
}

#navigation a:hover, #navigation span:hover {
	position:relative;
	/*background-image: url("../images/wq_h4bg.png");*/
	height: 23px;
	/*border: 1px solid #333;*/
	border-radius: 5px;
	color: #000;
}
	 

#navigation span {
  font-weight: bold;
}

#navigation a.anz{
    background: none repeat scroll 0 0 #d7d5d5;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    font-size: 0.8em;
    font-weight: lighter;
    line-height: 1.3em;
    margin-top: -10px;
    min-width: 18px;
    text-align: center;
    z-index: 10;
	height: 17px;
}

#navigation a.anz:hover {
	position: relative;
	top: 0;
	background: none repeat scroll 0 0 #a21919;
	color: #fff;
	box-shadow: none;
	height: 15px;
}

div#right {
	border-bottom: none;
}

div#footer {
    height: 25px;
    padding-top: 8px;
    text-align: center;
}

#wq_navleft a:hover{
   color: #000; 
}

.input, .input:focus {
	border: solid 1px #868686;
}

.input:hover, .input:focus {
	border: solid 1px #950e04;
}

.highlight {
	background-color: #f6a92f !IMPORTANT;
}

.highlight:hover {
	background-color: #333 !IMPORTANT;
	color: #fff;
}

div#pathway {
    color: #660e0e !important;
    font-size: 80%;
}

.zugriff {
    color: #660e0e !important;
    font-size: 80%;
}

/*Link Klasse "male"*/
.male:link, .male:visited, .male, .male:hover {
	color: #0066cc! important;
	text-decoration: none;
}

.deleted:link, .deleted:visited, .deleted, .deleted:hover {
	color: #0066cc! important;
	text-decoration: none;
}

/*Link Klasse "female"*/
.female:link, .female:visited, .female, .female:hover {
	color: #ff0066 !important;
	text-decoration: none;
}

/*Link Klasse "male" beim mit der Maus drüber fahren*/
.male:hover, .female:hover {
	color: #4d0202 !important;
	text-decoration: none;
}

div#left_content .male:hover {
	color: #0066cc! important;
	text-decoration: none;
}

div#left_content .female:hover {
	color: #ff0066! important;
	text-decoration: none;
}

.scl:link, .scl:visited {
	color: #999;
	text-decoration: none;
}

.scl:hover {
	color: #fff !important;
	text-decoration: none;
}

.btd {
    border-top: 1px dotted #333;
}

tr.thead a:link, tr.thead a:visited {
	color: #fff;
} 

tr.thead a:hover, a:active {
	color: #cf4a34;
	text-decoration: none;
}

.btd {
    border-top: 1px solid #d7d5d5;
}

.bbd {
    border-bottom: 1px solid #d7d5d5;
}

#navigation {
	background-size: 25px auto;
}
	
div#header_stripes, #header_profil div#header_sripes {
	height: 0px
}

#navigation, #statbox, #statbox_profil {
	top: 38px;
}
	
div#mainbox {
	top: -10px;
}
	
.bt1 {
    border-top: 1px solid #d7d5d5;
}

html, body {
    font-family: "Trebuchet MS",Verdana,Arial,Sans-Serif;
}

.mt2 {
    margin-top: 0px;
}

.focus-example a {
   border-bottom: 1px solid #d7d5d5;
   padding-left: 10px;
	max-width: 95%;
}

div#left a {
   background-color: rgba(0, 0, 0, 0);
   display: block !important;
   font-weight: lighter;
}

div#pathway {
    border-bottom: none;
}

.bb1 {
	border-bottom: none;
}

.br1 {
   border-right: none;
}

.bl1 {
   border-left: none;
}

.fs140 {
   font-size: 110% !important;
}

.fs150 {
   font-size: 130% !important;
}

h2 {
	border-bottom: none;
}
	
h1 {
   border-bottom: none;
}

div#pagewidth {
    border-color: #f1f1f1;
}
	
.abs #navigation, abs #statbox {
    top: 50px;
	background-color: #55595d;
	border-bottom: 10px solid #55595d;
	border-right: 128px solid #55595d;
}