/***************************************
*  
*   fb_base_style.css
*   Copyright Fischer Landbraeu
*   
***************************************/

/********************************
* Layout                        *
********************************/

html[xmlns^="http"] {
	height:100%;
	padding-bottom:0.005em;
} 

* {padding: 0; margin: 0;}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #fff9e2;
	color: #000;
	text-align: center;
}

#wrapSite {
	width: 950px;
	margin: auto;
	background: url(../images/siteWrap_BG.jpg) repeat-y;
	text-align: left;
}

#header {
	background: url(../images/header_BG.jpg) no-repeat top left;
	height: 185px;
	padding: 25px 0 0 60px;
}

img#siteLogo {
border: 0;
}

#wrapMain {
	float: left;
	padding: 0 0 25px 0;
	background: url(../images/wrapMain_BG.jpg) no-repeat bottom left;
}

#columnLeft {
	float: left;
	width: 232px;
	margin: 0 0 0 1px;
	padding: 0 0 150px 0;
}

#content {
	float: left;
	width: 441px;
	padding: 20px 40px 0 40px;
}

#columnRight {
	float: right;
	width: 165px;
	padding: 20px 1px 0 0;	
}

#footer {
	float: left;
	background: #004323;
	color: #f7c413;
	padding: 2px 5px;
}

#footer a {
color: #f7c413;
background: #004323;
}

#footer .address {
	float: left;
}

#footer .imprint {
	float: right;
}


/********************************
* general Styles                *
********************************/

.hide {
	display: none;
}
.clear {
	clear: both;
}

a {text-decoration: none;
color: #004323;

}

#content a {text-decoration: underline;
color: #004323;

}

a:focus, a:active {outline:0;}

h2.contentHeadline, h3.contentHeadline {
font-family: Georgia, Verdana, Arial, sans-serif;
font-style: italic;
font-weight: normal;
background: inherit;
color: #004323;
}


h2.contentHeadline {
	font-size: 30px;
	border-bottom: 1px solid #f7c413;
}

h3.contentHeadline {
	padding: 5px 0 20px 0;
	font-size: 18px;
}

#content .colorGREEN {
color: #004323;
}

#content img.imageLeft {
padding: 0 20px 10px 0;
}

#content img.imageRight {
padding: 0 0 10px 20px;
}

#content p {
padding: 0 0 15px 0; 
line-height: 18px;
}

#content p#jsBackLink {
text-align: center;
padding: 30px 0 0 0;
}

#content p#jsBackLink a {
font-family: Georgia,Verdana, Arial, sans-serif;
font-style: italic;
font-weight: bold;
background: url(../images/more.gif) no-repeat;
background-position: 0px 2px;
padding: 0 0 0 18px;
color: #004323;
}

#content p#jsBackLink a:hover {
text-decoration: underline;
}

div#tbl_biere {
clear: both;
color: inherit;
background: #fafafa;
padding: 5px;
margin: 20px 0 0 0;
}


#content hr {
border: solid #F7C413;
border-width: 1px 0 0 0;
}


/**************************************
*  mainNavigaton styles first level   *
**************************************/

ul#mainNav {
	list-style-type: none;
	width: 190px;
}

ul#mainNav li {
	border-bottom: 1px solid #f7c413;
}

ul#mainNav li a {
	display: block;
color: #004323;
background: inherit;
font-size: 14px;
padding: 4px 10px 4px 15px;
}

ul#mainNav li a:hover,
ul#mainNav li a.active {
color: #f7c413;
background: #004323;
}

ul#mainNav ul {
	border: 0;
}

/***************************************
*  mainNavigaton styles second level   *
***************************************/

ul#mainNav li ul {
	list-style-type: none;
}

ul#mainNav li ul li {
	border: 0;
}

ul#mainNav li ul li a {
	display: block;
	height: 16px;
font-size: 12px;
padding: 2px 10px 2px 25px;
	margin:0;
}

ul#mainNav li ul li a:hover,
ul#mainNav li ul li a.active {
color: #004323;
background: #FEF4D1;
font-weight: bold;
}

/**************************************
*  mainNavigaton styles third level   *
**************************************/

ul#mainNav li ul li ul li a {
padding: 2px 10px 2px 40px;
}

/**************************************
*  contactform                        *
**************************************/

#contactForm {
     margin: 0 0 0 40px;
}

#contactForm span,
#contactForm fieldset p.semiOptText  {
	font-size: 0.85em;
	background: inherit;
	color: red;
}

#contactForm fieldset p.semiOptText {
	padding: 0 0 10px 0;
	height: 10px;
}

#contactForm fieldset {
	clear: both;
	border: 1px solid #7e7e7e;
	margin: 0 0 15px 0;
	padding: 4px 10px 5px 10px;
    width: 340px
}

#contactForm fieldset legend {
	margin: 0 0 0 12px;
	padding: 0 5px 0 5px;
	color: #004323;
        font-weight: bold;
	background: inherit;
}

#contactForm label {
	float: left;
	display: block;
	width: 137px;
	padding: 3px 0 5px 0;
}

