/*
Unternehmen		8a8b8d
IT Outsourcing	a2a3a5
Engineering		95a6cc
Presse			7b93c0
Steuerung dblau 809ecc

TP HG Dunkel    c6ced4;
TP HG Hell      e4eaf5;

dunkelblau	    002b51
hellblau 	    b8c4cf
dunkelorange    ed7f07
hellorange 	    f6bf83

TIPP Orange     f69e00
TOPP Blau       0c69af

*/
html  {
    font-family: Calibri, sans-serif, Arial; 
    background: #e4eaf5;
    color:#000; 
}
html, body  {
    margin:0px; 
    padding:0px; 
}

.elementSeperator {
    clear: both;
    }
    
* html #matrix  {
    position: relative; 
    }


a:active, a:active em,
a:focus, a:focus em,
a.active, a.active em, 
a.focus, a.focus em {
    outline: 0; /* for browsers that understand */
    outline: none;
}

#matrixOuter {
		border: none;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
    width: 540px;
}
#matrix  {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    }

#matrix a,
#matrix a:link,
#matrix a:visited,
#matrix a:hover,
#matrix a:active {
	text-decoration: none !important;
}

/* von diesem Element verschwinden border und hintergrund informationen, 
    aber es ist maßgeblich für das verhalten der "rounded" Elemente verantwortlich
    insbesinder für float */
#matrixInner {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    font-size: 10pt;
    }

/*  
		Static Elements Versuche mit copytext und image 
		siehe _V4
    *********************************************** */
    /* Credits: Dynamic Drive CSS Library 					*/
    /* URL: http://www.dynamicdrive.com/style/ 			*/

.staticElement {

    }
a.staticElement {
    display: block;
    float: left;
    padding-left: 10px; /* Width of left button image */
    text-decoration: none;
    cursor: pointer;
    border: none;
    margin: 4px 0px 0px 0px;
}

a.staticElement  {
    width: 135px;
}

a.staticElement span {
    display: block;
    overflow: hidden;
    padding: 4px 10px 4px 0; /* Set 10px to match value of 'padding-left' value above*/
    margin: 0px 2px 0px 0px;
}

a.staticElement span image,
a.staticElement span img {
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 4px 0px;
}

a.staticElement.Tipp {
    background: transparent url('/fileadmin/templates/graphics/button-tipp-left.gif') no-repeat top left;
    line-height: 62px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
    height: 70px; /* Height of button background height */
    }
a.staticElement.Topp {
    background: transparent url('/fileadmin/templates/graphics/button-topp-left.gif') no-repeat top left;
    line-height: 62px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
    height: 70px; /* Height of button background height */
    }
a.staticElement.Timm {
    background: transparent url('/fileadmin/templates/graphics/button-timm-left.gif') no-repeat top left;
    line-height: 132px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
    height: 140px; /* Height of button background height */
    }
a.staticElement.Tomm {
    background: transparent url('/fileadmin/templates/graphics/button-tomm-left.gif') no-repeat top left;
    line-height: 132px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
    height: 140px; /* Height of button background height */
    }
a.staticElement.Other {
    background: transparent url('/fileadmin/templates/graphics/button-other-left.gif') no-repeat top left;
    line-height: 62px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
    height: 70px; /* Height of button background height */
    }    

a.staticElement.Tipp span {
    background: transparent url('/fileadmin/templates/graphics/button-tipp-right.gif') no-repeat top right;
}
a.staticElement.Topp span {
    background: transparent url('/fileadmin/templates/graphics/button-topp-right.gif') no-repeat top right;
}
a.staticElement.Timm span {
    background: transparent url('/fileadmin/templates/graphics/button-timm-right.gif') no-repeat top right;
}
a.staticElement.Tomm span {
    background: transparent url('/fileadmin/templates/graphics/button-tomm-right.gif') no-repeat top right;
}

a.staticElement.Other span {
    background: transparent url('/fileadmin/templates/graphics/button-other-right.gif') no-repeat top right;
}
a.staticElement:hover,
a.staticElement.hover { /* Hover state CSS */
    background-position: bottom left;
}

a.staticElement:hover span, 
a.staticElement.hover span { /* Hover state CSS */
    background-position: bottom right;
}
a.staticElement:active span, 
a.staticElement.hover span { /* Hover state CSS */
    background-position: bottom right;
}

/*  Tipp Clicked
    **************************************** */
a:active.staticElement.Tipp, 
a:focus.staticElement.Tipp { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-tipp-left_active.gif') no-repeat bottom left; 
}
a.staticElement.Tipp:active span, 
a.staticElement.Tipp:focus span { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-tipp-right_active.gif') no-repeat bottom right;
}

/*  Tipp no interaction when state is "act"
    **************************************** */
