/* C3CA24 */
html, body {height:100%}
body {font-family:Helvetica, Arial, Verdana, sans-serif;font-size:13px;background: #5a8500 url(../images/bg.gif) no-repeat top center;margin:0;padding:0;}
#wrapper {width:940px;margin:0 auto 0;padding:0;min-height:100%;height: auto !important;height: 100%;}
#header { width:940px;height:224px; background: transparent url(../images/header.gif) no-repeat top left;margin:0;padding:0;position:relative;}
#content {width:886px;margin:0 12px;padding:15px 15px;background: transparent url(../images/bodybg.gif) repeat-y top left; line-height:21px;}
#contentl {float:left;width:600px;}
#contentr {float:right;background:#8ba94c url(../images/teaserbg.gif) no-repeat bottom left;padding:10px;width:250px;margin:0 0 10px 10px;}
#leftColumn {float:left;width:180px;margin:0 20px 0 0;}
#rightColumn {float:left;width:686px;}
#footer {width:896px;height:23px;margin:0 12px 30px; padding: 0 10px;background: transparent url(../images/footerbg.gif) no-repeat top left;display:block;}

#footer_wrapper {height:109px;width:916px;margin:0 auto;}
#html-footer {background:url(../images/footertop.gif) top left no-repeat;padding-top:23px;height:86px;}

#slide-images{position:relative;margin:0;padding:0;width:940px;height:190px;}
#slide-images li {position:absolute;display:block;margin:0;padding:0;}

#html-testimonials ul {position: relative;display: block;width: 250px;height: 120px;overflow: hidden;}
#html-testimonials li {position: absolute;display: block;}
#html-testimonials p {padding:0;}

#html-testimonials li em {display: block;padding: 0 25px;width: 200px;}
#html-testimonials li em:before, #html-testimonials li em:after {color: #fff;display: block;font-size: 300%;width: 50px;}
#html-testimonials li em:before {content: '\201C';height: 0px;margin-left:-25px;margin-top:10px;}
#html-testimonials li em:after {content: '\201D';height: 10px;margin-left: 200px;}

#navigation-main{position:absolute;top:0px;}

ul {padding:0;margin:0;list-style-type: none;}
ul.navi {margin:0 30px;padding:195px 0 0 0;line-height:25px;letter-spacing:1px;}
ul.navi li {float:left;padding:0 10px;}
ul.navi li a {color:#c2c2c2;font-weight:normal;text-decoration:none;z-index:2;position:relative;}
ul.navi li a:hover,
ul.navi li a:active,
ul.navi li.active a {color:#ffffff;font-weight:normal;text-decoration:none;}
ul.navi #blob {	border-right: 1px solid #5a8500; 
						border-left: 1px solid #5a8500;
					   	position: absolute;  
    					top: 0;  
    					z-index : 1;
						background: #5a8500;  
					    background: -moz-linear-gradient(top, #8ba94c, #5a8500);  
					    background: -webkit-gradient(linear, left top, left bottom, from(#8ba94c), to(#5a8500));  
					    -moz-border-radius: 4px;  
					    -webkit-border-radius: 4px;  
					    -moz-box-shadow: 2px 3px 10px #011331;  
					    -webkit-box-shadow: 2px 3px 10px #011331;
					    padding:0;}
ul.navi .lang {padding-top:3px;}
ul.navi .lang img {border:1px solid #fff;}
ul.admin_navi {position:absolute;top:0px;right:13px;z-index:1000;
background: #5a8500;  
background: -moz-linear-gradient(top, #8ba94c, #5a8500);  
background: -webkit-gradient(linear, left top, left bottom, from(#8ba94c), to(#5a8500));}
ul.admin_navi li {float:left;padding:2px 15px;}
ul.admin_navi li a {color:#c2c2c2;font-weight:normal;text-decoration:none;z-index:2;position:relative;}
ul.admin_navi li a:hover,
ul.admin_navi li a:active,
ul.admin_navi li.active a {color:#ffffff;font-weight:normal;text-decoration:none;}
ul.subnav li {height:20px;border-bottom:1px solid #fff;padding:5px 10px; }
ul.subnav li a {color:#eaeaea;text-decoration:none;display:block;}
ul.subnav li a:hover, ul.subnav li a:active {color:#fff;}
ul.footer {margin:0 12px;}
ul.footer li {width:20%;text-align:center;float:left;}
h1 {font-size:18px;color:#5b5b5b;margin:0;padding:0 0 10px 0;}
h2 {font-size:16px;color:green;margin:0;padding:5px 0 0 0;}
#boxes h3 {font-size:16px;color:#ffffff;margin:0;padding:0 0 10px 0;}
#boxes h4 {font-size:14px;color:green;margin:0;padding:5px 0 0 0;}
h2 a {text-decoration:none;}
h3 {margin:0;font-size:13px;font-weight:bold;}
p {margin:0;padding:3px 0 5px 0;}
p.label {margin:0;padding:4px 0 0 0;float:left;}

a {color:#5B5B5B;}
a:hover {color:#9B9B9B;text-decoration:none;}
a img {border:0;}
img {border:0;}

th {text-align:left;color:#ffffff;background-color:#5a8500;padding:0 5px;}
th a {color:#ffffff;}
th a:hover {color:#ffffff;}
td {padding:0 5px;vertical-align:top;}
.odd {background-color:#8ba94c;}
.odd a {color:#000000;}
tr.even td {border:1px solid #8ba94c;}

.center {text-align:center;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}

img.ad_mtbxpert {border-bottom: 2px solid white;
margin: -10px -10px 0px;}

/* PAGEBAR */
div.pagebar {float:right;}
div.pagebar a {border:1px solid #5B5B5B;text-decoration:none;padding:2px;width:18px;display:block;float:left;text-align:center;margin:0 2px;}
div.pagebar a:hover {border:1px solid #9B9B9B;}
div.pagebar span {float:left;}
div.pagebar span.active {border:1px solid #5a8500;padding:2px;width:18px;display:block;float:left;text-align:center;margin:0 2px;}
div.pagebar span.totalPages {padding:2px;float:left;text-align:center;margin:0 2px;}

/* FORM STYLES */
form {margin:0;padding:0;}
form br {clear:both;}
fieldset {border:none;margin:0 0 10px 0;padding:10px;border:1px solid #9B9B9B;}
legend {font-weight:bold;padding:0;}
label.left {float:left;margin-right:0.5em;text-align:right;width:10em;padding:4px 0 0 0;}
.submit {border-top:0;border-bottom:0;color:#ffffff;border-right: 1px solid #5a8500;border-left: 1px solid #5a8500;display: block;padding: 2px 4px 3px 4px;font-weight:normal;float:right;height:24px;
						background: #5a8500;background: -moz-linear-gradient(top, #8ba94c, #5a8500);background: -webkit-gradient(linear, left top, left bottom, from(#8ba94c), to(#5a8500));-moz-border-radius: 4px;-webkit-border-radius: 4px;}
a.submit {font-weight:normal !important;color:#fff;text-decoration:none;height:19px;font-size:11px;}
select,
input[type="text"], 
input[type="file"], 
input[type="password"] {border:1px solid #5B5B5B;background:#ffffff;width:250px;padding:4px;margin-bottom:0.5em;float:left;cursor:pointer;}
select:focus,
input[type="text"]:focus, 
input[type="file"]:focus, 
input[type="password"]:focus {border:1px solid #9B9B9B;}
textarea {border:1px solid #5B5B5B;background:#ffffff;cursor:pointer;float:left;margin-bottom:0.5em;height:125px;padding:4px;width:250px;}
textarea.editor {width:610px;height:400px;}
textarea:focus {border:1px solid #9B9B9B;}
span.error {font-size:12px;color:#BA0607;}
span.required {font-size:12px;}
.success {color:#008000;border:1px solid #008000; padding:5px;}

span.green {color:#606d1f;}
span.red {color:#a85858;}
.overbooked {color:#cd3232;font-weight:bold;text-align:center;}

/* ADMIN STYLES */
a.add{background:transparent url(../images/add.gif) no-repeat left;padding-left:16px;font-weight:normal !important;}
a.edit{background:transparent url(../images/edit.gif) no-repeat left;padding-left:16px;font-weight:normal !important;}
a.toggle{background:transparent url(../images/toggle.gif) no-repeat left;padding-left:18px;font-weight:normal !important;}
a.delete{background:transparent url(../images/delete.gif) no-repeat left;padding-left:16px;font-weight:normal !important;}
a.export{background:transparent url(../images/export.gif) no-repeat left;padding-left:16px;font-weight:normal ! important;}

#boxes {background:#8ba94c url(../images/teaserbg.gif) no-repeat bottom left; float:right; width:250px; margin:0 0 10px 10px; padding:10px;}
#boxes div {padding-bottom:30px;}
#boxes #blog-box {padding-bottom:0;}
#boxes div div {padding-bottom:0;}

#html-1 img,
.content img,
#gpstrack-main img,
#gpstrack-packages img {padding:0 10px 0 0;}

#newsletter-box input[type=text] {height:14px;width:160px;}

/* GPSTRACKS STYLES */
.guidedtours h2 {background-color:#5a8500;color:#fff; padding-left:5px;padding-right:5px;}
.guidedtours .infos {background-color:#8ba94c; height:40px; padding:0 5px;}
.guidedtours .infos li {float:left;width:160px;}
.guidedtours .infos li span {padding-right:5px;}
.guidedtours .pictures {float:left; width:210px;}
.guidedtours .pictures a {float:left;padding:5px;}
.guidedtours .information {float:left; width:676px}
.guidedtours .details ul {list-style: disc inside;}
.guidedtours .moreinformation {font-weight:bold;}

.infos a, .infos a:hover {color:#fff;}

.packages h2.headline {background-color:#5a8500;color:#fff; padding-left:5px;padding-right:5px;}

.gpstracks h2 {background-color:#5a8500;color:#fff; padding-left:5px;}
.gpstracks .infos {background-color:#8ba94c; height:20px; padding:0 5px;}
.gpstracks .infos li {float:left;width:160px;}
.gpstracks .infos li span {padding-right:5px;}
.gpstracks img {float:left; padding-right:5px;}

.rating-description {border:1px solid #8BA94C; background:#fff;padding:2px;display:none;position:absolute;top:-25px;left:0;z-index:100;}
.unit-rating-ausdauer .rating-description {width:120px;}
.unit-rating-technik .rating-description {width:300px;}
.unit-rating-ausdauer { float:left; height: 15px; position: relative; background: url('../images/ausdauerrating.gif') top left repeat-x;margin-right:15px; margin-top:2px;}
.unit-rating-technik { float:left; height: 15px; position: relative; background: url('../images/technikrating.gif') top left repeat-x;margin-right:15px; margin-top:2px;}
.unit-rating-ausdauer,
.unit-rating-tecknik {position:relative;}
.unit-rating-ausdauer li,
.unit-rating-technik li {text-indent: -90000px;float: left;}
.unit-rating-ausdauer li.current-rating { background: url('../images/ausdauerrating.gif') left bottom; position: absolute; height: 15px; display: block; text-indent: -9000px; z-index: 1;}
.unit-rating-technik li.current-rating { background: url('../images/technikrating.gif') left bottom; position: absolute; height: 15px; display: block; text-indent: -9000px; z-index: 1;}

.editorcontent ul {list-style-type:disc; margin: 0 0 0 20px;}

/* BLOG / PUBLIC STYLES */
#blog-box ul li {margin:0 0 30px 0;list-style-type: none;}
#blog-box div.content {margin:5px 0;}
#blog-box div.content p {margin:0 0 10px 0;}
#blog-box span.date {float:right;color:#ffffff;}	
#blog-box a {color:#ffffff;}

/* TOUR STYLES */
#tour-box ul li {margin:0;list-style-type: none;}
#tour-box div.content {margin:5px 0;}
#tour-box div.content p {margin:0 0 10px 0;}
#tour-box span.date {float:left;color:#ffffff; padding-right:10px; padding-top:3px;}
#tour-box p {margin:0 0 0 75px;}
#tour-box a.all {color:#ffffff;}
#tour-box a {color:#000000;}

#tour-main label.leftleft {float:left;margin-right:0.5em;text-align:right;width:5em;padding:4px 0 0 0;}
#tour-main label.leftleftleft {float:left;margin-right:0.5em;text-align:right;width:3em;padding:4px 0 0 0;}
#tour-main input {width: 150px;}
#tour-main input.small {width: 50px;}
#tour-main select.small {width: 50px; margin-right:5px;}
#tour-main input.middle {width: 97px;}
#tour-main input[type=checkbox] {width:auto;}
#tour-main textarea {width: 381px;height: 75px;}
#tour-main select {width: 391px;}
#tour-main input.big {width: 381px;}
#tour-main input.submit {float: left; margin-left:378px;}

#gpstrack-main table td img {margin:15px 0;}

/* LINKS Sytles */
#links-main ul li {border:1px solid #8ba94c;padding: 2px; margin:10px; float:left; width:860px;}

/* CONTACT STYLES */
#contactBox {float:right;width:490px;padding-left:10px;}
#contactForm {float:left;width:367px;padding-right:10px;}
#contactForm label.left {width:6em;}

/* FOTO STYLES */
#fotos-main .fotoWithPadding {padding-right:50px;}
#fotos-main .inplaceeditor-form input[type="text"] {width:230px;}

#cropper {border: 1px solid gray;width: 400px;}
#cropper_img {width: 400px;height: 300px;overflow: hidden;position: relative;}
#cropper_overlay {width: 400px;height: 300px;position: absolute;top: 0px;left: 0px;background: url(../images/overlay.png);z-index: 50;}
#cropper_drager {width: 400px;height: 300px;position: absolute;z-index: 100;color: #fff;cursor: move;}
#cropimg {position: absolute;}
#cropper_slider {width: 400px;height: 27px;background: #eee;position: relative;border-top: 1px solid gray;background: url(../images/slider_back.png);}
#cropper_handle {width: 19px;height: 20px;background: blue;position: absolute;background: url(../images/handle.png);}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }