@charset "utf-8";


/*
---------------------------------------------------
Begin Styles for the default view (bubble tooltips)
---------------------------------------------------
*/

/* Oli */
.calendar {
    background: none !important;
    border: none !important;
    color: #000000;
    cursor: default;
    font-family: arial,verdana,sans-serif;
    font-size: 11px;
    margin: 0 0 0 -23px;
    vertical-align: middle;
}

/* Oli */
.efline {
border: 1px solid #d5d5d5;
margin: 25px 0;
}

.efzeilerechts input {
/* edit your style - inputfield */
color: #abba; 
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
/* Oli */
border: 1px solid #d5d5d5;
padding: 1px 7px;
font-family: Helvetica,Arial,FreeSans,sans-serif;
font-size: 12px;
line-height: 1.7;
}

.efzeilerechts input:focus {
/* edit your style - inputfield focus */
background-color : transparent;
color: #abba;
/* Oli */
border: 1px solid #ccc; 
}

.efzeilerechts input:hover {
/* edit your style - inputfield focus */
background-color : transparent;
color: #abba;
/* Oli */
border: 1px solid #ccc; 
}

.efzeilerechts textarea {
/* edit your style - textarea */
border: 1px dotted #ccc;
color: #abba; 
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
/* Oli */
border: 1px solid #d5d5d5;
padding: 7px;
font-family: Helvetica,Arial,FreeSans,sans-serif;
font-size: 12px;
line-height: 1.7;
width: 147px;
}

.efzeilerechts textarea:focus {
/* edit your style - textarea focus */
background-color : transparent;
color: #abba; 
/* Oli */
border: 1px solid #ccc; 
}

.efzeilerechts textarea:hover {
/* edit your style - textarea focus */
background-color : transparent;
color: #abba; 
/* Oli */
border: 1px solid #ccc; 
}

.efzeilerechts select {
/* edit your style - selectbox */
color: #abba;
width: 168px;
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
/* Oli */
padding: 3px 5px;
font-family: Helvetica,Arial,FreeSans,sans-serif;
font-size: 12px;
line-height: 1.7;
}

.efzeilerechts select:focus {
/* edit your style - selectbox focus */
background-color : transparent;
color: #abba;
/* Oli */ 
}

.efzeilerechts select:hover {
/* edit your style - selectbox focus */
background-color : transparent;
color: #abba;
/* Oli */
}

