/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/

/*
|| LAYOUT CONTAINER
*/

body{
  font-size: 12px;
  background-color: #F6FDE8;
  text-align: center;
  padding-top: 0px;
}

#header{        width: 940px;
                height: 80px;
                padding-top: 8px;
                margin-left: 8px;
                margin-bottom: 8px;
}
#shadow{        width: 978px;
}
#framebottom{   width: 978px;
}

#pagewidth{     width:956px;
}
#leftcol {
	width:148px;
	margin-left: 8px;
}
#twocols {      width:798px; 
}
.twocolsind {      width:948px; 
}
#maincol {
      width:617px;
      margin-left: 10px;
}
.maincolind {   
	width:616px;
	margin-left: 10px;
}
#rightcol{
	margin-top: 75px;
	width:150px; 
	margin-right: 8px;
}
.rightcolind {   
	width:304px; 
    margin-left: 6px;
	margin-right: 8px;
}
.rightblock{
	width: 100%;
	background-image: url(fn_rblockbg.jpg);
	background-repeat: repeat-x;
	overflow: auto;
	margin-bottom: 10px;
}
.rightblock .inrightblock{
	margin: 10px 10px 10px 20px;
	height: 100%;
}
.inrightblock h1{
	color: #60b02d;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	margin-bottom: 5px;
}
.inrightblock h2{
	color: #60b02d;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	color: #478d1c;
}

.inrightblock .newsimg{
	float: left;
	display: none; /* Old: remove this line */
}
.inrightblock .newstext{
	width: 270px; /* Old 175px;*/
	float: left;
	margin-left: 0px; /* Old 10px */
	color: #478d1c;
}
.inrightblock .clearnews{
	clear: both;
	height: 5px;
}
.spanmore{
	white-space: nowrap;
}
.newstext a.newsmore{
	color: #60b02d;
	text-decoration: none;
}
.newstext a.newsmore:hover{
	text-decoration: underline;
}
form#frmnewsletter{
	margin:0px;
}
form#frmnewsletter input{
	margin-top: 3px;
	color: #478d1c;
	font-family: Arial;
	font-size: 12px;
	width: 165px;
}
form#frmnewsletter a.newsletter{
	color: #47811c;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
form#frmnewsletter .div1{
	float: left;
}
form#frmnewsletter .div2{
	float: right;
	padding-top: 3px;
}

#mainheader{
	height: 300px;
	background: transparent url(fn_3topbg.jpg) no-repeat bottom right;
}
#mainheader .info{
	height: 300px;
	background: transparent url(fn_peoplebg.jpg) no-repeat bottom left;
}
.text{
	padding: 130px 0px 0px 330px;
}
.text select.day, .text select.month, .text input.comment{
	float: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
.text select.day{
	width: 50px;
}
.text select.month{
	width: 110px;
}
.text input.comment{
	width: 50px;
	color: #8a8a8a;
}
.ads1{
	background: transparent url(fn_shadowbox.gif) no-repeat;
	width: 297px;
	height: 168px;
}
.odd{
	float: left;
}
.even{
	float: right;
}

.ads1 .info{
	padding: 15px 0px 15px 2px;
	width: 293px;
}
.ads1 .info img.leftimg{
	float: left;
}
.ads1 .info h1{
	color:#666666;
	font-family:Helvetica;
	font-size:16px;
	margin-left:0pt;
	margin-top:15px;
	display: inline;
}
.ads1 .info h2 {
	color:#999999;
	margin-top:0pt;
	display: inline;
}
.ads1 .info a {
	background-image:url(fn_linkarrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
	font-weight:bold;
	padding-right:15px;
	text-decoration:none;
}
.ads1 .info a:hover {
	text-decoration: underline;
}

.ads2{
	background: url(fn_ads2bg.jpg) no-repeat;
	width: 158px;
	height: 142px;
}
.ads2 img{
	margin: 7px 4px 4px 7px;
}

#c7 .last{
	margin: 0px;
}

.ads3{
	text-align: center;
}

/* margins */
div#pagewidth{
}

div#footer{
  margin-top: 8px;
}

