/******************* Basic Styles for Bäckerei Mayer ****************
version:	1.0
author:		linus stubert
email:		ls@goetzinger-komplizen.de
web:		http://www.goetzinger-komplizen.de
copyright:	goetzinger-komplizen 2011
*********************************************************************/


/*** general styles ***/

body {
	background:#ffffff;
	text-align:center;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:11px;
	line-height:1.4em;
}

* {
	margin:0;
	padding:0;
}

h1, h2 {
	color:#781d0e;
	font-family:garamond,georgia,"times new roman",verdana,arial,tahoma,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
}

h3, h4, h5, h6 {
	color:#781d0e;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
}

p {
	font-size:11px;
	font-weight:normal;
	margin-bottom:1.5em;
}

ul {
	margin-bottom:1.5em;
}

ol {
	margin-bottom:1.5em;
}

.content-element {
	clear:both;
}

table {
	border-collapse:collapse;
}

caption {
	font-weight:bold;
	text-align:center;
}

td, th {
	font-family:Verdana,Arial,Tahoma,sans-serif;
	font-size:11px;
	vertical-align:top;
	text-align:left;
}

img {
	border:none;
}

a {
	color:#781d0e;
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;
}

a.external-link-new-window {
	text-decoration:underline;
}

ul li {
	margin-left:20px;
}

ol li {
	margin-left:20px;
}

.red {
	color:#781d0e;
}

br.clear {
	clear:both;
	line-height:1px;
	height:1px;
}


/*** TYPO3 CSC styles ***/

div.csc-textpic {
	padding-bottom:10px;
}

div.csc-textpic div.csc-textpic-imagewrap {
	text-align:left;
}

div.csc-textpic div.csc-textpic-imagerow {
	margin-bottom:0;
	overflow:hidden;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
	padding-bottom:10px;
}


/*** wrapper styles ***/

#wrapper {
	width:900px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}



/*** main styles ***/

#main {
	width:900px;
	min-height:470px;
	height:auto !important;
	height:470px;
	margin:10px auto 10px auto;
}


/*** header styles ***/

#header {
	width:900px;
	height:192px;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	position:relative;
	z-index:10;
}

#header #logo {
	position:absolute;
	left:22px;
	top:3px;
}

#header-image {
	height:192px;
	overflow:hidden;
}

#topnav {
	position:absolute;
	right:20px;
	top:20px;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:11px;
}

#topnav iframe {
	float:left;
}

#topnav ul {
	float:left;
	padding-top:2px;
	margin:0;
}

#topnav ul li {
	list-style-type:none;
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #781d0e;
}

#topnav ul li.last {
	border:0;
	padding:0;
	margin:0;
}

#topnav a {
	color:#781d0e;
	text-decoration:none;
}

#stoerer {
	position:absolute;
	top:36px;
	left:670px;
}


/*** nav styles ***/

#menu {
	position:absolute;
	left:10px;
	top:168px;
}

#menu ul { 
	padding:0;
}

#menu ul li { 
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

#menu ul {
	margin:0px;
	padding:0px;
	color:#eee1ce;
}

#menu ul li a {
	line-height:1em;
	padding:0.2em 12px;
	background:#bd2c16;
	color:#eee1ce;
	text-decoration:none;
	float:left;
	font-weight:bold;
	border-left:1px solid #eee1ce;
}

#menu ul li.active a, #menu ul li a:hover {
	color:#fff;
}

#menu ul li.active ul li a {
	color:#eee1ce;
}

#menu ul li.active ul li.active a, #menu ul li.active ul li a:hover {
	color:#fff;
}

#menu ul li a.first {
	border-left:none;
}

#menu ul li ul {
	position:absolute;
	top:15px;
	padding-top:10px;
	left:0;
	display:none;
	background:#bd2c17;
	width:250px;
	padding-bottom:5px;
}

#menu ul li:hover ul, #menu ul li.hover ul {
	display:block;
}

#menu ul li:hover ul li ul, #menu ul li.hover ul li ul {
	display:none;
}

#menu ul li ul li {
	display:block;
	float:none;
	position:relative;
}

#menu ul li ul li a {
	padding:0.5em 12px;
	display:block;
	float:none;
	border-left:0;
	font-weight:normal;
}

#menu ul li ul li.hassub a {
	background:transparent url(../img/menu_arrow.gif) no-repeat right 8px;
}

