/**************************************************/
/* Beschreibung: main-css
/* Projekt:      Jetontravel
/* Author:       Jennifer Henz / e-pixler
/* Date:         03.03.2014
/**************************************************/
/*
Farben:
rot: 		#593622
gelb:		#E67500
schwarz:	#4d4d4d

/**************************************************/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

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

body{
	font-family:'Droid Sans', sans-serif;
	font-size:15px;
	line-height:20px;
	color:#4d4d4d;
}


h1{
	font-size:30px;
	text-transform:uppercase;
	line-height:35px;
	color:#593622;
	margin-bottom: 25px;
}

h2{
	font-size:22px;
	font-weight:normal;
	text-transform: uppercase;
	line-height:28px;
	color:#593622;
}

h2 a{
	color:#593622;
}


h3{
}

a{
	color:#d62407;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

p{
	margin: 0px 0px 15px 0px;
}

ul{
	margin: 0px 0px 15px 15px;
}

.red{
	color:#d62407;
}

.yellow{
	color:#ffb341;
}

#page{
	width:100%;
	position: relative;
	background-image: url(../img/jetontravel-background.jpg);
	background-repeat: no-repeat;
}

.page-middle{
	margin:0 auto;
	width: 973px;
}


/*****HEADER ****/
#meta-nav{
	width: 100%;
	background-color:#d62407;
	color:#ffffff;
	height:28px;
	text-align: right;
	position:absolute;
	z-index:10;
	padding-top:7px;
}

#meta-nav a{
	color:#ffffff;
}

#meta-nav a:hover{
	text-decoration: underline;
}

#meta{
	float:right;
	margin-right:20px;
}

#language {
	float:right;
}

#language ul{
	float:right;
	list-style-type: none;
	margin-left:8px;
	width: 80px;
}

#language ul li{
	float:left;
}

#language ul img{
	float:right;
	margin: 7px 0px 0px 0px;
}

#language ul:hover  li {
	display: block;
}
#language ul:hover ul  li {
	border-top: 1px solid #FFFFFF;
    display: block;
    padding: 12px;
    text-align: left;
    width: 55px;
}

#language ul ul {
	background-color: #593622;
	color: #fff;
	margin-top:8px;
}

#language ul ul li {
	display:none;
	margin-bottom:5px;
	
}

#header{
	background-image:url(../img/header-background.png);
	background-repeat:no-repeat;
	position:relative;
	z-index:5;
	padding: 53px 0px 0px 24px;
	width: 949px;
	height:125px;
}

#header-top{
	overflow:hidden;
	height:42px;
}

#logo{
	float:left;
	margin-top:0px;
}

#header .search{
  float: right;
  width: 218px;
  /*padding: 8px;*/
  margin-right: 20px;
  overflow:hidden;
  height: 30px;
}

#header .search form {
  position: relative;
}

#header .search input.search_input{
  border-radius: 5px;
  border: 1px solid #cccccc;
  height: 17px;
  width: 205px;
  padding-left: 5px;
  padding-top: 5px;
  color: #7f7f7f;
  font-size: 15px;
 /* position: absolute;*/
}

#header .search input.searchButton{
  position: absolute;
  right: 8px;
  top: 3px;
}

#header input.searchButton{
	border: none;
}


.main-nav{
	margin-top:15px;
	float:left;
	overflow:hidden;
	/*height:36px;*/
	width:940px;
	margin-left:-8px;
}

.main-nav a{
	text-transform: uppercase;
}

.main-nav a:hover{
	text-decoration: none;
}

.main-nav ul{
	list-style-type: none;
	float:left;
	margin:0px;
}

.main-nav ul img.trenner{
	float:left;
}

.main-nav ul li{
	float:left;
	max-width: 152px;
	min-height:56px;
	text-align:center;
}

.main-nav ul li ul li{
	min-height:1px;
}
.main-nav ul li:hover,
.main-nav ul li:hover a{
	background-color:#d62407;
	color:#fff;
}

.main-nav ul li:hover li,
.main-nav ul li:hover li a{
	background-color:#fff;
	color:#593622;
}

.main-nav ul li a{
	padding:7px 9px 9px 9px;
	display:block;
	min-height:40px;
	color:#593622;
}
.main-nav ul li.act a{
	color:#ffffff;
}

.main-nav ul li.act li.act,
.main-nav ul li.act li.act a{
	background-color:#fff;
	color:#593622;
}

.main-nav ul li.act li a{
	color:#593622;
}

.main-nav ul li.first-nav a{
	padding:7px 2px 9px 8px;
}

.main-nav ul.flyout-menu{
	display: none;
}

.main-nav ul li:hover ul{
	display:block;
}

.main-nav ul li ul {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
	padding:0px;
    position: absolute;
    z-index: 2000;
}
.main-nav ul li.first-nav ul {
	left:16px;
}

.main-nav ul li ul li{
    float: none;
}

.main-nav ul li ul li.first-nav a, 
.main-nav ul li ul li a,
.main-nav ul li.first-nav ul li a{
    padding: 7px 9px 5px 9px;
	min-height:1px;
}

.main-nav ul li ul li.act a:hover,
.main-nav ul li ul li a:hover{
    color:#ffffff;
	background-color:#ffb30f;
}

.main-nav ul li.act{
	/*background-image: url(../img/menue-act.png);
	background-repeat:no-repeat;*/
	/*background-position: left 4px top 11px;*/
	background-position: 4px 11px;
	background-color:#d62407;
	min-height:56px;
}


/*****HEADER ****/

/*****KEYVISUAL ****/

#keyvisual .ceImage .ceImage{
	height:260px;
	overflow:hidden;
}
#keyvisual{
	padding-left:13px;	
	margin-top: 20px;
	overflow:hidden;
}

#keyvisual .keyvisual-travel-image,
#keyvisual .keyvisual-travel-text{
	float:left;
}

#keyvisual .keyvisual-travel-image .single-image{
	height: 245px;
	width:550px;
	overflow: hidden;
}
#keyvisual .keyvisual-travel-image .single-image img{
	min-height: 245px;
	width: auto;
}


#keyvisual .keyvisual-travel-text {
	width: 341px;
	background-color:#ffffff;
	padding:15px 25px 5px 25px;
	margin-left:21px;
	height:225px;
}

#keyvisual h3{
    color: #593622;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}
/*****KEYVISUAL ****/

#page-content{
	position:relative;
	z-index:3;
	margin-bottom:80px;
}

.content{
	background-image:url(../img/content-background.png);
	background-repeat:repeat-x;
	/*margin-top:-130px;*/
	overflow:hidden;
	margin-top:15px;
	padding:25px;
	width:923px;
	min-height:640px;
}


/***** STARTSEITE *****/

.start #page-content {
	margin-top:-240px;
}

.start .content{
	background-image:url(../img/content-background_start.png);
	margin-top:0px;
	padding:0px;
	width:973px;
	min-height:1px;
} 

.start #keyvisual h2{
	color:#4D4D4D;
}
.start .teaser{
	margin:30px 11px 30px 23px;
	overflow:hidden;
	width:285px;
	text-align: center;
	float:left;
	height:285px;
}

.start .teaser .single-image, .start .teaser .all-images {
	width:285px;
	height:150px;
	margin-bottom:14px;
	overflow:hidden;
	margin-top:0px;
}

.start .teaser .single-image img, .start .teaser .all-images img{
	height:auto;
	width:100%;
}

.start .teaser h2{
	margin-bottom: 2px;
	color:#593622;
}

.start .teaser h2 a{
	color:#593622;
}


.start .teaser p{
	margin:0px 0px 5px 0px;
}

#infos{
	overflow:hidden;
}

img.start-trenner{
	margin-top:10px;
}

.start-content{
	margin:30px 33px 30px 23px;	
	width: 605px;
	float:left;
	overflow:hidden;
}

.start-content h2, .beratung h2{
	margin:0px 0px 20px 0px;	
}

.beratung{
	margin:30px 0px 30px 0px;	
	float:left;
	overflow:hidden;
	width:285px;
	text-align:center;
}

.beratung h2{
	background-image: url(../img/jetontravel-beratung.png);
	background-repeat: no-repeat;
	background-position:30px 0px;
}

#page.start{
	background-image: none;
}

.start #keyvisual{
	position:relative;
	z-index:0;
	margin:0 auto;
	margin-top:5px;
	height:560px;
	overflow:hidden;
	padding:0px;
	top:-150px;
}

.start #keyvisual img{
	margin: 0 auto;
	/*width: 1600px;* auf Kundenwunsch Keyvisual über die komplette Breite/*/
	width:100%;
	min-width:1600px;
	height:auto;
}

.start #keyvisual .single-image{
    margin: 0 auto;
    position: relative;
    /*width: 1600px;* auf Kundenwunsch Keyvisual über die komplette Breite/*/
	width:100%;
	height:auto;
	overflow:hidden;
}

.start #keyvisual .ce-text{
	top: 185px;
	position:absolute;
	color:#ffffff;
	margin:0 auto;
	width: 100%;
}
.start #keyvisual .ce-text .page-middle{
	background-image:url(../img/header-teaser-bg.png);
	text-align:center;
	width:630px;
	right:165px;
	position:relative;
	padding: 5px 0px;
}

.start #keyvisual h1{
	font-size:40px;
	margin:8px 0px;
	color:#4D4D4D;
}

.start #keyvisual-overlay{
	background-image:url(../img/keyvisual-overlay.png);
	background-repeat:repeat-x;
	width:100%;
	position:absolute;
	bottom:0;
	height:169px;
	
}

.start #keyvisual .ce-text .page-middle a{
	margin-top:25px;
}

.start .news-more{
	display:none;
}

.start .teaser .bx-viewport .ce-text{
	float:left;
}

.beratung .telefonnumber{
	background-image: none;
	color:#d62407;
	font-size: 22px;
	padding-left: 0px;
}

.start .stoerer-icon{
	font-size:12px;
	color:#593622;
	background-image:url(../img/stoerer.png);
	position:absolute;
	top:-25px;
	width:92px;
	height:72px;
	text-align:center;
	padding:30px 10px 10px 10px;
	margin-left:200px;
	line-height:15px;
	overflow:hidden;
}
.restarant-teaser{
	background-image:url(../img/bg-restaurants.png);
	float:left;
	padding: 23px 23px 7px;
	width:100%;
}

.restarant-teaser h2{
	text-transform: none;
	margin-bottom: 25px;
	color:#d62407;
}

.restarant-teaser .ce-text{
	width:285px;
	float: left;
	margin-right:28px;
	
}

.restarant-teaser .all-images img{
	border:1px solid #ffffff;
    -moz-box-shadow: -1px -1px 8px #4C4C4C;
    -webkit-box-shadow: -1px -1px 8px #4C4C4C;
    box-shadow: -1px -1px 8px #4C4C4C;
	margin-left:15px;


	
}

/***** STARTSEITE *****/
/***** CONTENT *****/
#content-left{
	width:170px;
	float:left;
	min-height:1px;
	margin-top:50px;
}

#content-middle{
	float:left;
	margin: 0px 50px;
	width:475px;
}

#content-middle-big{
	float:left;
	margin: 0px 0px 0px 50px;
	width:700px;
}

#content-middle h2{
	color:#593622;
	margin-bottom: 12px;
}

#content-right{
	width:170px;
	float:left;
	min-height:1px;
	margin-top:50px;
}
#content-right h2{
	color:#593622;
	text-transform: none;
	font-size: 15px;
	line-height: 19px;
	margin-bottom:8px;
}

#breadcrumb{
	font-size: 12px;
	margin-bottom:27px;
}

#subnav ul{
	list-style-type: none;
	text-transform:uppercase;
	margin:0px;
}

#subnav ul li a {
	border-bottom: 1px solid #d62407;
	padding:10px 15px 10px 15px;
	display: block;
	color:#593622;
}

#subnav ul li a:hover,
#subnav ul li a.act,
#subnav ul li.cur ul li a.act,
#subnav ul li.cur a.act:hover
 {
	background-color:#d62407;
	color:#ffffff;
	text-decoration: none;
}

