@charset "utf-8";

html {
   background:#fff url(../images/bg-html.jpg) 0 0 repeat-x;
}

body {
   background:transparent url(../images/bg-body.jpg) center top no-repeat;
   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 {
   margin:0 auto;
   width:980px;
   height:450px;
   position:relative;
}

div#header-container h1#branding {
	display:block;
	width:323px;
	height:127px;
	position:absolute;
	top:18px;
	left:0px;
}

div#header-container h1#branding a {
   display:block;
   width:323px;
	height:127px;
   text-indent:-9999px;
}

div#header-container h2#firstclimate {
	display:block;
	width:290px;
	height:110px;
	position:absolute;
	top:25px;
	left:370px;
}

div#header-container h2#firstclimate a {
   display:block;
   width:290px;
   height:110px;
   text-indent:-9999px;
}

div#header-container p#address {
   display:block;
   width:290px;
   height:110px;
   position:absolute;
   top:35px;
   right:15px;
   
   font:12px/16px Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   text-align:right;
}

div#header-container p#address strong {
   font-weight:bold;
}

div#header-container p#address a,
div#header-container p#address a:visited {
   text-decoration:none;
   color:#cc0000;
}

div#header-container p#address a:hover,
div#header-container p#address a:active,
div#header-container p#address a:focus {
   text-decoration:underline;
   color:#cc0000;
}

div#header-container div#products {
   display:block;
   position:absolute;
   width:1px;
   height:1px;
   top:0;
   left:0;
}

div#header-container div#products h2, div#header-container div#products ul li {
   text-indent:-9000px;
}

/*************************************************************************/
/* =navigation */
/*************************************************************************/

ul#navigation {
   margin:0 0 40px 0;
   display:block;
   width:220px;
   height:auto;
}

ul#navigation li {
   margin:0 0 10px 0;
   font:17px/22px Conduit, Verdana, Helvetica, sans-serif;
   color:#7f7f7f;
}

ul#navigation li a {
   padding:0 0 0 25px;
   display:block;
   height:20px;
}

ul#navigation li a,
ul#navigation li a:visited {
   color:#cc0000;
   text-decoration:none;
   background:url(../images/icon-navigation-li.png) 0 0 no-repeat;
}
ul#navigation li a:hover,
ul#navigation li a:active,
ul#navigation li a-active {
   color:#333333;
   text-decoration:none;
   background:url(../images/icon-navigation-li.png) 0 -20px no-repeat;
}

/*************************************************************************/
/* =navigation-additional */
/*************************************************************************/

ul#navigation-additional {
	display:block;
	position:absolute;
	top:397px;
	right:15px;
	width:400px;
	height:20px;
	text-align:right;
}

ul#navigation-additional li {
   padding:3px 5px 3px 5px;
   margin:0 0 0 10px;
   display:inline;
   font:12px/22px Verdana, Helvetica, sans-serif;
   font-weight:bold;
   background:#fff;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
}

ul#navigation-additional li a {
   display:inline;
   height:20px;
}

ul#navigation-additional li a,
ul#navigation-additional li a:visited {
   color:#333333;
   text-decoration:none;
}
ul#navigation-additional li a:hover,
ul#navigation-additional li a:active,
ul#navigation-additional li a.active {
   color:#cc0000;
   text-decoration:none;
}

/*************************************************************************/
/* =content-main */
/*************************************************************************/

div#content-container {
   margin:0 auto;
   width:980px;
   background:url(../images/bg-content-container.jpg) 0 0 repeat-y;
}

div#content-main {
   padding:0px 15px 0 30px;
   width:655px;
   float:left;
}

div#content-main h2 {
   margin:10px 0 10px 0;
   font:30px/18px Conduit, Verdana, Helvetica, sans-serif;
   color:#cc0000;
}

div#content-main h3 {
   padding:5px;
   margin:0 0 10px 0;
   font:20px/18px Conduit, Verdana, Helvetica, sans-serif;
   color:#666666;
   background:#ebecec;
   clear:both;
}

div#content-main h4 {
   margin:0 0 10px 5px;
   font:16px/22px Conduit, Verdana, Helvetica, sans-serif;
   color:#333333;
}

div#content-main h5 {
   margin:20px 0 10px 5px;
   font:16px/22px Conduit, Verdana, Helvetica, sans-serif;
   color:#cc0000;
}

div#content-main p {
   margin:0 0 20px 5px;
   font:12px/18px Verdana, Helvetica, sans-serif;
   color:#333333;
}

div#content-main table {
   margin:0 0 30px 5px;
   font:12px/18px Verdana, Helvetica, sans-serif;
   color:#333333;
   width:95%;
}

div#content-main table td {
    padding:4px;
	border-bottom:1px solid #ebebeb;
}

div#content-main table td.dark {
   background:#f4f4f4;
}

div#content-main table td.pale {
    background:#FFF3FB;
}

div#content-main table strong {
   font-weight:bold;
}

div#content-main ul.list {
   margin:0 0 10px 10px !important;
   font:12px/22px Verdana, Helvetica, sans-serif !important;
   color:#555 !important;
   display:block !important;
   width:518px !important;
}

div#content-main ul.list li {
   padding:0 0 0 18px !important;
   background:url(../images/icon-ul-list-li.png) 0 5px no-repeat !important;
   width:500px !important;
}

div#content-main p strong {
   font-weight:bold;
}

div#content-main div.hr {
   margin:0 0 15px 0;
   height:1px;
   border-bottom:1px dashed #dedede;
   float:none;
   clear:both;
}

div#content-main a,
div#content-main a:visited {
   text-decoration:none;
   color:#cc0000;
}

div#content-main a:hover,
div#content-main a:active,
div#content-main a:focus {
   text-decoration:underline;
   color:#cc0000;
}

div#content-main img.icon {
   margin:0 10px 20px 0;
   float:left;
}

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

div#content-sidebar {
   padding:0px 30px 30px 30px;
   width:220px;
   float:left;
   background:url(../images/bg-content-sidebar.jpg) 0 0 repeat-x;
}

div#content-sidebar h4 {
   padding:5px;
   margin:0 0 10px 0;
   font:16px/18px Conduit, Verdana, Helvetica, sans-serif;
   color:#cc0000;
   background:#eeeeee;
}

div#content-sidebar p {
   margin:0 0 10px 4px;
   font:11px/18px Verdana, Helvetica, sans-serif;
   color:#333333;
}

div#content-sidebar p strong {
   font-weight:bold;
}

div#content-sidebar p a,
div#content-sidebar p a:visited {
   text-decoration:none;
   color:#cc0000;
}

div#content-sidebar p a:hover,
div#content-sidebar p a:active,
div#content-sidebar p a:focus {
   text-decoration:underline;
   color:#cc0000;
}

div#content-sidebar p img {
   float:left;
}

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

div#footer-container {
   width:100%;
   height:120px;
   background: url(../images/bg-footer-container.jpg) 0 0 repeat-x;
}

div#footer {
   margin:0 auto;
   width:100%;
   height:120px;
   background:url(../images/bg-footer.jpg) center top no-repeat;
}

div#footer2 {
   width:980px;
   height:120px;
}

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