/***************************/
/* General element styles: */
/***************************/
body { border: 0; margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; 
	font: normal 100.01% arial,helvetica,sans-serif; }
body, textarea { color: #0950a0; line-height: 20px; }
a {  color: #0950a0; font-weight: normal; }
a:hover { text-decoration: underline; }
a:visited {}
a:active {}
 form { margin: 0px; }
p, pre, dl, dd { margin: 0px 0px; }
p, td, ul, ol { font-size: 12px; }
ul ul, ul ul ul, ol ol, ol ol ol { font-size: 12px; }
input, textarea, select { padding: 0; margin: 0; font-size: 10px; color: #0950a0;
	border: 1px solid #67747c;  background-color: #ffffff; }
strong, b { font-weight: bold;}
hr { 
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px; margin: 1em 0; }
p { line-height: 20px; margin-top: 0; margin-bottom: 0; }
li { line-height: 20px; margin-top: 0; margin-bottom: 0; }
ul, ol { margin-top: 0; margin-bottom: 0; list-style-type: disc; padding-left: 0; }
img { border: 0; }
fieldset { margin: 0; padding: 0; font-size: 12px; }
legend { padding: 0; color: #000; font-weight: bold; font-size: 12px; }
textarea { font-family: arial,helvetica,sans-serif; line-height: 1.3em; }

/******************/
/* Headers, plain */
/******************/
h1 { font-size: 14px; }
h2 { font-size: 14px; }
h3 { font-size: 100%; }
h4 { font-size: 90%; }
h5 { font-size: 90%; }
h1, h2, h3, h4, h5 { margin: 0 0 0 0; }
.csc-header h1, .csc-header h2 { clear: both; }

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000000; text-decoration: none; }
h2 a { color: #000; }
h3 a { color: #000; }
h4 a { color: #000; }
h5 a { color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: underline; }

/******************/
/* Tables, plain */
/******************/
/* RTE / Table styling */
table.contenttable { border: 1px #999999 solid; margin: 10px 0px 10px 0px; width: 100%; }
table.contenttable th { text-align: center; font-size: 0.85em;; padding: 1px o; }
table.contenttable tr td { padding: 0px 3px 0px 3px; font-size: 0.85em; padding: 1px 0; }
table.contenttable tr { background-color: #f3f3f3; }

/*******************************************************
 ----- CSS-Anweisungen fuer das Layout des TYPO3 Projekts ----- 
***********************************************************/
#content {
  margin: 0px;
  padding: 0px;
  position: absolute; top: 20px; left: -30px; z-index: 500;
}
.login_form {
  width: 220px;
  float: left;
}

#search {
  position: absolute; top: 120px; left: 170px; z-index: 40;
  margin: 0px;
  padding: 0px;
}
#selectbox {
  margin: 0px;
  padding: 0px;
}
* + html #selectbox {
  height: 20px;
}
#content-wrapper { 
  position: absolute; top: 130px; /*0px;*/ left: 0px; z-index: 20;
  width: 1000px;
}

/* CONTENT */
#center-row { position: absolute; top: 16px; /*0px;*/ left: 250px; /*0px;*/ width: 560px; padding: 0px; color: #0d4494; }
#start-right-content { position: absolute; top: 0px; left: 480px; width: 420px; padding: 42px 0 22px; }
/* LINKE SPALTE */
#left-row { position: absolute; top: 16px; /*0px;*/ left: 0px; width: 220px; padding: 22px 0; }
#start-left-content { position: absolute; top: 0px; left: 106px; width: 374px; padding: 42px 0 22px; }
/* KOPFGRAFIK */
#header1 { position: absolute; top: 0px; left: 0px; width: 1000px; }
#header-img-left { position: absolute; top: 0; left: 0; }
#header-img-center { position: absolute; top: 0; left: 160px; }
#header-img-right { position: absolute; top: 0; right: 0; }
/* OBERES MENU */
#header2 { position: absolute; top: 10px; left: 0px; width: 1000px; height: 25px; z-index: 5; }
#topmenu {
  text-align: right;
  height: 25px;
  padding-right: 36px;
  background-image: url(../img/wk_oben.gif);
  background-position: right;
  background-repeat: no-repeat;
}
/* ANWENDER MENU */
#header-products, #header3 { position: absolute; top: 106px; left: 0px; width: 1000px; z-index: 5; }
#subheader3, #subheader-products { padding-left: 330px; }

/*****************************************************
 ---- Stil-Anweisungen f?r Content-Elemente ----
******************************************************/

.input-image { border: 0; }
.ru {
 background: url(../img/roundedbox_ru.gif) no-repeat bottom right;
 border: 0px;
 padding: 0px;
 z-index: 5;
 height: 100%;
}
.package-price { font-weight: bold; }

/* --- META-Menu --- */
#topmenu ul { margin: 0; padding: 0; list-style-type: none; }
#topmenu li {display: inline; }
#topmenu a { text-decoration: none; color: #0950a0; font-weight: bold; font-size: 11px; padding-left: 10px; }
#topmenu .cur a { color: #df1919; }

/* --- Linke Spalte --- */
#left-row h1 { margin-left: 15px;  }

/* --- MAIN-Menu --- */
#leftmenu h2 {
 background: url(../img/linie_ProdKat.gif) no-repeat bottom left;
 font-size: 12px;
 padding: 0 0 0 20px;
 color: #0d4494;
}
#leftmenu h2 a { 
 color: #0d4494;
 font-weight: bold;
}

