body {
	background-image: url("/grafik/bg.jpg");
	background-repeat: repeat-x;
	background-position: 100%  20px;
	background-color: rgb(232, 232, 232); 	
	padding: 10px;	
	font-family:  Arial, sans-serif;
	color: rgb( 0, 0, 0 );
	font-size: 1.0em;
	font-weight:normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;   
}

.submit {
    font-family:  Arial, sans-serif;   
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;    
    border: none;
    outline: none;
    margin: 0;
    font-weight: bold;
}
.submit:hover {
    background-color: #43a09d;
}

input, textarea {
    margin-bottom: 10px;
    font-size: 11pt;
    padding: 15px 10px 10px;
    border: 1px solid #cecece;
    background-color: #efefef;
    color: #787575;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline: none;
    font-family: 'Quicksand', sans-serif;
}

input[type=checkbox] {
    transform: scale(2.0);
}

.b0 { 
	border: 2px solid rgb(102, 102, 102);
	background-color: rgb(35, 92, 157); 
	padding: 10px;
	color: rgb(192, 192, 192);
	font-family:  Arial, sans-serif;
	font-size: 1.5em;
	font-weight:normal;
	line-height: 1.0em;
	letter-spacing: 0.2em;
	word-spacing: 0.1em;  	  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
}

.b1 { 
	border: 2px solid rgb(102, 102, 102);
	background-color: rgb(35, 92, 157); 
	padding: 10px;
	color: rgb(192, 192, 192);
	font-family:  Arial, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.0em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em; 	  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}

.b1visited { 
	border: 2px solid rgb(102, 102, 102);
	background-color: #5B98DB; 
	padding: 10px;
	color: rgb(192, 192, 192);
	font-family:  Arial, sans-serif;
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.0em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;  	  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
}

.b2 {
	border-top:  3px solid rgb(35, 92, 157);
  border-right:  none;
  border-bottom:  none;
  border-left:  none;
}

.b1:hover {
    background: yellow;
    color: black;
}

.t1 { 
	padding: 10px;	
	font-family:  Arial, sans-serif;
	color: rgb( 0, 0, 0 );
	font-size: 1.0em;
	font-weight:normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em; 
}

.t2 { 
	padding: 10px;	
	font-family:  Arial, sans-serif;
	color: rgb( 0, 0, 0 );
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em; 
}

.t3:hover {
    background: #CADEF4;
    color: black;
}

.t4 { 
	padding: 5px;	
	font-family:  Arial, sans-serif;
	color: rgb( 0, 0, 0 );
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em; 
}

.t5 { 
	padding: 5px;	
	font-family:  Arial, sans-serif;
	color: rgb( 0, 0, 0 );
	font-size: 0.9em;
	font-weight:normal;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	word-spacing: 0.1em; 
}

.InputText {  
    height:22px; 
    text-align:center;
    font-family:  Arial, sans-serif;
    font-size:15pt; 
}

.wa1 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;  
  font: normal 16px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: white;  
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #235C9D;
  -moz-background: #235C9D;
  -webkit-background: #235C9D;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  z-index: 9;
}

.wa2{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;  
  font: normal 16px/1 "Trebuchet MS", Helvetica, sans-serif;
  color: black;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #ffffff;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  z-index: 9;
}

.luborder{
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;  
  -moz-border-top-left-radius: 10px;
  z-index: 10;
}

.ruborder{  
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  z-index: 10;
}

.rlborder{
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  z-index: 10;
}

.llborder{
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  z-index: 10;
}

.allborder{
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}



/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}