/*******************************************************************************
Title:  dasbini.ch
Author: sascha.scholz@actra.ch
Update: 19.05.2009
*******************************************************************************/

/* =reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ul, ol {list-style: none;}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal; 
}

table, td, th {vertical-align: top;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

a img {border: none;}

/* let's begin... */
a:link, a:visited {
  color: #e52d04;
  color: #A52A2A;
  font-weight: bold;
  text-decoration: underline;
}

a:hover, a:focus, a:active {
  color: #fc7f63;
  color: #A52A2A; /* optimieren */
  text-decoration: none;
}

p, h2, h3, h4, h5, h6 {margin: 0 0 1em;}

h2, h3, h4, h5, h6 {
  font-family: arial, sans-serif;
  font-weight: bold;
}

h2 {
  font-size: 165%;
  line-height: 1.3em;
}

h2 em.step {
  font-weight: normal;
  color: #9a8458;
}

h3 {
  margin: 0;
  font-size: 115%;
}

body {
  font-family: verdana, sans-serif;
  font-size: small;
  color: #333;
  background: #f7f6f4;
}

/* =page */
#page {font-size: 95%;}

/* =header */
#header {
  width: 100%;
  background: #9ac5ee url(/images/header-bg33.jpg) 0 0 repeat-x;
}

#header .pad {
  margin: 0 auto;
  padding: 25px 0;
  width: 920px;
  position: relative;
  background: transparent url(/images/header-pad33.jpg) 0 0 no-repeat;
}

h1 {
  margin: 0 0 0 20px;
  background: url(/images/logo33.gif) 0 0 no-repeat;
  width: 165px;
  height: 33px;
  text-indent: -9999px;
}

h1 a:link, h1 a:visited {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#body_start #header .pad {padding: 40px 0;}
#body_start h1 {
  font-size: 215%;
  font-weight: bold;
}

/* =navi-main */
#navi-main {
  font-size: 95%;
  width: 100%;
  background: #000;
}

#navi-main ul {
  margin: 0 auto;
  width: 920px;
}

#navi-main ul li {float: left;}

#navi-main ul li a {
  text-decoration: none;
  color: #ddd;
  padding: 10px 20px;
  float: left;
  font-weight: normal;
}

#navi-main ul li a:hover,
#navi-main ul li a:focus {
  background: transparent;
  color: #fff;
  background: #333;
}

#navi-main ul li.nav_current a,
#navi-main ul li.nav_current a:hover {
  color: #fff;
  background: #71a7da url(/images/navi-main-current30.jpg) 0 0 repeat-x;
  font-weight: bold;
}

/* =container */
#container {
  width: 100%;
  float: left;
  background: #f7f6f4 url(/images/container-bg.jpg) 0 0 repeat-x;
  background: #f7f6f4;
}

/* =content-wrap */
#content-wrap {
  margin: 0 auto;
  width: 920px;
}

/* =main */
#main {
  padding: 30px 20px 40px;
  float: left;
  width: 528px;
  font-size: 95%;
  line-height: 1.6em;
}

/* =aside */
#aside {
  padding: 30px 0;
  width: 352px;
  float: right;
  font-size: 95%;
  line-height: 1.5em;
}

#form-login,
.aside-box {
  margin-bottom: 20px;
  padding: 20px;
  background: #EDE8DD;
  border-bottom: 3px solid #e5ddca;
  border-top: 1px solid #fff;
}

#aside h3 {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #E5DDCA;
}

#aside .submit a {font-weight: normal;}

/* =navi-sub */
#navi-sub {font-size: 95%;}

#navi-sub li {margin-bottom: 3px;}

#navi-sub a {
  padding: 2px 10px;
  color: #333;
  text-decoration: none;
  display: block;
  background: #E5DDCA;
  font-weight: normal;
}

#navi-sub a:hover,
#navi-sub a:focus {background: #dfd4b9;}

#navi-sub .nav_current a {
  font-weight: bold;
  background: #dfd4b9;
}

#aside h3 {
  position: relative;
  width: 100%;
}

#aside h3 span#logout {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 85%;
  font-family: verdana, sans-serif;
}

#aside h3 span#logout a {text-decoration: none;}
#aside h3 span#logout a:hover {text-decoration: underline;}

/* =footer */
#footer {
  margin: 0 0 30px;
  font-size: 85%;
  width: 100%;
  clear: both;
  line-height: 1.5em;
}

#footer .pad {
  margin: 0 auto;
  padding: 20px 0;
  border-top: 3px solid #EDE8DD;
  width: 920px;
  color: #7c7062;
}

#footer a {
  color: #7c7062;
  text-decoration: none;
  font-weight: normal;
}

#footer a:hover,
#footer a:focus {text-decoration: underline;}

