/*	ratzinger-internetloesungen CSS
	Copyright (c) 2013, ratzinger-internetloesungen. All rights reserved.
	Created: 2013-11-19 (FR)
	Projekt: www.hotel-langemarck.de
	------------------------ */

/*	RESET ALL BEFORE STYLING
	------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { /*text-align: left;*/ font-weight: normal; }
table, td, th { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
textarea { overflow: auto; }


/*	STRUCTURE
	------------------------ */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 64.5%; line-height: 1.5; color:#222; background: #f6edcc url(../images/bg_body.jpg) repeat top left; }
#wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%;}


/*	HEADER
	------------------------ */
#wrapper-header { width:100%; height:179px; background:transparent url(../images/bg_header.png) repeat-x top left; }
#header { position:relative; width:1020px; margin:0 auto; height:179px; }
#header .logo { position:absolute; top:30px; right:0px; width:330px; height:76px; background:transparent url(../images/bg_logo.png) no-repeat top left; }

/* ---------- HEADER NAVIGATION ---------- */
#header .navigation { position:absolute; top:135px; left:50px; height:35px; }
#header .navigation ul { margin:0; padding:0; }
#header .navigation li { float:left; line-height:35px; height:35px; }
#header .navigation li:hover { cursor:pointer; }
#header .navigation li a { display:block; color:#015e1d; font-size:16px; padding:0 20px; margin:0 5px; text-decoration:none; }
#header .navigation li a:hover, #header .navigation li a.active  { background-color:#015e1d; color:#fff; -webkit-box-shadow: 0px 0px 5px #c4c4c4; /* webkit browser*/ -moz-box-shadow: 0px 0px 5px #c4c4c4; /* firefox */ box-shadow: 0px 0px 5px #c4c4c4; }


/*	CONTENT
	------------------------ */
#wrapper-content { width:100%; }
#content { position:relative; width:900px; margin:0 auto; padding:25px 0 140px; }
#content h1.pageTitle { font-size:28px; color:#015e1d; margin:0; font-weight: normal; letter-spacing: 1px; margin-bottom:35px; }
#content .main-text { float:left; position:relative; width:680px; min-height:300px; padding:0px; margin-right:30px; font-size:13px; }
#content .main-banner { float:left; position:relative; top:-77px; width:189px; min-height:300px; background-color:#fff; padding:0px; margin:0px; }


/*	FOOTER
	------------------------ */
#wrapper-footer { position:absolute; bottom:0; width:100%; height:120px;}
#footer { position: relative; width:890px; background:transparent url(../images/bg_footer.png) no-repeat top center; height:55px; margin:0 auto; padding:65px 10px 0 0;}
#footer .footer-copyright { float:right; text-align:right; color:#015e1d; font-size:12px; }
#footer .footer-copyright a { color:#015e1d; font-size:12px; text-decoration:none; }
#footer .footer-mobil { position: absolute; left: 0; bottom: 10px; }
#footer .footer-mobil a { font-size: 12px; }

#footer .footer-lang { float: left; }
.lang_icon { display: inline-block; float: left; height: 24px; line-height: 24px; margin-right: 5px; }
.lang_icon img { height: 24px; width: 24px; }


/*	MISC CSS +++
	------------------------ */
.clear { clear: both; }
.split {width:49%;float:left;}

/* =easyClearingMethode */
.group:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }


/*	GLOBAL LINKS
	------------------------ */
a:link, a:visited { color: #015e1d; text-decoration:underline; }
a, a:hover, a:link  { outline-style:none; } 
a:hover, a:active, a:focus { color: #000; text-decoration: none; }


/*	GLOBAL HEADLINES
	------------------------ */
h1, h2, h3, h4, h5, h6 {margin-bottom: 1em;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1, h2, h3, h4 { margin-bottom: .5em; font-weight: normal; }

h2 {font-size: 14px; line-height:38px; padding-left:15px; margin-bottom:10px; letter-spacing:1px; color:#222; border-bottom:1px solid #015e1d;}
h3 {font-size: 14px; line-height:24px; margin-bottom:5px; color:#222; font-weight:700; padding-left:10px;}
h4 {font-size: 14px; line-height:16px; color:#000; margin-bottom: 5px;}
h5 {font-size: 13px; color: #222; letter-spacing:1px; margin-bottom: 10px;}


/*	ALL OTHER
	------------------------ */
.hrdiv { border-top: 1px solid #d4d4d4; height: 1px; padding: 0; margin: 5px 0; }
p {padding:0 0 0 15px; margin-bottom:8px;}

.memory {padding:10px 0; text-align:right; font-size:11px; }

.split {float:left; width:49%}

.splitImg {float:left; width:300px; text-align:center; padding-right:10px;}
.splitTxt {float:left; width:559px;}

.alignTxtleft {text-align:left;}
.alignTxtright {text-align:right;}

.main-text ul {margin-left: 30px;}
.main-text li {list-style-type:disc; padding:1px 0;}


/*	Fix the PNG transparency in IE6
	------------------------ */
img,a { behavior: url(../css/iepngfix.htc) }