#subnav ul li.cur a.act{
	background-color:#ffffff;
	color: #593622;
}

#subnav.subnav-reise ul li.cur a.act{
	background-color:#d62407;
	color: #ffffff;
}


#subnav ul li ul li a{
	border-bottom: 1px solid #593622;
	padding:10px 15px 10px 30px;
	display: block;
}


#tabnav{
    overflow: hidden;
    width: 475px;
	margin: 25px 0px 5px 0px;
}

#tabnav ul{
	list-style-type: none;
	text-transform:uppercase;
	margin:0px;
}

#tabnav ul li{
	float:left;
	padding: 5px 17px;
	border-left: 1px solid #593622;
}

#tabnav ul li a{
	color: #593622;
}

#tabnav ul li.first-nav{
	border-left: 1px solid #ffffff;;
}

#tabnav ul li.act, #tabnav ul li:hover{
	background-color: #593622;
	border-left: 1px solid #ffffff;
}

#tabnav ul li.act a, #tabnav ul li:hover a{
	color: #ffffff;
}

#tabnav ul li a:hover {
	text-decoration: none;
}

#travel-content h2{
	background-color: #593622;
	color:#ffffff;
	font-size:15px;
	padding: 1px 17px;
}
/*Elemente*/
#content-middle-big .ce-text, #content-middle-big .ce-textpic,
#content-middle .ce-text, #content-middle .ce-textpic,
#content-middle-big .ceImage, #content-middle-big .ceImage,
#content-middle .ceImage, #content-middle .ceImage,
#content-right .ce-text, #content-right .ce-textpic,
#content-right .ceImage {
	margin-bottom:20px;
	/*overflow:hidden;*/
}

. travel-teaser .ce-text, . travel-teaser .ce-textpic,
. travel-teaser .ceImage, . travel-teaser .ceImage {
	overflow:hidden;
}

#content-middle .ce-text .ce-text,
#content-middle .ce-textpic .ce-text,
#content-middle .ceImage .ceImage,
#content-middle-big .ce-text .ce-text,
#content-middle-big .ce-textpic .ce-text,
#content-middle-big .ceImage .ceImage,
#content-right .ce-text .ce-text,
#content-right .ce-textpic .ce-text,
#content-right .ce-text .ce-text,
#content-right .ce-textpic .ce-text,
#content-right .ceImage .ceImage
{
	margin-bottom:0px;
}

.csc-textpic-intext-left .single-image, .csc-textpic-outtext-left .single-image{
	float: left;
	margin: 6px 15px 15px 0px;
}

.csc-textpic-intext-right .single-image, .csc-textpic-outtext-right .single-image{
	float: right;
	margin: 6px 0px 15px 15px;
}
.csc-textpic-outtext-left .ce-text, .csc-textpic-outtext-right .ce-text {
	overflow:hidden;
}

.ce-textpic{
	overflow:hidden;

}
.content-right .ce-textPic .csc-textpic{
	margin: 15px 0px 15px 0px;
}

.caption {
	overflow:hidden;
}

.caption p{
	font-style: italic;
	font-size:13px;
	color:#8A8A8A;
	margin:0px;
}

.ceImage .float-image{
	float:left;
	padding: 0px 12px 12px 0px;
}

#content-right .ceImage .float-image{
	padding: 0px 5px 5px 0px;
}

#content-middle .all-images{
	width:490px;
	overflow:hidden;
}

#content-middle-big .all-images{
	width:712px;
	overflow:hidden;
}

/* RTE Klassen-style*/

a.button-red, 
a.button-yellow,
a.button-call-back,
button.button-red{
	color:#ffffff;
	padding:6px 14px;
	display:inline-block;
	border: none;
}

a.button-red,
button.button-red{
	background-color:#E67500;
}

a.button-yellow,
a.button-call-back{
	background-color:#ffb341;
}

.mail{
	background-image: url(../img/mail.png);
}

.telefonnumber{
	background-image: url(../img/phone.png);
}