#leftmenu { padding-left: 10px; list-style: none; font-weight: normal; }
#leftmenu ul { margin: 0; padding: 0 0 19px 0; list-style: none; }
#leftmenu li { vertical-align: middle; margin: 0; padding: 0 0 0 25px; }
#leftmenu li.level2 { margin-left: 18px; }
#leftmenu .no { color: #0d4494; background: url('/fileadmin/templates_hypoA/img/bullet_menu_no.gif') no-repeat; }
#leftmenu .act { color: #0d4494; background: url('/fileadmin/templates_hypoA/img/bullet_menu_act.gif') no-repeat;}
#leftmenu .cur { color: #df1919; background: url('/fileadmin/templates_hypoA/img/bullet_menu_act.gif') no-repeat; }
#leftmenu a { text-decoration: none; font-weight: normal; font-size: 12px; }
#leftmenu .cur a { color: #df1919; }


/* --- SHOP-Kopf --- */
#header-shop * { font-size: 11px; line-height: normal; }
#search-shop label { font-weight: bold; float: left; position: relative; margin-top: 1px; }
#search-shop input.input-text { width: 120px; height: 13px; padding: 0; margin: 0 3px; 
	width: 70px; position: relative; float:left; }
#search-shop input.input-image { vertical-align:top; height:15px; margin-top: 0px; }
#select-ProdGroup select, #select-ProdKat select { font-weight: bold; height: 17px; 
	padding: 0; margin: 0; color: #0950a0; font-size: 10px; vertical-align:top; }
#select-ProdGroup option, #select-ProdKat option { font-weight: bold; color: #0950a0;  
	padding: 0; margin: 0; font-size: 10px; vertical-align:top; } 
#select-ProdGroup option { width: 80px; }

* html #search-shop { position: relative; top: 0px; left: 0px; float: left; margin: 0px 2px 0px 10px;}
* html #searchinput { margin: 0px; padding: 0px; }

#shop-linie-oben { position: relative; top: 0px; left: 0px; background: url(../img/kopf_linie_shop.gif) no-repeat; height: 3px; z-index: 100; }
/** html #shop-linie-oben {z-index:100;  position: relative; top: 14px; left: 0px; background: url(../img/kopf_linie_shop.gif) no-repeat; height: 3px; }*/
#header-shop { position: relative; width: 710px; clear: both; }
#search-shop { position: relative; top: 0px; left: 0px; float: left; margin: 2px 2px 0 22px; }
#shop-linie-unten { clear: both; position: relative; top: 0px; left: 0px; background: url(../img/kopf_linie_shop.gif) no-repeat; height: 3px; }

