/* --- Allgemeines ---------------------------------- */

BODY {
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Tahoma, Verdana;
	margin: 10px;
	text-align: center;
	}

A:link, A:active, A:visited {
	color: #990000;
	text-decoration: none;
	}

A:hover {
	color: #990000;
	text-decoration: underline;
	}

#container {
	margin: 0px auto 0px auto;
	text-align: left;
	width: 800px;
	}


/* --- Positionieren -------------------------------- */

.DisplayNone {
	display: none;
	}

.FloatLeft {
	float: left;
	}

.ClearLeft {
	clear: left;
	}

.FloatRight {
	float: right;
	}

.ClearRight {
	clear: right;
	}

.ClearBoth {
	clear: both;
	}

/* --- Header --------------------------------------- */

#header_container {
	height: 54px;
	width: 800px;

    position:relative;
}
#header_container .header-vb-logo{
    position:absolute;
    top:-15px;
    left:-10px;
}

#header_logo {
	background-image: url(../images/header/vaybee_logo.png);
	float: left;
	height: 54px;
	width: 179px;
	}

#header_options {
	float: right;
	margin: 22px 0px 0px;
	height: 32px;
	width: 621px;
	font-size: 10px;
	text-align: right;
	}

#header_options_table {
	color: #000000;
	font-size: 10px;
	line-height: 10px;
	margin: 11px 0px 0px 0px;
	}

#header_options_new {
	float: right;
	margin: 0px 0px 0px;
	width: 621px;
	font-size: 10px;
	text-align: right;
	}

#header_options_table_new {
	color: #000000;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	}

#header_options_table tr td {
    text-align: center;
    }

#header_options_table A:link, #header_options_table A:visited, #header_options_table A:active {
	color: #000000;
	text-decoration: none;
	}

#header_options_table A:hover {
	color: #101010;
	text-decoration: underline;
	}

/* --- Navigation ----------------------------------- */

#navigation_container {
	background-image: url(../images/nav/background.gif);
	height: 31px;
	width: 800px;
	}

#navigation_end {
	color:#494949;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 21px;
	height: 14px;
	width: 779px;
	}

#navigation_end A:link, #navigation_end A:visited, #navigation_end A:active{
	color: #494949;
	text-decoration: none;
	}

#navigation_end A:hover {
    color: #990000;
    text-decoration: underline;
    }

#navigation_padding {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	line-height: 10px;
	margin: 0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
}

#navigation_padding A:link, #navigation_padding A:visited, #navigation_padding A:active {
	color: #FFFFFF;
	text-decoration: none;
	}

#navigation_padding A:hover {
	color: #F0F0F0;
	text-decoration: underline;
	}

#navigation_container .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#navigation_container .navi-item {
    padding-top: 1px;
}
    
/* --- Main ----------------------------------------- */

#main_start {
	background-image: url(../images/main/start.gif);
	height: 5px;
	width: 800px;
	font-size: 0px;
	}

#main_container {
	background-image: url(../images/main/background.gif);
	width: 800px;
	}

#main_padding {
	padding: 10px 16px;
	}

#main_end {
	background-image: url(../images/main/end.gif);
	height: 5px;
	width: 800px;
	font-size: 0px;
	}

/* --- Content -------------------------------------- */

#content {
	color: #515151;
	font-size: 11px;
	line-height: 17px;
	vertical-align: top;
	}

#content H1 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 14px 0px 2px 0px;
	}

#content H2 {
	color: #3B485F;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 2px 0px;
	}

#content_big_font {
	color: #990000;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 2px 0px;
	}

#system_message {
	color: #990000;
	font-size: 11px;
	line-height: 17px;
	}

.ContentText12Blue {
	color: #5A6F9C;
	font-size: 12px;
}

.ContentText14Blue {
	color: #5A6F9C;
	font-size: 14px;
}

.ContentTextSmall {
    font-size: 10px;
}

/* --- Footer --------------------------------------- */

#footer_container {
	/*width: 800px;*/
	text-align: center;
	height: 50px;
    padding-left:10px;
	}

#footer_padding {
	padding: 7px 0px 10px 0px;
	color: #556674;
	font-size: 10px;
	line-height: 10px;
	}

#footer_padding A:link, #footer_padding A:visited, #footer_padding A:active {
	color: #404D63;
	text-decoration: none;
	}

