/* ------------------------------------------------------------------ 
	File        : layout5.css
	Author(s)   : Mike Adlmannseder
	Created     : 15.09.2006
--------------------------------------------------------------------- */

/* ------------------------------------------------------------------ */
/* grundlegende elemente */
/* ------------------------------------------------------------------ */
html {
	height:100%;
	margin-bottom:0.1px;
}
html.noscroll {

}
body, td, span, a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}
body {
	margin:0px;
}

/* Grund-Tabelle Breite */
.base-table {
	background:color:#F5F5F5;
	width:768px;
}

/* ------------------------------------------------------------------ */
/* hintergrundfarben
/* ------------------------------------------------------------------ */
/* gesamter body */
.bgcol-body { 
	background-color:#F5F5F5;
}
/* seite (content) */
.bgcol-site {	
	background-color:#FFFFFF;
}
/* balken oben */
.bgcol-head {
	background-color:#282828;
}
/* hauptmenue */
.bgcol-menu {
	background-color:#EEEEEE;
}
/* hintergrundfarbe modelllaengen */
.bgcol-modellitemlen {
	background-color:#EEEEEE;
}
/* ------------------------------------------------------------------ */
/* raender */
/* ------------------------------------------------------------------ */
/* hauptmenue */
.border-menu {
	border:1px solid #BFBFBF;
}
/* inhalt */
.border-content {
	border:1px solid #AEAEAE;
}
/* linie oben */
.border-top {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DEDEDE;
}
/* linie unten */
.border-bottom {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#BBBBBB;
}
/* ------------------------------------------------------------------ */
/* allgemeine klassen */
/* ------------------------------------------------------------------ */
/* fehlermeldung */
.error {
	color:#CC3300;
}
/* pflichtfeld */
.mand-field {
	color:#0066FF;
	background-color:#F3F3F3;
}
/* ------------------------------------------------------------------ */
/* panels 
/* ------------------------------------------------------------------ */
/* status */
.pnl-status {
	background-color:#DEDEDE;
  border-top:solid 1px #DDDDDD;
  border-left:solid 1px #DDDDDD;
  border-right:solid 1px #BBBBBB;
  border-bottom:solid 1px #BBBBBB;
	padding:2px 6px 2px 6px;
}
/* seitenelemente (filiale, zeitraum, ...) */
.pnl-element {
	font-weight:bold;
	color:#003399;
	border-top:solid 1px #DDDDDD;
	border-left:solid 1px #DDDDDD;
	border-right:solid 1px #BBBBBB;
	border-bottom:solid 1px #BBBBBB;
	padding:2px 20px 2px 20px;
	background:#DEDEDE url(../img/item.gif) no-repeat scroll 6px center;
}
/* ------------------------------------------------------------------ */
/* seitenheader */
/* ------------------------------------------------------------------ */
/* seitentitel */
.head-caption {
	font-weight:bold;
	color:#FFFFFF;
}
/* sprache und adressblock */
.head-language, .head-address {
	color:#FFFFFF;
}
/* ------------------------------------------------------------------ */
/* statusanzeige */
/* ------------------------------------------------------------------ */
.stat-seperator {
	padding-left:6px;
	padding-right:6px;
}
.stat-actstatus {
	font-weight:bold;
	color:#003399;
}
.stat-col a:link, .stat-col a:visited {
	color:#003399;
	text-decoration:underline;
}
.stat-col a:hover, .stat-col a:active {
	color:#000000;
	text-decoration:none;
}
/* ------------------------------------------------------------------ */
/* filiale/zeitraum */
/* ------------------------------------------------------------------ */
/* standortbezeichnung bei mehreren filialen */
.dur-mulstore-shopbez {
	color:#CC3300;
	background-color:#F9F9F9;
	font-weight:bold;
}
/* ------------------------------------------------------------------ */
/* artikelliste */
/* ------------------------------------------------------------------ */
/* beschreibung der verleihgruppe */
.vlg-itemdesc {
	margin:7px;
	padding:3px 10px 5px 10px;
	color:#0066FF;
	background-color:#F9F9F9;
}
/* preis der gewaehlten vlg */
.vlg-price {
	margin:7px;
	padding:3px 10px 5px 10px;
	color:#000000;
	background-color:#DEDEDE;
}
/* einzelnes modell */
.modell-item {
	color:#CC3300;
	background-color:#F9F9F9;
	font-weight:bold;
}
.modell-itempreview {
	color:#FFFFFF;
	background-color:#CC3300;
}
/* modellbeschreibung */
.modell-itemdesc {
	color:#000000;
	font-size:11px;
}
/* laengenbezeichnung */
.modell-itemlendesc {
	color:#003399;
	font-weight:bold;
}
/* ------------------------------------------------------------------ */
/* warenkorb
/* ------------------------------------------------------------------ */
/* warenkorb tabelle */
.cart-tbl {
	/*border-spacing:1px; geht leider nicht bei ie6 */
	background:#E7E7E7;
}
/* spaltenbezeichnungen */
.cart-lbl-header {
	color:#FFFFFF;
	background-color:#CC3300;
}
/* rabattwert */
.cart-rabatt {
	color:#0066FF;
	background-color:#F9F9F9;
}
/* gesamtpreis */
.cart-price {
	color:#003399;
	background-color:#F9F9F9;
	font-weight:bold;
}
/* anzahlung */
.cart-anz {
	color:#000000;
	background-color:#F9F9F9;
}
/* artikelposition */
.cart-product {
	color:#CC3300;
}
/* standort */
.cart-lbl-store {
	color:#0066FF;
	background-color:#F9F9F9;
}
/* dauer */
.cart-lbl-duration {
	color:#0066FF;
	background-color:#F9F9F9;
}
/* person link */
.cart-lnk-person a:link, .cart-lnk-person a:visited {
	color:#003399;
	text-decoration:underline;
}
.cart-lnk-person a:hover, .cart-lnk-person a:active {
	color:#CC3300;
	text-decoration:none;
}
/* agb link */
.cart-lnk-agb a:link, .cart-lnk-agb a:visited {
	color:#003399;
	text-decoration:underline;
}
.cart-lnk-agb a:hover, .cart-lnk-agb a:active {
	color:#CC3300;
	text-decoration:none;
}
/* leerer warenkorb link */
.cart-lnk-empty a:link, .cart-lnk-empty a:visited {
	color:#003399;
	text-decoration:underline;
}
.cart-lnk-empty a:hover, .cart-lnk-empty a:active {
	color:#CC3300;
	text-decoration:none;
}
/* warenkorb navigation mit div's anstatt dem table -> ie hack */
#cart-navigation {
	float:right;
	clear:right;
	margin:0px;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
}
.cart-div-button {
	float:left;
	margin:0px;
	padding:3px;
}
.cart-lbl-res-id {
	font-weight:bold;
	font-size:12px;
	color:#0066FF;
	background-color:#F9F9F9;
}
.cart-res-id {
	font-weight:bold;
	font-size:12px;
}
/* ------------------------------------------------------------------ */
/* preisliste
/* ------------------------------------------------------------------ */
/* ueberschrift */
.res-lbl-confirmtext {
	font-weight:bold;
	font-size:12px;
	color:#CC3300;
}
/* alternierende zeilenfarben */
tr.res-odd {
	background-color:#EFEFEF;
}
tr.res-even {
	background-color:#FFFFFF;
}
/* hellenueberschriften */
.res-lbl-header {
	color:#FFFFFF;
	background-color:#CC3300;
}
/* tabellenrahmen */
.res-table {
	background:#E7E7E7;
}
.res-vlg-item {
	color:#003399;
}
/* ------------------------------------------------------------------ */
/* container hautpmenue */
/* ------------------------------------------------------------------ */
#navcontainer {
	width:auto;
}
#navcontainer ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#navcontainer a {
	display:block;
	margin:0px;
	padding:2px;
}
/* ie hack */
* html #navcontainer a {
  width:100%;
  w\idth:8.8em;
}
#navcontainer a:link, #navlist a:visited {
	border:1px solid #F1F1F1;
	padding:2px 10px 4px 10px;
	margin:3px;
	color:#333333;
	text-decoration:none;
}
#navcontainer a:hover {
	border:1px solid #BBBBBB;
	margin:3px;
	padding:2px 10px 4px 10px;
	text-decoration:none;
	background-color:#F9F9F9;
	color:#003399;
}
/* ------------------------------------------------------------------ */
/* container produktkategorien und artikel */
/* ------------------------------------------------------------------ */
#catcontainer,
#vlgcontainer,
#modcontainer {
	width:auto;
}
#vlgcontainer {
	width:auto;
}
#catcontainer ul,
#vlgcontainer ul,
#modcontainer ul {
	margin:0px;
	padding:5px;
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#catcontainer a,
#vlgcontainer a,
#modcontainer a {
	display:block;
	margin:0px;
	padding:2px;
}
/*
#vlgcontainer a {
	width:20em;
}
*/
/* ie hack */
* html #catcontainer a,
* html #vlgcontainer a,
* html #modcontainer a {
  width:100%;
  w\idth:8.8em;
}
#catcontainer a:link, #catlist a:visited,
#vlgcontainer a:link, #vlglist a:visited,
#modcontainer a:link, #modlist a:visited {
	border:1px solid #DDDDDD;
	padding:2px 10px 4px 10px;
	margin:2px;
	text-decoration:none;
	background-color:#737373; /* #CC3300; */
	color:#FFFFFF;
}
#catcontainer a:hover,
#vlgcontainer a:hover,
#modcontainer a:hover {
	border:1px solid #BBBBBB;
	margin:2px;
	padding:2px 10px 4px 10px;
	text-decoration:none;
	background-color:#FFFFFF;
	color:#003399;
}
#catcontainer li.pressed,
#vlgcontainer li.pressed,
#modcontainer li.pressed {
	border:1px solid #BBBBBB;
	margin:2px;
	padding:2px 10px 4px 10px;
	background-color:#282828; /* #003399; */
	color:#FF3300; /* #FFFFFF */
}
.vlgitemprice {
	float:right;
	width:7em;
}

