/* css/screen_fixed.css Styles für feste Bildschirmdarstellung auf Widescreen Monitoren mit hoher Auflösung*/ 
/* ----- Index -----
 - Dokument
 - Spalte 1
    - Video
    - Kontaktdaten
    - Name / Überschrift
 - Spalte 2
    - Kurzprofil
    - Berufspraxis / Schulbildung
 - Spalte 3
    - Kreisbalken
    - Führerschein
 - Popups und Detailtexte
*/

/* ----- Dokument -----*/
/* Hintergrund und Standart Schrift festlegen */

body {
  overflow: hidden;
}

/* Hauptframe positionieren und Schatten anlegen */
#main {
    width: 1430px;
    height: 710px; 
    top: 50%;
    left:50%;         
    transform: translate(-50%,-50%);
    border: 1px solid #000;
    padding-top: 0px;
    padding-bottom: 25px;      
}
/* ----- Spalte 1 ----- */
/*Linke Spalte*/
#column1{    
    top:0px;
    left:0px; 
    width: 230px;
    height:100%;
    padding-left:30px;
    padding-right:30px;
    display:none;
    z-index: 3;
    position: absolute;
    cursor:pointer;    
    -webkit-box-shadow: inset 0px -200px 100px -100px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0px -200px 100px -100px rgba(0,0,0,0.6);
    box-shadow: inset 0px -200px 100px -100px rgba(0,0,0,0.6);         
}

/* Namen positionieren */
.namebox{
 margin-top:485px;
}

/* ----- Spalte 2 ----- */
/*Hauptteil positionieren*/
#column2{
    margin-left:300px;
    width: 820px;
    height:100%;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
}

/* ----- Spalte 3 ----- */
/*Kreisbalken und Führerschein positionieren*/
#column3{
    left:1180px;
    top:0px;
    position:absolute;
    background:#333;
    width: 234px;
    height:100%;
    padding-left: 15px;
    border-left:1px solid #444;  
}
/*Block für Kreisbalken - Breite ist Grundlage für die Größe der Kreisbalken*/
.circleblock{
    padding-bottom:30px;
}
/*Feld für die Anordnung Kreisbalken*/ 
.circles {
  margin-top:10px;
  margin-bottom: -10px;  
}

/*Namenstag der Kreisbalken Umbruch verhindern */
.circle a, .circle a:hover, .circle a:active, .circle a:visited  {
  hyphens: none; 
}
/*Tooltipp */
.circle div{
    margin-top:-40px;
    width:215px;
}
/*linke Tooltipps positionieren*/
.cirle_1 div, .cirle_3 div{
    margin-left:-15px;
}
/*rechte Tooltipps positionieren*/
.cirle_2 div, .cirle_4 div{
    margin-left:-130px;
}
/*Führerschein */
.licence{
 font-size:11px;
 margin-right:15px; 
}

/*Popup Position*/
#popover {    
    top: 50%;       
    transform: translate(-50%,-50%);      
}