﻿
html {
    background-color: #ebe1e3;
    margin: 0;
    padding: 0;
	height:100%;
	min-width:1300px;
	font-family:Arial,Verdana;
}

body {
    background-color: #ebe1e3;
    color: #5F5E5E;
    font-size: 1.0em;
    margin: 0;
    padding: 0;
    overflow:auto;
	font-family:Arial,Verdana;
}


.float-left {
    float: left;
    width: 16%;
	margin-left:4%;
    height: 100%;
    vertical-align: middle;
    align-items:center;
}
.labelheader
{
	font-family:Arial,Verdana;
	width:20%;
	color:black;
	font-size:20px;
}
.float-centerleft
{
	float: left;
	margin-top:30px;
    height: 40%;
	width:32%;
    vertical-align: middle;
    align-items:center;
	text-align:center;

}
.float-centerright
{
	height: 100%;
	float: right;
	width: 17%;
    vertical-align: middle;
    align-items:center;
	}
.float-right {
    float: right;
    width: 20%;
    height: 100%;

	
}

form {
    height:100%;
}


.leftli {
    float:left;
    width: 30%;
    padding-left: 15px;
    height:40px;
}

.labelli {
    height:40px;
	font-family:Arial,Verdana;
    text-align:match-parent;
}

.rightli {
    float:right;
    width: 60%;
    padding-left: 5%;
    height:40px;
}
.leftmail
{
 float:left;
    width: 4%;
    padding-left: 15px;
	height:40px;
}

.rightmail
{
 float:right;
    width: 88%;
    padding-left: 2%;
	height:40px;
}
.leftmail2
{
 float:left;
    width: 4%;
    padding-left: 15px;
	height:220px;
}

.rightmail2
{
	float:right;
    width: 88%;
   
	height:220px;
}


.divright
{
	float:right;
    width: 55%;
    height:60px;
}
.divleft
{
	float:left;
    width: 35%;
    padding-left: 2%;
    height:60px;
}

.akteninfoleft
{
	float:left;
    width: 35%;
    padding-left: 2%;
    height:500px;
}
.akteninforight
{
	margin-left:20px;
	margin-top:50px;
	float:right;
    width: 55%;
	padding-left: 2%;
    height:500px;
}
/* main layout
----------------------------------------------------------*/

.contentcontainer {
	padding-bottom: 2em;
    height: 100%;

}

#c2 {
    padding-top: 0px; 
    padding-bottom: 2em;
    overflow:auto;
} 
   

.content-wrapper {
    margin: 0 auto;
}

.content-wrapper-c2 {
    margin: 0 auto;

}

.content-wrapper-head {
    margin: 0 auto;
    height:145px;
}



#mainlinks {
    float: left;
    width: 19%;
    padding-left:1%;

}

#main-rechts {
    float: right;
    width: 80%;

}




/* DataGrids */
.Grid {
    border: none;
    width:100%;
}

.gridheader {
    font-size: 1.0em;
    border-style:solid;
    border-width:thin;
    background-color:#dfecf1;
}


.gridrow {
    font-size: 1.0em;
    border-style:none;
    padding-bottom:2px;
    
}



#content-container {
    padding-bottom:2em;
}

.footer {
    background-color: #464646;
    height:2em;
	position:absolute;
	bottom:0;
	width:100%;
}
#footer-container1234 {
    background-color:#464646;
    height:2em;
}

#footer {
    position:fixed;
    bottom:0px;
    background-color: #464646;
    padding:10px;
    width:100%;
    text-align:center;

}


* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    font-family:Arial,Verdana;
}


* html #content_container {
    padding: 0;
    height: 90%;
}

* html #footer {
    background-color: white;
    height:5%;
    padding-top:1%;
}


.buttonaktensuchen
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid moccasin;
background:url(../Images/Suchen.png) left center no-repeat;
text-align:right;
font-family:Arial,Verdana;
background-color:moccasin;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktensuchen:hover
	{
		color:black;
		background-color:white;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	}
	.buttonaktensuchen:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
.buttonaktenschadenmeldung
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid mediumseagreen;
font-family:Arial,Verdana;
background:url(../Images/Schadenmeldung.png) left center no-repeat;
text-align:right;
background-color: mediumseagreen;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktenschadenmeldung:hover
	{
		color:black;
		background-color:white;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		
	}
	.buttonaktenschadenmeldung:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
		.buttonaktenstatistik
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid steelblue;
font-family:Arial,Verdana;
background:url(../Images/Statistik.png) left center no-repeat;
text-align:right;
background-color: steelblue;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktenstatistik:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
	.buttonaktenstatistik:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
			.buttonaktenformulare
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid mediumpurple;
background:url(../Images/Formulare.png) left center no-repeat;
text-align:right;
background-color:mediumpurple;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktenformulare:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
	.buttonaktenformulare:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
				.buttonaktennachricht
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid olive;
background:url(../Images/Nachricht.png) left center no-repeat;
text-align:right;
background-color: olive;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktennachricht:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
	.buttonaktennachricht:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
