h7{font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:normal;margin-bottom:3px;font-size:24px;color:#FFFFFF}
h8{font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:normal;margin-left:5px;font-size:12px;color:#FFFFFF}
h9{font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:normal;margin-left:5px;font-size:26px;color:#FFFFFF}
/*h10{font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:normal;margin-left:5px;font-size:2px;color:#FFFFFF}*/
h11{font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:normal;margin-bottom:5px;font-size:18px;color:#002db3}
h12{font-family:Trebuchet MS,Arial,sans-serif;font-weight:bold;margin-top:2.0em;margin-left:20px;font-size:21px;color:#006EB6}

/* The Modal (background) */
.modal {
    display:                    none;             /* Hidden by default */
    position:                   fixed;            /* Stay in place */
    z-index:                    1;                /* Sit on top */
    padding-top:                250px;            /* Location of the box */
    left:                       0;
    top:                        0;
    width:                      100%;             /* Full width */
    height:                     100%;             /* Full height */
    overflow:                   auto;             /* Enable scroll if needed */
    background-color:           rgb(0,0,0);       /* Fallback color */
    background-color:           rgba(0,0,0,0.4);  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color:           #fefefe;
    margin:                     auto;
    padding:                    12px;
    border:                     1px solid #888;
    width:                      400px;
}

/* The Close Button */
.close {
    color:                      #aaaaaa;
    float:                      right;
    font-size:                  28px;
    font-weight:                bold;
}

.close:hover,
.close:focus {
    color:                      #000;
    text-decoration:            none;
    cursor:                     pointer;
}

/*---------------------------------------------------------------*/
/* Access Denied Hinweisbox                                      */
/*---------------------------------------------------------------*/
.info-denied {
    height:                     180px;
    width:                      400px;
    margin-left:                auto;
    margin-right:               auto;
    border-bottom:              3px solid blue;
    background:                 linear-gradient(to bottom, #00dbff4d, white 80%, orange);
    opacity:                    0.8;
}

/*---------------------------------------------------------------*/
/* Wait Spinner                 DESKTOP                          */
/*---------------------------------------------------------------*/
#LOAD {
    position:                   fixed;
    top:                        50%;
    left:                       50%;
    width:                      50px;height: 50px;
    margin:                     50px 0px 0px 50px;
    opacity:0.8;
    filter:progid:              DXImageTransform.Microsoft.Alpha(opacity=80);
    -webkit-animation:          sweep 0.8s infinite linear;
    border-radius:              75px;
    border-bottom:              3px solid blue;
    border-bottom-color:        rgb(12, 110, 175);
}
@-webkit-keyframes sweep { to { -webkit-transform: rotate(360deg); } }

.shortfont{
   font-size:                   11.5px;
   font-family:                 'Calibri';
}

/*---------------------------------------------------------------*/
/* Uebersicht Darstellung       DESKTOP                          */
/*---------------------------------------------------------------*/
p.haeder{
    background:                 url(../../images/content/bg.png) repeat-x;
    font-size:                  12px;
    color: 			            rgb(255, 255, 255);
	padding: 		            6px;
}

.haeder_left{
	float:			            left;
	width:			            102px;
	height:			            70px;
}

.haeder_middle{
	float:			            left;
	height:			            50px;
    width:			            130px;
	margin-left:		        5px;
	padding-top: 		        28px;
	padding-left: 		        5px;
}

.haeder_right{
    height:			            50px;
}

#first{
	margin-left:		        110px;
	padding-top: 		        25px;
	padding-left: 		        5px;
}

#second{
	margin-left:		        110px;
	padding-top: 		        28px;
	padding-left: 		        5px;
	background: 		        #f6f6f6;
}

/*---------------------------------------------------------------*/
/* Tool Tips                    DESKTOP                          */
/*---------------------------------------------------------------*/
._tooltip {
    position:                   relative;
    display:                    inline-block;
    margin-left:                7px;
}

._tooltip ._tooltiptext {
    visibility:                 hidden;
    width:                      140px;
    background-color:           #669999;
    color:                      #fff;
    text-align:                 center;
    border-radius:              6px;
    padding:                    5px 0;
    position:                   absolute;
    z-index:                    1;
    bottom:                     125%;
    left:                       50%;
    margin-left:                -70px;
    opacity:                    0;
    transition:                 opacity 1s;
}

._tooltip ._tooltiptext::after {
    content:                    "";
    position:                   absolute;
    top:                        100%;
    left:                       50%;
    margin-left:                -7px;
    border-width:               5px;
    border-style:               solid;
    border-color:               #669999 transparent transparent transparent;
}

._tooltip:hover ._tooltiptext {
    visibility:                 visible;
    opacity:                    1;
}

/*---------------------------------------------------------------*/
/* Knöpfe Image                                                  */
/*---------------------------------------------------------------*/
.clr input[type=checkbox] {
    display:                    none;
}

.clr input[type=checkbox] + label {
    background:                 url(../../images/content/clr.png) no-repeat;
    height:                     42px;
    width:                      42px;
    display:                    inline-block;
    padding:                    0 0 0 0px;
    opacity:                    0.5;
}

.clr input[type=checkbox]:checked + label {
    background:                 url(../../images/content/clr.png) no-repeat;
    height:                     42px;
    width:                      42px;
    display:                    inline-block;
    padding:                    0 0 0 0px;
    opacity:                    1;
}

.spv input[type=checkbox] {
    display:                    none;
}
 
.spv input[type=checkbox] + label {
    background:                 url(../../images/content/spv.png) no-repeat;
    height:                     42px;
    width:                      42px;
    display:                    inline-block;
    padding:                    0 0 0 0px;
    opacity:                    0.5;
}

.spv input[type=checkbox]:checked + label {
   background:                  url(../../images/content/spv.png) no-repeat;
       height:                  42px;
   width:                       42px;
       display:                 inline-block;
       padding:                 0 0 0 0px;
       opacity:                 1;
}

.cal input[type=checkbox] {
    display:                    none;
}

.cal input[type=checkbox] + label {
    background:                 url(../../images/content/cal.png) no-repeat;
    height:                     42px;
    width:                      42px;
    display:                    inline-block;
    padding:                    0 0 0 0px;
    opacity:                    0.5;
}

.cal input[type=checkbox]:checked + label {
    background:                 url(../../images/content/cal.png) no-repeat;
    height:                     42px;
    width:                      42px;
    display:                    inline-block;
    padding:                    0 0 0 0px;
    opacity:                    1;
}

input.checkbox-clr {
    background-image:           url(../../images/content/clr.png);
    background-repeat:          no-repeat;
    height:                     42px;
    opacity:                    1;
}

input.checkbox-clr:hover {
    opacity:                    0.8;
}

input.button-nclr {
    background-image:           url(../../images/content/nclr.png);
    background-repeat:          no-repeat;
    height:                     42px;
    opacity:                    1;
}

input.button-nclr:hover {
    opacity:                    0.8;
}

input.button-spv {
    background-image:           url(../../images/content/spv.png);
    background-repeat:          no-repeat;
    height:                     42px;
    opacity:                    1;
}

input.button-spv:hover {
    opacity:                    0.8;
}

.waiting {
    background:                 url(../../images/content/waiting1.png) no-repeat;
    height:                     42px;
    width:                      42px;
    display:                    inline-block;
    padding:                    0 0 0 0px;
    opacity:                    1;
}

#stations{
    width:			            auto;
    
}

/*---------------------------------------------------------------*/
/* Tabellenaufbau               DESKTOP                          */
/*---------------------------------------------------------------*/
.zell{ 
    height:			            65px;
    width:			            110px;
    text-align:                 left;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
    padding: 		            1px;
}

.zells{ 
    text-align:                 left;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
}

.zell_MB{
    padding:                    15px;
    text-align:                 left;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
    background-color:           white;
}

.zell_WZ{
    width:			            210px;
    text-align:                 left;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
    background-color:           white;
}

.zells_WZ{
    width:			            210px;
    height:			            50px;
    text-align:                 middle;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
    /*horizontal-align:         middle;*/
    background-color:           white;
}

/*tr:hover{background-color:#f6f6f6}*/
tr:hover{background-color:#F9FBFA}

.hidden-zell{
    text-align:                 left;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
    background-color:           white;
}
.hidden-zell-first-VAT{
    text-align:                 left;
    vertical-align:             top;
    background-color:           white; 
}
.hidden-zell-first{
    text-align:                 left;
    vertical-align:             middle;
    background-color:           white; 
}

.hidden-zell-first{
    text-align:                 left;
    vertical-align:             middle;
    background-color:           white; 
}

.hidden-zell-align-left{
    text-align:                 left;
    vertical-align:             middle;
}
.hidden-zell-align-right{
    text-align:                 right;
    vertical-align:             middle;
    background-color:           white; 
}

.hidden-zell-second{
    text-align:                 left;
    vertical-align:             middle;
    background-color:	        rgb(249, 251, 250);
}
.hidden-zell-second-end{
    text-align:                 left;
    border-bottom:              1px solid #ddd;
    vertical-align:             middle;
    background-color:           rgb(249, 251, 250);
}

/*---------------------------------------------------------------*/
/* Produkte - Frame                                              */
/*---------------------------------------------------------------*/
.produkte{
    text-align:                 left;
    float:		                left;
    border: 		            1px solid #a1a1a1;
    padding: 		            10px 40px; 
    height:                     280px;
    width: 		                240px;
    border-radius: 		        2px;
    margin-top:	                10px;
    margin-left:	            10px;
    margin-bottom:	            5px;
}

pr  .active {
    opacity:                    1.0;
}

pr  a:hover:not(.active) {
    opacity:                    0.6;
}

.prod_img{
    height:                     160px;
    width: 		                240px;
}

.interfaces{
    margin-top:	                10px;
    text-align:                 right;
}


/*---------------------------------------------------------------*/
/* pdf - Frame                                                   */
/*---------------------------------------------------------------*/
.pdf{
	clear: 			            both;
	position:		            relative;
	border: 		            1px solid #a1a1a1;
	padding: 		            10px 40px;
	width: 			            auto;
	border-radius: 		        2px;
	margin-bottom:		        15px;
}

/*---------------------------------------------------------------*/
/* Software - Frame                                              */
/*---------------------------------------------------------------*/
.mde{
	position:	                relative;
	border: 		            1px solid #a1a1a1;
	padding: 		            10px 40px; 
    width: 			            auto;
	border-radius: 		        2px;
	margin-bottom:		        15px;
}

/*---------------------------------------------------------------*/
/* Bilder - Frames                                               */
/*---------------------------------------------------------------*/
.frame_left{
	float:			            left;
    margin-top:		            5px;
    margin-left:		        20px;
    margin-right:		        20px;
}

.frame_text-left{
	float:			            left;
}

.frame_dms{
	float:			            left;
    margin-left:		        3px;
}

.frame_right{
	float:			            left;
	margin-left:		        10px;
    width:			            auto;
}

.frame_mw{
    float:		                left;
    text-align:                 left;
    padding-top: 		        3px;
    padding-left: 		        5px;
    margin-bottom: 		        10px;
    background:                 url(../../images/content/mw_display4.jpg) no-repeat scroll;
    width: 			            155px;
}

.frame_mapLeft{
	float:			            left;
	width:			            472px;
}

.frame_mapRight{
	float:			            left;
	width:			            310px;
    margin-left:	            30px;
}
    
.frame_clear{
    clear: left;
    text-align:                 left;
}

/*---------------------------------------------------------------*/
/* List Knopf im Device Cloud List                               */
/*---------------------------------------------------------------*/
.mylist {
        float:                  right;
        clear: 			        both;
}

/*---------------------------------------------------------------*/
/* Google Chart                                                  */
/*---------------------------------------------------------------*/
#chart_div {
    position:		            relative;
	padding: 		            10px 40px; 
	width: 			            auto;
}

#control_div {
        position:		        relative;
	padding: 		            10px 40px; 
	width: 			            auto;
}

/*---------------------------------------------------------------*/
/* Bilder                                                        */
/*---------------------------------------------------------------*/
#thumbnail {
	/*margin-top:		        10%;*/
	margin-top:		            10px;
	margin-left:		        5px;
	margin-right: 		        10%;
	width: 			            86%;
	height: 		            86%;	
}

#pictures_zoom {	
	margin-top:		            10px;
	margin-left:	    	    5px;
	margin-bottom: 		        10px;
	/*width: 		            89%;*/
	/*height: 		            89%;*/
}

#pictures_40 {
	margin-top:		            10px;
	margin-left:		        5px;
	margin-bottom: 		        10px;
}

#pictures_50 {
	margin-top:		            10px;
	margin-left:		        5px;
	margin-bottom: 		        10px;
}

#pictures_dms {
	width: 			            110px;
	height: 		            83px;
}

#pictures_mv{
    margin-top:		            10px;
	margin-left:		        14px;
	margin-right: 		        10%
}

/*---------------------------------------------------------------*/
/* 1. Textzeile nach float                                       */
/*---------------------------------------------------------------*/
.text_line {
    clear: 			            both;
    margin-bottom: 		        5px;
}

.center {
    margin-left: 		        auto;
    margin-right: 		        auto;
    width: 			            80%;
}