/* 
  application.css for bierher.at
  (c) 2008 railway 
  www.railway.at
  gf,ck
  office@railway.at 
*/

html[xmlns^="http"] {
	overflow-y: scroll;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font: 0.8em Arial;
	color: #fff001;
	line-height: 1.2em;
	background-color: #003300;
	height: 100%;
}

img {
  border: 0px;
  outline: none;
}

td.product, th.product {
  background-image: url(/images/layout/td-bg.jpg);
  background-repeat: repeat-x;
}

div.form {
  background-color: #008e00;
  background-image: url(/images/layout/td-bg-big.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  font: 1.0em Arial;
  color: #ffcc58;
}

div#header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 110px;
  background-image: url(/images/layout/head.jpg);
  background-repeat: no-repeat;
  background-color: #fff001;
}

div#homeLink {
  position:absolute;
  top: 0px;
  left: 0px;
  width: 136px;
  height: 110px;
}

div#sidebar {
  position: absolute;
  top: 115px;
  left: 5px;
  width: 130px;
  text-align: center;
}

div#sidebar a {
  line-height: 1.1em;
}

div#sidebarRight {
  position: absolute;
  left: 685px;
  top: 115px;
  width: 300px;
  background-color: #003300;
  margin: 0px;
  padding: 0px;
  font: 1.1em Arial;
  text-align: left;
}

div#content {
  position: absolute;
  top: 115px;
  left: 140px;
  width: 520px;
  padding: 10px;
  background-color: #669966;
  text-align: left;
  min-height: 100%;
}

div#bierkiste {
  margin-left: 1px;
  width: 243px;
  padding: 10px;
  border: solid 1px #006600;
  background-color: #fff001;
  color: #006600;
  text-align: left;
}

div#bierkiste td {
  background:transparent;
}

a.bierkiste, a.bierkiste:visited, a.bierkiste:active {
  color:#006600;
  padding: 2px;
}

a.bierkiste:hover, a.bierkiste:focus {
  color: #fff001;
  background-color: #006600;
}

div#bierkisteHead {
  margin-left: 1px;
  width: 230px;
  padding: 5px;
  padding-left: 30px;
  background-image: url(/images/layout/bierkiste.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
  background-color: #006600;
  font: bold 1.0em Arial;
  color: #fff001;
  text-align: left;
  vertical-align: middle;
}

div#notice {
  background-color: #008e00;
  background-image: url(/images/layout/td-bg-small.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 10px;
  margin: 10px 0;
}

div.hideme {
  clear: both;
}

/*text & links*/

a.bigLink, a.bigLink:active, a.bigLink:visited {
  font: bold 1.2em Arial;
  color: #fff001;
  text-decoration: underline;
}

a.bigLink:hover, a.bigLink:focus {
  color: #ff9900;
}

a, a:active, a:visited {
  color: #fff001;
  text-decoration: underline;
}

a:hover, a:focus {
  color: #ff9900;
}

.smallFontOrange {
  margin: 0px;
  font: 0.8em Arial;
  color: #ffcc58;
}

p.smallFontGreen {
  font: 0.8em Arial;
  color: #006600;
  text-align: center;
}

h2 {
  margin: 0px;
  font: bold 1.0em Arial;
	color: #fff001;
}

h2.form {
  margin: 0px;
  font: bold 1.2em Arial;
	color: #ffffff;
}


label {
  cursor:pointer;
  color: #ffffff;
}

input.productCount {
  width: 15px;
  background-color: #ffff66;
  border: solid 1px #003300;
  font-size: 0.8em;
  font-weight: bold;
  color: #003300;
  padding: 4px 0px 4px 1px;
  margin-bottom: 2px;
  text-align: center;
  overflow: hidden;
  -moz-outline: none;
}

input.productCount:hover, input.productCount:focus {
  width: 15px;
  background-color: #ffffbd;
  border: solid 1px #ff9900;
  font-size: 0.8em;
  color: #006600;
  padding: 4px 0px 4px 1px;
  margin-bottom: 2px;
  text-align: center;
  overflow: hidden;
  -moz-outline: none;
}

input.textField, textarea {
  background-color: #ffff66;
  border: solid 1px #003300;
  font-size: 1.0em;
  font-weight: bold;
  color: #003300;
  padding: 2px;
  overflow: hidden;
  -moz-outline: none;
}

textarea {
  width:485px;
  font-size: 1.0em;
  font-family: Arial;
  overflow: hidden;
  -moz-outline: none;
}

select {
  background-color: #ffff66;
  border: solid 1px #003300;
  font-size: 1.0em;
  color: #003300;
  padding: 2px;
  -moz-outline: none;
}

input.textField:hover, input.textField:focus, textarea:hover, textarea:focus {
  background-color: #ffffbd;
  border: solid 1px #ff9900;
  font-size: 1.0em;
  color: #003300;
  padding: 2px;
  overflow: hidden;
  -moz-outline: none;
}

input.textFieldDisabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #ffff66;
  border: solid 1px #003300;
  font-size: 1.0em;
  color: #003300;
  padding: 2px;
  overflow: hidden;
  -moz-outline: none;
}

.button {
  cursor: pointer;
  outline: none;
  -moz-outline: none;
}

div#headerText {
  display: none;
}

div#printHeader {
  display: none;
}

div.fieldWithErrors {
  display: inline;
}

div.fieldWithErrors input.textField, div.fieldWithErrors textarea {
  border:2px solid #fe7200;
}

div.fieldWithErrors input.textField:hover, div.fieldWithErrors input.textField:focus, 
  div.fieldWithErrors textarea:hover, div.fieldWithErrors textarea:focus {
  background-color: #ffffbd;
  border: 2px solid #ff9900;
  font-size: 1.0em;
  color: #003300;
  padding: 2px;
  overflow: hidden;
  -moz-outline: none;
}

.prototip {
  position:absolute;
}

.prototip .default {
  width: 200px;
  color: #006600;
}
.prototip .default .toolbar {
  
}
.prototip .default .title { 
  padding: 5px; 
  background-color: #006600;
  color: #fff001;
  font-weight: bold;
}
.prototip .default .content { 
  background-color: #fff001;
  padding: 5px;
  border:1px solid #006600;
}

.deliveryArea {
  cursor: pointer;
}

span.deliveryArea {
  color:#fff001;
  font-weight:bold;
}


.coreDeliveryArea {
  padding:0px 0px 2px 18px; 
  background-repeat:no-repeat;
  background-position:1px 2px;
  background-image: url(/images/icons/bullet_green.gif);
}

.borderDeliveryArea {
  padding:0px 0px 2px 18px; 
  background-repeat:no-repeat;
  background-position:1px 2px;
  background-image: url(/images/icons/bullet_orange.gif);
}

.noDeliveryArea {
  padding:0px 0px 2px 18px; 
  background-repeat:no-repeat;
  background-position:1px 2px;
  background-image: url(/images/icons/bullet_red.gif);
}