#show-warenkorb { 
  position: absolute;
  top: 3px;
  left: 270px;
  float: left;
  margin: 0px;
  font-size: 11px;
}
#show-warenkorb .tx-ttproducts-pi1 P { padding-top: 0px; font-size: 12px; }
#show-warenkorb .tx-ttproducts-pi1 A { padding-top: 2px; font-size: 12px; }

#select-ProdKat { float: right; margin: 0 35px 0 2px; }
#select-ProdGroup { float: right; margin: 0; }

/* --- Produktüebersicht --- */
.products-wrap {
  float: left;
  width: 138px;
  margin: 0px;
  padding: 0px;
  margin-right: 30px;
}
* html .products-wrap {
  margin-right: 15px;
}
.products-wrap div.product-box { 
  width: 138px;
  margin: 0px;
  padding: 0px; 
  border-top: 1px solid #90a3a9;
  border-left: 1px solid #90a3a9;
  float: left;
}
.products-wrap dl.single-product-view { color: #0d4494; }
.products-wrap dt { padding: 0; margin: 0; }
.products-wrap dt img { padding: 5px 13px 5px; }
.products-wrap dd { text-align: left; margin: 0 1px 0 0; padding: 3px 15px 0; font-size: 12px; white-space: normal; }
.products-wrap dd.product-caption { background-color: #f3f4f8; height: 60px; }
.products-wrap dd.product-caption div.product-name { font-weight: bold; white-space: normal; }
.products-wrap dd.product-caption div.product-no { font-size: 10px; }

.products-wrap dd.product-details { padding-top: 19px; padding-bottom: 3px;  }
.products-wrap dd.product-details div.package-size {}
.products-wrap dd.product-details div.basket-link { text-align: right; }
.products-wrap dd.product-details div.basket-link img {}
.products-wrap dd.product-details div.detail-link { text-align: right; }
.products-wrap dd.product-details a { color: #df1919; text-decoration: none; }
.products-wrap dd.product-details form { text-align: right; }
.products-wrap dd.product-details label { color: #df1919; }
.products-wrap dd.product-details input.input-image { padding: 0 3px; vertical-align: middle; }
.products-wrap dd.product-details img { padding: 0 3px; }

/* --- Produkt-Details --- */
#product-details { padding-top: 8px; width: 100%; color: #0d4494; }
#product-details .product-wrap { float: left; width: 446; padding-right: 12px; }
#product-details .product-wrap div.product-box { width: 446; 
	margin: 0; padding: 0; position: relative;
	border-top: 1px solid #90a3a9; border-left: 1px solid #90a3a9;	}
#product-details .product-wrap div.product-box div.ru { position: relative; width: 446px; } 
#image-box { float: left; width: 242px; }
#image-box img { padding: 5px; }
#detail-box { float: left; width: 190px; }
#detail-box dl.single-product-details {}
#detail-box dd {text-align: left; margin: 0; padding: 0; font-size: 12px; 
	white-space: normal;}
#detail-box dd.product-caption {padding: 5px 0 20px 0; background-color: #ffffff; }
#detail-box dd.product-caption div.product-name { font-weight: bold; white-space: normal; }
#detail-box dd.product-caption div.product-no { font-size: 10px; }
#detail-box dd.product-notes { padding-bottom: 20px; list-style-position: outside;}
#detail-box dd.product-notes ul { list-style: none; margin: 0px; padding-left: 10px; }
#detail-box dd.product-notes li { background: url('../img/bullet-content-blau.gif') no-repeat; padding-left: 8px;}
#detail-box dd.product-details {}
#detail-box form { padding: 20px 0 8px; }
#detail-box input.input-text { width: 20px; } 
#detail-box label { vertical-align: middle; }
#detail-box div.package-price { width: 70px; padding-top: 4px;  }
#detail-box div.order-menge { padding-bottom: 16px; color: #df1919;}
#detail-box div.order-input { vertical-align: middle; }
#detail-box div.order-input label a { color: #df1919; text-decoration: none; }
#detail-box input.input-image { padding: 0 7px; vertical-align: middle; }
#clearer, .clearer { clear: both; }

#references-wrap { 
  float: left;
  width: 195px;
  height: 334px;
  padding-right: 0;
  position: absolute; top: 37px; left: 480px; 
 }
#references-wrap div.reference-box { width: 195px; margin: 0; padding: 0; 
	border-top: 1px solid #90a3a9; border-left: 1px solid #90a3a9; }
#references-wrap div.reference-box ul {padding-left: 20px;}
#references-wrap dt { background-color: #f3f4f8; margin-right: 1px; padding: 5px 1em 0; 
	font-size: 12px; font-weight: bold; }
#references-wrap dd ul { list-style: none; padding: 0 10px 15px 1em; margin: 0; }
#references-wrap dd ul li { background: url('../img/bullet-content-rot.gif') no-repeat; padding-left: 8px; }
#references-wrap dd a { color: #df1919; text-decoration: none; }

/* --- Warenkorb --- */
#warenkorb-container { width: 640px; margin-top: 8px; padding: 0; font-size: 12px; 
	border-top: 1px solid #90a3a9; border-left: 1px solid #90a3a9; }
#warenkorb-container h3 { color: #46616a; }
#warenkorb-container .text-small { font-weight: normal; }

#warenkorb-details { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
#warenkorb-details * { margin: 0; padding: 0; }
#warenkorb-details img { padding: 3px 0 3px 7px; }
#warenkorb-details table, #warenkorb-details tbead, #warenkorb-details tbody  { 
	width: 100%; border-collapse: collapse; }
