/* CSS Reset */

* {
margin:0px;
padding:0px;}

/* Allgemein */

body {
color:#555;
margin:0px;
font-family: Verdana, Arial, Helvetica;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
font-size:12px;}

#gesamt {
width:1000px;
margin:0px auto;}

a {
color:#3071b3;
outline:none;
text-decoration:none;}

#mitte a:hover {
text-decoration:underline;}

#mitte p.ausstattung a:hover {
text-decoration:none;}

a img {
border:0px;}

/* Inhalt */

#content {
background:url(../images/bg2.jpg);
background-repeat:repeat-y;
min-height:580px;
height:580px;
height:auto;}

#content_start {
background:url(../images/bg2_start.jpg);
background-repeat:repeat-y;
min-height:580px;
height:580px;
height:auto;}

#content img.flotte {
border-top:3px solid #fff;
border-bottom:3px solid #fff;}

#content_start img.flotte {
border-top:3px solid #fff;
border-bottom:3px solid #fff;}

#links {
width:206px;
float:left;}

#mitte {
width:480px;
float:left;
padding:45px;
line-height:18px;}

#mitte_frame {
width:774px;
float:left;
padding:45px 20px;
padding-right:0px;
line-height:18px;}

#mitte_start {
width:680px;
float:left;
padding:45px;
line-height:18px;}

#mitte_2{
width:745px;
float:left;
padding:45px;
padding-right:0px;
line-height:18px;}

#mitte h1{
color:#3071b3;
font-size:18px;
border-bottom:1px dotted #3071b3;
padding-bottom:5px;
margin-bottom:5px;}

#mitte_2 h1 {
width:500px;
color:#3071b3;
font-size:18px;
border-bottom:1px dotted #3071b3;
padding-bottom:5px;
margin-bottom:5px;}

#rechts {
border-top:3px solid #fff;
width: 190px;
padding:45px 13px;
float:right;
line-height:18px;}

.clear {
clear:left;}

/* Footer */

#footer {
height:30px;
background-image:url(../images/footer.jpg);
background-repeat: repeat-x;
border-top:1px solid #fff;
padding-top:22px;
padding-left:205px;}

#footer a:hover {
text-decoration:underline;}

/* Startseite - Reisenangebote */

div.info {
width:187px;
float:left;
margin-right:35px;
margin-bottom:20px;}

div.info p {
height:107px;
background-image:url(../images/reisen.jpg);
padding:8px;
margin-top:1px;
font-size:10px;}

div.info p b {
color:#3071b3;
font-size:10px;}

div.info p a:hover {
text-decoration:underline;}

div.info span {
float:right;}

img.reisen {
width:187px;
height:121px;}

/* Seitenanzeige */