#contactForm textarea,
#contactForm input {
	font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	background: #fff;
	color: #5e5e5e;
	border: 0;
	font-weight:normal;
	font-size: 1em;
}

#contactForm textarea {
float: right;
	width: 328px;
	height: 120px;
	padding: 5px;
	margin: 0 0 5px 0;
}

#contactForm input {
	float: left;
	width: 196px;
	padding: 2px;
	margin: 0 0 5px 0;
}

#contactForm input#subject,
#contactForm input#treatment {
	float: right;
	width: 328px;
	padding: 2px 5px 2px 5px;
}

#contactForm input#postcode {
	float: left;
	width: 41px;
	border-right: 2px solid #fff9e2;
}

#contactForm input#city {
	float: left;
	width: 149px;
}

#contactForm span {
	float: left;
	position: relative;
    left: 5px;
}

#contactForm input#sent {
	float: right;
	font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	color: #7e7e7e;
	background: #fff;
	border: 1px solid #7e7e7e;    
	text-align: center;
	position: relative;
	top: -7px;
	width: 70px;
	font-weight: normal;
    margin: 10px 40px 0 0;
}

#contactFormConfirm fieldset {
	clear: both;
	border: 1px solid #7e7e7e;
	margin: 0 0 15px 0;
	padding: 4px 10px 9px 10px;
}

#contactFormConfirm fieldset legend {
	margin: 0 0 0 12px;
	padding: 0 5px 0 5px;
}


#contactFormConfirm label {
	float: left;
	width: 90px;
	padding: 4px 0 4px 0;
	min-height: 16px;
}

#contactFormConfirm span {
	float: right;
	min-height: 16px;
	width: 315px;
	font-style: italic;
	background: #dedede;
	color: #5e5e5e;
	margin: 2px;
	padding: 2px;
}


/**************************************
*  Artikelliste Aktuelles             *
**************************************/

#content .articleList1 {
	float: left;
        width: 442px;
	padding: 0 0 20px 0;
}

#content .articleList1 h3 a {
display: block;
margin: 0 0 10px 0;
padding: 2px 5px 1px 5px;
font-family: Georgia,Verdana, Arial, sans-serif;
font-style: italic;
font-size: 14px;
background: #004323;
	color: #f7c413;
	border-bottom: 1px solid #004323;
}

#content .articleList1 h3 a:hover {
background: #FEF4D1;
color: #004323;
border-bottom: 1px solid #f7c413;
}


#content .articleList1 p {
	padding: 0 20px 0 5px;
}

#content .articleList1 p a.more {
	float: right;
	padding: 20px 0 0 18px;
	margin: 0 0 20px 0;
font-family: Georgia,Verdana, Arial, sans-serif;
font-style: italic;
font-weight: bold;
color: #004323;
background: url(../images/more.gif) no-repeat;
background-position: 0px 23px;
}

#content .articleList1 p a:hover {
	text-decoration: underline;
       
}

#content .articleList1 img {
	margin: 0 20px 0 5px;
}

#content #pagination {
	clear: both;
	text-align: center;
	padding: 35px 0 10px 0;
}

#content #pagination {
	clear: both;
	text-align: center;
	padding: 35px 0 10px 0;
	width: 100%;
}

#content #pagination span,
#content #pagination a {
	font-size: 0.8em;
	border: 1px solid #004323;
}

#content #pagination span {
	background: #004323;
	color: #f7c413;
	padding: 0 3px 0 3px;
}

#content #pagination a {
	background: inherit;
	color: #004323;
	padding: 0 3px 0 3px;
}

#content #pagination a:hover {
	background: #004323;
	color: #f7c413;
}

/**************************************
*  ColRight Teaser Boxes              *
**************************************/

#columnRight .colTeaser {
padding: 0 0 30px 0;
}

#columnRight h3 {
font-family: Georgia,Verdana, Arial, sans-serif;
font-style: italic;
font-weight: normal;
font-size: 22px;
background: inherit;
color: #004323;
padding: 5px 0 4px 0;
background: url(../images/colTeaserHeadline_BG_bottom.gif) repeat-x bottom left;
margin: 0 0 10px 0;
}

#columnRight .colTeaser img {
padding: 0 0 5px 0;
}

#columnRight .colTeaser h4,
#columnRight .colTeaser h4 a {
font-family: Georgia,Verdana, Arial, sans-serif;
font-style: italic;
font-weight: bold;
clear: both;
padding: 0 10px 5px 0;
font-size: 14px;
background: inherit;
color: #004323;
}

#columnRight .colTeaser p {
clear: both;
padding: 0 10px 5px 0;
}

#columnRight .colTeaser a.more {
float: right;
font-family: Georgia,Verdana, Arial, sans-serif;
font-style: italic;
font-weight: bold;
background: url(../images/more.gif) no-repeat;
background-position: 0px 2px;
padding: 0 15px 0 18px;
color: #004323;
}

#columnRight .colTeaser a.more:hover {
text-decoration: underline;
}