#warenkorb-details th { text-align: left; border-bottom: 1px solid #aec1c7; padding-top: 12px; }
#warenkorb-details .spalte-image { width: 118px; }
#warenkorb-details td.spalte-product { 
	width: 180px; padding-top: 8px; padding-bottom: 5px; }
#warenkorb-details td.spalte-menge { 
	width: 108px; padding-top: 8px; padding-bottom: 5px; }
#warenkorb-details td.spalte-price { 
	width: 144px; padding-top: 8px; padding-bottom: 5px; }
#warenkorb-details td.spalte-total { 
	white-space: nowrap; padding-top: 8px; padding-bottom: 5px; color: #0d4494; }
#warenkorb-details td.posten { border-bottom: 1px solid #aec1c7; }
#warenkorb-details .posten-row-up { font-weight: bold; vertical-align: top; color: #0d4494;}
#warenkorb-details .posten-row-up input { font-weight: bold; padding: 0 3px; }
#warenkorb-details .posten-row-down { vertical-align: bottom; }
#warenkorb-details div.product-name a { color: #0d4494; font-weight: bold; }
.posten-row-down a { text-decoration: none; color: #df1919; }
#warenkorb-details td.spalte-total, .cell-productansicht { 
	text-align: right; padding-right: 30px; }
#warenkorb-details th.spalte-total {}
#warenkorb-kopf { width: 1000%; color: #46616a;}
#warenkorb-details .warenkorb-posten { padding: 0; }
#summe { padding: 0; width: 100%; border-top: 1px solid #aec1c7; border-left: 1px solid #aec1c7; font-weight: bold;  vertical-align: top; }
#summe td { border-bottom: 1px solid #aec1c7; }
#summe .sum-label { color: #46616a; }
.warenkorb-note { font-weight: normal; font-size: 11px; }
.product-no { font-weight: normal; font-size: 10px; }

