html, body {
	margin: 0;
	padding: 0;
	font-family:Open Sans, Open Sans, Geneva,  Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;

 }
 
 .titelgross {
	font-family: 'Expletus Sans', sans-serif;
	color: #1B6496;
	font-size: 22px;
	text-decoration: none;
}

 
 .titelklein {
	font-family: 'Expletus Sans', sans-serif;
	font-size: 15px;
	text-decoration: none;
}

 
.haupttitelrand {	
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 3px 15px 5px 15px;
	 }

.titelrand {	
width: 100%;
padding: 0px;
box-sizing: border-box;
border-radius: 5px 15px 0px 0px ;
background:#FFC08D;
	 }

.titelrandevent {	
width: 100%;
padding: 0px;
box-sizing: border-box;
border-radius: 5px 15px 0px 0px ;
background: #A9D4FF;
	 }

 
 .randrechts {
	 
border-right:1px #999 dotted; 
 }
 
 
 
.rahmenrand {	 
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
border: solid 1px #CCC;
background: rgba(255,255,255, 0.96);
/*background-color: #b3e2ec; */
padding:10px; 
	 }


.rahmenrandkl {	 
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
border: solid 1px #CCC;
background: rgba(255,255,255, 0.96);
/*background-color: #b3e2ec; */
padding:0px; 
	 }


.memberleiste {	 
width: 99%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
border: solid 1px #DDD;
background-color: #5ec7dd; 
padding:5px;
	 }
	 


.tabelle td { border-bottom: 1px dashed #999; }
.tabelleno td { border-bottom: 1px dashed #FFF; }



 .datepicker {
font-family: Play, Open Sans, Geneva,sans-serif; 
color: #06C; 
font-size: 12px; 
border: 1px solid #CCC; background-color: #E9F0FF ; width: 130px; padding: 1px; }



 .inputfeld {
font-family: Play, Open Sans, Geneva,sans-serif; 
color: #06C; 
font-size: 12px; 
border: 1px solid #CCC; background-color: #E9F0FF ; width: 130px; padding: 1px; }

.inputfeldmittel {
font-family: Play, Open Sans, Geneva,sans-serif; 
color: #06C; 
font-size: 12px; 
border: 1px solid #CCC; background-color: #E9F0FF; width: 80px; padding: 1px; }
	 
.inputfeldklein {
font-family: Play, Open Sans, Geneva,sans-serif; 
color: #06C; 
font-size: 12px; 
border: 1px solid #CCC; background-color: #E9F0FF ; width: 40px; padding: 1px;  }

 
 td.liste {
border-right-style:dotted;
border-right-color:#CCC;
border-right-width:1px;
}
 
 
.rot-14 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: red;
	font-size: 14px;
	text-decoration: none;
}

.rot-11 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: red;
	font-size: 11px;
	text-decoration: none;
}


.hellblau-14 {
	font-family: Play,  Open Sans, Geneva, sans-serif;
	color: #599ae7;
	font-size: 14px;
	text-decoration: none;
}


.grunblau-14 {
	font-family: Play,  Open Sans, Geneva, sans-serif;
	color: #0093bf;
	font-size: 14px;
	text-decoration: none;
}

.orange-18 {
	font-family: Open Sans, Geneva, sans-serif;
	color: #E08400;
	font-size: 18px;
	text-decoration: none;
}
.bordeaux-18 {
	font-family: Open Sans, Geneva, sans-serif;
	color: #BF005B;
	font-size: 18px;
	text-decoration: none;
}
.dunkelblau-18 {
	font-family: Open Sans, Geneva, sans-serif;
	color: #2390FF;
	font-size: 18px;
	text-decoration: none;
}

.hellblau-12 {
	font-family: Play,  Open Sans, Geneva, sans-serif;
	color: #599ae7;
	font-size: 12px;
	text-decoration: none;
}



.grun-14 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: green;
	font-size: 14px;
	text-decoration: none;
}

.grun-16 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: green;
	font-size: 16px;
	text-decoration: none;
}

.schwarz-14 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: black;
	font-size: 14px;
	text-decoration: none;
}


.schwarz-16 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: black;
	font-size: 16px;
	text-decoration: none;
}



.grau-14 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	color: #444444;
	font-size: 14px;
	text-decoration: none;
}

.grautext-12 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}