.buttonaktenunerledigte
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid peru;
background:url(../Images/UnerledigteAufgaben.png) left center no-repeat;
text-align:right;
background-color: peru;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktenunerledigte:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
	.buttonaktenunerledigte:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
.loginbutton
{
border: 2px solid #008CBA;
background-color: #008CBA;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:8px;
margin-top:8px;
height:35px;
width:65px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.loginbutton:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
	.loginbutton:disabled
	{
    opacity: 0.6;
    cursor: not-allowed;
}


.kaskobutton
{
border: 2px solid #008CBA;
background-color: #008CBA;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.kaskobutton:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

	.kaskobuttonrot
{
border: 2px solid lightcoral;
background-color: lightcoral;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.kaskobuttonrot:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

.kaskobutton2
{
	border: 2px solid moccasin;
	background-color:moccasin;
	color: black;
	border-radius: 12px;
	cursor: pointer;
	font-family:Arial,Verdana;
	margin-bottom: 15px;
	margin-top: 12px;
	height: 25px;
	width: 10%;
	font-size:x-small;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	margin-right: 15px;
}
	.kaskobutton2:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

	.kaskobutton3
{
	border: 2px solid #008CBA;
	background-color: #008CBA;
	color: black;
	border-radius: 12px;
	cursor: pointer;
	margin-top: 15%;
	margin-left:25%;
	font-family:Arial,Verdana;
	height: 35px;
	width: 15%;
	font-size:medium;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	margin-right: 15px;
}
	.kaskobutton3:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
		.kaskobutton4
{
	border: 2px solid #008CBA;
	background-color: #008CBA;
	color: black;
	border-radius: 12px;
	cursor: pointer;
	margin-top: 15%;
	margin-left:5%;
	font-family:Arial,Verdana;
	height: 35px;
	width: 15%;
	font-size:medium;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	margin-right: 15px;
}
	.kaskobutton4:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
.kaskobutton5
{
border: 2px solid #008CBA;
background-color: #008CBA;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.kaskobutton5:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
.kaskobutton6
{
border: 2px solid #008CBA;
background-color: #008CBA;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:20%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.kaskobutton6:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
.mandatbutton
{
border: 2px solid #008CBA;
background-color: #008CBA;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
margin-left:40%;
height:35px;
width:20%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.mandatbutton:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

.listbox
{
	border: 2px solid #008CBA;
	background-color: #F3F0E7;
}

.formularbutton
{
border: 2px solid #008CBA;
background-color: #008CBA;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
margin-left:40%;
height:35px;
width:35%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.formularbutton:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

.formularbutton2
{
border: 2px solid #008CBA;
background-color: #008CBA;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
margin-left:2%;
height:35px;
width:35%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.formularbutton2:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}


.schadenlabelright
{
	margin-left:1%;
	text-align:right;
}
.schadenlabelleft
{
	margin-left:1%;
	text-align:left;
}


.header
{
	background-color:silver;
	height:98px;
}
.kaskobuttonneu
{
border: 2px solid #008CBA;
background-color: #008CBA;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:10%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
	.kaskobuttonneu:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

.dropdownlist
{
	margin-left:20px;
}
.innerdiv
{
	width:50%;
}

.checkbox
{
	padding-bottom:10px;
	font-size:large;
}
/*unerlgrid eigenschaften Columns*/
.cssradio
{
	width:2%;
	overflow:hidden;
}
.cssaufgb
{
	width:8%;
	overflow:hidden;
}
.cssbez
{
	width:20%;
	overflow:hidden;
}
.csskomm
{
	width:40%;
	overflow:hidden;
}
.cssdatei
{
	width:24%;
	overflow:hidden;
}
.csskat
{
	width:6%;
	overflow:hidden;
}

.aktbatoben
{
	margin-left:2.5%;
	width:5%;
	border-left:2px solid black;
	border-right:2px solid black;
	border-top:2px solid black;
	border-bottom:1px solid black;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.aktbatoben2
{
	width:10%;
	border-left:2px solid black;
	border-right:2px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.aktbatmitte
{
	border-left:2px solid black;
	border-right:2px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	width:10%;
}
.aktbatunten
{
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	border-top:1px solid black;
	width:10%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.aktinfolabel
{ 
	float:left;
	width:70%;
	display:inline-block;
	margin-top:20px;
}
.aktinfolabel2
{
	float:left;
	width:25%;
	margin-top:20px;
	text-align:right;
}

.schadenmeldungimage
{
	border: 2px solid mediumseagreen;
    margin-top:10%;
	margin-left:30%;
    background:url(../Images/Schadenmeldung.png) left center no-repeat;
	background-color:mediumseagreen;
	text-align:right;
    color:black;
	font-family:Arial,Verdana;
	width:20%;
	height:100px;
	font-size:medium;
    font-weight:normal;
	border-radius: 12px;
}
.schadenmeldungimage:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

.formularimage
{
	border: 2px solid mediumpurple;
    margin-top:2%;
	margin-left:30%;
    background:url(../Images/Formulare.png) left center no-repeat;
	background-color:mediumpurple;
	text-align:right;
    color:black;
	width:20%;
	height:100px;
	font-family:Arial,Verdana;
	font-size:medium;
    font-weight:normal;
	border-radius: 12px;
}
.formularimage:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
.statistikimage
{
	border: 2px solid steelblue;
	font-family:Arial,Verdana;
    margin-top:2%;
	margin-left:10%;
    background:url(../Images/Statistik.png) left center no-repeat;
	background-color:steelblue;
	text-align:right;
    color:black;
	width:20%;
	height:100px;
	font-size:medium;
    font-weight:normal;
	border-radius: 12px;
}
.statistikimage:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
.suchenimage
{
	border: 2px solid moccasin;
    margin-top:2%;
	font-family:Arial,Verdana;
	margin-left:20%;
    background:url(../Images/Suchen.png) left center no-repeat;
	background-color:moccasin;
	text-align:right;
    color:black;
	width:20%;
	height:100px;
	font-size:medium;
    font-weight:normal;
	border-radius: 12px;
}
.suchenimage:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}

/*TESTTESTTE*/
.buttonaktensuchenaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid moccasin;
background:url(../Images/Suchen.png) left center no-repeat;
text-align:right;
font-family:Arial,Verdana;
background-color:white;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	
.buttonaktenschadenmeldungaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid mediumseagreen;
font-family:Arial,Verdana;
background:url(../Images/Schadenmeldung.png) left center no-repeat;
text-align:right;
background-color: white;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.buttonaktenoffene
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid mediumvioletred;
font-family:Arial,Verdana;
background:url(../Images/OPO.png) left center no-repeat;
text-align:right;
background-color: mediumvioletred;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	.buttonaktenoffene:hover
	{
		color:black;
		background-color:white;
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		
	}
	.buttonaktenoffene:disabled	{
    opacity: 0.6;
    cursor: not-allowed;
}
.buttonaktenoffeneaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid mediumvioletred;
font-family:Arial,Verdana;
background:url(../Images/OPO.png) left center no-repeat;
text-align:right;
background-color: white;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	
.buttonaktenstatistikaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid steelblue;
font-family:Arial,Verdana;
background:url(../Images/Statistik.png) left center no-repeat;
text-align:right;
background-color: white;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	
.buttonaktenformulareaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid mediumpurple;
background:url(../Images/Formulare.png) left center no-repeat;
text-align:right;
background-color:white;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	
.buttonaktennachrichtaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid olive;
background:url(../Images/Nachricht.png) left center no-repeat;
text-align:right;
background-color: white;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
	
.buttonaktenunerledigteaktiv
{
/*background: url(../Images/Akten160-75.jpg)  no-repeat center;*/
border: 2px solid peru;
background:url(../Images/UnerledigteAufgaben.png) left center no-repeat;
text-align:right;
background-color: white;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:100px;
width:90%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
.loginbuttonaktiv
{
border: 2px solid #008CBA;
background-color: white;
color:black;
border-radius:12px;
font-family:Arial,Verdana;
cursor:pointer;
margin-bottom:8px;
margin-top:8px;
height:35px;
width:65px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
.kaskobutton2aktiv
{
	border: 2px solid moccasin;
	background-color:white;
	color: black;
	border-radius: 12px;
	cursor: pointer;
	font-family:Arial,Verdana;
	margin-bottom: 15px;
	margin-top: 12px;
	height: 25px;
	width: 10%;
	font-size:x-small;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	margin-right: 15px;
}
.kaskobuttonaktiv
{
border: 2px solid #008CBA;
background-color: white;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
.kaskobutton5aktiv
{
border: 2px solid #008CBA;
background-color: white;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
.kaskobutton5succ
{
	border: 2px solid #008CBA;
background-color: green;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
.kaskobutton5succ:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}
.kaskobutton5failure
{
	border: 2px solid #008CBA;
background-color: lightcoral;
font-family:Arial,Verdana;
color:black;
border-radius:12px;
cursor:pointer;
margin-bottom:15px;
margin-top:12px;
height:35px;
width:16%;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
margin-right:15px;
}
.kaskobutton5failure:hover
	{
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
		color:black;
		background-color:white;
	}