div#footertext{
  margin-top: 10px;
}

img#headerimg{
  margin-left: 8px;
}

/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
div.csc-frame-1col {
	clear: both;
}

div.csc-frame-2col,
div.csc-frame-2col-shadow{
  width: 292px;
  margin-right: 8px;
  float: left;
  padding: 5px;
}

#c6 div.csc-frame-2col,
#c6 div.csc-frame-2col-shadow
{
  margin-right: 0px;
}

div.csc-frame-3col{
  width: 199px;
  margin-right: 6px;
  float: left;  
}

div.csc-frame-green{
  background-color: #f7ffe6;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.csc-frame-green p{
  margin-left: 5px;
  margin-right: 5px;
  color: #478d1c;
}
div.csc-frame-green h1{
	margin-left: 5px;
	margin-right: 5px;
	color: #60b02d;
}


div.csc-frame-2col-shadow{
  background-image: url(fn_shadowbox.gif);
  background-repeat: no-repeat;
  height: 168px;
}

div.csc-frame-2col-shadow h1{
  font-family: Helvetica;
  font-size: 16px;
  color: #666666;
  margin-top: 15px;
  margin-left: 0;
}

div.csc-frame-2col-shadow h2{
  color: #999999;
  margin-top: 0;  
}

/*======================================*\
|| Project specific section             ||
\*======================================*/

/*
|| site shadow frame
*/
div#shadow{
  background-image: url(fn_shadowbg.jpg);
  background-repeat: repeat-y;
  margin-left: 11px;
  margin-right: 11px;
}

div#frame{
}

div#framebottom{
  background-image: url(fn_shadowbtbg.jpg);
  background-repeat: no-repeat;
  clear: both;
  height: 23px;
}

/*
|| content elements
*/
h1.title{
  font-family: Arial Narrow;
  font-size: 30px;
  font-weight: 100;
  color: #478d1c;
  text-transform: uppercase;
  margin: 30px 0 10px 0;
  padding: 0;
}

img#contentheader{
/*
  margin-left: 8px;
*/
}

h1.parentpagetitle{
  font-size: 14px;
  color: #666666;
}

div#maincol div.csc-header h1{
  font-size: 14px;
  color: #666666;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  color: #333333;
}

/* 
|| footer styles
*/
div#footertext{
  font-size: 10px;
  color: #666666;
  margin-left: 8px;
  float: left;
}

div#footermenu{
  font-size: 10px;
  color: #666666;
  margin-right: 8px;
  float: right;
}

div#footermenu a:link,
div#footermenu a:visited,
div#footermenu a:active,
div#footermenu li.menu-cur{
  font-size: 10px;
  color: #666666;
  text-decoration: none;
  margin-left: 5px;
}

div#footermenu ul{
  list-style-type: none;
}

div#footermenu ul li{
  float: left;
}

div#footermenu a:hover{
  text-decoration: underline;
}

/* table */
table.contenttable{
  width: 100%;
}

table.contenttable tr.tr-0 th{
  border: none;
  border-left: 1px solid #666666;
  text-align: left;
}

table.contenttable tr.tr-last{
  background-color: #eeeeee;
}

table.contenttable tr.tr-last td{
  border-top: none;
  border-bottom: 1px solid #666666;
}

table.contenttable tr td.td-0{
  border-left: 1px solid #666666;
}

table.contenttable tr td.td-last{
  border-right: 1px solid #666666;
}

table.contenttable tr td,
table.contenttable tr th{
  padding-top: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  padding-right: 3px;
}

div#popad
{
position: absolute;
width: 450px;
left: 0px;
height: 413px;
top: 0px;
z-index: 5;
}

