/* =========================================================
muellerbauer.de - Stylesheet für muellerbauer.de
Datei: style.css
Media: screen
Datum: 21. Juli 2007
Autor: Ulf Mayer & Benji Wiebe
Mail: ulfmayer@gmail.com & info@mennox.de
Web: http://muellerbauer.de
Farbangaben:
	Blau - #9fdaf7
	Gelb - #fffae8
	Rot - #ca0033
	Grün - #98ba00
	Dunkles Gelb - #ffec91
	Orange - #fdca00
========================================================== */
/* ===============================
   = Allgemeine Definitionen
=============================== */
body {
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 100.01%;
	background: #9fdaf7 url(/fileadmin/templates/images/bg-baueme3.gif) 50% 100% no-repeat;
	color: #000;
}
address { font-style: normal; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
ul,ol { list-style:none }
/*:link,:visited { text-decoration:none }*/
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}
a img,:link img,:visited img { border:none }
.screenreader,
.hidden {
	display: none;
}
fieldset {
   border: none 0;
}
.clear {
	clear: both;
}
h1, h2, h3, h4, a {
	color: #ca0033;
}
a {
	text-decoration: underline;
}
/* ===============================
   = Container
=============================== */

div#container {
	font-size: .8em;
	text-align: left;
	width: 770px;
	position: relative;
	margin: 0 auto;
	background: url(/fileadmin/templates/images/bg-container.jpg) left bottom no-repeat;
}
	div#header {
		background: #9fdaf7 url(/fileadmin/templates/images/bg-header-2.jpg) 0 12px no-repeat;
		height: 143px;
		width: 789px;
		position: absolute;
		top: 0px;
		left: -16px;
		z-index: 200;
	}

	div#contentwrap {
		background: #fffae8 url(/fileadmin/templates/images/bg-contentwrap.gif) repeat-y;
		padding-top: 100px;
		position: relative!important;
		height: 100%;
	}
	div#leftzone {
		background: #ca0033;
		width: 135px;
		float: left;
		padding: 50px 0 0 15px;		
	}
	div#content {
		background: #fffae8 url(/fileadmin/templates/images/kachel.gif);
		background: #fffae8;
		float: left;
		width: 620px;
		padding-top: 50px;
		position: relative;
	}
	
	div.innerContent {
		margin: 0 20px 0 20px;
	}
		div.innerContent div.innerContent {
			margin: 0;
		}
		div#firstcol {
			width: 247px;
			float: left;
			/*padding: 0 10px 0 38px;*/
		}
		div#secondcol {
			width: 275px;
			float: right;
			/*padding: 0 30px 0 15px;*/
		}
	div#footer {
		clear: both;
		height: 52px;
		position: relative;
	}
/* ===============================
   = Spezielles
=============================== */
h1.logo img {
	display: none;
}
h1.logo a {
	display: block;
	background: url(/fileadmin/templates/images/muellerbauer-logo.gif) no-repeat;
	width: 310px;
	height: 90px;
	position: absolute;
	top: 55px;
	right: 20px;
	outline: 0;
}
div.newsbox {
	border: 1px solid #ca0033;
	background: #ffde3f;
	padding: 10px;
	margin: 0 0 12px 0;
}
div.headline {
	background: #ffec91;
	border: 1px solid #ca0033;
	border-bottom: 0;
	margin: 0;
	text-align: center;
}

.innerContent ul {
	margin: 0 0 10px 23px;
	padding: 0;
	list-style: square;
}

body div#content div.innerContent ol li,
.innerContent ul li {
	margin: 0;
	padding: 0;
}

.innerContent ol {
	margin: 0 0 10px 23px;
	padding: 0;
}

body div#secondcol .csc-textpic-imagerow,
body div#secondcol .csc-textpic-imagewrap {
	width: 300px!important;
}

body div#secondcol .csc-textpic-center {
	width: 300px;
}

div#secondcol .csc-textpic {
	width: 300px;
	text-align: center;
}

.contenttable {
	border: 2px solid #DFD2A7;
	padding: 5px;
}

div.videobox {
	background:#ffec91 none repeat scroll 0%;
	display:block;
	padding:1em 0pt;
	text-align:center;
}

a.button {
	display: block;
	width: 133px;
	height: 22px;
	padding: 3px 0 0 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	outline: 0;
	background: url(/fileadmin/templates/images/button.gif) no-repeat;	
}

div#answer1 {
	width: 330px;
}

