/**

 * @author ( Angie Radtke )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2009 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

html {
    background: #ffffff;
    font-size: 100.01%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    position: relative;
    width: 100%;
    line-height: 1.5em;
    background: url("../images/bg.jpg") fixed;
}

/* ###################### general ###################### ../images/body_bg.png */
#all {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    text-align: left;
    font-size: 0.8em;
}

#header {
    display: block !important;
    position: relative;
    padding: 0;
	background: url(../images/slideshow_bg.png) no-repeat center top ;
}

#header ul {
    display: block;
    margin: 0 0 1px 0;
    text-align: right;
    list-style-type: none;
    padding: 10px 0
}

#back {
    margin: 0;
    padding: 0;
}

#contentarea,
#contentarea2 {
    position: relative;
    overflow: hidden;
    margin: 0;

}

#wrapper {
    width: 53%;
    float: left;
    position: relative;

}

#wrapper2 {
    width: 610px;
    float: left;
    position: relative;
    padding-bottom: 20px;
	padding-left: 10px;

}

#wrapper2 .item-page {
    max-width: 660px
}

#main {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;

}

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

.unseen,
.hidelabeltxt,
#line label {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;
}

/* ++++++++++++++  nav after content  ++++++++++++++ */
.left {
    padding-top: 0;
    float: right;
    margin: 10px 0 10px 0;
    width: 22%;
    position: relative;

}

/* ++++++++++++++  nav before content  ++++++++++++++ */
.left1 {
    padding: 0 0 0 50px;
    float: left;
    margin: 0 15px 10px 0;
    width: 250px
    position: relative;
	background: url("../images/left_bg.png") repeat-y scroll 5px top rgba(0, 0, 0, 0);
}
.left1  h3  {
	font-size: 0;
	height: 28px;
	margin: 10px 15px;
}
.left1 .moduletable_tour h3 {
    background: url("../images/bar_tourprogram.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.left1 .moduletable_contact h3 {
    background: url("../images/bar_contact.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#sp-quickcontact-form { padding: 5px 20px;}
#sp-quickcontact-form  input { width: 200px; border: 1px solid #c99041;}
#sp-quickcontact-form  textarea { width: 210px !important;}

.left1 .moduletable_tour .custom_tour { padding: 0 10px;}
.left1 .moduletable_tour a { font-weight: bold; text-transform: uppercase; font-size: 12px;}
.left1 .moduletable_tour .custom_tour img {
	border-radius: 0.3em;
	border: 2px solid #d6a511;
	max-width: 90px;
}
.left1 .moduletable_tour .custom_tour p.type { 
    border-bottom: 1px solid #666;
    font-family: tahoma;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}

.leftbigger {
    width: 25%
}

/* ###################### header ###################### */

.skiplinks,
.skiplinks li {
    display: inline;
    height: 0;
    line-height: 0;
    padding: 0 !important;
}

.skiplinks li a.u2 {
    display: inline;
    height: 0;
    left: -3000px;
    position: absolute;
    top: -2000px;
    width: 0;

}

.skiplinks li a.u2:active,
.skiplinks li a.u2:focus {
    position: absolute;
    width: 13em;
    top: -4em;
    left: 10px;
    line-height: 1.5em;
    padding: 5px;
    font-weight: bold;
    height: 3em;

}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

#logo {
	background: url(../images/frame.png) no-repeat;
	margin: 0;
    display: block;
    padding: 0;
	width: 350px;
	height: 200px;
    font-weight: normal;
    line-height: 1em;
	position: absolute;
	top: -10px;
	left: 5px;
	z-index: 9999;
	font-size: 0;
}

#logo img {
    display: block;
}

#logo span {
    padding-left: 2px
}

#logo span.header1 {
    display: block;
    top: 0;
    line-height: 0.8em;
    font-size: 0.7em;
    padding-left: 55px
}

.logoheader {
	max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    font-weight: normal;
    line-height: 1.5em;
	position: relative;
}
.header1 {
	font-size: 1.5em;
	margin-left: 10px;
}

#line {
    padding: 5px 0 2px 2px;
    position: fixed;
    right: 10px;
    top: 0.5em;
    max-width: 40em;
    text-align: right;
    min-width: 40em

}

#fontsize, #line .search {
    display: inline;
    margin: 0;
}

#slideshow { height: 394px;}

#hotline { 
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 250px;
    top: 16px;
}

/* ++++++++++++++  button for closing right column  ++++++++++++++ */

#close {
    margin-right: 0;
    text-transform: uppercase;
}

#close span {
    position: absolute;
    right: 20px;
    z-index: 10000;
    top: 5px;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin-top:20px;
    padding: 5px
}

#close > a {
    display: block;
    overflow: hidden
}

#close > a:hover span {
    background: #095197
}

/* ###################### main ###################### */

/* ++++++++++++++  position  ++++++++++++++ */
#main-body {
	background: url("../images/mainbody_bg.png") repeat-y scroll center top rgba(0, 0, 0, 0);
	margin: -1px auto 0 auto;
	padding: 0;
	width: 1000px;
}
#main-body #contentarea {
	width: 1000px;
	margin: 0 auto;
}
.blog-featured {
    padding: 0;
}

#feature-tour .moduletable {
    float: left;
	width: 100%;
}
.blog-featured .img-intro-left img  {
	max-width: 300px;
}
.blog-featured  .readmore {
	float: right;
    margin-right: 10px;
    margin-top: -20px;
}
.items-leading {
    padding: 0 5px 10px 5px;
    overflow: hidden;
    margin-bottom: 10px
}

.row-separator {
    display: block;
    clear: both;
    margin: 0;
    border: 0;
    height: 1px
}

.item-separator {
    display: none;
    margin: 0;
}

.shownocolumns {
    width: 98% !important;
}

#top {
    margin: 0 0 20px 0;
    overflow: hidden
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 46%;
    float: left;
}

.cols-2 .column-2 {
    width: 46%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 29%;
    padding: 0 5px;
    margin-right: 4%

}

.cols-3 .column-2 {
    float: left;
    width: 29%;
    margin-left: 0;
    padding: 0 5px
}

.cols-3 .column-3 {
    float: right;
    width: 29%;
    padding: 0 5px
}

.items-row {
    overflow: hidden;
    margin-bottom: 10px !important;
}

.column-1,
.column-2,
.column-3 {
    padding: 10px 5px
}

.column-2 {
    width: 55%;
    margin-left: 40%;
}

.column-3 {
    width: 30%
}

.blog-more {
    padding: 10px 5px
}

/* ++++++++++++++  footer  ++++++++++++++ */

#bottom {
    overflow: hidden
}

.box {
    //width: 27%;
    float: left;
    margin-right: 10px;
    min-height: 100px
}

.box1 {
   // width: 35%
}

.box2 {
    //width: 32%
}

.box3 {
    float: right
}
#footer-outer {
	max-width: 1000px;
	height: 156px;
    margin: 0 auto;
	background: url(../images/foooter_bg.png) no-repeat scroll 1px -1px;
}
#footer-inner, #footer {
    padding: 35px 70px 0 70px;
}
#footer-inner { font-size: 12px;}
#footer-inner  .author { color: #5f1b00; margin-left: 10px;}
#footer-inner  p{ margin-bottom: 5px;}

img {
    border: 0 none;
    max-width: 100%;
}

/* hide the mobile menu button */
#mobile_select {
    display: none
}