/* CSS for Joga, by:ISS.*/
table {border-collapse: collapse; width: 550px; clear: both;}
td {border: 1px solid #CCCCCC; padding: 3px 7px;}

body {
	margin: 0;
	padding: 0;
	background: #E4F2DF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
}

/* Layout */
div#content {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background-image: url(../images/columns.gif);
	background-repeat: repeat-y;
	text-align: left;
}

div#leftpane {
	float: left;
	margin: 0;
	padding: 250px 0 0 0;
	width: 150px;
}

div#leftpane ul {
	margin: 0;
	padding: 0;
	list-style: square;
	font-size: 85%;
}

div#leftpane ul li{
	margin: 0 0 5px 0;
}

span.date {
	display: none;
}

div#panes {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

div#rightpane {
	margin-left: 150px;
	padding: 95px 0 0 0;
}

div#date {
	margin: 0 0 40px 0;
	padding: 2px;
	color: #AAAAAA;
	font-size: 85%;
	text-align: right;
	height: 100%;
}

div#columns {
	_background-image: url(../images/column.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.attachment p img {
	border: 1px solid #000000;
}
div.attachment a {
	text-decoration: none;
}

div#footer{
	padding: 0 5px;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	font-size: 85%;
	text-align: right;
	height: 39px;
}

div#footer p{
	margin: 10px 0;
}

/* Small boxes */
h1 {
	margin: 0 0 10px 0;
	color: #378445;
	font-size: 140%;
}

h2 {
	padding: 1px 2px;
	font-size: 130%;
}

h3 {
	margin: 20px 0 5px 0;
	padding: 1px 2px;
	font-size: 120%;
}

/* Main menu */
#menu {
	margin: 0 0 15px 0;
	padding: 65px 0 0 0;
	height: 100%;
}

#menu ul {
	margin: 0;
	padding: .2em 0;
	list-style-type: none;
	font-size: 85%;
	font-weight: bold;
	text-align: right;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	padding: .2em 0.5em;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #FFFFFF;
}

#menu a:active {
	color: #FFFFFF;
}

/* Mozilla and IE5 Hack */
div.column-in {
	padding: 25px;
}

div.cleaner {
	border: none;
	clear: both;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 0.1px;
	height: 1px;
}

/* Form */
form {
	margin: 0;
}

input {
	margin: 0 0 1px 0;
	width: 120px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 1em;
}

label {
	float: left;
	margin-right: 0.5em;
	padding-top: 0.2em;
	width: 25%;
	font-weight: bold;
	text-align: right;
}

  legend {
	padding: 0.2em 0.5em;
	color: #000000;
	font-size: 90%;
	font-style: italic;
}

/* Other */
a {
	color: #378242;
}

a:hover {
	color: #000000;
}

img {
	border: none;
}

p {
	margin: 0;
	padding: 0;
}

.attention {
	color: #FF0000;
	font-weight: bold;
}

hr {
	height: 1px;
}

div.gallery{
	border: 1px dashed #AAAAAA;
	float: left;
	width: 150px;
	margin: 0 20px 20px 0;
	text-align: center;
	height: 130px;
}

div.gallery p.picture {
	margin: 0 0 5px 0;
	height: 110px;
}