#footer ul {float: right;}

#footer ul li {
  margin: 0 0 0 15px;
  float: left;
}

/* =startseite */
#start-intro {
  margin: 0;
  clear: both;
  border-top: 1px solid #fff;
  border-bottom: 3px solid #e5ddca;
  position: relative;
  color: #655542;
  background: #EDE8DD url(/images/startclaim-bg.jpg) 0 0 no-repeat;
  background: #EDE8DD url(/images/startclaim30.jpg) 0 0 no-repeat;
  width: 100%;
}

#start-intro .pad {
  padding: 45px 330px 45px 30px;
  background: transparent url(/images/startclaim03.jpg) 86% 100% no-repeat;
}

#start-intro h2 {
  margin: 0 0 15px 20px;
  font-size: 235%;
  color: #000;
}

#start-intro p {
  margin: 0 0 0 20px;
  font-size: 175%;
  line-height: 1.5em;
  font-family: arial, sans-serif;
  color: #333;
}

/* =services */
#services div {margin-bottom: 20px;}

#services div h3 {
  margin: 0 0 10px -20px;
  padding: 1px 20px;
  border-bottom: 1px solid #E5DDCA;
  background: #E5DDCA;
  border-top: 1px solid #fff;
}

#services div p.link-more a {
  padding: 2px 5px;
  color: #fff;
  background: #e52d04;
  background: #A52A2A;
  text-decoration: none;
  font-weight: bold;
}

#services div p.link-more a:hover,
#services div p.link-more a:focus {
  background: #fff;
  color: #e52d04;
  color: #A52A2A;
}

/* =form-login */
#form-login label {
  padding-top: 3px;
  float: left;
  width: 100px;
}

#form-login div {margin-bottom: 5px;}

#form-login div input.text,
#form-login div input.password {
  padding: 1px;
  width: 195px;
  border: 1px solid #7F9DB9;  
}

#form-login div.submit {margin: 0 0 20px 100px;}

#form-login div.submit input {margin: 0 2px 0 0;}

#form-login div.submit span {
  font-size: 95%;
  font-family: arial, sans-serif;
}

#form-login p#link-register {
  margin: 0 0 0 100px;
  font-size: 90%;
}

#form-login p#link-register a {
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  background: #e52d04;
  background: #A52A2A;
  color: #fff;
}

#form-login p#link-register a:hover {
background: #d12701;
background: #b33333;
}

/* =form-global */
.form-global {margin-bottom: 1.5em;}

.form-global dl {
  padding: 1em 0;
  border-top: 1px solid #E5DDCA;
}

.form-global dt {
  margin: 0 10px 0 0;
  float: left;
  width: 120px;
  line-height: 1.3em;
}

.form-global dt em {
  font-weight: bold;
  color: #cc0000;
}

.form-global dd input.text, .form-global dd input.password, .form-global dd textarea {
  padding: 2px;
  width: 250px;
  border: 1px solid #7F9DB9;  
}

.form-global dd select {
  padding: 1px;
  width: 240px;
}

.form-global dd textarea {
  width: 350px;
  height: 10em;
  overflow: auto;
}

.form-global #f-confirmation {
  padding: 1em 0 1em 130px;
  border: 1px solid #E5DDCA;
  border-width: 0 0 1px;
}

.form-global #f-confirmation li {
  margin-bottom: 1em;
  line-height: 1.3em;
}

.form-global fieldset.submit {
  padding: 1em 0 1em 130px;
  border-top: 1px solid #E5DDCA;
}

/* =form-simple */
.form-simple {
  margin-bottom: 1.5em;
  padding: 1em 0;
  border: 1px solid #E5DDCA;
  border-width: 1px 0;
}

.form-simple input.text {
  padding: 2px;
  width: 250px;
  border: 1px solid #7F9DB9;  
}

.form-simple select {padding: 1px;}

.form-simple input#stichwort,
.form-simple select#katID {width: 180px;}

/* =form-order, =form-profil */
#form-order,
#form-profil {border-top: 1px solid #E5DDCA;}

#form-order h3,
#form-profil h3 {padding-top: 1em;}

#form-order fieldset.submit,
#form-profil fieldset.submit {border: none;}

#form-order dl,
#form-profil dl {
  border-top: 0;
  border-bottom: 1px solid #E5DDCA;
}

#form-profil fieldset#f-confirmation {border-width: 0 0 1px;}

#form-order select#webtoolID {width: 180px;}
#form-order input#webtool {width: 180px;}

#form-profil #nlabo {margin: 1em 0 1em 130px;}

#form-profil #notification {
  margin-bottom: 1em;
  padding: 0 0 1em 130px;
  border-bottom: 1px solid #E5DDCA;
}
#form-profil #notification p {margin: 0 0 .5em;}

#form-profil #notification ul li {margin: 0 15px 5px 0;}

/* =formfehler */
#formfehler {
  margin-bottom: 1em;
  padding: .5em 10px .5em 45px;
  border: 1px solid #dfc204;
  background: #fdf5c2 url(../images/formfehler-bg.gif) 5px .5em no-repeat;
  color: #000;
}

#formfehler p {margin-bottom: .5em;}

#formfehler strong {
  font-weight: bold;
  color: #000;
  font-size: 95%;
}

#formfehler ul {
	margin: 0 0 0 25px;
	padding: 0;
	list-style: square;
}

#formfehler ul {margin-left: 25px;}

/* =feat-list */
.feat-list {
  margin: 0 0 1em 2em;
  list-style-type: disc;
}

/* =wtools-list */
#wtools-list li.tool {
  margin: 0 0 1em;
  position: relative;
}

#wtools-list li.tool p,
#wtools-list li.tool ul {margin: 0 10px 1em;}

li.tool p.comments {
  margin: 0;
  padding-left: 18px;
  position: absolute;
  top: 1px;
  right: 0;
  font-size: 90%;
  background: url(/images/comment.gif) 0 50% no-repeat;
}

#wtools-list h3 {
  margin: 0 0 1em;
  padding: 1px 5px;
  background: #E5DDCA;
  border-top: 1px solid #fff;
}

#wtools-list h3 a {
  color: #333;
  text-decoration: none;
}

#wtools-list .further li {
  margin: 0 10px 0 0;
  float: left;
}

.further li a,
p.link-order a {
  background: #EDE8DD;
  text-decoration: none;
  padding: 2px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #E5DDCA;
  font-weight: bold;
}

p.link-order {margin: 1em 0 2em;}

/* =comments */
#comments h3 {margin-bottom: 1em;}

.comment p.from {
  margin: 0 0 15px;
  background: #F7F6F4;
  font-size: 90%;
  border-bottom: 1px solid #fff;
}

.comment {
  margin-bottom: 20px;
  background: #EDE8DD;
  line-height: 1.6em;
}

.comment p.note {
  margin: 0;
  padding: 0 20px 15px;
}

.comment ul.aktion {
  margin-right: 5px;
  float: right;
  font-size: 90%;
}

.comment ul.aktion li {
  margin: 0 0 0 10px;
  float: left;
}

/* =pagination */
.pagination {
	margin-bottom: 1em;
	padding: 3px 0;
	font-size: 90%;
	font-family: verdana, sans-serif;
}

.pagination ul {
	list-style: none;
  text-align: center;
}

.pagination li {display: inline;}

#main .pagination a {
	padding: 4px 7px;
	text-decoration: none;
	position: relative;
	color: #000;
  background: #EDE8DD;
  font-weight: normal;
}

#content .pagination a:link,
#content .pagination a:visited {font-weight: normal;}

.pagination li.currentpage strong {
	padding: 4px 4px;
	font-weight: bold;
	color: #000;
}

.pagination .zurueck a, .pagination li.zurueckdisable,
.pagination .vor a, .pagination li.vordisable {
	padding: 4px 6px;
	text-decoration: none;
	position: relative;
	color: #726642;
}

#main .pagination a:hover {
  background: #E5DDCA;
  color: #000;
}

.pagination li.zurueckdisable,
.pagination li.vordisable {
	color: #726642;
	font-weight: normal;
  background: none;
}

/* =news */
#news li.news-note {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #E5DDCA;
}

#news li.news-note ul {
  margin: 0 0 0 2em;
  list-style-type: disc;
}

/* =cart, =myorder */
.table-global,
#cart,
#myorder {
  margin: 0 0 2em;
  background: #EDE8DD;
  border-top: 1px solid #fff;
}

.table-global th, .table-global td,
#cart th, #cart td,
#myorder th, #myorder td {
  text-align: left;
  padding: 2px 10px;
  border-top: 1px solid #E5DDCA;
  font-family: arial, sans-serif;
}

#cart th, #cart td {text-align: right;}

#cart .descr {text-align: left;}
#cart .quantity, #cart .unit {text-align: center;}

.table-global thead th,
#cart thead th,
#myorder thead th {
  background: #7c7062;
  color: #f7f6f4;
  border: none;
  font-weight: bold;
}

#cart tr#total th,
#cart tr#total td {
  border-top: 1px solid #7C7062;
  border-bottom: 6px double #7C7062;
  background: #E5DDCA;
}

#cart tr#netto td,
#cart tr#netto th {border-top: 1px solid #7C7062;}

#cart tr#total td {font-weight: bold;}