#footer_padding A:hover {
	color: #556674;
	text-decoration: underline;
	}

/* --- List --------------------------------------- */

table.ListTableSusam {
	border: 1px solid #E0E0E0;
	border-bottom: 0px;
}

table.ListTableSusam td {
	border-bottom: 1px solid #E0E0E0;
}

table.ListTableNews {
	border: 1px solid #E0E0E0;
	border-bottom: 1px;
}

table.ListTableNews td {
	border-bottom: 1px solid #E0E0E0;
}

/* --- Misc --------------------------------------- */

.UserName {
    font-weight: bold;
}

.BirthdayMarker1 {
    font-weight: bold;
    color: #FFFFFF;
    background: #E84A48;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.BirthdayMarker2 {
    font-weight: bold;
    color: #FFFFFF;
    background: #49739C;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

HR {
    background-color:#DEDFE1;
    color:#DEDFE1;
    border: #DEDFE1;
    height: 1px;
}

.LoginForm td{
	 padding: 0px;
}

#klein { font-size:11px; color:black; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
#klein13 { font-size:13px; color:black; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }

.findfriends {
	font-size: 10px;
	padding: 2px 0px;
}

.findfriends label {
	vertical-align: 3px;
}

.findfriends input {
    padding: 0px 0px;
    margin: 0px;
    margin-right:4px;
}

.t12{
    color: #000;
    font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size : 12px;
    margin:5px 0 !important;
}
.t12 p{
    /*margin:5px 0 !important;*/
    margin:0 !important;
}
.t12 h2{
    margin:8px 0 3px !important;
    padding:0 !important;
    color:#000 !important;
}

.t-visib{
    border-collapse:collapse;
}
.t-visib td{
    border:0px !important;
    padding:1px 6px 1px 0;
    vertical-align:top;
}


/* anpassung */
#main_start {
	background-image: url(../images/main/start.gif);
	height: 5px;
	width: 800px;
	font-size: 0px;
	margin-top:10px;
}

#navigation_end {
	color:#494949;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 21px;
	height: 0px;
	width: 779px;
}

.flag-icon{
    position: relative;
    top: 2px !important;
}

.mail-icon{
    position: relative;
    top: 2px !important;
}


#navigation_padding.guest-de td{
    padding:0px 11px;
}
#navigation_padding.guest-de td:nth-child(even){
    padding:0px 7px;
}
#navigation_padding.guest-tr td{
    padding:0px 11px;
}
#navigation_padding.user-de td{
    padding:0px 7px;
}
#navigation_padding.user-tr td{
    padding:0px 6px;
}



.link-area-onclick{
    position:relative;
    cursor:pointer;
    padding:0;
}
.link-area-onclick table{
    border-collapse:collapse;
}
.link-area-onclick table td{
    border:0;
}
.link-area-onclick table .laot-first{
    width:170px;
}


/*Cookieconsent2 styles START*/
.cc_container{
    padding: 5px 10px !important;
}
.cc_container .cc_message{
    color:#000 !important;
}
.cc_message{
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    border-radius:4px !important;
    background:#0033ff !important;
    color:#fff !important;
    font-weight:bold !important;
}
.cc_container a, .cc_container a:visited {
    color: #0000ff !important;
}
/*Cookieconsent2 styles END*/


/*SIMPLE CSS TOOLTIP*/
[data-tooltip]{
    position: relative;
}
[data-tooltip]:before {
   position: absolute;
   left: 0;
   top: -26px;
   background-color: #444;
   color: #ffffff;
   height: 20px;
   line-height: 20px;
   border-radius: 3px;
   padding: 0 15px;
   content: attr(data-tooltip);
   white-space: nowrap;
   display: none;
}
[data-tooltip]:after {
   position: absolute;
   left: 15px;
   top: -8px;
   border-top: 7px solid #444;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   content: "";
   display: none;
}
[data-tooltip]:hover:after, [data-tooltip]:hover:before {
   display: block;
}
/*CSS TOOLTIP end*/