#versand { border-bottom: 1px solid #aec1c7; margin: 0; padding: 9px 30px 9px 118px; font-size: 12px; color: #0d4494; }
#versand select { position: absolute; left: 362px; width: 146px; }
#kosten-auswahl { font-weight: bold; }
#kosten-auswahl .kosten-versand { float: right; margin-right: 35px;}

#zahlungsweise { margin: 0; padding: 9px 30px 9px 118px; font-size: 12px; color: #0d4494; border: 0px; }
#zahlungsweise input { border: 0px; }
#zahlungsweise input.input-noborder { border: 0; margin: 0 10px; }
#card-note, #konto-note { padding-left: 70px; }
#zahlungsweise select { position: absolute; left: 362px; width: 146px; }
#zahlungsweise .first-input { position: absolute; left: 362px; width: 146px; }
#zahlungsweise span.first-input { width: 152px; }
#zahlungsweise span.first-input input { /*width: 20px;*/ margin-right: 4px; }
#zahlungsweise span.first-input input.day, #zahlungsweise span.first-input input.month  { 
	width: 35px; }
#zahlungsweise span.first-input input.year { width: 64px; }
#zahlungsweise .kunden-no h3 { display: inline; }
#zahlungsweise .kunden-no label {  position: absolute; left: 260px; }
#zahlungsweise .kunden-no input { margin-left: 5px; width: 146px; }

#next-step { margin: 0; padding: 9px 30px 24px 118px; }
#next-step a { text-decoration: none; color: #df1919; }
#next-step a.link-left { position: relative; top: 0; left: 0; }
#next-step a.link-right { float: right; }

/* --- Kundendaten --- */
#kunden-container { width: 640px; margin-top: 8px; padding: 0; font-size: 12px; 
	border-top: 1px solid #90a3a9; border-left: 1px solid #90a3a9; }
#kunde-details { width: 100%; margin: 0; padding: 0; color: #46616a; }
#kunde-details a { text-decoration: none; color: #df1919; }
#kunde-details input, #kunde-details textarea, #kunde-details select { border: 1px solid #9caeb2; 
	padding: 1px; }
#kunde-details label { margin: 0 3px 0 0; padding: 1px; }
#kunde-details-kopf { border-bottom: 1px solid #aec1c7; padding: 14px 18px 0px; }
.kunde-details-note { padding: 12px 18px 0; }
.kunden-daten-input { padding: 18px; }
#kunde-details-rechng-anschrift { width: 324px; float: left; }
#kunde-details-liefer-anschrift { width: 280px; float: left; }
#kunde-details label.label-festeBreite { width: 60px; float: left; }
#kunde-details label.label-innerhalb { position: relative; left: 0px; text-align: right; }
#kunde-details .input-middle { width: 100px; margin-right: 2px }
#kunde-details .input-long { width: 170px; }
#kunde-details select.input-long { width: 174px; }
#kunde-details .input-short { width: 35px; }
.input-wrap { padding: 6px 0; vertical-align: middle; }
.input-wrap input { border: 1px solid #9caeb2; }
.rechng-anschrift-first-input { padding-top: 30px; }
.liefer-anschrift-first-input { padding-top: 16px; }
.liefer-note { font-size: 11px; line-height: 1.4em; }
.kunde-details-hinweis { padding-top: 8px; font-size: 11px; }
.kunde-daten-note { padding-top: 12px; padding-bottom: 6px; }
.kunde-daten-note label { font-weight: bold; }
#kunde-details textarea { font-size: 11px; color: #46616a; width: 282px; padding: 2px; height: 59px; }
.kunde-daten-agb { position: relative; top: 5px; }
.kunde-daten-agb label{  }
.kunde-daten-agb input{ border: 0; }
#kunden-container #next-step { margin: 0; padding: 0px 30px 25px 18px; }
/*#kunde-details input{type: checkbox; border: 0; margin: 0 3px 0 0; }*/
#kunde-details input{type: checkbox; border: 1px solid #9caeb2; margin: 0 3px 0 0; }

/*  --- Daten-Kontrolle --- */
#daten-container { width: 640px; margin-top: 8px; padding: 0; font-size: 12px; 
	border-top: 1px solid #90a3a9; border-left: 1px solid #90a3a9; }
#daten-details-kopf { border-bottom: 1px solid #aec1c7; padding: 14px 18px 0px; color: #46616a; }
#daten-details table { border-collapse: collapse; margin-top: 12px; color: #0950a0; }
#daten-details table#daten-details-warenkorb { font-weight: bold; }
#daten-container #next-step { margin: 0; padding: 8px 50px 22px 18px; }	
.format-price { text-align: right; }
#daten-details th { color: #46616a; text-align: left; }
#daten-details .spalte-product { 
	width: 180px; padding-left: 18px; }
