/* CSS RESET ---------------------------------------*/
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    a:active, a:focus {outline: none;}
	
	a {font-size:12px; color:#000; text-decoration:none; }
	
	a:hover {font-size:12px; color:#980206; text-decoration:none;}
	a:active {font-size:12px; color:#980206; text-decoration:none;}
	li.selected a {color:#980206!important;}
	
	ul#nav li.selected ul li a {color:#000!important;}
	ul#nav li.selected ul li a:hover {color:#980206!important;}
	
    /* CSS RESET END ----------------------------------*/
    
    #wrapper {width:1000px; /* margin: 30px 0 0 50px; */ overflow:hidden; min-height:700px; border-bottom:3px solid #980206;}
    #header {width:100%; height:30px; margin: 50px 0 0 50px;}
    #navigation {float:right; margin-top:-30px; text-transform: uppercase;}
    .navi {margin: 5px 0 0 -10px;}
    .navi ul li {float:left; margin:0 15px 0 0;}
	.footer {width:1000px; margin-top:3px; margin-bottom:50px; font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 10px; color:#000; text-align:right; }
    
    /*-------------------- CONTENT BOX ----------------------  */ 
    #bg_wrap_none {position:absolute; z-index:-1; height:700px; width:100%; margin: 60px 0 0 -50px; background:url("../images/none_background.jpg") no-repeat;}     
    #bg_wrap_vivo {position:absolute; z-index:-1; height:700px; width:100%; margin: 60px 0 0 -50px; background:url("../images/vivo_background.jpg") no-repeat; }    
    /* #bg_wrap_un {position:absolute; z-index:-1; height:700px; width:100%; margin: 60px 0 0 -50px; background:url("../images/united_background.jpg") no-repeat; } */
    #bg_wrap_jobs {position:absolute; z-index:-1; height:700px; width:100%; margin: 60px 0 0 -50px; background:url("../images/jobs_background.jpg") no-repeat; } 
    #bg_wrap_marken {position:absolute; z-index:-1; height:700px; width:100%; margin: 60px 0 0 -50px; background:url("../images/marken_background.jpg") no-repeat; } 
    /* #bg_wrap_start {position:absolute; z-index:-1; height:700px; width:100%; margin: 60px 0 0 -50px; background:url("../images/start_background.jpg") no-repeat; } */
    
    
    #content {width:700px; height:400px; margin: 50px 0 0 150px; padding:40px 0 0 0; background-image:url("../images/content_bg.png");}
    #content3 {width:500px; height:430px; margin: 50px 0 0 150px; padding:40px 0 0 0;}
    #cont_wrapper{width:900px; height:700px; margin: 50px 0 0 0;}
    #cont_title {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#000; margin-left: 40px; padding-left:220px; }
    #cont_logo {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; width:160px; float:left; margin:20px 0 0 40px;}
    #cont_body {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; width:400px; margin: 0 0 0 50px; color:#000; float:right; margin:20px 40px 0 10px; line-height: 17px;}
    #cont_body_start {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; width:600px; margin: 0 0 0 50px; color:#000; margin:20px 40px 0 40px; line-height: 17px;}
    
    .balken {position:absolute; width: 1582px; height: 2px; background-color:#FFF; margin-top: 90px;}
    .balken2 {position:absolute; width: 1200px; height: 3px; background-color:#980206; margin-top: 790px;}
    
	
	.content_image {margin: 100px 0 0 700px;}
	#header_wrapper {width:900px;} 
	
    /*-------------------- CONTENT BOX 2 ----------------------*/
     #content2 {width:700px; height:400px; margin: 50px 0 0 150px; padding:40px 0 0 0; background-image:url("../images/content_bg.png") ;}
   
    #content_jobs {width:750px; height:300px; margin: 50px 0 0 150px; padding:40px 0 0 0; background-image:url("../images/content_bg.png") ;}
    #cont_title2 {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#000; margin-left:40px; padding-bottom:40px; }
    #cont_body2 {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; width:300px; color:#000; margin:20px 0 0 40px; padding-bottom:20px; line-height: 17px; float:left;}
    
    .maps {float: right; margin:20px 40px 0 0; width:300px;}
    
    
    #cont_body_jobs {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; width: 600px; color:#000; margin:0 0 0 40px; padding:10px; line-height: 17px; float:left; /* border-left:#000 ridge 1px; border-right: #000 ridge 1px; border-bottom:#000 ridge 1px;*/}
    #cont_body_jobs2 {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; width: 600px; color:#000; margin:0 0 0 40px; padding:10px; line-height: 17px; float:left; border-bottom:#000 ridge 1px; padding: 10px 10px 40px;}
   
    #cont_logo_jobs {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; float:left; margin:20px 0 0 40px; padding:10px; width:600px; /*border-top: #000 ridge 1px; border-left:#000 ridge 1px; border-right: #000 ridge 1px;*/}


    
    /*------------------ Textformat ------------------------*/
    p {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#000; letter-spacing: 0.3px; text-shadow: grey 0.1px }
    h1 {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px;  text-shadow: grey 0.5px 0.5px, grey -0.3px -0.3px; letter-spacing: 0.8px;}
    h2 {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 16px;   text-shadow: grey 0.5px 0.5px, grey -0.3px -0.3px; letter-spacing: 0.3px; margin-bottom: -10px;}
    h3 {font-size:14px; color:#C00; margin-bottom:5px;}
    #content2 a {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#525252; line-height: 18px; letter-spacing: 0.3px; text-decoration: none;}
    #content2 a:hover {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#980206; line-height: 18px; letter-spacing: 0.3px; text-decoration: underline;}
    #content2 a:active {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#980206; line-height: 18px; letter-spacing: 0.3px; text-decoration: underline;}
    #content2 a:visited {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#525252; line-height: 18px; letter-spacing: 0.3px;}

    #content3 a {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#525252; line-height: 18px; letter-spacing: 0.3px; text-decoration: none;}
    #content3 #cont_logo a:hover {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#980206; line-height: 18px; letter-spacing: 0.3px; text-decoration: underline;}
    #content3 a:active {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#980206; line-height: 18px; letter-spacing: 0.3px; text-decoration: underline;}
    #content3 a:visited {font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif; font-size: 14px; color:#525252; line-height: 18px; letter-spacing: 0.3px;}    
    
    /* NAVIGATION CSS ---------------------------------*/
    .cursor {cursor:default;}
    .clear {clear:both}
    /* remove the list style */
#nav {
    font-family: 'FuturaBook',Helvetica,'Helvetica Neue',Arial,sans-serif;
    font-size: 12px;
    color:#000;
    margin:0;
    padding:0;
    list-style:none;
    letter-spacing:0.8px;
}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li { background:#FFF;
        float:left;
        display:block;
        position:relative;
        z-index:500;
        margin:0 0 0 8px;
		
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        padding:8px 5px 0 5px;
        height:23px;
        text-decoration:none;
        color:#000;
        text-align:center;
        
    }
 
    #nav li a:hover {
        color:#980206;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#980206;
    }
     
        /* submenu, it's hidden by default */
        #nav ul { background:#FFF;
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 -1px;
            padding:0;
            list-style:none;
            z-index: 999; 
            text-align:left;
        }
         
        #nav ul li {float:left; padding-right:3px; border-left: #000 solid 1px;}
        #nav ul li:first-child {}
        #nav ul li:hover {}
        
        
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block; 
            height:15px;
            padding: 5px;
            color:#000;
        }
         
        #nav ul a:hover {
            text-decoration:none; 
        }
       .vivoLogo {margin-top:128px!important;} 
        
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}
#pre {display:none; height: 1px; width: 1px;}

#content_wrapper {overflow:hidden; margin: 200px 0 0 20%; width:1250px;}
.logo {margin-top:45%; margin-left:18%;}
.logo_rMe {margin-top:35%; margin-left:18%;}
.details {background:white;}

/*----------------------------------------------------  General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:300px;
	height:300px;
	margin:1px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #000;
	/*-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);*/
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#fff;
	}
	
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/