@charset "utf-8";

@font-face {
	font-family: 'Conv_Telenor-Regular_2';
	src: url('../fonts/telenor-regular_2-webfont.eot');
	src: local('TR'), url('../fonts/telenor-regular_2-webfont.woff') format('woff'), url('../fonts/telenor-regular_2-webfont.ttf') format('truetype'), url('../fonts/telenor-regular_2-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -- Reset HTML tags -- */
h1, h2, h3, h4, h5, h6
p, a, ul, ol, li,  
table, tr, td, div, span {margin:0; padding:0; border:0; outline:none; }

body {margin:0; padding:0; background:url("../images/side_deco.jpg") repeat-x; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form, input {margin:0; padding:0; border:0; outline:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: transparent;}
button, img {margin:0; padding:0; border:0; outline:none; background: transparent;}

h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:13px;}
h4 {color:#80BBD6; font-size: 16px; font-family: Tahoma, Helvetica, sans-serif; font-style: normal; font-weight: bold; margin: 12px 0 4px 0; }
h5 {color:#5b7b7b; font-size: 19px; font-family: Arial, Tahoma, sans-serif; font-weight: bold; margin: 8px 0 4px 0;}

p {color:#657A7A; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; font-style: normal; line-height: 18pt; margin: 0 0 6px 0;}
p a {font-weight: bold; color: #80BBD6;}

a {color:#5d8987; text-decoration: none; outline: none;}
a:hover {color:#80bbd6; text-decoration: none; outline: none;}

hr {height: 1px; border: 0px; border-top: 1px solid #ccc; margin: 5px 0 5px 0; }

/* -- Custom Styles -- */
.wrapper {width:964px; height:400px; margin:0 auto; background:#fff; display:block; }

/* - Header - */
#header {width:964px; height:162px; display:block; background: url("../images/header_bg.jpg") 0px 0px no-repeat; }
#header h2 {width:224px; float:left; display: inline; background: url("../images/logo.png") 0px 0px no-repeat;}
#header h2 a {width:224px; height:72px; display:block;}
#header h1 {width:498px; padding:36px 0 0 24px; color:#fff; font-family: 'Conv_Telenor-Regular_2', Arial, Helvetica, sans-serif; font-size:32px; font-style: normal; font-weight: normal; text-shadow: rgba(80, 80, 80, .7) 0px -1px 0px; clear:both; display:inline; float:left;}
#header .get_closed {height:90px; padding:0 20px 0 102px; float:right; display:inline; background:url("../images/get_closed_ico.png") 0px 0px no-repeat;}
#header .get_closed a {width:298px; height:50px; margin-top:20px; display:block; background:url("../images/get_closed_btn.png") 0px 0px no-repeat;}
#header .get_closed a:hover {background-position: 0px -50px;}

/* - Footer - */
#footer {width:964px; height:104px; padding:0; margin:20px auto; clear:both; float:none; display:block; }


/* Menu */
.menu_holder {width:740px; height:72px; float:right; display:inline;}
.menu_holder ul {height:72px; list-style: none; display: block; float:right; margin-right:2px;}
.menu_holder ul li {width:102px; height:50px; display:inline; float:left;}
.menu_holder ul li a {width:102px; height:32px; padding-top:18px; display:block; color:#fff; text-align:center; background:url("../images/menu_profile_bg.png") 0px 100px no-repeat;}
.menu_holder ul li a span {margin:0px auto; font-family: 'Conv_Telenor-Regular_2', Arial, Helvetica, sans-serif; font-size:14px; font-style: normal; font-weight: normal; text-shadow: rgba(80, 80, 80, 0.7) 0px -1px 0px; }
.menu_holder ul li a:hover, .menu_holder menu ul li a.active, .menu_holder ul li .active {color:#fff; background-position: 0px 4px;}
.menu_holder ul li .pasive {width:102px; height:32px; padding-top:18px; display:block; color:#ddd; text-align:center; background:url("../images/menu_profile_bg.png") 0px 100px no-repeat; margin:0px auto; font-family: 'Conv_Telenor-Regular_2', Arial, Helvetica, sans-serif; font-size:14px; font-style: normal; font-weight: normal; text-shadow: rgba(80, 80, 80, 0.7) 0px -1px 0px; }

/* - Side Part - */
#left_side {width:246px; min-height:600px; display:inline-block; float:left; clear:both; background:#fff url("../images/content_bg.jpg") right top no-repeat;}
.navi {margin-top:37px; display:block;}
.navi ul {width:246px; list-style: none; display:block;}
.navi ul li {height:37px; margin-bottom:7px; display:block;}
.navi ul li a {width:225px; height:37px; display:block; color:#fff; background:url("../images/navi_bg.png") 0px 0px no-repeat;}
.navi ul li a span {padding:7px 0 0 17px; display:block; font-family: 'Conv_Telenor-Regular_2', Arial, Helvetica, sans-serif; font-size:17px; font-style: normal; font-weight: normal; text-shadow: rgba(80, 80, 80, 0.7) 0px -1px 0px;}
.navi ul li a:hover {color:#555;}
.navi ul li a.active {width:246px; background-position: 0px -40px;}

/* - Content Part - */
#main_content {width:686px; min-height:600px; padding:0 16px 16px 16px; display:inline; float:left; background:url("../images/content_bg.jpg") top repeat-x;}

/* Titles and Icons */
.title_block, .title_block div {width:686px; display:block; margin:37px 0 0 0; padding:0;}
.title_block h1, 
.title_block h2, 
.title_block h3 {width:498px; padding:4px 0 4px 20px; display:block; clear:both; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; text-shadow:none; background:none; }
.title_block h1 {color:#80bbd6; font-size:34px;}
.title_block h2 {color:#a3ba00; font-size:16px;}
.title_block h3 {color:#657a7a; font-size:13px; font-family: Tahoma, Helvetica, sans-serif; line-height: 1.6em;}
.title_block h6 {color:#657a7a; font-size:23px; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em; margin:0; padding:4px 0 4px 20px; display:block; clear:both; font-style: normal; font-weight: bold; text-shadow:none; background:none;}
.title_block .login {background:url("../images/icons/login.png") right top no-repeat;}
.title_block .register {background:url("../images/icons/register.png") right top no-repeat;}
.title_block .closed_user_group {background:url("../images/icons/get_closed_user_group.png") right top no-repeat;}
.title_block .welcome {height: 223px; background:url("../images/icons/welcome_icon.png") right top no-repeat;}
.title_block .welcome2 {height: 185px; background:url("../images/icons/welcome_2.png") right top no-repeat;}
.title_block .login_info {background:url("../images/icons/login.png") right top no-repeat;}
.title_block .membership {background:url("../images/icons/membership.png") right top no-repeat;}
.title_block .philosophie {background:url("../images/icons/philosophie.png") right top no-repeat;}
.title_block .help {background:url("../images/icons/help_us.png") right top no-repeat;}
.title_block .monate_kosten {background:url("../images/icons/yearly_fee.png") right top no-repeat;}
.title_block .impressum {background:url("../images/icons/impressum.png") right top no-repeat;}
.title_block .contact {background:url("../images/icons/contact.png") right top no-repeat;}
.title_block .faq {background:url("../images/icons/faq.png") right top no-repeat;}
.title_block .car {background:url("../images/icons/my_car.png") right top no-repeat;}
.title_block .benachrichtigungen {background:url("../images/icons/notification.png") right top no-repeat;}
.title_block .grundeinstellungen {background:url("../images/icons/basic_settings.png") right top no-repeat;}
.title_block .blacklist {background:url("../images/icons/blacklist.png") right top no-repeat;}
.title_block .meine_buchungen {height:100px; background:url("../images/icons/booking_main.png") right top no-repeat;}
.title_block .reisedetails {height:150px; background:url("../images/icons/location.png") right top no-repeat;}
.title_block .routen {height:150px; background:url("../images/icons/routes.png") right top no-repeat;}
.title_block .welcome_picture {margin-top:-60px !important; height: 297px; width: 686px; background:url("../images/welcome_picture.jpg") center top no-repeat;}

.content {width:648px; margin-top:20px; padding:4px 16px 4px 16px; display:block; border-left:3px solid #c6dee8; border-right:3px solid #c6dee8; font-size: 13px; font-family: Tahoma, Helvetica, sans-serif; color:#657A7A; line-height: 18pt;}
.content .map_info {color: #9abb00; text-align: right; font-size:13px; font-weight: bold; font-family: Arial, Tahoma, sans-serif; margin-bottom: 10px; }
.content .so_funktionierts ul {display: block; list-style: none; width:600px;}
.content .so_funktionierts ul li {clear: both; display: block; float: none; padding:10px 0 0 100px; margin: 0 0 25px 25px; }
.content .so_funktionierts ul li.registrieren {background:url("../images/icons/icon_funktionierts_registrieren.png") no-repeat;}
.content .so_funktionierts ul li.buchen {background:url("../images/icons/icon_funktionierts_buchen.png") no-repeat;}
.content .so_funktionierts ul li.definieren {background:url("../images/icons/icon_funktionierts_definieren.png") no-repeat;}
.content .so_funktionierts ul li.erhalten {background:url("../images/icons/icon_funktionierts_erhalten.png") no-repeat;}
.content .so_funktionierts ul li.step2 {background:url("../images/icons/step2.png") no-repeat;}
.content ul.verwantwortungsbereiche {display: block; list-style: none; width:600px; overflow:hidden;}
.content ul.verwantwortungsbereiche li {width:200px; float: left; display: inline; padding:10px 0 0 0;}
.content ul.faq {display: block; list-style: none; width:600px; overflow:hidden;}
.content ul.faq li {width:300px; font-size:14px; color:#80BBD6; float: left; display: inline; padding:10px 0 0 0;}
.content ul.verwantwortungsbereiche a {text-decoration:underline;}
.content ul.blue {padding:0 10px 0 15px; color:#80BBD6; font-weight: bold;}
.content ul.blue li {height: 35px;}
.content .blue_text {font-size:14px; color:#80BBD6;}
.content .space{padding-top: 20px;}
.content .agb_download{background-image: url("../images/icons/agb_download.png"); background-repeat: no-repeat; height: 60px; padding-left: 60px;}
.content .agb_download a.agb_link{position: relative; top:35px;}
.content .portraitfoto_box {width: 238px; display: block; height: 160px; text-align: center; border:1px solid #657A7A; background:#f3f3f3; padding-top: 30px;}

ul.welcome_bottom_box {width:648px; margin-top:20px; padding:10px 0px 4px 30px; display:block; background:url("../images/welcome_bottom_box_bg.png") top center no-repeat; list-style: none;}
ul.welcome_bottom_box li {width:300px; display: inline; float: left; background-repeat: no-repeat; background-position: 0px 0px; margin: 10px 10px 0 10px; padding: 85px 0 0 0;}
ul.welcome_bottom_box li.monate_kosten { background-image:url("../images/icons/basic_settings.png");}
ul.welcome_bottom_box li.so_funktioniers {background-image:url("../images/icons/so_funktionierts.png");}
ul.welcome_bottom_box li.philosophie {background-image:url("../images/icons/philosophie.png");}
ul.welcome_bottom_box li.fragen {background-image:url("../images/icons/faq.png");}
ul.welcome_bottom_box li.pug {background-image:url("../images/icons/users.png");}

/* Form Elements */
table.form {margin-bottom: 20px;}
table.form td {padding: 2px; border-collapse: collapse;}
table.form td.label {width:200px; vertical-align: top;}
table.form td.pickup_liste_label {width:150px; vertical-align: middle;}
table.form td.star {width:16px;}
label {height:20px; color:#657A7A; font-size:13px; font-family: Tahoma, Helvetica, sans-serif; font-style: normal; font-weight: normal; margin-bottom: 2px;}
input {height:20px;  margin: 0 6px 0 0; }
input.field, 
textarea {width:240px; height:20px; color:#657A7A; font-size:13px; font-family: Tahoma, Helvetica, sans-serif; font-style: normal; font-weight: normal; border:1px solid #657A7A; background:#f3f3f3;}
input.personal_label_class {font-style: italic}
textarea.comment {height:200px;}
div.checkbox_holder, 
div.radio_holder {display: inline-block; float:left; margin-right: 20px;}
div.group_wrapper {display: inline-block;}
.ui-radio {display: inline-block; margin-right: 15px;}
.notactive {
    pointer-events: none !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
    opacity: 0.6 !important; filter:alpha(opacity=60);
}

.login_form .element {margin-bottom: 20px; display:block; color:#80bbd6; font-size:15px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold;}
.login_form label {width:100px; display:inline-block;}
.login_form input {width:240px; height:20px; color:#657A7A; font-size:13px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; border:2px solid #80bbd6; background:#fff; }
.input_invalid {background-color:#f9cdbe !important;}
.field_ronly {background-color:#93CDDF !important;}

/* Popup Elements */
.popup {padding:32px 32px 32px 20px; background-repeat: no-repeat; display:block; position:fixed; top:25%; left:auto; z-index:999;}

.popup_header {width: 424px; height: 28px; background-image: url("../images/dialog/header-bg.png"); background-repeat: no-repeat;}
.popup_solid {width: 424px; background-image: url("../images/dialog/solid-bg.png"); background-repeat: repeat-y;}
.popup_footer {width: 424px; height: 26px; background-image: url("../images/dialog/footer-bg.png"); background-repeat: no-repeat;}
.popup_content {width: 405px; background-image: url("../images/dialog/content-bg.png"); background-repeat: no-repeat;}
.popup_content p {margin: 0; padding: 5px 15px 20px 20px;}
.popup_content p.text {font-size:13px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFF; text-align: center;}
.popup_dialog {width:372px; height:300px; background-image: url("../images/popup_dialog.png");}
.popup_confirm {width:372px; height:88px; background-image: url("../images/popup_confirm.png");}
.popup_message {width:372px; height:128px; background-image: url("../images/popup_message.png");}
.popup_txt {margin-bottom: 20px !important;}

#info_panel {margin-left: 280px; background-repeat: no-repeat; display:none; position:absolute; top:44%; width:650px; height:500px;box-shadow: gray 0.33em 0.25em 0.25em, gray -5px 2px 6px ;}
#info_panel {background-image: url("../images/panel.png");clear:both;}
#info_panel a {float:right;}
#info_panel a.green_text{float: none;}
#info_panel h4{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; margin: 20px 0px 0px 20px; line-height: 14pt;}
#info_panel p {font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #FFF; margin: 0px 50px 20px 20px;line-height: 13pt;  }

.dialog_content {height:270px; display:block;}
.confirm_content {height:58px; display:block;}
.message_content {height:98px; display:block;}

.dialog_content p.text, 
.confirm_content p.text,
.message_content p.text {font-size:13px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #FFF; font-weight: bold; text-align: center;}
.message_content p.text {font-weight: normal;}
 
.dest_box {width:340px; height: 40px; background-color: #f3f3f3; border: 2px solid #80BBD6; padding:8px; margin: 12px auto; list-style: none;}
.dest_box:hover {background-color: #D5E8EF;}
.dest_box li {width:33%; display:inline; float:left; text-align:left;}
.dest_box li.icon {width:10%; height:16px; margin:10px 0 0 24px; display:block; background-repeat: no-repeat; background-position: 0px 0px;}
.dest_box .car {background-image: url("../images/sm_icons/car.png");}
.dest_box li.arrow {text-align:center; padding:10px 0 0 0;}
.dest_box li.last {width:10%; display:inline; float:right; text-align:right;}
.dest_box p {color:#657A7A; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; font-style: normal; line-height: 15pt; margin: 0;}
.dest_box p.dest {font-weight: bold;}

/* Buttons */
.buttons {height:30px; padding:0; margin:0; display:block;}
.buttons ul {padding:0; margin:0; display:block; list-style: none; float:right;}
.buttons ul li {margin-left:4px; display: inline; float:left;}
.buttons ul li button {width:164px; height:30px; padding-bottom:1px; margin-left:40px; display:block; background: url("../images/button.png") 0px 0px no-repeat; cursor: pointer; color:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; }
.buttons ul li button:hover {background-position: 0px -30px;}
.buttons ul li.blue button {background-image: url("../images/button_blue.png");}
.buttons ul li.red button {background-image: url("../images/button_red.png");}
.buttons ul li.gray button,
.buttons ul li.cancel button {background-image: url("../images/button_gray.png");}

.button button{width:164px; height:30px; padding-bottom:1px; display: block; background: url("../images/button.png") 0px 0px no-repeat; cursor: pointer; color:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold;}
.button button:hover {background-position: 0px -30px;}
.button .blue button {background-image: url("../images/button_blue.png");}
.button .red button {background-image: url("../images/button_red.png");}
.button .gray button,
.button .cancel button {background-image: url("../images/button_gray.png");}

.sm_buttons {height:26px; padding:0; margin:0; display:block; text-align: center;}
.sm_buttons ul {padding:0; margin:0; display:inline-block; list-style:none; clear:both; /* IE7 fix */ *display:inline; zoom: 1; }
.sm_buttons ul li {margin:0 4px 0 4px; display: inline; float:left;}
.sm_buttons ul li button {width:110px; height:26px; padding-bottom:0; margin:0; display:block; background: url("../images/sm_button.png") 0px 0px no-repeat; cursor: pointer; color:#fff; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; }
.sm_buttons ul li button:hover {background-position: 0px -26px;}
.sm_buttons ul li.blue button {background-image: url("../images/sm_button_blue.png");}
.sm_buttons ul li.red button {background-image: url("../images/sm_button_red.png");}
.sm_buttons ul li.gray button {background-image: url("../images/sm_button_gray.png");}

.portraitfoto_buttons ul {padding:0; margin:0; display:block; list-style: none;}
.portraitfoto_buttons ul li {display: inline; float:left;}
.portraitfoto_buttons ul li .portraitfoto_buttons_div {width:98px; height:24px; border:1px solid #657A7A; background:#f3f3f3; color:#657A7A; cursor: pointer; font-size:14px; font-family: Tahoma, Helvetica, sans-serif; font-style: normal; text-align: center; }

/* - Common - */
.right_side {float:right; text-align:right;}
.blue_color {color:#80BBD6;}
.green_text {color:#A3BA00;}
.underline {text-decoration: underline;}

/* instant message pannel */
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/50p_transparent.png'); */
#message_pannel {width:100%; min-height: 43px ;padding:5px 0 5px 0; position:fixed; top: auto   ; bottom:0px; z-index:999; background-image: url("../images/50p_transp_blue.png"); display:block;}
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/50p_transparent.png'); */
#message_pannel div.message_box_container {width:964px; margin:0 auto 0 auto;}
#message_pannel p.message_box {width:648px; padding:5px; border:2px solid #c5dee8; margin-left:274px; background-color:#f3f3f3; text-align:center; font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; color: #80bbd6;}

/* validation labels dummy container */
#validation_labels {position: absolute; width: 0; height: 0; overflow: hidden; display: none;}
#validation_labels label.input_invalid {display: none;}

#popup_dialog_cover {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:1999; background-image: url("../images/dialog/cover-bg-120.png"); display: none;}
.nbr_of_users {font-size: 20px; font-family: Arial,Tahoma, Helvetica, sans-serif; color:#9BB900; font-weight: bold;}
.nbr_of_last_users {font-size: 20px; font-family: Arial,Tahoma, Helvetica, sans-serif; color:#80BBD6; font-weight: bold;}
.last_reg_users {margin-left: 50px;}

#video_popup {position: absolute;  display: none; z-index: 2000; }
#popup_video_cover {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url("../images/overlay.png") repeat 0 0; filter:alpha(opacity=40);}
.slideshow {top: 60%; display:inline-block; position: fixed;  z-index:1}

.pc_konto {margin-left: 35px;}
.iban {margin-left: 64px;}
.bic {margin-left: 75px;}

.pac-container {
    z-index: 99999 !important;
}