div#answer1,
div#answer2,
div#answer3,
div#answer4,
div#answer5,
div#answer6,
div#answer7,
div#answer8 {
	display: block;
	border: 2px solid #DFD2A7;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

div#answer1 div,
div#answer2 div,
div#answer3 div,
div#answer4 div,
div#answer5 div,
div#answer6 div,
div#answer7 div,
div#answer8 div {
	margin: 10px;
}

/* ===============================
   = Menü
=============================== */
ul#nav {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
}
ul#nav li { margin: 0; padding: 0; line-height: normal; display: inline;}
ul#nav li a {	outline: 0; color: #ffec91;	font-weight: bold; display: block; margin: 5px 0 5px 0; padding: 0; text-decoration: none;}
ul#nav li a.active,
ul#nav li a:hover { color: #fdca00;}

ul#nav li ul {
	margin: 0 0 0 10px;
}

ul#nav li ul li a {
	background: url(/fileadmin/templates/images/this-ul.gif) 0 3px no-repeat;
	padding-left: 10px;
}

ul#nav li ul li a.active {
	background: url(/fileadmin/templates/images/this-ul-act.gif) 0 3px no-repeat;
}

/* ===============================
   = sIFR Überschriften
=============================== */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
h1.csc-firstHeader {
	font-size: 20px;
	text-transform: uppercase;
	color: #ca0033;
	margin: 0 0 10px 0;
}
.sIFR-hasFlash h1.csc-firstHeader {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 24px;
	text-transform: uppercase;
}

/* ===============================
   = Gästebuch
=============================== */

fieldset {
  border: 0;
}

fieldset legend {
  display: none;
}

form#gbformular {
  display: block;
  padding: 0;
}

form#gbformular label {
  display: block;
  width: 100px;
  float: left;
  cursor: pointer;
  padding: 0 0 2px 0;
}

form#gbformular textarea,
form#gbformular input {
  margin: 0 0 3px 0;
  width: 200px;
}

.pagebrowser {
  margin: 5px 0 10px 0;
  text-align: center;
}

div.beitrag {
  border: 0;
  background: #ffec91;
  margin: 0 0 1em 0;
  padding: 1em;
  font-size: 1em;
  border-top: 1px solid #FDCA00;
  position: relative;
}

hr.nohr {
  display: none;
}

a.fplink {
  display: block;
  height: 90px;
  width: 300px;
}

div#seitencontent h1 {
  margin: 0 0 0 10px;
}

div.newslatest{
  margin: 10px 20px 0 0;
  padding: 10px;
}
div.alternate{
}

div.pagebrowser {
  text-align: center;
}

div#rightcontent div p.bodytext {
  margin: 0;
}

span.date {
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  color:#ca0033;
}

div.entry {
  position: relative;
  margin: 10px 0 0 0;
}

label.error {
  color: #FB9400;
  text-decoration: underline;
}

span.errormessage {
  color: #fff;
  background: #808080;
  font-weight: normal;
  display: block;
  border: 2px solid #FB9400;
  padding: 2px;
  margin-bottom: 10px;
  text-align: center;
  font-family: serif;
  font-style: italic;
  font-size: 1.1em;
  letter-spacing: .1em;
  word-spacing: .3em;
}

span.captcha {
  display: block;
  width: 120px;
  height: 40px;
  margin: 2px 0 2px 100px;
  border: 1px solid #000;
}

form#gbformular input#captcha {
  margin-left: 100px;
}

form#gbformular button {
	display: block;
	width: 133px;
	height: 25px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	outline: 0;
	border: 0;
	line-height: normal;
	background: url(/fileadmin/templates/images/button.gif) no-repeat;
  color: #ca0033;
  letter-spacing: 0;
  font-size: 12px;
  margin-left: 100px;
  font-family: Arial, sans-serif;
}

form#gbformular textarea {
  padding: 1px;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

/* ===============================
   = Bildergalerie
=============================== */

div.tx-lzgallery-pi1 {
  border: 0;
}

table#tx-lzgallery-pi1-listing {
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0 0 20px 0;
}

td.information {
  display: none;
}

table#tx-lzgallery-pi1-listing tr.line1 {
  background: #ca0033;
  border-top: 20px solid #fffae8;
}

table#tx-lzgallery-pi1-listing td.title a {
  font-size: 12px;
  color: #FFEC91!important;
  font-weight: bold;
  text-decoration: none;
}