#menu ul li ul li ul {
	padding:0;
	left:0;
	top:0;
	display:none;
	background:transparent;
}

#menu ul li ul li:hover ul {
	display:block;
}

#menu ul li ul li ul li {
	top:0;
	left:0,
}

#menu ul li ul li ul li a, #menu ul li ul li.hassub ul li a {
	padding:1em 12px;
	position:absolute;
	left:230px;
	top:-3px;
	background:#bd2c17;
}

/*** content styles ***/

.initial {
	margin-top:16px;
	font-weight:bold;
	font-size:14px;
	font-family:garamond,georgia,times new roman,verdana,arial,tahoma,sans-serif;
}

.city, .category {
	margin-top:14px;
	font-weight:bold;
	margin-bottom:2px;
}

.store {
}

.separator {
}

.main-office {
	color:#781D0E;
}

.legend {
	padding-top:16px;
	clear:both;
}


/*** news styles ***/

.news-item {
	margin-bottom:1em;
	overflow:auto;
	clear:both;
}

.news-latest .news-item {
	margin:0;
	overflow:hidden;
}

.news-list .news-item {
	margin-bottom:1em;
	border-bottom:1px dashed #781d0e;
}

.news-list .news-item.last {
	margin:0;
	border:0;
}

.news-item .news-date {
	color:#781d0e;
	font-weight:bold;
}

.news-item h2 {
	margin:0 0 1em 0;
}

.news-item img {
	float:right;
	margin-left:20px;
	border:3px solid #fff;
}

.showResultsWrap {
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
	color:#781d0e;
	font-family:garamond,georgia,"times new roman",verdana,arial,tahoma,sans-serif;
}

.browseLinksWrap .activeLinkWrap, .browseLinksWrap a {
	margin-right:10px;
}

.sign {
	width:195px;
	height:169px;
	padding:40px 75px 24px 58px;
	background:transparent url(../img/schild.jpg) no-repeat 0 0;
}

.paperclip {
	position:absolute;
	top:0;
	right:0;
	width:82px;
	height:41px;
	background:transparent url(../img/bueroklammer.png) no-repeat 0 0;
	z-index:10;
}

.polaroid {
	overflow:hidden;
	padding:10px 0;
	position:relative;
	width:320px;
	height:200px;
}

.polaroid img {
	border:5px solid #fff;
	margin-left:35px;
	position:absolute;
	top:10px;
	left:0;
	-moz-transform:rotate(2.4deg);
	-moz-box-shadow:3px 3px 3px 3px #bb0000;
	-webkit-transform:rotate(2.4deg);
	-webkit-box-shadow:3px 3px 3px 3px #bb0000;
	transform:rotate(2.4deg);
	box-shadow:3px 3px 3px 3px #bb0000;
}

.images  img {
	display:none;
}

.images img.active {
	display:block;
	z-index:10;
}

.images img.prev {
	display:block;
	z-index:9;
}

.news-single-item {
	margin:0;
	width:540px;
}

.news-single-item .images {
	float:right;
	width:240px;
	height:180px;
	margin-left:50px;
	margin-bottom:10px;
}

.news-single-item img {
	border:5px solid #fff;
	position:absolute;
	right:20px;
}

.news-single-item  h1 {
	margin-top:0;
}


/*** event styles ***/

.contenttable td {
	padding-right:16px;
}

.contenttable {
	margin-bottom:1.5em;
}


/*** YouTube styles ***/

.video {
	clear:both;
	overflow:auto;
	margin-bottom:1.5em;
}

.thumbnail {
	position:relative;
	width:120px;
	height:90px;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
	margin-right:20px;
	float:left;
}