/* ------------------------------------------------------------------ */
/* formularelemente in verschiedenen ausfuehrungen und groessen */
/* ------------------------------------------------------------------ */
input, textarea, select, button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
}
/* input verdana 40px - netscape: size=2 (arial), size=3 (verdana) */
input.inpv38px3 {
	width:38px;
}
/* input verdana 51px - netscape: size=4 */
input.inpv51px4 {
	width:51px;
}
/* input verdana 96px - netscape: size=9 */
input.inpv96px9 {
	width:96px;
}
/* input verdana 70px - netscape: size=7 */
input.inpv70px7 {
	width:70px;
}
/* input verdana 150px - netscape: size=15 */
input.inpv150px15 {
	width:150px;
}
/* input verdana 165x - netscape: size=15 */
input.inpv165px15 {
	width:165px;
}
/* input verdana 204px - netscape: size=22 */
input.inpv204px22 {
	width:204px;
}
/* input verdana 258px - netscape: size=27 */
input.inpv258px27 {
	width:258px;
}
/* input verdana 303px - netscape: size=32 (verdana), size=35 (arial) */
input.inpv303px32 {
	width:303px;
}
/* input verdana 357px - netscape: size=38 (verdana), size=41 (arial) */
input.inpv357px38 {
	width:357px;
}
/* ------------------------------------------------------------------ */
/* comboboxen in verschiedenen groessen */
/* ------------------------------------------------------------------ */
select.cbov260px22 {
	width:260px;
}
select.cbov204px22 {
	width:210px;
}
select.cbov150px15 {
	width:154px;
}
select.cbov165px15 {
	width:169px;
}
select.cbov195px15 {
	width:198px;
}
select.cbov50px10 {
	width:50px;
}
select.cbov195fontfix {
	width:215px;
    font-family: "Courier New", Courier, mono;
}