a.staticElement.Tipp.act:hover {
		background-position: top left;
}
a.staticElement.Tipp.act:hover span {
		background-position: top right;
}
a.staticElement.Tipp.act:active, 
a.staticElement.Tipp.act:focus {
    background: transparent url('/fileadmin/templates/graphics/button-tipp-left.gif') no-repeat top left;
}
a.staticElement.Tipp.act:active span, 
a.staticElement.Tipp.act:focus span {
    background: transparent url('/fileadmin/templates/graphics/button-tipp-right.gif') no-repeat top right;
}
a.staticElement.Tipp.act {
		cursor: default;
}



/*  Topp Clicked
    **************************************** */
a:active.staticElement.Topp, 
a:focus.staticElement.Topp { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-topp-left_active.gif') no-repeat bottom left; 
}
/*
a.staticElement.Topp.focus span
a.staticElement.Topp.active span, 
*/
a.staticElement.Topp:active span, 
a.staticElement.Topp:focus span { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-topp-right_active.gif') no-repeat bottom right;
}

/*  Topp no interaction when state is "act"
    **************************************** */
a.staticElement.Topp.act:hover {
		background-position: top left;
}
a.staticElement.Topp.act:hover span {
		background-position: top right;
}
a.staticElement.Topp.act:active, 
a.staticElement.Topp.act:focus {
    background: transparent url('/fileadmin/templates/graphics/button-topp-left.gif') no-repeat top left;
}
a.staticElement.Topp.act:active span, 
a.staticElement.Topp.act:focus span {
    background: transparent url('/fileadmin/templates/graphics/button-topp-right.gif') no-repeat top right;
}
a.staticElement.Topp.act {
		cursor: default;
}


/*  Timm Clicked
    **************************************** */
a:active.staticElement.Timm, 
a:focus.staticElement.Timm { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-timm-left_active.gif') no-repeat bottom left; 
}
/*
a.staticElement.Timm.active span,
a.staticElement.Timm.focus span
*/
a.staticElement.Timm:active span, 
a.staticElement.Timm:focus span { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-timm-right_active.gif') no-repeat bottom right;
}

/*  Timm no interaction when state is "act"
    **************************************** */
a.staticElement.Timm.act:hover {
		background-position: top left;
}
a.staticElement.Timm.act:hover span {
		background-position: top right;
}
a.staticElement.Timm.act:active, 
a.staticElement.Timm.act:focus {
    background: transparent url('/fileadmin/templates/graphics/button-timm-left.gif') no-repeat top left;
}
a.staticElement.Timm.act:active span, 
a.staticElement.Timm.act:focus span {
    background: transparent url('/fileadmin/templates/graphics/button-timm-right.gif') no-repeat top right;
}
a.staticElement.Timm.act {
		cursor: default;
}


/*  Tomm Clicked
    **************************************** */
a:active.staticElement.Tomm, 
a:focus.staticElement.Tomm { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-tomm-left_active.gif') no-repeat bottom left; 
}
/*
a.staticElement.Tomm.active span, 
a.staticElement.Tomm.focus span
*/
a.staticElement.Tomm:active span, 
a.staticElement.Tomm:focus span { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-tomm-right_active.gif') no-repeat bottom right;
}

/*  Tomm no interaction when state is "act"
    **************************************** */
a.staticElement.Tomm.act:hover {
		background-position: top left;
}
a.staticElement.Tomm.act:hover span {
		background-position: top right;
}
a.staticElement.Tomm.act:active, 
a.staticElement.Tomm.act:focus {
    background: transparent url('/fileadmin/templates/graphics/button-tomm-left.gif') no-repeat top left;
}
a.staticElement.Tomm.act:active span, 
a.staticElement.Tomm.act:focus span {
    background: transparent url('/fileadmin/templates/graphics/button-tomm-right.gif') no-repeat top right;
}
a.staticElement.Timm.act {
		cursor: default;
}


/*  Other Clicked
    **************************************** */
a:active.staticElement.Other, 
a:focus.staticElement.Other { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-other-left_active.gif') no-repeat bottom left; 
}
/* 
a.staticElement.Other.active span, , 
a.staticElement.Other.focus span, 
*/
a.staticElement.Other:active span, 
a.staticElement.Other:focus span { /* Active state CSS */
    background: transparent url('/fileadmin/templates/graphics/button-other-right_active.gif') no-repeat bottom right;
}





/*  Dynamic entries
    -----
    shadedborder in kombination mit prototype
    *********************************************** */


         
/*  Design .roundedElement (allgemeiner Button)
    ********************************** */  

#matrix font, 
#matrix a, 
#matrix span, 
#matrix em {
		font-size: 11pt;
		font-size: 14px;
		}
#matrix font {
	display: block;
}
.Tipp font { /* orange */
    color: orange;
    }
.Topp font { /* blau */
    color: #0c69af;
    }
.Timm font { /* kackgrün */
    color: #cdab00;
    }
.Tomm font { /* grau */
    color: #a7a8aa;
    }
 .Other font { /* standard */
    
    }
     