.thumbnail .watch {
	z-index:10;
	background:#000;
	color:#fff;
	opacity:0.8;
	position:absolute;
	right:8px;
	bottom:8px;
	font-size:10px;
	padding:1px 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.thumbnail img {
	position:absolute;
	top:5px;
	left:5px;
}


/*** fancybox styles ***/

.csc-textpic-image {
	float:left;
}

.fancybox img {
	background:#fff;
	padding:3px;
	border:1px solid #ccc;
}

.fancybox:hover img {
	background:#fff;
	padding:3px;
	border:1px solid #ccc;
	width:110px;
	height:110px;
	position:relative;
	top:-10px;
	left:-10px;
}


/*** form styles ***/

.fieldrow {
	overflow:hidden;
	clear:both;
	margin-bottom:0.5em;
}

.mailform {
	padding-top:8px;
	padding-left:20px;
	border:none;
	width:355px;
	background:transparent;
	text-align:left;
}

.mailform-field {
	clear:both;
	width:100%;
	padding-bottom:12px;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:11px;
	overflow:hidden;
}

label {
	float:left;
	padding-top:1px;
	display:block;
	width:80px;
}

label.radio-label {
	margin-left:10px;
	margin-right:20px;
	width:auto;
}

input {
	width:270px;
	height:17px;
	font-size:11px;
	color:#000;
	float:left;
	background:#fff;
	border:1px solid #bd2c17;
	padding:1px;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:12px;
}

select {
	border:1px solid #bd2c17;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:12px;
	padding:2px;
}

textarea {
	float:left;
	width:270px;
	height:100px;
	border:1px solid #e5e4e4;
	font-size:11px;
	color:#000;
	font-family:verdana,arial,tahoma,sans-serif;
	background:#fff;
	border:1px solid #bd2c17;
	padding:1px;
}

input.submit {
	margin-top:10px;
	width:120px;
	height:24px;
	border:1px solid #bd2c17;
	background:#fff6e2;
	margin-left:80px;
}

input.radio, input.checkbox {
	width:auto;
	border:0;
	background:none;
}

input.submit:hover {
	background:#fff;
}

.error {
	color:#f00;
	float:left;
	line-height:2em;
	margin-left:80px;
}

.mailform .info-text {
	margin-top:10px;
	float:right;
}

fieldset {
	border:0;
}


/*** fanshop styles ***/

.tx-easyshop-pi1 {
	width:840px;
}

.tx_easyshop_items {
	width:480px;
	overflow:hidden;
	margin-bottom:2em;
}

.tx_easyshop_item {
	float:left;
	width:240px;
	height:204px;
}

.tx_easyshop_item_checkbox {
	float:left;
	width:20px;
}

.tx_easyshop_item_image {
	float:left;
	-moz-box-shadow:-3px 3px 3px #cab797;
	-webkit-box-shadow:-3px 3px 3px #cab797;
	box-shadow:-3px 3px 3px #cab797;
}

.tx_easyshop_item label {
	width:auto;
}

.tx_easyshop_item_name {
	clear:both;
	padding-left:20px;
	width:180px;
	padding-left:20px;
	height:31px;
	font-weight:bold;
	font-size:14px;
	font-family:garamond,georgia,"times new roman",verdana,arial,tahoma,sans-serif;
}

.tx_easyshop_item_name label {
	padding-top:0.5em;
	width:180px;
}

.tx_easyshop_item_price {
	width:180px;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	font-family:garamond,georgia,"times new roman",verdana,arial,tahoma,sans-serif;
}

.tx_easyshop_item_price label{
	float:right;
}

.tx_easyshop_item_variant_select {
	padding-left:20px;
	clear:both;
	float:left;
}

.tx_easyshop_item_variant_select select {
	float:left;
}

.tx_easyshop_item_variant_select .error {
	float:left;
	margin:0;
	margin-left:5px;
}

.tx_easyshop_stoerer {
	background:transparent url(../img/fanshop_stoerer.jpg) no-repeat 0 0;
	width:185px;
	padding:224px 40px 0 110px;
	height:87px;
	float:right;
}

.tx_easyshop_address_data {
	float:left;
	padding-left:20px;
	width:460px;
}

.tx_easyshop_address_data label {
}

.tx_easyshop_address_data input {
	width:318px;
}

.tx_easyshop_address_data .error {
	clear:both;
	line-height:1em;
	display:block;
	padding-top:2px;
	margin-left:80px;
}

.tx_easyshop_info {
	float:left;
	width:200px;
	margin-left:20px;
}

.tx-easyshop-pi1 .submit {
	width:120px;
}

.tx-easyshop-pi1 #store {
	/*font-family:tahoma,verdana,arial,sans-serif;*/
}

.tx-easyshop-pi1 #xyz {
	display:none;
}


/*** footer styles ***/

#footer {
	background:transparent url(../img/bg_footer.jpg) repeat 0px 0px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	margin-top:0px;
	position:relative;
}

#footer img {
	position:absolute;
	bottom:0;
	left:0;
}