/* ------------------------------------------------------------------ */
/* textareas in verschiedenen groessen
/* ------------------------------------------------------------------ */
/* textarea verdana 165px - netscape: cols=28 */
textarea.txtv165px28 {
	width:165px;
}
/* textarea verdana 248px - netscape: cols=28 */
textarea.txtv248px28 {
	width:248px;
}
/* textarea verdana 385px - netscape: cols=40 */
textarea.txtv385px40 {
	width:385px;
}
/* textarea verdana 680px - netscape: cols=28 */
textarea.txtv680px38 {
	width:680px;
}
/* ------------------------------------------------------------------ */
/* buttons */
/* ------------------------------------------------------------------ */
/* ie hack */
input.btn-next, input.btn-common {
	padding:0 .25em;
	width:0;
  overflow:visible;
}
/* ie hack */
input.btn-next[class], input.btn-common[class] {
	width:auto;
}
input.btn-next, input.btn-next:hover {
	cursor:pointer;
	color:#003399;
	text-align:left;
	padding:5px 5px 5px 20px;
	border-top:solid 1px #DDDDDD;
	border-left:solid 1px #DDDDDD;
	border-right:solid 1px #BBBBBB;
	border-bottom:solid 1px #BBBBBB;
	background:#F9F9F9 url(../img/arrow.gif) no-repeat scroll 8px center;
}
input.btn-next:hover {
	border-top:solid 1px #BBBBBB;
	border-left:solid 1px #BBBBBB;
	border-right:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	position:relative;
	top:1px;
	left:1px;
}
input.btn-common, input.btn-common:hover {
	cursor:pointer;
	color:#003399;
  text-align:left;
  padding:5px;
  border-top:solid 1px #DDDDDD;
  border-left:solid 1px #DDDDDD;
  border-right:solid 1px #BBBBBB;
  border-bottom:solid 1px #BBBBBB;
	background:#F9F9F9;
}
input.btn-common:hover {
  border-top:solid 1px #BBBBBB;
  border-left:solid 1px #BBBBBB;
  border-right:solid 1px #DDDDDD;
  border-bottom:solid 1px #DDDDDD;
	position:relative;
	top:1px;
	left:1px;
}
input.btn-calendar {
	cursor:pointer;
	padding:2px;
	border-top:solid 1px #DDDDDD;
	border-left:solid 1px #DDDDDD;
	border-right:solid 1px #BBBBBB;
	border-bottom:solid 1px #BBBBBB;
	background:#F9F9F9 url(../calendar/img.gif) no-repeat scroll center center;
	width:25px;
	height:19px;
}
button.btn-cart {
	cursor:pointer;
	padding:2px;
	border:none;
	background:url(../img/cart.gif) no-repeat scroll center center;
	width:25px;
	height:19px;
}
button.btn-cartdel {
	cursor:pointer;
	padding:2px;
	border:none;
	background:url(../img/cartdel.gif) no-repeat scroll center center;
	width:25px;
	height:19px;
}
input.myradio {
	height:16px;
}
input.hidden-radio {
	display:none;
}