form {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

/* Search form */
#search input {
	color: #478d1c;
}
#search input.button {
	background: #ffffff url(fn_search_button.gif) no-repeat;
	border: 0px;
	overflow: hidden;
	color: white;
	font-size: 1px;
	width: 67px;
	height: 20px;
}
.rightcolind #c96 h1
{
	color: #60b02d;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	margin-bottom: 5px;
}
/* .rightcolind #c78 .tx-danewslettersubscription-pi1-listrow, */
.rightcolind #c96 .tx-danewslettersubscription-pi1-mustlogin
{
	display: none; 
}
#c96 .csc-frame-1col
{
	width: 100%;
	overflow: auto;
	margin: 10px 10px 10px 20px;
	height: 100%;
}
#c96
{
	background-image: url(fn_rblockbg.jpg);
	background-repeat: repeat-x;
}
#c96 input
{
	margin-top: 3px;
	color: #478d1c;
	font-family: Arial;
	font-size: 12px;
	width: 165px;
}
#c96 .tx-danewslettersubscription-pi1 p
{
	color: #478D1C;
	font-size: 12px;
	margin-right: 2em;
}
#c96 .tx-danewslettersubscription-submit,
#c96 .tx-danewslettersubscription-submit2
{
	background: transparent url(fn_linkarrowg.gif) no-repeat right;
	border: 0px none;
	width: 105px;
	padding-right: 15px;
	text-align: right;
}
#c96 .tx-danewslettersubscription-submit2{
	width: 175px;
	float: left;
	display: block;
/*	margin-left: 50px;  */
}
#c96 .tx-danewslettersubscription-pi1-listrow table{
	width: 273px;
}
#c96 .tx-danewslettersubscription-pi1-listrow table p{
	margin: 0px 5px 0px 5px;
}
#c96 .tx-danewslettersubscription-pi1-listrow-header input{
	width: auto;
}
/* Anwendungen styles*/
div#maincol div.csc-header h1
{
	color: #60b02d;
}
div#maincol .csc-textpic-text p.bodytext
{
	color: #478d1b;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
div#maincol .csc-textpic-text{
	margin-bottom: 10px;
}
div#maincol .csc-header h1{
	padding: 0px;
	margin: 0px 0px 4px 0px;
}
#c83, #c86{
	clear: both;
}
div#maincol #c84 div.csc-header h1,
div#maincol #c85 div.csc-header h1
{
	padding-top: 16px;
}
div#maincol .csc-textpic-text p.bodytext a.internal-link{
	text-decoration: none;
	color: #60b02d;
	font-weight: bold;
	background: transparent url(fn_linkarrowg.gif) no-repeat right center;
	padding-right: 12px;
}
/* Stores */
#storesSearch{
	width: 100%;
	height: 70px;
	background-color: #ecf2e8;
}
#storesSearch select{
	width: 180px;
	margin: 15px 0px 0px 15px;
}
#storesSearch input{
	color: #478d1c;
	margin: 15px 0px 0px 15px;
	background: transparent url(fn_linkarrowg.gif) no-repeat right;
	border: 0px none;
	width: 70px;
	padding-right: 15px;
	text-align: left;
}

#storeList table{
	background-color: #f6fde8;
	margin-bottom: 7px;
}
#storeList table td,
#tplStoreListHeader table td
{
	padding: 3px;
}
#storeList td.tdImg{
	padding: 5px;
	overflow: hidden;
}
#tplStoreListHeader table td{
	color: #478d1c;
	font-weight: bold;
}

#storeList table span{
	color: #478d1c;
}

#storeList table .adetail{
	text-decoration: none;
	color: #478d1c;
	font-weight: bold;
	background: transparent url(fn_linkarrowg.gif) no-repeat right center;
	padding-right: 12px;
}
#storeList table .adetail:hover{
	text-decoration: underline;
}

div#maincol table#storeMenu{
}
div#maincol table#storeMenu td{
	border-bottom: 1px solid #ececec;
	padding: 5px;
	width: 80px;
	color: #478d1c;
}
div#maincol table#storeMenu td a{
	color: #478d1c;
	text-decoration: none;
}
div#maincol table#storeMenu td.mnPrint{
	width: auto;
	cursor: default;
}
div#maincol table#storeMenu td.mnSpliter{
	width: 8px;
	background: transparent url(bg_store_menu.gif) repeat-y left top;
	cursor: default;
	padding: 0px;
}
div#maincol table#storeMenu td.mnSelected{
	background-color: #f2ffd4;
	border-bottom: 1px solid #f2ffd4;
}