.telefonnumber, .mail{
	background-repeat: no-repeat;
	padding-left:20px;
	color:#4d4d4d;
}

.telefonnumber:hover, .mail:hover{
	text-decoration: none;
	color:#593622;
}



#content-right .button-call-back{
	display: block;
	margin: 20px 0px;
}

a.button-call-back{
	background-image: url(../img/phone-white.png);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	padding-left:40px;
}

/*News*/
.news-single-item .date{
	font-size:13px;
	font-style: italic;
}

.news-single-backlink{
	margin-top:50px;
}

#content-middle-big .news-latest-container .single-image{
	float:left;
	width:315px;
}

#content-middle-big .news-latest-container h2{
	margin-bottom: 10px;
}

#content-middle-big .news-latest-container .news-more {
	margin-top: 10px
}

table{
	border-spacing: 0px;
	width: 100%;
	margin: 20px 0px;
	border: 1px solid #ccc;
}

table thead{
	background-color:#e3e3e3;
	text-align: left;
	
}

th , td{
	padding: 5px;
	vertical-align: top;
}

table tr td { 
	background-color: #f9f9f9; 
}

table tr:nth-child(odd) td { 
	background-color: #FFFFFF; 
}

table td.align-right, table th.align-right{
	text-align: right;
}

/*social Media */
#social{
	position:absolute;
	top:470px;
	z-index: 50;
	right:0px;
}

#addthis{
    position: absolute;
    top: 660px;
    z-index: 50;
	right:0px;
}

#checkfly{
	position:absolute;
	top:395px;
	z-index: 50;
	right:0px;
}

/*Listenansicht-Reise*/
.travel-teaser{
	overflow:hidden;
	margin-top:25px;
}
.travel-teaser .single-image{
	width:300px;
	height:225px;
	overflow:hidden;
}

.travel-teaser .single-image img{
	width:auto;
	height:225px;
	float:none;
}

.travel-teaser .ce-text{
	float:left;
	width:385px;
}

.travel-teaser h3{
	font-weight: normal;
	color:#593622;
	font-size:15px;
	margin-bottom: 10px;
}

.travel-teaser p{
	margin:15px 0px 15px 0px;
}

.travel-teaser .news-item{
	margin:15px 0px 15px 0px;
}


.tx-indexedsearch-res-item{
	margin:30px 0px;
}

#content-right #addthis{
	position:relative;
	top:0px;
	width:158px;
	background-color:#D62407;
	color:#ffffff;
}

#content-right #addthis a{
	color:#ffffff;
}

#content-right #addthis a:hover{
	text-decoration:none;
}

#content-right #addthis a span{
	float:left;
}



#content-right #addthis .addthis_button_email{
	width:146px;
	color:#ffffff;
	font-family:'Droid Sans', sans-serif;
	font-size:14px;
}

#content-right #tipp-a-friend{
	background-color:#D62407;
	width:164px;
	height:30px;
	overflow:hidden;
	margin-bottom:20px;
	padding-left:6px;
}

/* Formulare */

fieldset{
	border: none;
}

legend {
    border-bottom: 1px solid #cccccc;
    color: #333333;
    display: block;
    font-size: 22px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
	color:#593622;
	margin-top:60px;
}

legend.first{
	margin-top: 0px;
}

input{
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 5px;
	font-family:'Droid Sans', sans-serif;
}

input:focus, 
textarea:focus, 
select:focus{
	border:1px solid #593622;
}

.Tx-Formhandler input{
	width: 230px;
}

.radio input{
	width: auto;
	margin-top:3px;
	margin-right:10px;
}

.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}
label {
    /*display: block;*/
    margin-bottom: 5px;
}
label, input, button, select, textarea {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
}

.form-horizontal .controls {
    margin-left: 180px;
}


.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-horizontal .control-group:after {
    clear: both;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    content: "";
    display: table;
    line-height: 0;
}
.form-horizontal .control-group {
    margin-bottom: 20px;
}

select#productSelector {
    width: 297px;
	border-radius: 5px;
	height:30px;
}

select, textarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 516px;
	border-radius: 5px;
	padding:5px;
}