div.roundedElement {
		height: 70px;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    float: left;
    text-align: center;
    outline: 0;
    }

/*  Breite .roundedElement
    ********************************** */ 
.fullrow div.roundedElement {
    width: 370px;
}
.nofullrow div.roundedElement {
    width: 122px;
 		margin-right: 2px;
}

.roundedElement a { /* höhe der statischen Elemente - padding des div roundedElements - margin des div rounded elements */
    display: block;
    margin: 0px 0px 0px 0px; 
    padding: 4px 0px 4px 0px;
    border: none;
    cursor: pointer; 
    text-decoration: none;
}
.roundedElement.act a {
		cursor: default;
}

.roundedElement a .left {
    display: block;
    float: left;
    width: 10px;
    height: 70px;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: transparent url('/fileadmin/templates/graphics/button-empty-left.gif') no-repeat top left;
    font-size: 1px;
    text-decoration: none;
    }

.roundedElement a .right {
    display: block; 
    float: left;   
    height: 70px;
    width: 112px; 								/* breite roundedElement - 10px (.left) Bestimmt maßgeblich die Breite des Buttons (für IE) */
    border: none;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: transparent url('/fileadmin/templates/graphics/button-empty-right.gif') no-repeat top right;   
    color: #0c69af;
    text-align: center;
    }
.fullrow .roundedElement a .right {
    width: 360px; 								/* breite roundedElement - 10px (.left) Bestimmt maßgeblich die Breite des Buttons (für IE) */
    text-align: center;
    }
.roundedElement .right span {
    border: none;
    text-align: center;
    font-weight: bold;
    overflow: hidden; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;
    line-height: 1.3em;
    text-align: center !important;
    }
    
.fullrow .roundedElement .right span {
    /* ----- width: 300px; */
    }
.nofullrow .roundedElement .right span {

    }

.roundedElement .right span em {
    display: block;
    font-style: normal;
    border: none;
    /* border: solid 1px blue; */
}

.nofullrow .roundedElement .right span em {
    margin: 0px 0px 0px 0px;
    padding: 17px 12px 0px 0px;  
    }
.nofullrow .roundedElement a:active span em {
    margin: 0px 0px 0px 0px;
    padding: 18px 10px 0px 1px;
    border: none;
}

.fullrow .roundedElement .right span em {
    width: 336px; 
    margin: 0px 0px 0px 0px;
    padding: 30px 12px 0px 0px;
    }
.fullrow .roundedElement a:active span em,
.fullrow .roundedElement a:focus span em {
    margin: 0px 0px 0px 0px;
    padding: 31px 10px 0px 0px;
    border: none;
    }

.roundedElement a:hover .left, 
.roundedElement a.hover .left {
     background: transparent url('/fileadmin/templates/graphics/button-empty-left.gif') no-repeat bottom left;
    }
.roundedElement a:hover .right,
.roundedElement a.hover .right {
    background: transparent url('/fileadmin/templates/graphics/button-empty-right.gif') no-repeat bottom right;
    }


.roundedElement a:active .left,
.roundedElement a:focus .left {
    background: transparent url('/fileadmin/templates/graphics/button-empty-left_active.gif') no-repeat bottom left;
    }
.roundedElement a:active .right,
.roundedElement a:focus .right {
    background: transparent url('/fileadmin/templates/graphics/button-empty-right_active.gif') no-repeat bottom right;
    }
.roundedElement a:active .right span {
    line-height: 1.325em;
    } 

 /* No Interaction when Element "act"
 		********************************************* */
 		
.roundedElement.act a:hover .left, 
.roundedElement.act a.hover .left {
     background: transparent url('/fileadmin/templates/graphics/button-empty-left.gif') no-repeat top left;
    }
.roundedElement.act a:hover .right,
.roundedElement.act a.hover .right {
    background: transparent url('/fileadmin/templates/graphics/button-empty-right.gif') no-repeat top right;
    }
    
.roundedElement.act a:active .left,
.roundedElement.act a:focus .left {
    background: transparent url('/fileadmin/templates/graphics/button-empty-left.gif') no-repeat top left;
    }
.roundedElement.act a:active .right,
.roundedElement.act a:focus .right {
    background: transparent url('/fileadmin/templates/graphics/button-empty-right.gif') no-repeat top right;
    }
.roundedElement.act a:active .right span {
    line-height: 1.2em;
    } 		
 





/*  Mover - extends itbaukasten-ajax.css
    ********************************************** */
    
.VEMover {
    /* background-color:#7b93c0; */
    color:white;
    margin-bottom: 5px;
    width: 520px;
    }

.VEPart {
    /* border:1px solid gray; */
    padding: 2px;
    position: absolute;
    top: 60px;
    left: 20px;
            position: relative;
            top: 0px;
            left: 0px;
    /* background-color:#7b93c0;  */
    overflow: visible;
    }
    
.VEFull,.VEMini,.VEClose {
    margin:2px 8px 2px 2px;
    }