a.page {
width:22px;
text-align:center;
margin-right:5px;
display:block;
float:left;
background:#f0f0f0;
border:1px solid #ddd;}

a.page:hover {
background:#ddd;}

a.page_active {
width:22px;
text-align:center;
margin-right:5px;
display:block;
float:left;
font-weight:bold;
color:#fff;
background:#3071b3;
border:1px solid #3071b3;}

/* Buttons */

a.button {
background-image: url(../images/button.jpg);
border-right:1px solid #3071b3;
border-left:1px solid #3071b3;
display:block;
margin-bottom:2px;
padding:3px;
background-repeat:repeat-x;
background-color:#3071b3;
color:#fff;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;}

a.button-buchen {}

a.button:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.00;
opacity: 1.00;}

/* Detailansicheten der Fahrten */

hr {
border-top:1px dotted #3071b3;
border-left:none;
border-right:none;
border-bottom:none;
margin:10px 0px;}

#mitte ul, #mitte_2 ul{
margin:10px 20px;}

img.detailbild {
margin-top:18px;
border:1px solid #3071b3;}

/* Buchen Button */

a.buchen:hover {
color:#cc3300;}

/* Busflotte */

table a:hover {
text-decoration:underline;}

ul.busflotte {
font-size:11px;
line-height:13px;}

ul.busflotte li:before {
content:"» "; }

/* Suchen und Buchen */

#suchen p {
padding:10px;
background:#f0f0f0;
border:1px solid #ddd;
margin-top:10px;
height:43px;}

.frage {
color:#3071b3;}

/* Formulare */

input, textare, select {
color:#666;}

select {
margin-left:4px;
border:1px solid #ddd;
width:200px;
margin-bottom:2px;
padding:3px;}

option {
padding-left:15px;}

selecet:hover {
background:#fff;}

input.button {
background-image: url(../images/button.jpg);
border-right:1px solid #3071b3;
border-left:1px solid #3071b3;
border-top:none;
border-bottom:none;
display:block;
margin-bottom:2px;
padding:3px;
color:#fff;}

.buchen {
text-transform:uppercase;
font-weight:bold;}

input.button:hover {
cursor:pointer;}

input {
margin-bottom:2px;
margin-left:4px;
border:1px solid #ddd;
background:#f0f0f0;
padding:3px;}

#suchen p input, table#mieten input {
background-color:#fff;}

textarea {
margin-left:4px;
border:1px solid #ddd;
margin-bottom:2px;
padding:3px;}

/* Ausstattung Bilder */

p.ausstattung {
height:100px;
float:left;
padding-left:5px;
padding-top:5px;
border:1px solid #fff;
margin:0px 4px 15px 0px;}

p.ausstattung:hover {
background:#f4f4f4;
border:1px solid #ddd;}

/* Listen */

ul {
list-style-type:none;}

#mitte ul li:before, #rechts ul li:before {
content:"» ";}

#rechts ul li {
padding:5px 0px;
border-bottom:1px solid #ddd;}

/* Formular "Mieten"-Tabelle */

table#mieten {
width:100%;}

table#mieten tr{
background:#f0f0f0;}

table#mieten tr td:first-child {
width:120px;}

table#mieten tr.head {
text-transform:uppercase;
letterspacing:1px;
font-size:10px;
background:#ddd;
font-weight:bold;}

table#mieten tr.head td{
border-top:6px solid #fff;
border-bottom:1px solid #fff;}

table#mieten tr td {
padding:3px;}

span.req {
color:#ce041d;}

/* Reisegalerie */

#rechts p.galerie span {
opacity:0.75;
position:absolute;
margin-top:35px;
margin-left:3px;
padding:2px;
background:#fff;
font-size:9px;}

#rechts p.galerie {
float:left;
margin-right:2px;
margin-bottom:2px;}

#rechts p.galerie img {
width:93px;
height:60px;}

/* Galerie Sidebar Hover Effekt */

#rechts a:hover p.galerie span {
opacity:1.00;
color:#cc3300;
text-decoration:none;} 

/* Galerie Sidebar active */

#rechts a.active p.galerie span {
opacity:1.00;
color:#cc3300;} 

/* Galerie */

#one ul li {margin:0px;padding:0px;}
#jqGSO {margin:0px;padding:0px;}
.jqGSContainer {margin:0px;padding:0px;position:relative; width:480px;}
.jqGSContainer .jqGSImgContainer{margin:0px;padding:0px; width:480px;}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li {padding:0;margin:0;position:relative;float:left;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{margin:0px;padding:0px;width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{border:1px solid #fff;cursor:pointer;padding:0px;margin:0px;}

#mitte .jqGSContainer .jqGSImgContainer ul li .jqGSTitle{display:none;z-index:3;}
#mitte .jqGSContainer .jqGSImgContainer ul li:before {content:"";}
#mitte .jqGSContainer .jqGSPagination ul li:before {content:"";}

.jqGSContainer .jqGSPagination{width:100%;height:20px;}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative;}
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{padding:2px 0px;background:#3071b3;border:none; color: #fff;text-decoration:none;display:block;width:20px;font:10px Arial, Helvetica, sans-serif;}
.jqGSContainer .jqGSPagination ul li a.selected{background:#ce041d;color:#fff;border:none;}
.jqGSContainer .jqGSPagination ul li a:hover{background:#ce041d;color:#fff;border:none;}

/* Alternativer Style einer Liste */

#mitte ol.ext {
list-style-position:inline;
padding:0px;
margin:10px 0px;}

#mitte ol.ext li {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #ddd;}

#mitte ol.ext li:before {
content:"";}

/* Zitate & Namen in  Typo: Geogia */

span.zitat {
font-family:Georgia; 
font-size:14px;
font-weight:bold;}