/* =boards, #themen */
table#boards,
table#themen {
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  background: none;
  border: none;
}

table#boards th, table#boards td,
table#themen th, table#themen td {
  padding: 4px 10px 4px 0;
  text-align: left;
  vertical-align: top;
  font-family: arial, sans-serif;
  border-bottom: 1px solid #E5DDCA;
  line-height: 1.5em;
}

table td.date {white-space: nowrap;}

table th a, table td a {padding: .2em 0;}

table#boards thead th,
table#themen thead th {
  padding: 0 10px 10px 0;
  border-top: 0;
  border-bottom: 3px solid #E5DDCA;
  font-weight: bold;
  background: none;
}

table#boards th a,
table#themen th a {color: #333;}

table#boards td h3 {
  margin: 0;
  font-size: 115%;
}

table#boards td p {margin: 0;}

/* =panel */
.panel {
  position: relative;
  width: 100%;
}

.panel p {
  position: absolute;
  top: 1em;
  right: 0;
}

/* =agb */
.agb-notice {
  margin-top: 1em;
  font-style: italic;
  border: 1px solid #E5DDCA;
  border-width: 0 0 0 10px;
  padding-left: 15px;
}

#agb {
  margin-left: 25px;
  list-style-type: decimal;
}

#agb li {font-weight: bold;}

#agb li p,
#agb li ul li {font-weight: normal;}

#agb li h4 {
  margin: 0;
  font-size: 100%;
  font-family: verdana, sans-serif;
}

#agb ul {
  margin: 0 0 1em 25px;
  list-style-type: disc;
  font-weight: normal;
}

#agb ul.decimal {
  margin: 0 0 1em;
  list-style: none;
}

#agb ul.decimal h5 {
  margin: 0;
  font-family: verdana, sans-serif;
  font-size: 100%;
}

/* =migrationSteps */
#migrationSteps {
  margin: 0 0 1em;
  list-style: none;
  border-bottom: 2px solid #E5DDCA;
}

#migrationSteps li {
  padding: 1em 0 1em 45px;
  border: 1px solid #E5DDCA;
  border-width: 2px 0 0;
  background: url(/images/step01.gif) 5px .6em no-repeat;
}

#migrationSteps li#step02 {background-image: url(/images/step02.gif);}
#migrationSteps li#step03 {background-image: url(/images/step03.gif);}
#migrationSteps li#step04 {background-image: url(/images/step04.gif);}
#migrationSteps li#step05 {background-image: url(/images/step05.gif);}

#migrationSteps li li {
  margin-bottom: 0;
  padding: 1px 10px;
  border: none;
  background: #EDE8DD;
  border-top: 1px solid #fff;
}

#migrationSteps ul {margin-top: 1em;}

/* =orderdetails, #paymentdetails */
#orderdetails,
.detaillist {
  margin-top: 3px;
  border-bottom: 1px solid #E5DDCA;
}

.detaillist {margin-bottom: 1em;}

.detaillist h3 {
  margin-top: 2em;
}

#orderdetails dl,
#paymentdetails dl,
.detaillist dl {
  padding: 2px 0;
  border-top: 1px solid #E5DDCA;
}

#orderdetails dt,
#paymentdetails dt,
.detaillist dt {
  float: left;
  margin: 0 10px 0 0;
  color: #7c7062;
  width: 130px;
}

#orderdetails dd,
#paymentdetails dd,
.detaillist dd {margin-left: 140px;}

#paymentdetails dl {
  margin-bottom: 1px;
  padding: 5px 10px;
  background: #EDE8DD;
  border: none;
}

#payment li {
  padding-top: 1em;
  border-top: 2px solid #EDE8DD;
}

/* =migration-notice */
#migration-notice {
  margin-top: 1px;
  padding: 15px 25px 15px 25px;
  background: #FFFFCC url(/images/migration-notice-bg.jpg) 0 0 repeat-x;
  line-height: 1.6em;
  border-top: 1px solid #fbfce0;
  border: 1px solid #ebf220;
  border-width: 0 1px 1px;
  border-color: #E5DDCA;
  position: relative;
}

#migration-notice p {margin-top: 1em;}

/* versch. Klassen ***********************************************************/
.f-note {
  font-size: 90%;
  font-style: italic;
}

.f-note em {
  font-weight: bold;
  color: #cc0000;
}

.link-back {font-size: 90%;}
.link-back a:link, .link-back a:visited {font-weight: normal;}

/* easyClearMethode */
.clrItem:after,
#content-wrap:after,
.form-global dl:after,
li.tool:after,
#wtools-list .further:after,
.comment:after,
#navi-main ul:after,
#orderdetails dl:after,
#paymentdetails dl:after,
.detaillist dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}