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


/*


Farben:		
		Rot		#b71767
		Grau		#55595d
				
*/



/*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;
	width: 100%;
}

.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: 60px solid #f1f1f1;
}

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

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

.erpcolor {
	background: #aaddff;
}

.crmcolor {
	background: #ffff66;
}

.dmscolor {
	background: #7fffd4;
}

.cafmcolor {
	background: #deb887;
}

.ficolor {
	background: #ffe4c4;
}

.mescolor {
	background: #fa8072;
}

.hrcolor {
	background: #adff2f;
}

div#middle {
	background: #fff;
	border-top: 60px 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;
	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;
}

.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*/
.wq_table tr:nth-child(odd) {
	background-color:#ffffff;
}

/*Hintergrundfarbe der zweiten Tabellenreihe*/
.wq_table 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;
	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_head {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: 0px none;
	background-position: 0px 10px;
	background-color:transparent;
	padding: 1px 1px;
	cursor: default;
}

.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;
}

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

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

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

.br5 {
	border-radius: 0;
}

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

.success {
	color: #111111 !IMPORTANT;
	background-color: #7fff00 !IMPORTANT;
	font-weight: bold;
}

.error {
	color: #eeeeee !IMPORTANT;
	background-color: #ff7f50 !IMPORTANT;
	font-weight: bold;
}

.warning {
	color: #111111 !IMPORTANT;
	background-color: #ffff00 !IMPORTANT;
	font-weight: bold;
}

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

/**********************************************
**															**
**					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;
}

.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;
	 width: 100%;
}  

.abs #navigation {  
   position: absolute;
	width: 100%;
}

#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: 0;
    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: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;
}

.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;
}

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

/*
.rgbinput {
  position: absolute;
  visibility: hidden;
  display: none;
}

.rbglabel {
  color: lighten(#332f35,40%);
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 20px;
}

.rgbinput:checked + .rbglabel{
  color: lighten(#332f35,60%);
  background: lighten(#332f35 ,20%);
}

.rbglabel + .rgbinput + .rbglabel {
  border-left: solid 3px lighten(#332f35 ,20%);
}

.radio-group {
  border: solid 3px lighten(#332f35 ,20%);
  display: inline-block;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
}


$bg: #332f35;
$fg: lighten($bg,20%);
$borderWidth: 3px;

body {
  background: $bg;
  font-family: roboto;
}

input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

label {
  color: lighten($bg,40%);
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 20px;
}

input[type=radio]:checked + label{
  color: lighten($bg,60%);
  background: $fg;
}

label + input[type=radio] + label {
  border-left: solid $borderWidth $fg;
}
.radio-group {
  border: solid $borderWidth $fg;
  display: inline-block;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');
*/