table#tx-lzgallery-pi1-listing td.count {
  color: #fff;
  padding: 0;
  font-weight: bold;
}

tr.sorting,
div.tx-lzgallery-pi1-searchbox,
table#tx-lzgallery-pi1-fotos td center {
  display: none;
}

table#tx-lzgallery-pi1-fotonav {
  border: 0;
  background: none;
}

table#tx-lzgallery-pi1-listing tr.line2 td {
  background: #FFEC91;
  padding: 5px;
}

div#tx-lzgallery-pi1-title {
  border: 0;
  text-align: left;
  font-size: 12px;
  color: #ca0033;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

table#tx-lzgallery-pi1-fotos {
  border: 0;
}

table#tx-lzgallery-pi1-fotos td {
  border: 0;
}

table#tx-lzgallery-pi1-fotonav select,
table#tx-lzgallery-pi1-fotonav td {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

table#tx-lzgallery-pi1-fotos {
  width: 100%;
}

table#tx-lzgallery-pi1-fotos td {
  text-align: center;
}

a.buttonlink {
	background: #ca0033 url(/fileadmin/templates/images/gaia_btn_middle.gif) repeat-x;
	padding: 11px 3px 0 3px;
	font-size: 14px;
	font-weight: bold;
	color: #fffae8;
	text-decoration: none;
	width: 200px;
	height: 29px;
	text-align: center;
	display: block;
	float: left;
}

img.floatImg {
	float: left;
}

.centered {
	margin: 0 auto;
	width: 225px;
}

/* ===============================
   = Shop
=============================== */

.productImage {
  padding: 5px;
  width: 130px;
  float: left;
}

.tt_products_item_single_display,
div.listitem {
  background: #ffec91;
  padding: 10px;
  margin: 0 0 20px 0;
}

table.basket_items {
  border-collapse: collapse;
}

table.basket_items caption {
  margin:0 0 20px 0;
  font-weight: bold;
  font-size: 14px;
}

tr.listitem {
  background: #FFEC91;
  border-bottom: 2px solid #FFFAE8;
  padding: 10px;
}

tr.listitem td.image {
  border-left: 1px solid #FFFAE8;
}

td.image img {
  margin: 10px;
}

td.quantity {
  vertical-align: top;
}

td.product,
td.price,
td.total {
  vertical-align: top;
  padding-top: 10px
}

div.tt_products_basket p {
  display: block;
  margin: 20px 0 0 0;
}

div.tt_products_basket h2 {
  margin: 20px 0 0 0;
}

.basket_items {
  width: 100%;
}

.notes,
.delivery_address,
.billing_address {
  background: #FFEC91;
  padding: 10px;
  margin: 0 0 20px 0;
}

.notes label,
.delivery_address label,
.billing_address label {
  display: block;
  float: left;
  width: 180px;
}

.delivery_address input,
.billing_address input {
  margin-bottom: 2px;
}

.notes,
.invoice_address,
.delivery_address,
.delivery-payment {
  margin-top: 20px;
}

td.quantity input {
  width: 70%;
  margin: 10px 5px;
}

.notes dl,
.delivery_address dl,
.delivery-payment dl,
.invoice_address dl {
  margin: 0;
  padding: 0;
}

.notes dt,
.delivery_address dt,
.delivery-payment dt,
.invoice_address dt {
  width: 180px;
  float: left;
  margin: 0;
  padding: 0;
}

.notes dd,
.delivery_address dd,
.delivery-payment dd,
.invoice_address dd {
  display: block;
  margin: 0;
  padding: 0;
}

td.quantity {
  padding: 10px;
}

.important,
.spezialo {
  background: #ffec91;
/*  padding: 1em;*/
  text-align: center;
/*  border: 2px solid #fdca00;
  -moz-border-radius:15px;*/
  display: block;
}
  .important a,
  .spezialo a {
    text-decoration: none;
  }

.bluelens {
  padding: 5px 0 5px 0;
}

div#overlay {
  position: absolute;
  width: 500px;
  background: #FFFAE8;
  border: 2px solid #F28F00;
  padding: 20px;
}

/* set millions of background images */
.rbroundbox { background: url(/fileadmin/templates/images/nt.gif) repeat; }
.rbtop div { background: url(/fileadmin/templates/images/tl.gif) no-repeat top left; }
.rbtop { background: url(/fileadmin/templates/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/fileadmin/templates/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/fileadmin/templates/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { margin: 1em auto; }