.blau-12 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}


.weiss-11 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}


.weiss-11-Play {
	font-family: Play, Open Sans, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.weiss-16-Play {
	font-family: Play, Open Sans, Geneva, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}

.weiss-30-Play {
	font-family: Play, Open Sans, Geneva, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
}


.weiss-12-b-center {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
.hellgrau-10-center {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	text-decoration: none;
	text-align: center;
}
.hellgrau-9-center {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 9px;
	color: #777777;
	text-decoration: none;
	text-align: center;
}

.grau-9-center {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 9px;
	color: #444444;
	text-decoration: none;
	text-align: center;
}

.grau-9 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 9px;
	color: #444444;
	text-decoration: none;
}

.grau-10 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	text-decoration: none;
}

.grau-11 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-decoration: none;
}

.blau-10 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	text-decoration: none;
}

.blau-13 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 13px;
	color: #000099;
	text-decoration: none;
}
.blau-14 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	text-decoration: none;
}

.orange-13 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 13px;
	color: #BC5900;
	text-decoration: none;
}

.grau-12 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}


.hellgrau-12 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	text-decoration: none;
}

.hellgrau-10 {
	font-family: Open Sans, Geneva,  Helvetica, sans-serif;
	font-size: 10px;
	color: #777777;
	text-decoration: none;
}




.grau-16-Play {
	font-family: Play, Open Sans, Geneva, sans-serif;
	font-size: 16px;
	color: #777777;
	text-decoration: none;
}













.CSSTableGenerator {
	margin:0px;padding:0px;
	box-shadow: 5px 5px 5px #AAAAAA;
	border:1px solid #999999;
	
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
	
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
	
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
	
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	height:100%;
 	margin:0px;padding:0px;
}
.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:14px;
	-webkit-border-bottom-right-radius:14px;
	border-bottom-right-radius:14px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:14px;
	-webkit-border-top-left-radius:14px;
	border-top-left-radius:14px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:14px;
	-webkit-border-top-right-radius:14px;
	border-top-right-radius:14px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:14px;
	-webkit-border-bottom-left-radius:14px;
	border-bottom-left-radius:14px;
}

.CSSTableGenerator tr:hover td{
	background-color:#CEE5FF;
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#f0f8ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
	vertical-align:middle;
		border:1px dotted #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:3px;
	padding-left:10px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #b5dcff 5%, #8ecaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5dcff), color-stop(1, #8ecaff) );
	background:-moz-linear-gradient( center top, #b5dcff 5%, #8ecaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5dcff", endColorstr="#8ecaff");	background: -o-linear-gradient(top,#b5dcff,8ecaff);

	background-color:#b5dcff;
	border:0px dotted #000000;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #b5dcff 5%, #8ecaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5dcff), color-stop(1, #8ecaff) );
	background:-moz-linear-gradient( center top, #b5dcff 5%, #8ecaff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5dcff", endColorstr="#8ecaff");	background: -o-linear-gradient(top,#b5dcff,8ecaff);

	background-color:#b5dcff;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}






/*----------------------------
    The file upload form
-----------------------------*/

#upload{

    width:90%;

}

#drop{
    padding: 1px 1px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:12px;
    cursor:pointer;
    display:inline-block;
    margin-top:1px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
}

#upload ul li{

    background-color:#96D5B5;
    padding:10px;
    height: 30px;

    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 1px;
    left: 50px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 12px;
    left: 6px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('assets/img/icons.png') no-repeat;
    position: absolute;
    top: 18px;
    right: 15px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}


input#roundklein{
height:30px; /*same as the width*/
background-color:#3CBF49;
border:1px solid #3CBF49; /*same colour as the background*/
color:#fff;
font-size:1.2em;
/*set the border-radius at half the size of the width and height*/
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 30px;
/*give the button a small drop shadow*/
-webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
box-shadow: 2px 2px 5px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
input#roundklein:hover{
background:#0C0;
border:1px solid #0C0;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0, .75);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0, .75);
box-shadow: 0px 0px 2px rgba(0,0,0, .75);
}


input.rounded, textarea.rounded{
	border: 1px dotted #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 20px;
	color: #005E97;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
}
input.rounded:focus, textarea.rounded:focus {
	border: 2px dotted #5AB8FF;
	background-color:#f0f9ff
}