/* GROUPS, ITEMS */
.groups, .items {clear: both;}
.groups div {/*width: 19em;*/ width: 80%; overflow: hidden; /*float: left;*/ padding: 15px; margin: 10px 0 10px 10px; border: 1px solid #CCCCCC; background: #DDDDDD;}
.groups h3 {font-size: 130%; font-weight: bold; margin: 0; float: left;}
.groups img {float: right;}
.groups p.description {display: block; clear: left; font-size: 85%; margin: 5px 0;}*/
/* unusuall items */
.trip, .faq, .scoreboard, .event {clear: both; width: 100%; float: left;}
.trip .name, .faq .name, .scoreboard .name, .event .name {font-weight: bold; padding-right: 10px;}
/* item description - further info */
dl.item-info, dl.price-code, dl.event-specification {font-size: 100%; width: 400px; border: 1px solid #CCCCCC;}
dl.item-info dt, dl.price-code dt, dl.event-specification dt {width: 100px; padding: 5px; float: left; font-weight: bold;}
dl.item-info dd, dl.price-code dd, dl.event-specification dd {padding: 5px;}
dl.item-info dt.odd, dl.item-info dd.odd, dl.event-specification, dl.price-code {background: #D9DEEE;}
/* book item or calculate price */
p.booking a {background: url(../img/book.gif) left no-repeat; padding-left: 25px; font-size: 120%; font-weight: bold;}
p.calculator a {background: url(../img/calc.gif) left no-repeat; padding: 5px 0 5px 25px; font-size: 120%; font-weight: bold;}

/* ARTICLES */
.article {width: 100%; float: left; padding: 15px 0; border-top: 1px solid #CCCCCC; %width:565px;}
.article p.text {display: block; margin-top: 7px; padding-right: 10px;}
.article .name {padding-left: 10px; font-size: 110%; font-weight: bold;}
.article .date {padding-right: 10px; font-size: 110%; font-style: italic; border-right: 1px solid #CCCCCC;}
.article .image {float: right;}

/* PRODUCTS */
.product {width: 200px; overflow: hidden; float: left; height: 230px; margin: 10px 7px 15px 12px; text-align: center; padding: 7px; border: 1px solid #CCCCCC;}
.product h4 {font-size: 110%; height: 40px; line-height: 14px; margin: 0 0 7px 0;}
.product p.description {margin: 0;}
.product .link-to-gallery, .product .price {display: block;}

/* ATTACHMENTS */
.attachments {float: right; text-align: right; padding: 0 0 0 15px; margin: 0 0 15px 15px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.attachment {margin-bottom: 15px;}
.attachment img {border: 1px solid black;}
.attachment .description {text-align: center; font-size: 85%;}

.galerie .attachments {width:100%;border:none;}
.galerie .attachment {margin: 0 15px 15px 0;float:left;}
.galerie .attachment img {border: 1px solid black;}
/* documents */
.document {font-size: 85%; text-align: left;}
.document .icon {width: 40px; float: left;}
.document img {border: none;}
.document dl {margin: 0 0 0 50px; padding: 0 0 10px 0;}
.document dt {width: 70px; float: left;}

/* SIBLINGS, SOFTLINKS, HARDLNKS */
.siblings, .hardlinks, .softlinks {margin: 10px 0; border-top: 1px solid #CCCCCC; clear: both;}
.siblings .price, .hardlinks .name, .softlinks .name {padding-left: 10px;}

/* PAGING */
.pager {text-align: center; padding: 10px 0; clear: both;}
.pager h3 {margin: 0;}
.pager a, .pager  {padding: 0 5px;}

/* PHOTOGALLERY */
/* link to gallery from item */
.link-to-gallery a {padding-left: 20px; background: url(../img/camera.gif) no-repeat;}
.link-to-gallery a:hover {background-position: 0 -34px;}
/* link to gallery from the list of attachments */
.attachments .link-to-gallery a, .attachments .link-to-gallery a:hover {padding: 5px 42px 5px 0; display: block; text-align: right; background: url(../img/camera-big.gif) right no-repeat; font-weight: bold;}
/* size change +/- */
#gallery-focus p {text-align: center;}
#gallery-focus p img {border: 1px solid black;}
#gallery-focus a {padding: 0 0 0 20px; margin: 0 5px; background: url(../img/zoom.gif) no-repeat;}
#gallery-focus a:hover {background-position: 0px -34px;}
#gallery-focus dl {width: 270px; float: right; font-size: 85%; padding: 0 0 20px 0; margin: 0;}
#gallery-focus dt {float: left; width: 100px;}
/* other pictures */
#gallery-thumbs {width: 100%; overflow: auto; overflow-y: visible; white-space: nowrap;}
#gallery-thumbs img {margin-right: 5px;}
#gallery-thumbs a img {border: 1px solid gray;} #gallery-thumbs .current-img img, #gallery-thumbs a:hover img {border: 1px solid black;}
/* fixes IE */
* html #gallery-thumbs {padding-bottom: 20px;}

body.formular h1{display:none;}
form.access {float:left;margin:30px 0 0 20px;width:95%;}
form.access fieldset{border:none;background:transparent url(../images/form-background.jpg) no-repeat scroll 0 0;position:relative;text-align:center;}
form.access legend{background:transparent url(../images/form-legend.gif) no-repeat;height:27px;margin:-10px 0 0;%margin:-35px 0 0;padding:2px 57px;width:230px;color:white;font-size:1.3em;font-weight:bold;}
form.access table{width:460px;}
form.access table, form.access tbody, form.access table tr, form.access table td{border:none;text-align:right;}
form.access label {width:180px;margin:0 10px 0 0;}
form.access input {width:230px;border:1px solid #A5DB63;}
form.access textarea {width:230px;border:1px solid #A5DB63;}
form.access input#submit{background:transparent url(../images/form-button.gif);color:white;cursor:pointer;font-size:1.2em;font-weight:bold;height:24px;margin:5px 0 0 45px;width:100px;border:none;}
form.access .required {color:#BE1F6F;font-size:1.5em;}
form.access fieldset #require {color:#BE1F6F; position:absolute;right:80px;top:-35px;%top:-15px;}
form.access div.script-warning{color:#BE1F6F;margin:0;padding:0;}
form.access div.script-warning p{margin:0;padding:0;}