#daten-details .spalte-menge { width: 110px; padding: 0; }
#daten-details .spalte-price { 
	width: 60px; padding-right: 76px; }
#daten-details .spalte-total { 
	white-space: nowrap; padding-right:18px; }
#daten-details-kundendaten { width: 100%; margin-bottom: 10px; }
#daten-details-kundendaten th, #daten-details-kundendaten td { padding: 0 18px; }
#daten-details-kundendaten td.first-row { padding-top: 12px; }
#daten-details-kundendaten thead { border-bottom: 1px solid #aec1c7; }
#daten-details .spalte-label { width: 70px; color: #46616a; }
#daten-details .spalte-rechngdaten { width: 173px; }
#daten-details .spalte-lieferdaten {}

.daten-details-block { padding: 11px 0; }
.daten-details-block dt { color: #46616a; font-weight: bold; line-height: 1.2em; 
	border-top: 1px solid #aec1c7; padding: 0 18px 3px; }
.daten-details-block dd { padding: 0 18px; }

.block-gesamtbetrag dd#gesamtsumme { font-weight: bold; padding-right: 125px; color: #0950a0; float: right; }
.block-versand .format-price { float: right; padding-right: 110px; }
.block-zahlungs-hinweis { padding: 0 30px 0 18px; }
.block-zahlungsweise .format-price { float: right; padding-right: 110px; }

#center-row {
  color: #46616A;
}
#center-row A {
  color: red;
}
h1 {
  color: #0950A0;
}

/* --- CONTNET-Bereich ---  */
#pagetitle h1 { font-weight: bold; font-size: 18px; padding-bottom: 19px; }
#rootline { font-size: 11px; padding: 0px 0 6px 0; color: #0950a0;}
#rootline a { text-decoration: none; color: #0950a0; }
#rootline a.first { font-weight: bold; color: #0950a0; }

.cat-no {
  margin: 0px;
  paddinf: 0px;
  color: #FF0000;
  font-size: 12px;
}
.cat-act {
  margin: 0px;
  paddinf: 0px;
  color: #FF0000;
  font-size: 12px;
}

#login_left {
  border: 0px;
  padding-left: 30px;
  padding-top: 30px;
}

.tx-srfeuserregister-pi1-radio {
  border: 0px;
}
.tx-srfeuserregister-pi1-checkbox {
  border: 0px;
}
.daten-details-block block-bemerkungen {
 color: #0950A0;
}
#fachbereich {
  width: 130px;
  height: 36px;
  margin: 0px;
  margin-left: 20px;
  padding-left: 22px;
  padding-top: 13px;
  border: 1px solid #aec1c7;
  font-size: 12px;
  font-weight: bold;
  color: #D91253;
}
#fachbereich A {
  font-size: 12px;
  font-weight: bold;
  color: #D91253;
  text-decoration: none;
}
.bodytext {
  color: #0950a0;
}

*>.tx-srfeuserregister-pi1 dt {
  width: 140px;
}
*>.tx-srfeuserregister-pi1 dd {
  width: 380px;
}