body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#b2b2b2;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

.uberschrift{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	
	
}
span.codedirection { unicode-bidi:bidi-override; direction: rtl; }
.fliesstext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.menutext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#000000;
	cursor:pointer;
	line-height:20px;
}
.menubilder{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
	color:#000000;
	cursor:pointer;
	line-height:20px;
}
.fliesstext2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.kleinertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}
a{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
 
}
a:visited{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
a.uberschrift{
color:#FF7800;
font-family:Arial, Helvetica, sans-serif;
 
}
.uberschrift2{
color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
a.uberschrift:visited{
color:#FF7800;
font-family:Arial, Helvetica, sans-serif;
}
	

.box{
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
background-color:;
}
.boxstick{
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-webkit-transform-style: preserve-3d;
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
background-color:#FF7800;
width:768px;
 height:588px;
position:relative;
}


table.sortable thead {

		font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
table.sortable tbody {

		font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000;
}

.orange {
background-color:#FF7800;
color:#FFF;

}
.orange:hover {
background-color:#FF7800;
color:#FFF;

}
@media(max-width:767px){
.service { 
margin-left:10px;
}
.loginMitte{
text-align:center;
vertical-align:middle;
margin-left:20%;
margin-right:20%;
margin-top:20%;
}
.uberschrift{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-left:5px;	
}
.containerBilder{
max-width:90%;
width:90%;
margin-left:10px;
font-size:12px;
}
.imgMobil{
  background:url(./img/IMG_0357.png) no-repeat;
}
.linkMobil{
	text-decoration:underline;
}
}
 @media(min-width:768px){
.service {
 overflow-y:scroll; overflow-x:hidden; height:200px; width:95%;
 }
 body {
	overflow-y:scroll;
}
.containerBilder{
display:none; 
overflow-y:scroll; 
background-image:url(./img/infotext.png); 
background-repeat:repeat; 
 position:absolute; max-width:563px; max-height:300px; top:20px; left:40px; z-index:6; 
}
.infoButton {
position:absolute; z-index:9; right:60px; top:20px;
}

 }
 
 
 
.button:hover{
background-color:#EEE;
}