@charset "utf-8";

body {
   background:#fff;
   font:12px/20px Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
}

html, body {
	height: 100%;
}

.clear {
   float:none;
   clear:both;
}

div#site-container {
   margin:0 auto;
   width:100%;
   min-height:100%;
   height:auto !important;
   height:100%;
}

/*************************************************************************/
/* =header */
/*************************************************************************/

div#header-container {
   display:none;
}

div#content-container {
   margin:0 auto;
   width:100%;
}

div#content-main {
   width:100%;
}

/*************************************************************************/
/* =content-sidebar */
/*************************************************************************/

div#content-sidebar {
   display:none;
}

/*************************************************************************/
/* =footer */
/*************************************************************************/

div#footer-container {
   display:none;
}

/*************************************************************************/
/* =accordion */
/*************************************************************************/

.accordion {
   padding:0 !important;
   margin:0 !important;
   float:left;
   display:block;
   width:635px;
}


.accordion li {
   padding:0 !important;
   margin:0 !important;
   display:block;
   width:635px;
}

.accordion li.active>a {
   background:#ebecec url('../images/icon-accordion-close.png') no-repeat center right;
   color:#cc0000;
}

.accordion li div {
   padding:10px 5px 10px 5px;
   display:block;
   clear:both;
   width:625px;
   background:#fff;
}

.accordion a {
   text-decoration: none;
   font:13px/18px Verdana, Helvetica, sans-serif;
   font-weight:bold;
   color:#666666;
   width:635px;
   padding:5px;
   margin:0 0 2px 0;
   display:block;
   cursor:pointer;
   background:#ebecec url('../images/icon-accordion-open.png') no-repeat center right;
   cursor:pointer;
}

.accordion a:hover {
   text-decoration: underline;
   color:#222323;
}

/* ----------------------------------------------------- */
/* ---------------------| Login-Box |------------------- */
/* ----------------------------------------------------- */

div#header-container div#loginbox {
   display:block;
   width:224px;
   height:198px;
   position:absolute;
   top:175px;
   left:34px;
   
   font:12px/16px Verdana, Helvetica, sans-serif;
   color:#333333;
}

/*div#loginbox {
	float:left;
	padding:0 0 0 26px;
	margin:0 0 0 35px;
	width:224px;
	height:198px;
	background:transparent;
	position:relative;
}*/

* html div#loginbox { /* IE Hack */
	margin:0 0 0 17px;
}

div#loginbox form#login {
	display:block;
	width:201px;
	height:120px;
	margin:30px 0px 0px 0px;
}


div#loginbox form#login h4.daten-transfer {
	display:block;
	width:201px;
	height:24px;
	background:url(../images/kundenlogin_h4.png) 0 0 no-repeat;
	padding:0px;
	margin:0px;
	text-indent: -9000px;
}

div#loginbox form#login label {
	display:none;	
}

div#loginbox form#login input#user_name {
	display:block;
	width:189px;
	height:28px;
	border:none;
	background:url(../images/kundenlogin_input.png) 0 0 no-repeat;
	padding:12px 0 0 12px;
	margin:0px;
	font-weight:bold;
}

div#loginbox form#login input#user_pass {
	display:block;
	width:189px;
	height:28px;
	border:none;
	background:url(../images/kundenlogin_input.png) 0 0 no-repeat;
	padding:12px 0 0 12px;
	margin:0px;
	font-weight:bold;
}

div#loginbox form#login input#loginbutton {
	display:block;
	width:65px;
	height:32px;
	border:none;
	background:url(../images/form-filetransfer-submit.png) 0 0 no-repeat;
	padding:0px;
	margin:0px 0px 0px 134px;
	/*text-indent: -900em;*/
	cursor:pointer;
	text-indent:-9000px;
	font-size:0.1em;
}

div#loginbox form#login input#loginbutton:hover {
	background:url(../images/form-filetransfer-submit.png) 0 -32px no-repeat;
}

div#loginbox a.pw, div#loginbox a.pw:visited {
	font-size:0.85em;
	color:#e25455;
	display:block;
	width:124px;
	height:20px;
	position:absolute;
	top:140px;
	left:5px;
	text-decoration:underline;
}

div#loginbox a.pw:hover, div#loginbox a.pw:active {
	color:#fff;
}

div#loggedin {
	display:block;
	width:201px;
	height:120px;
	margin:30px 0px 0px 0px;
	color:#fff;
}

div#loggedin ul.lischde {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
	width:201px;
	height:80px;
	list-style:none;
}

div#loggedin ul.lischde li {
	margin:5px 0 0 0;
	padding:0px;
	float:none;
	height:20px;
	width:120px;
}

div#loggedin ul.lischde li a, div#loggedin ul.lischde li a:visited {
	position:relative;
	padding:0 0 0 20px;
	color:#e25455;
	text-decoration:underline;
}

div#loggedin ul.lischde li a:hover, div#loggedin ul.lischde li a:active {
	color:#fff;
}

div#loggedin ul.lischde li a.manager {
	background:url(../images/dateimanager.png) 0 0 no-repeat;
}

div#loggedin ul.lischde li a.logout {
	background:url(../images/logout.png) 0 0 no-repeat;
}

#Visitenkarten p {
float: left;
}

#Visitenkarten input {
	float: left;
	width: 300px;
}

#Visitenkarten br {
	float: none;
	clear: both;
}

#Visitenkarten p.group {
	font-weight: bold;
	display: block;
	float: none;
	clear: both;
	background: #ccc;
	margin: 0 0 5px 0;
}