.search-items{
    border-color: #e0e0e0 #e0e0e0 #e0e0e0 !important;
    border-style: solid solid solid !important;
    border-width: 1px 1px 1px !important;
}
.search-items table{
    width:100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.search-items td{
    border:none !important;
    vertical-align:top;
    padding:0;
}
.search-items .block-title,
.search-items .block-text,
.search-items .col1,
.search-items .col2{
    padding:4px 5px;
}
.search-items .block-title{
    font-weight:1bold;
    background:#d9dfeb;
    color:black;
}
.search-items .block-text{
}
.search-items .col1{
    width:100px;
}
.search-items .col2{
}
.search-items .hspacer-1{
    height:10px;
}
.search-items [type=checkbox]{
    position:relative;
    top:2px;
    left:-3px;
}


/*OVERLAY DIALOG*/
#mfq-btn-start{
    cursor:pointer;
}
#appModal{
    /*visibility: hidden;*/
    display:none;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
}
#appModal .modal-content {
    width:600px;
    /*margin: 100px auto;*/
    margin-top: 100px;
    /*margin-bottom: 100px;*/
    background-color: #fff;
    border:2px solid #ccc;
    padding:0px;
    text-align:left;
    font-size:12px;
}
#appModal .modal-header{
    height:20px;
    padding:5px 0px;
    background-color: #fff;
    border-bottom:1px solid #ddd;
    margin:5px 10px 0 10px;
    color:#5a6f9c;
}
#appModal .modal-header h4{
    padding:0;
    margin:0;
    font-size:14px;
    float:left;
}
#appModal .modal-header .close{
    float:right;
    color:#777;
    cursor:pointer;
}
#appModal .modal-body{
    max-height:600px;
    overflow-y:scroll;
    padding:10px;
}
#appModal .FormError{
    font-weight:normal;
}
/* modify class [small] */
#appModal.modal-sm .modal-content{
    width:350px;
}
#appModal.modal-sm .modal-body{
    overflow-y:hidden;
}

/* END OVERLAY DIALOG*/


.matchform{
    font-size:12px;
}
.matchform .h4{
    font-weight:bold;
}
.matchform .form-group{
    margin-bottom:20px;
}
.matchform .form-group .title{
    font-weight:bold;
}
.matchform .btn-group{
    margin-top:10px;    
}
.matchform .btn-group .btn{
    border:1px solid #ddd;
    padding:5px 10px;
}
.matchform .btn-group .btn:hover{
    background:#eee;
}
.matchform .btn-group .btn.disabled:hover{
    background:none;
}
.matchform .btn-group .btn input[type=radio]{
    position:relative;
    top:2px;
    visibility:hidden;
    position:absolute;
}
.matchform .btn-group .btn+.btn{
    border-left:0px solid #ddd;
}
.matchform .btn-group .btn.checked{
    background:#525252;
    color:#eee;
}

.matchform.summary{
}
.matchform.summary .row{
}
.matchform.summary .col-xs-5{
    float:left;
    width:40%;
}
.matchform.summary .col-xs-6{
    float:left;
    width:50%;
}
.matchform.summary .col-xs-7{
    float:left;
    width:60%;
}
.matchform.summary .col-xs-12{
    clear:both;
    width:100%;
}
.matchform.summary .line div{
    border-bottom:1px solid #ddd;
}
.matchform.summary table{
    width:100%;
    border-collapse:collapse;
}
.matchform.summary table th{
    border-bottom:1px solid #ddd;
}
.matchform.summary table th,
.matchform.summary table td{
    padding:5px;
}
.matchform.summary .col1{
    padding:10px 10px 10px 0px;
}
.matchform.summary .col2{
    padding:10px 0px 10px 20px;
}

.matchform.summary .fa-check{
    color:green;
}
.matchform.summary .end-summary{
    margin-top:10px;
    margin-bottom:10px;
}
.matchform.summary .end-summary .title,
.matchform.summary .end-summary .percent{
    font-weight:bold;
}
.matchform-alert{
    margin-top:0;
    color:blue;
}


.turk-reisen-inc strong{
    color:#000;
}

.turk-reisen-inc .title{
    display:block;
    margin-top:10px;
}



/*BANNER HEADING --ANZEIGE-- */
.bn-middle2-heading{
    border-bottom:1px solid #ddd;
    margin:10px 0px 10px;
    text-align:center;
    height:0;
}
.bn-middle2-heading span{
    color:#999;
    font-size:10px;
    line-height:10px;
    background:#fff;
    padding:0px 4px;
    position:relative;
    top:-9px;
}
/*BANNER HEADING --ANZEIGE-- END */