body{ 
    padding:0;
    margin:0;
}
#vk_body{
    padding:0;
}
#vk_container{    
    font-weight:normal;
    font-family:"Arial", "Verdana", "Sans-Serif";
    font-size:12px;
    width:999px;
    margin:0 auto;
    padding:0;
}

#vk_container p{

}

/* |||||||||||||||||||||     NAVIGATION       ||||||||||||||||||||||||||||*/
.top_navigation{
    width:400px;
    float:right;
    margin:0px;
}
.vk_close,
.vk_close:hover{
    background:transparent url('//web02.city-map.de/images/colorbox/controls2.png') no-repeat -25px 0px; 
}
.vk_close:hover{
	background-position:-25px -25px;
}
.vk_close span, .vk_previous span, .vk_next span{
    display:none;
}
.vk_close{
    margin-top:-35px;
    margin-right:-17px;
    right:0;
    display:block;
    width:25px;
    float:right;    
    height:25px;
    min-height:25px;
    height:auto !important;
}

/* |||||||||||||||||||||        GENERAL       ||||||||||||||||||||||||||||*/
.clear{
    clear:both;
}

.glyphicons-fix {
	margin-right: 8px !important;
}

/*                COMPANY NAME              */
.vk_company_name{
    color:#313131;
    margin:0;    
    font-size: 1rem;
    padding:0px 0px 10px;    
}
.vk_company_name a, .vk_company_name a:hover{
    border-bottom: 1px dotted #525252;
    color:#313131;
    text-decoration:none;
}

.vk_company_name a:hover{
    color:#3483c1;
    background-position: right -16px;
}
/*                BLUE LABELS             */
.vk_blue_label{
    background: url('//web02.city-map.de/images/icons/vkIcons.jpg') no-repeat left top;
    color:#779ebd;
    font-size:16px;
    margin:10px;    
    margin-top:0;    
    padding:0;    
    padding-left:37px;
    padding-top:4px;
    height:25px;
}

.vk_blue_label.about{
    background-position:left -28px;
}
/*                SUBTITLES               */
.vk_subtitle{
    margin-top:-12px;
    font-size:12px;
    margin-left:39px;
    color:#575757;
    font-weight:normal;
}

/*                SCREENSHOTS             */

.vk_screenshot{
    border-radius: 5px;
    box-shadow: 0 0 10px 1px rgba(186, 186, 186, 1);
    height: 0;
    margin: 5px 15%;
    max-width: 290px;
    padding: 8px 8px 51%;
    text-align: center;
    width: 70%;
}
.vk_screenshot a img{
	border:0;
}
.vk_screenshot img{
    margin:auto;
    width: 100%;
    max-width:290px;  
}
.vk_website_link{
    margin-left:3px;
}

/*            Network placeholder   */

#network_preview_text_body {
	margin: auto; 
}

/*			  NETWORK CSS			*/

.network_tip_row {
	border: 1px solid #cacaca;
    border-radius: 10px;
    box-shadow: 0 4px 2px -2px gray;
    height: 70px;
    margin: 10px 0;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.tip_screenshot {
	width: 95px;
	float:left;
}
.network_tip_background {
	background: rgba(0, 0, 0, 0) url("../images/cm2/network_placeholder_blue.png") no-repeat scroll left center / contain;
}
.tip_name_box {
    position: relative;
}
.tip_name_box_long {
    width: 80% !important;
}
.tip_name {
	font-size: 17px;
}
.tip_branch {
	position: absolute;
	right: 0;
	bottom: 0;
}
.tip_button {
	background: linear-gradient(#fff, #eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #cacaca;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    height: 50px;
    margin: 10px 0 0;
    padding: 7px 0;
    box-sizing: border-box;
    width: 20%;
    max-width: 50px;
}
.tip_button_icon {
	margin: 10px;
}

/*                VCARD             */
a.vk_vCard, a.vk_vCard:hover{
    padding-left:20px;
    background:transparent url('//web02.city-map.de/images/icons/vcard.gif') no-repeat left;
}

.vk_website_link a, 
.vk_website_link a:hover, 
.vk_all_companies_link a, 
.vk_all_companies_link a:hover, 
.vk_company_list_wrapper ul li a, 
.vk_company_list_wrapper ul li a:hover,
.vk_tagBranch a, .vk_tagBranch a:hover,
.vk_tagCustomer a, .vk_tagCustomer a:hover,
a.vk_vCard, 
a.vk_vCard:hover{
    text-decoration:none;   
    color:#638da9;
    margin-left:4px;    
}

.vk_website_link a:hover, .vk_all_companies_link a:hover, .vk_company_list_wrapper ul li a:hover, a.vk_vCard:hover, .vk_tagBranch a:hover{
    color:red;
}

.close-button,
.close-button:hover{
  width: 25px;	
  height: 25px;	
  float: right;
  background: transparent url('../../../images/cm2/close-button.png') no-repeat 0 0;
  margin-top:-8px;
  margin-bottom:10px;
}
.close-button:hover{
	background-position: 0 -25px;
}


/* |||||||||||||||||||||        FONT FAMILY     ||||||||||||||||||||||||||||*/

.vk_blue_label,
.vk_blue_label.about,
.vk_subtitle,
.vk_website_link,
a.vk_vCard, a.vk_vCard:hover,
.vk_website_link a, 
.vk_website_link a:hover, 
.vk_all_companies_link a, 
.vk_all_companies_link a:hover, 
.vk_company_list_wrapper ul li a, 
.vk_company_list_wrapper ul li a:hover,
.vk_tagBranch a, .vk_tagBranch a:hover,
.vk_tagCustomer a, .vk_tagCustomer a:hover,
a.vk_vCard, 
a.vk_vCard:hover{
    font-family:"Arial", "Helvetica","Verdana";
}