.showLeft
{
top: 2%;
height: 45px;
width: 50px;	
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: rgba(220,220,220,1);
font-size: 2em;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
text-align: center;
vertical-align: middle;
background: #ffffff;
position: absolute;	
left: 99%;
}
	
.navigation 
{
background: rgba(255, 255, 255, 1);
position: fixed;
width: 200px;
height: 100%;
z-index: 1000;
left: -200px;
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
transition: left 0.3s ease;
}

.navigation.navigationopen 
{
left: 0px;
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
transition: left 0.3s ease;
}

.nav
{
position: relative;
height: 24px;
border: 0px rgb(89,89,89) solid;
vertical-align: middle;
padding: 12px;
padding-top: 16px;
background: rgba(255, 255, 255, 1);
color: rgba(25,25,25,1);
font-size: 13px;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
line-height: 1.25em;
z-index : 2;
}

.nav:hover{
position: relative;
height: 22px;
border: 0px rgb(89,89,89) solid;
border-bottom: 2px solid #5cc3dd;
padding: 12px;
padding-top: 16px;
background: rgba(240, 240, 240, 1);
color: rgba(25,25,25,1);
font-size: 13px;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
line-height: 1.25em;
z-index : 2;
}

.navlogo
{
position: relative;
height: 50px;
border: 0px rgb(89,89,89) solid;
background-position: center;
padding: 12px;
background-image: url(../images/WEBGL_KonfiguratorLogo.png);
background-size: 100% auto;
background-repeat: no-repeat;
color: rgba(25,25,25,1);
font-size: 13px;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
line-height: 1.25em;
z-index : 2;
}

.menubuttons
{
position: absolute;
padding: 12px;
width: 45px;	
z-index : 2;
right: 0px;
}

.view
{
position: relative;
background-image: url(../images/icons/zoomout.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 30px;
width: 45px;	
}

.hide {
display: none;	
}

.dropnav
{
text-align: center;
height: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 12px;
padding-right: 12px;
background: rgba(255, 255, 255, 0);
color: rgba(25,25,25,1);
font-size: 13px;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
line-height: 1.25em;
position: relative;
z-index : -2;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.dropnav.dropnavopen
{
text-align: center;
height: 400px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-top: 12px;
background: rgba(255, 255, 255, 0);
color: rgba(25,25,25,1);
font-size: 13px;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
line-height: 1.25em;
z-index : -2;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.uploadform 
{	
background: rgba(255, 255,255, 0);
text-align: center;
position: absolute;
width: 100px;
height: 100px;
z-index: 1;
}

.uploadimage
{
outline: none;
text-align: center;
border: 2px rgb(89,89,89) dashed;	
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: 100px;
height: 100px;
overflow: hidden;
position: absolute;
z-index: -1;	
}

.dropboxtext
{
width: 100%;
position:absolute;
z-index : -1;
}

.thumb
{	
padding: 0px;
border: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 100px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
position: relative;
vertical-align:middle;
z-index : -1;
}

.removeimage
{	
background-image: url(../images/icons/deletelink.png);
position: absolute;
right: -10px;
top: 5px;
background-size: 30px auto;
background-repeat: no-repeat;
height: 30px;
width: 45px;
z-index : -1;	
}

.dropbuttons
{
position: relative;
width:65px;
left: 112px;
}

.tg-031e{
width:70px;
text-align: center;
}

.testicon
{
text-align: center;
background-image: url(../images/icons/rotateleft.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;	
}

.decalremove
{
text-align: center;
background-image: url(../images/icons/deleteall.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;		
}

.onedecalremove
{
text-align: center;
background-image: url(../images/icons/delete.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;	
}

.rotateleft
{
text-align: center;
background-image: url(../images/icons/rotateleft.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;	
}

.rotateright
{
text-align: center;
background-image: url(../images/icons/rotateright.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;	
}

.expand
{
text-align: center;
background-image: url(../images/icons/expand.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;	
}

.collapse
{
text-align: center;
background-image: url(../images/icons/collapse.png);
background-size: 30px auto;
background-repeat: no-repeat;
height: 32px;
z-index : 5;	
}

.bottomcover
{
position: relative;
height: 400px;
border: 0px rgb(89,89,89) solid;
vertical-align: middle;
padding: 12px;
padding-top: 16px;
background: rgba(255, 255, 255, 1);
color: rgba(25,25,25,1);
font-size: 13px;
font-weight: inherit;
font-family: Verdana, Geneva, sans-serif;
font-style: inherit;
text-decoration: inherit;
line-height: 1.25em;
z-index : 2;
}