#storeInfoDetail{
	background: transparent url(bg_store_info.gif) repeat-x left top;
/*	height: 150px; */
	padding: 10px 0px 0px 0px;
}
div#maincol #storeInfoDetail table.tblInfo td,
#storeInfoDetail table td.tdPhoto,
#storeInfoDetail table td.tdCoogleMap
{
	padding: 5px 5px 0px 5px;
	text-align: left;
}
div#googleMap{
	border: 1px solid #cecece;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	height: 350px;
}
div#dGoogleMap{
	width: 100%;
	height: 350px;
}

div#maincol #storeInfoDetail td.spacer{
	background: transparent url(bg_store_spliter.gif) repeat-y left top;
	width: 1px;
	padding: 0px;
}
div#maincol #storeInfoDetail table.tblInfo div{
	margin-bottom: 15px;
}
div#maincol #storeInfoDetail table.tblInfo span{
	color: #478d1c;
	display: block;
}

#infoAnfahrt div.hrSpliter{
	border-bottom: 1px dotted #7e7e7e; 
}
#storeInfoDetail h1{
	color: #488e1a;
}
#infoAnfahrt div.parking{
	width: 32%;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 10px;
	margin-right: 0px;
	display: inline;
	background: transparent url(bg_parking.gif) no-repeat 5px 5px;
	float: left;
}
#infoAnfahrt div.parking span{
	margin: 0px 5px 0px 27px;
	display: block;
}

.divApp{
	color: #488E1A;
}

div#rightcol div#c96{
	display: none;
}
div#mapDE{
	width: 100%;
	height: 470px;
	background: transparent url(karte.gif) no-repeat top center;
}
div#mapDE div#blockRec{
	height: 33px;
	width: 115px;
	position: absolute;
	right: 0px;
	background: transparent url(recycle.gif) no-repeat top right;
	float: right;
}
div#mapDE div#saveCoord form,
div#mapDE div#saveCoord input,
{
	margin: 0px;
	padding: 0px;
}

div#mapDE div#saveCoord{
	float: right;
	margin-top: 35px;
	width: 115px;
	text-align: right;
}
div#mapDE  div.setCity{
	background: transparent url(bg_set_city.gif) no-repeat top left;
	width: 95px;
	height: 23px;
	padding: 0px;
	text-align: center;
}
div#mapDE  div.newCity{
	background: transparent url(bg_set_city_new.gif) no-repeat top left;
	width: 95px;
	height: 38px;
	padding: 0px;
	text-align: center;
}
div#mapDE  div.setCity div{
	margin: 0px 0px 0px 10px;
	padding-top: 4px;
	text-align: center;
	cursor: move;
}

div#mapDE  div.setPoint{
	width: 16px;
	height: 16px;
	position: absolute;
	background: transparent url(city.gif) no-repeat top left;
}
div#mapDE  div.setPointNew{
	width: 16px;
	height: 16px;
	position: absolute;
	background: transparent url(city_new.gif) no-repeat top left;
}
table#tblNewsDetail td#colNews{
	width: 30%;
}

#detailNews{
	margin-left: 10px;
}
#detailNews h1{
	color: #9f9f9f;
	font-size: 14px;
	margin-bottom: 6px;
}
#detailNews img{
	float: right;
	margin: 3px;
}

#colNews h1{
	color: #3c8b0b;
	padding: 0px;
	margin: 0px;
}
#colNews h1 a{
	color: #3c8b0b;
	text-decoration: none;
}
#colNews h1 a:hover{
	color: #a6cf31;
}

#colNews h1.currentNews{
	color: #a6cf31;
}
#colNews h1.currentNews a{
	color: #a6cf31;
}

#colNews div.dataNews{
	color: #929292;
}
#colNews .newsSplitter{
	border-top: 1px dotted #d3d3d3;
	margin-bottom: 10px;
	margin-top: 6px;
}
#colNews a.newsNav{
	margin-right: 5px;
}

#colNews a.current {
	font-weight: bold;
	text-decoration: none;
}

/*
||ORGIDEA Franchise Redesign
*/
div#maincol .csc-textpic-text p.bodytext {
  padding-left: 0px;
}