textarea {
	width: 497px;
	font-family:'Droid Sans', sans-serif;
	padding: 5px;
}

.controls-row [class*="span"] + [class*="span"], .controls-row [class*="span"] + [class*="formError"] + [class*="span"] {
    margin-left: 10px;
}

.controls a, .controls-row a{
	color:red;
}
.controls a:hover, .controls-row a:hover{
	text-decoration: none;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
}

label.radio{
	width: auto;
	float:left;
}
input#man, input#phone{
	margin-left:25px;
}

#content-middle .Tx-Formhandler{
	width: 475px;
	overflow: hidden;

}

#content-middle .Tx-Formhandler input{
	width: 283px;
	margin: 0px 0px 5px 0px;
}

#content-middle .Tx-Formhandler label.radio input{
	width: auto;
	margin:2px 4px 0px 0px;
}

#content-middle .Tx-Formhandler label.radio input#man{
	margin-left:15px;
}


#content-middle .Tx-Formhandler label.radio{
	margin-top:5px;
}

#content-middle .Tx-Formhandler textarea{
	width:283px;
}

.check input{
	width: 15px;
	margin-left:5px;
	border:none;
	padding:0px;
}

.radio input{
	border:none;
	padding:0px;
}

.abstand{
	padding-top:5px;
}

.row-1{
	margin-bottom:10px;
	float:left;
	width:200px;
}

.row-2{
	margin-bottom:10px;
	float:left;
}


.aussen{
	width: 120px;
}

.type-check{
	overflow: hidden;
	margin-bottom:15px;
}

#travel-end{
	margin:0px;
	margin-left:10px;
}

#travel-start{
	margin-right:8px;
}

label#double-plus{
	display: inline-block;
	width: 175px;
}

input#double-plus{
    float: left;
    margin-right: 4px;
    margin-top: 4px;
}

select#hotel{
	width:253px;
}

.formBuchung legend {
	margin-top:15px;
}

input#inputCallBackTime{
	width: 487px;
}

.formBuchung a{
	display: block;
}

/***** CONTENT *****/
/*****FOOTER ****/
#footer{
	width: 100%;
	background-color:#d62407;
	color:#ffffff;
	overflow:hidden;
	padding-bottom:40px;
}

#footer a{
	color:#ffffff;
}

#footer a:hover{
	color:#e6e6e6;
}


#footer h2{
	color:#ffffff;
	font-size:15px;
}

#footer .main-nav{
	margin-top: 40px;
}

#footer .main-nav img{
	display: none;
}

#footer .main-nav ul{
	border-bottom: 1px solid #e6e6e6;
}

#footer .main-nav ul li.first-nav a{
	padding:7px 26px 9px;
}

#footer-left{
	float:left;
	margin-left:25px;
	width: 600px;
	padding-top:40px;
}

#footer-left-bottom .ce-text{
	float:left;
	width: 165px;
	margin-right:32px;
}

#footer-left-bottom {
	float:left;
	margin-top: 20px;
}

#footer-left #footer-left-bottom ul li{
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 0px;
}

#footer-left ul{
	margin-left: 0px;
}


#footer ul{
	list-style-type: none;
}

#footer-right{
	float:left;
	padding-top:40px;
	margin-left: 35px;
	width:292px;
}

#footer-right a.button-red{
	border: 1px solid #cccccc;
	background-color:#ffffff;
	color:#52031d;
	margin-bottom:10px;
}

#footer-right .ceImage img{
	margin:0px 8px 20px 0px;
}

#footer-end{
	background-color:#ffb341;
	color:#4d4d4d;
	font-size:13px;
	padding:7px 0px 7px 0px;
	overflow: hidden;
}
#footer-end p{
	margin: 0px;
}

#footer-end a{
	color:#4d4d4d;
	text-decoration: underline;
}

#footer-end a:hover{
	color:#4d4d4d;
	text-decoration: none;
}

#footer-end-left,
#footer-end-righ{
	width: 486px;
	float: left;
}

#footer-end-right{
	text-align:right;
}


/*****FOOTER ****/