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

div#footer a {
	color: #ffffff;
}

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

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

	
#online-buddies h3, #profilbesucher h3 {
	color: #FFF;
	background-color:transparent;
	background-image: url("../images/standard/wq_h3bg.png");
/*	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;*/
	font-size: 14px;
	font-weight: bold;
	padding-left: 0px;
}

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

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

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

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

div#logo2 {
    /*background-image: url("../images/standard/header_logo_2.png");*/
    background-repeat: no-repeat !important;
    background-size: 60% auto;
    height: 20px;
    left: 120px;
    position: absolute;
    top: 10px;
    width: 350px;
    z-index: 2;
}

#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;
	border-bottom: 1px solid #d7d5d5;
	text-align: left;
}

.voteresult {
	background: #fff;
	color: #000;
	border-radius: 10px;
}

/*****************************************************
**													**
**						C h a t						**
**													**
*****************************************************/

#myContainer {
	border: 1.2px dashed #CBE0ED; 
	background-color: #fff;
}

.chat_content {
	 border: 1.2px dashed #CBE0ED;
	 background-color: #fff;
}

.angefl {
	background-color: #fefeea;
}

.system {
	color: #8B3A62;
}
/*****************************************************
**													**
**						EDITOR						**
**													**
*****************************************************/
.cke_top{
background: url(../images/standard/editor_bg.png) !important;
}

.cke_bottom{
background: url(../images/standard/editor_bg.png) !important;
}

.cke_button__bold_icon{background: url(../images/standard/editor_fett.png) no-repeat !important;}
.cke_button__italic_icon{background: url(../images/standard/editor_kursiv.png) no-repeat !important;}
.cke_button__strike_icon{background: url(../images/standard/editor_durchgestrichen.png) no-repeat !important;}
.cke_button__underline_icon{background: url(../images/standard/editor_unterstrichen.png) no-repeat !important;}
.cke_rtl .cke_button__redo_icon,.cke_mixed_dir_content .cke_rtl .cke_button__redo_icon{background: url(../images/standard/editor_wiederherstellen.png) no-repeat !important;}
.cke_ltr .cke_button__redo_icon{background: url(../images/standard/editor_wiederherstellen.png) no-repeat !important;}
.cke_rtl .cke_button__undo_icon,.cke_mixed_dir_content .cke_rtl .cke_button__undo_icon{background: url(../images/standard/editor_rueckgaengig.png) no-repeat !important;}
.cke_ltr .cke_button__undo_icon{background: url(../images/standard/editor_rueckgaengig.png) no-repeat !important;}
.cke_button__blockquote_icon{background: url(../images/standard/editor_zitat.png) no-repeat !important;}
.cke_button__smiley_icon{background: url(../images/standard/editor_smilies.png) no-repeat !important;}
.cke_button__image_icon{background: url(../images/standard/editor_bildupload.png) no-repeat !important;}


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

div#pagewidth {
	background: none repeat scroll 0 0 #f8f8f8;
	top: 30px;
	border: 1px solid #fff;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}


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

/* div#statbox {
    background-image: url("../images/standard/wq_head_stripes_top.png");
    color: #CCCCCC;
    height: 20px;
    top: 10;
    z-index: 3;
}*/

.header_grafik {
    background-image: url("../images/standard/wq_head_bg.png");
    background-repeat: repeat-x;
    height: 38px;
    position: relative;
	border-top-left-radius: 40px;
	border-top: 2px solid #fff;
}

div#logo {
    background-image: url("../images/offline/header_logo.png");
    background-position: 65px 0;
    background-repeat: no-repeat !important;
    background-size: 60% auto;
    height: 30px;
    position: absolute;
    top: 4px;
    width: 500px;
    z-index: 3;
}

.headnav_grafik {
	background-image: url("../images/standard/wq_h3bg.png");
    background-repeat: repeat;
	background-position: center;
	background-size: 2px;
	height: 27px;
}

.footer_grafik {
	background-image: url("../images/standard/wq_footer_bg.png");
	border-top: solid 2px #FFF;
	color: #fff;
}

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

div#left_content_login{
	border: 10px solid #950000;
	}

div#right_content{
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: #ffffff; /* FF3.6+ */
	background: #ffffff; /* Chrome,Safari4+ */
	background: #ffffff; /* Chrome10+,Safari5.1+ */
	background: #ffffff; /* Opera 11.10+ */
	background: #ffffff; /* IE10+ */
	background: #ffffff; /* 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;
	border: 1px solid #d7d5d5;
	padding-top: 40px;

}

div#middle {
	padding-top: 38px;
}

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

.body_grafik {
	background-image: url("../images/offline/body_bg.png");
	max-width: 1866x;
	position: relative;
	background-repeat: none repeat scroll 0 0 ;
	background-position: top;
}

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

}

.head a {
	color: #222;
}


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

.tablet {
	background: #f6f5f5;
	padding: 10px;
	border: 1px solid #c5c5c5;
}

.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 {
   	background-image: url("../images/standard/wq_h2bg.png");
    background-position: center center;
    background-repeat: repeat;
    background-size: 2px auto;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-align: center;
    width: 100%;
	
}

#left h3, #right h3 , div id = login{
	border: 10px solid #000;
}

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

/*alt*/
/*#left h3, #right h3 {
	font-size: 18px;
	padding-left: 5px;
	font-weight: lighter;
	text-align: left;
	background: url("../images/standard/wq_theadbg.png") repeat scroll 0 0 #780000;
    color: #FFFFFF;
}*/

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

a:link, a:visited {
	color: #222;
	/*font-size: 13px;*/
	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;
}

.success {
	color: #359428;
	font-weight: bold;
}

.error {
	color: #ff0000;
	font-weight: bold;
}

.a_head {
	color: #222 !IMPORTANT;
}

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


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

.wq_table .thead th {
	color: #222;
	font-weight: bold;
	background: #780000;
	background: none repeat scroll 0 0 #999999;
}

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

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

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

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

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

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

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

.btn2:visited {
	background-image: url("../images/standard/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;
}

/*****************************************************
**													**
**					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 {
	/*background: url("../images/standard/bg_striped.png");*/
	box-shadow: none;
	background: #fff;
}

.important_inner {
	background-color: #fff;
}
/*alt*/
/*div#online-buddies h3, div#profilbesucher h3 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
*/

#navigation { 
    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: 1px;
	padding-left: 2px;
	padding-right: 2px;
    position: relative;
    text-decoration: none;
	border: 1px solid transparent;
	background-image: url("../images/standard/wq_h5bg.png");
	height: 22px;

	}

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

#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: 10px solid #fff;
}

div#footer {
    height: 25px;
    padding-top: 8px;
    text-align: center;
	border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

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

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

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

/* Was ist das denn hier ????? 
Normalerweise ist fs180 eine Font-Größe von exakt 180 Pixel. Wieso wurde hier von dieser Systematik abgewichen ???
Wenn schon so ein Quatsch - dann bitte dokumentieren, was das soll. Solche Sachen machen das Arbeiten im Style unnötig schwer.*/
.fs180 {
    font-size: 110% !important;
}

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

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

div#pathway {
    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 {
	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;
    width: none !important;
}

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#useronline{
color: #000;
}

#navlist {
color: #000;
}