/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/ 

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab_slide {
  background: url(../slide/tab_b.png) repeat-x 0 0;
	height: 10px;
	position: relative;
  top: 0;
  z-index: 999;
}

.tab_slide ul.login {
  display: block;
	position: relative;
  float: right;
  clear: right;
  height: 42px;
	width: auto;
  font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 12%;
  color: white;
  font-size: 70%;
  font-family:Tahoma, Geneva, sans-serif;
	text-align: center;
}

.tab_slide ul.login li.left {
  background: url(../slide/tab_l.png) no-repeat left 0;
  height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  display: block;
	float: left;
}

.tab_slide ul.login li.right {
  background: url(../slide/tab_r.png) no-repeat left 0;
  height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  display: block;
	float: left;
}

.tab_slide ul.login li {
 	text-align: left;
  padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  padding-left: 10px;
  padding-right: 10px;
  background: url(../slide/tab_m.png) repeat-x 0 0;
}

.tab_slide ul.login li a {
	color: #FCDE64;
}

.tab_slide ul.login li a:hover {
	color: white;
}

.tab_slide .sep {color:#414141}

.tab_slide a.open, .tab_slide a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 120px;
	position: relative;
	top: 11px;
}

.tab_slide a.open {background: url(../slide/bt_open.png) no-repeat left 0;}
.tab_slide a.close {background: url(../slide/bt_close.png) no-repeat left 0;}
.tab_slide a:hover.open {background: url(../slide/bt_open.png) no-repeat left -19px;}
.tab_slide a:hover.close {background: url(../slide/bt_close.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
  /* position: absolute; */  /*Panel will overlap  content */
  position: relative;   /*Panel will "push" the content down */
  top: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#panel {
	width: 100%;
	color: #F7D961;
	/* background: #272727; */
  background: #70513C;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
  font-size: 0.85em;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}


/* BUTTONS */

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
  color: #F7D961;
	text-decoration: underline;
}

/* Panel Login */

#toppanel_login {
  /* position: absolute; */  /*Panel will overlap  content */
  position: relative;   /*Panel will "push" the content down */
  top: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#panel_login {
	width: 100%;
	color: #F7D961;
	/* background: #272727; */
  background: #70513C;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#panel_login p {
	margin: 5px 0;
	padding: 0;
}

#panel_login a {
	text-decoration: none;
	color: #F7D961;
  font-weight: bold;
}

#panel_login a:hover {
	color: white;
}

#panel_login .content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.85em;
}

#panel_login .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel_login .content .right {
	border-right: 1px solid #333;
}

#panel_login .content ul.login li {
 	text-align: center;
  padding: 0 6px;
	display: block;
	float: left;

}

#panel_login .sep {color:#414141}

/* Kwicks */

.kwickswrap{
  margin: -5px 0px 15px 0px;
  padding-left: 15px;
  width: 827px;
  height:47px;
  background-image:url(../images/menu_hg.png);
	background-repeat:no-repeat;
  background-position:0px 0px !important;
}
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	height:50px;
	z-index:2;
}

.kwicks li{
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	width: 100px; /* Breite pro Feld ohne Hover */
	height: 50px;
	z-index:2;
	cursor:pointer;

}

.kwicks li a{
	height: 50px;
	text-indent:-9999px;
	outline:none;
	display:block;
	background-image:url(../images/menu_icons.png); 
	background-repeat:no-repeat;
	z-index:2;
	cursor:pointer;

}

#kwick1 a {
background-position:0px 0px;
}
#kwick1 a:hover, #kwick1 #aktiv {
background-position:0px -50px !important;
}

#kwick2 a{
	background-position:-150px 0px;
}
#kwick2 a:hover, #kwick2 #aktiv{
	background-position:-150px -50px !important;
}

#kwick3 a{
	background-position:-300px 0px;
}
#kwick3 a:hover, #kwick3 #aktiv{
	background-position:-300px -50px !important;
}

#kwick4 a{
	background-position:-450px 0px;
}
#kwick4 a:hover, #kwick4 #aktiv{
	background-position:-450px -50px !important;
}

#kwick5 a{
	background-position:-600px 0px;
}
#kwick5 a:hover, #kwick5 #aktiv{
	background-position:-600px -50px !important;
}

#kwick6 a{
	background-position:-750px 0px;
}
#kwick6 a:hover, #kwick6 #aktiv{
	background-position:-750px -50px !important;
}

#kwick7 a{
	background-position:-900px 0px;
}
#kwick7 a:hover, #kwick7 #aktiv{
	background-position:-900px -50px !important;
}

#kwick8 a{
	background-position:-1050px 0px;
}
#kwick8 a:hover, #kwick8 #aktiv{
	background-position:-1050px -50px !important;
}