.efbutton input {
/* style for buttons */
padding: 14px 25px;
text-transform: uppercase;
color: #FFF;
background: url(http://www.voyagessuperprix.com/templates/hpjmaster25/images/bg-header1.jpg);
border: none;
cursor: pointer;
}

.efmain {
/* -- the main container -- */
clear: both;
width: auto;
height: auto;
}

.efmaint {
/* -- the 2 top containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainc {
/* -- the center container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainbutton {
/* -- the button container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
margin-top: 10px;
margin-bottom: 5px;
}
.efmainb {
/* -- the 2 bottom containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efTop1 {
/* -- top left container in maint container -- */	
float: left;
width: 49%;
height: auto;
position: static;
overflow: hidden;
}
.efTop2 {
/* -- top right container in maint container -- */	
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}
.efCenter {	
/* -- center container in mainc container -- */
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}
.efBottom1 {
/* -- bottom left container in mainb container -- */
float: left;
width:49%;
height:auto;
position: static;
overflow: hidden;	
}
.efBottom2 {
/* -- bottom right container in mainb container -- */
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}	
.efbutton {
/* -- button container in mainbutton container -- */
text-align: center;
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}

.efversteckt {
/* -- hidden class for helptext -- */
clear: both;
background: #dedede;
}

.efhinweis {
/* -- hint class, if mandatory fields are not filled in -- */
visibility : collapse;
width : auto;
height : auto;
color : red;
text-align : center;
margin : 5px 0px; 
}


.efzeile {
/* -- line for single elements -- */
clear: both;
width: auto;
height: auto;
overflow : auto;
position: static;
padding : 3px 0px;
}

.efzeile:hover {
}

.efzeilelinks {
/* -- left line for single elements -- */
float: left;
width: 33%;
height: auto;
position: static;	
overflow: hidden;
/* Oli */
background-color: transparent;
padding: 5px 0 10px !important;
}

.efzeilelinksg {
/* -- left line for single elements -- */
float: left;
width: 100%;
height: auto;
position: static;
overflow: hidden;
}

input{
	border: none;
}

.efzeilerechts {
/* -- right line for single elements -- */
float: right;
width: 66.4%;
height: auto;
position: relative;	
overflow: hidden;
}

.efmandatory {
/* -- mandatory class, for check -- */
float: left;
width: 33%;
height: auto;
position: static;
overflow: hidden;
/* Oli */
color: red;
font-weight: bold;
}

.efzeichen {
/* -- container, shows characters left in textarea elements -- */
clear: both;
width: 50px;
height: auto;
overflow : auto;
position: static;
padding : 1px 0px;
padding-left: 34%;
}
.efeinaus {
/* -- hidden class for helptext -- */
visibility: collapse;
height: 0;
clear: both;
background: #dedede;
}

/*
---------------------------------------------
End Styles for default view (bubble tooltips)
---------------------------------------------
*/



/*
----------------------------------------------
Begin Styles for static view (static tooltips)
----------------------------------------------
*/

.efzeilerechts-static input {
/* edit your style - inputfield */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-static input:focus {
/* edit your style - inputfield focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-static textarea {
/* edit your style - textarea */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-static textarea:focus {
/* edit your style - textarea focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-static select {
/* edit your style - selectbox */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
}

.efzeilerechts-static select:focus {
/* edit your style - selectbox focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
}

.efbutton-static input {
/* style for buttons */
border: 1px solid #ccc;
border-radius: 10px;
}

.efbutton-static input:focus {
/* style for buttons - focus */
border: 1px solid #ccc;
border-radius: 10px;
}

.efbutton-static input:hover {
/* style for buttons - focus */
border: 1px solid #ccc;
border-radius: 10px;
background-color: #999;
}

.efmain-static {
/* -- the main container -- */
clear: both;
width: auto;
height: auto;
}

.efmaint-static {
/* -- the 2 top containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainc-static {
/* -- the center container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainbutton-static {
/* -- the button container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
margin-top: 10px;
margin-bottom: 5px;
}
.efmainb-static {
/* -- the 2 bottom containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efTop1-static {
/* -- top left container in maint container -- */	
float: left;
width: 49%;
height: auto;
position: static;
overflow: hidden;
}
.efTop2-static {
/* -- top right container in maint container -- */	
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}
.efCenter-static {	
/* -- center container in mainc container -- */
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}
.efBottom1-static {
/* -- bottom left container in mainb container -- */
float: left;
width:49%;
height:auto;
position: static;
overflow: hidden;	
}
.efBottom2-static {
/* -- bottom right container in mainb container -- */
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}	
.efbutton-static {
/* -- button container in mainbutton container -- */
text-align: center;
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}

.efversteckt-static {
/* -- hidden class for helptext -- */
clear: none;
background: #dedede;
float:right;
width:48%;
height:auto;
padding: 0 4px 0;
border-radius: 6px;
}

.efhinweis-static {
/* -- hint class, if mandatory fields are not filled in -- */
visibility : collapse;
width : auto;
height : auto;
color : red;
text-align : center;
margin : 5px 0px; 
}


.efzeile-static {
/* -- line for single elements -- */
clear: both;
width: 100%;
height: auto;
overflow : visible;
position: static;
padding : 3px 0px;
}

.efzeile-static:hover {
}

.efzeilelinks-static {
/* -- left line for single elements -- */
clear: none;
float: left;
width: 48%;
height: auto;
position: static;	
overflow: hidden;
}

.efzeilelinksg-static {
/* -- left line for single elements -- */
clear: none;
float: left;
width: 48%;
height: auto;
position: static;	
overflow: hidden;
}

.efzeilerechts-static {
/* -- right line for single elements -- */
float: left;
width: 48%;
height: auto;
position: static;
clear: none;
padding-top: 3px;
overflow: hidden;
}

.efmandatory-static {
/* -- mandatory class, for check -- */
float: left;
width: 33%;
height: auto;
position: static;
overflow: hidden;
background-color: red;
}

.efzeichen-static {
/* -- container, shows characters left in textarea elements -- */
clear: both;
width: 50px;
height: auto;
overflow : auto;
position: static;
padding : 1px 0px;
padding-left: 34%;
}

/*
--------------------------------------------
End Styles for static view (static tooltips)
--------------------------------------------
*/



/*
------------------------------------------------
Begin Styles for instant view (instant tooltips)
------------------------------------------------
*/

.efzeilerechts-instant input {
/* edit your style - inputfield */
background-color : #f0f0f0;
border: 1px dotted #ccc;
color: #abba; 
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

.efzeilerechts-instant input:focus {
/* edit your style - inputfield focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-instant input:hover {
/* edit your style - inputfield focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-instant textarea {
/* edit your style - textarea */
background-color : #f0f0f0;
border: 1px dotted #ccc;
color: #abba; 
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

.efzeilerechts-instant textarea:focus {
/* edit your style - textarea focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-instant textarea:hover {
/* edit your style - textarea focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-instant select {
/* edit your style - selectbox */
background-color : #f0f0f0;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

.efzeilerechts-instant select:focus {
/* edit your style - selectbox focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
}

.efzeilerechts-instant select:hover {
/* edit your style - selectbox focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
}

.efbutton-instant input {
/* style for buttons */
border: 1px solid #ccc;
border-radius: 10px;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.efbutton-instant input:focus {
/* style for buttons - focus */
border: 1px solid #ccc;
border-radius: 10px;
}

.efbutton-instant input:hover {
/* style for buttons - focus */
border: 1px solid #ccc;
border-radius: 10px;
background-color: #888;
}

.efmain-instant {
/* -- the main container -- */
clear: both;
width: auto;
height: auto;
}

.efmaint-instant {
/* -- the 2 top containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainc-instant {
/* -- the center container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainbutton-instant {
/* -- the button container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
margin-top: 10px;
margin-bottom: 5px;
}
.efmainb-instant {
/* -- the 2 bottom containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efTop1-instant {
/* -- top left container in maint container -- */	
float: left;
width: 49%;
height: auto;
position: static;
overflow: hidden;
}
.efTop2-instant {
/* -- top right container in maint container -- */	
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}
.efCenter-instant {	
/* -- center container in mainc container -- */
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}
.efBottom1-instant {
/* -- bottom left container in mainb container -- */
float: left;
width:49%;
height:auto;
position: static;
overflow: hidden;	
}
.efBottom2-instant {
/* -- bottom right container in mainb container -- */
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}	
.efbutton-instant {
/* -- button container in mainbutton container -- */
text-align: center;
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}

.efversteckt-instant {
/* -- hidden class for helptext -- */
clear: both;
background: #dedede;
}

.efhinweis-instant {
/* -- hint class, if mandatory fields are not filled in -- */
visibility : collapse;
width : auto;
height : auto;
color : red;
text-align : center;
margin : 5px 0px; 
}


.efzeile-instant {
/* -- line for single elements -- */
clear: both;
width: auto;
height: auto;
overflow : auto;
position: static;
padding : 1px 0px;
}

.efzeile-instant:hover {
}

.efzeilelinks-instant {
/* -- left line for single elements -- */
float: left;
width: 33%;
height: auto;
position: static;	
overflow: hidden;
background-color: #dedede;
}

.efzeilelinksg-instant {
/* -- left line for single elements -- */
float: left;
width: 100%;
height: auto;
position: static;
overflow: hidden;
}

.efzeilerechts-instant {
/* -- right line for single elements -- */
float: right;
width: 66.4%;
height: auto;
position: relative;	
overflow: hidden;
}

.efmandatory-instant {
/* -- mandatory class, for check -- */
float: left;
width: 33%;
height: auto;
position: static;
overflow: hidden;
background-color: red;
}

.efzeichen-instant {
/* -- container, shows characters left in textarea elements -- */
clear: both;
width: 50px;
height: auto;
overflow : auto;
position: static;
padding : 1px 0px;
padding-left: 34%;
}
.efeinaus-instant {
/* -- hidden class for helptext -- */
visibility: collapse;
height: 0;
clear: both;
background: #dedede;
}

/*
----------------------------------------------
End Styles for instant view (instant tooltips)
----------------------------------------------
*/



/*
------------------------------------------------
Begin Styles for sliding view (sliding tooltips)
------------------------------------------------
*/

.efzeilerechts-sliding input {
/* edit your style - inputfield */
background-color : #f0f0f0;
border: 1px dotted #ccc;
color: #abba; 
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

.efzeilerechts-sliding input:focus {
/* edit your style - inputfield focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-sliding input:hover {
/* edit your style - inputfield focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-sliding textarea {
/* edit your style - textarea */
background-color : #f0f0f0;
border: 1px dotted #ccc;
color: #abba; 
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

.efzeilerechts-sliding textarea:focus {
/* edit your style - textarea focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-sliding textarea:hover {
/* edit your style - textarea focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba; 
}

.efzeilerechts-sliding select {
/* edit your style - selectbox */
background-color : #f0f0f0;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-webkit-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
}

.efzeilerechts-sliding select:focus {
/* edit your style - selectbox focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
}

.efzeilerechts-sliding select:hover {
/* edit your style - selectbox focus */
background-color : transparent;
border: 1px dotted #ccc;
color: #abba;
width: 150px;
}

.efbutton-sliding input {
/* style for buttons */
border: 1px solid #ccc;
border-radius: 10px;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.efbutton-sliding input:focus {
/* style for buttons - focus */
border: 1px solid #ccc;
border-radius: 10px;
}

.efbutton-sliding input:hover {
/* style for buttons - focus */
border: 1px solid #ccc;
border-radius: 10px;
background-color: #888;
}

.efmain-sliding {
/* -- the main container -- */
clear: both;
width: auto;
height: auto;
}

.efmaint-sliding {
/* -- the 2 top containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainc-sliding {
/* -- the center container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efmainbutton-sliding {
/* -- the button container in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
margin-top: 10px;
margin-bottom: 5px;
}
.efmainb-sliding {
/* -- the 2 bottom containers in main container -- */
clear: both;
width: inherit;
position : static;
overflow : auto;
}
.efTop1-sliding {
/* -- top left container in maint container -- */	
float: left;
width: 49%;
height: auto;
position: static;
overflow: hidden;
}
.efTop2-sliding {
/* -- top right container in maint container -- */	
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}
.efCenter-sliding {	
/* -- center container in mainc container -- */
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}
.efBottom1-sliding {
/* -- bottom left container in mainb container -- */
float: left;
width:49%;
height:auto;
position: static;
overflow: hidden;	
}
.efBottom2-sliding {
/* -- bottom right container in mainb container -- */
float: right;
width: 49%;
height: auto;
position: relative;
overflow: hidden;
}	
.efbutton-sliding {
/* -- button container in mainbutton container -- */
text-align: center;
float: none;
width: inherit;
height: auto;
position: static;
overflow: hidden;
}

.efversteckt-sliding {
/* -- hidden class for helptext -- */
clear: both;
background: #dedede;
}

.efhinweis-sliding {
/* -- hint class, if mandatory fields are not filled in -- */
visibility : collapse;
width : auto;
height : auto;
color : red;
text-align : center;
margin : 5px 0px; 
}


.efzeile-sliding {
/* -- line for single elements -- */
clear: both;
width: auto;
height: auto;
overflow : auto;
position: static;
padding : 1px 0px;
}

.efzeile-sliding:hover {
}

.efzeilelinks-sliding {
/* -- left line for single elements -- */
float: left;
width: 33%;
height: auto;
position: static;	
overflow: hidden;
background-color: #dedede;
}

.efzeilelinksg-sliding {
/* -- left line for single elements -- */
float: left;
width: 100%;
height: auto;
position: static;
overflow: hidden;
}

.efzeilerechts-sliding {
/* -- right line for single elements -- */
float: right;
width: 66.4%;
height: auto;
position: relative;	
overflow: hidden;
}

.efmandatory-sliding {
/* -- mandatory class, for check -- */
float: left;
width: 33%;
height: auto;
position: static;
overflow: hidden;
background-color: red;
}

.efzeichen-sliding {
/* -- container, shows characters left in textarea elements -- */
clear: both;
width: 50px;
height: auto;
overflow : auto;
position: static;
padding : 1px 0px;
padding-left: 34%;
}
.efeinaus-sliding {
/* -- hidden class for helptext -- */
visibility: collapse;
height: 0;
clear: both;
background: #dedede;
}

/*
----------------------------------------------
End Styles for sliding view (sliding tooltips)
----------------------------------------------
*/



/*
---------------------------------
Begin Styles needed for all views
---------------------------------
*/

.eftoken {
display : none;
width:0;
height:0;
}

.eftips {
/* tooltips should be in front */
z-index:100000;
}

.eftips .tip-top {}

.eftips .tip {
/* styles for the bubble tooltips */
/*color: #000;*/
/* Oli */
/*border: 5px solid #d5d5d5;
padding: 7px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
background: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.04) 0%, rgba(200, 200, 200, 0.1) 50%, rgba(200, 200, 200, 0) 100%) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(center top , rgba(0, 0, 0, 0.04) 0%, rgba(200, 200, 200, 0.1) 50%, rgba(200, 200, 200, 0) 100%) repeat scroll 0 0 transparent;
background-color: #f5f5f5;
font-family: Helvetica,Arial,FreeSans,sans-serif;
font-size: 12px;
line-height: 1.7;*/
}

.eftips .tip .tip-title {
/* tooltips title  */
font-weight: normal;
}

.eftips .tip .tip-text {}
 
.eftips .tip-bottom {}

/*
-------------------------------
End Styles needed for all views
-------------------------------
*/