* {
    font-family: "Arial", serif;
}

.ui-widget-header{
	color:white;
}

html {
	background: url(../img/bg.gif) repeat-x center center;
	height: 100%;
    	font-size:14px;
}

sup {
	top: -0.3em;
}

input, textarea, select {
    padding: 5px;
	margin-top:0px;
    margin-bottom:10px;
    width:362px;
	border: 1px solid green;
	color:green;
}

input.button-inner {
	width:318px;
	padding-right:35px;
}

.button {
	background-color:green; 
	cursor:pointer;
}

a.button {
	color:white;
	font-weight:bold;
	font-size:1.3em;
	padding:11px;
	text-decoration:none;
}

img.button-inner {
	position: absolute;
	right: 2px;
	top: 2px;
	height: 30px;
}

select{
	width:362px;
	float:left;
	margin-right:10px;
}


/* Layout */
#header {
	padding:15px;
	padding-left:30px;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	background-color:#f1f1f1;
	border-bottom:1px solid lightgray;
}

	#header div {
		display: inline-block;
	}

	#header li {
		display: inline-block;
		cursor:pointer;
	}
	
#HeaderSuche{
	width: 609px;
	position: absolute;
	left: 230px;
	top: 16px;
}

#HeaderLinks{
	width: 120px;
	position: absolute;
	right: 30px;
	top: 0px;
}

	#HeaderLinks img{
		height:55px;
		margin-bottom: -9px;
	}
	
	#HeaderLinks span{
		font-size: 10px;
		text-align: center;
		display: block;
		color:#555;
	}

#content {
	position:absolute;
	top:71px;
	left:0px;
	right:0px;
	bottom:22px;
	overflow-y:scroll;
}

#footer{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	font-size:0.7em;
	text-align:center;
	background-color:green;
	color: white;
	padding:3px;
}

/* Layout Ende */


/* Suche */
#apps{
	position:absolute;
    left: 20px;
    bottom: 20px;
	width: 350px;
}
	#apps img{
		float:left; 
		margin-left:15px; 
		height:40px;
	}
	
	#apps p {
		color: green;
		font-weight: bold;
		margin-bottom: 10px;
	}

#TankstelleInteraktion {
    position: absolute;
    right: 20px;
    top: 25px;
}

#tankstellen {
    position: absolute;
    left: 20px;
    top: 20px;
    bottom:20px;
    width: 360px;
}

div.dataTables_filter input {
    width:190px;
}

#kartenContainer {
    position:absolute;
    left:20px;
    right:20px;
    top:20px;
    bottom:20px;
    border: 1px solid green;
}

#karte {
    position:relative;
    width: 100% !important;
    height:100% !important;
}

/* table.datatable {
    border: 1px solid green;
	display:block !important;
}

table.datatable thead tr{
	background-color: green;
	padding: 3px;
    height:35px;
    color:white;
    font-size:1.3em;
}

table.datatable thead  tr th{
    background: none;
	width:350px;
}

.dataTables_filter {
    position: absolute;
	margin-top: 6px;
	margin-left: 131px;
	visibility:hidden;
}

#alleTankstellen tr th:nth-child(n+2) {
    display:none;
}
 
#alleTankstellen tfoot {
    display:none;
}

table.datatable tbody tr{
	cursor:pointer;
}

table.datatable tbody tr.odd td.sorting_1{
	background-color: #eeffee;
}

table.datatable tbody tr.even td.sorting_1{
	background-color: #ddffdd;
} */

.imagePopup {
    float:left; 
    margin:5px;
    width:128px;
}

.infoboxContent {
    max-height: 300px;
    max-width:500px;
    overflow: auto;
}

.infoboxX {
    float:right;
    font-weight: bold;
    cursor:pointer;
}

.datatableHead {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    background-color: green;
}

.popup{
	display:none;
}

.ui-widget-header{
	background: green;
	border:0px;
}

.ui-widget-content {
	border: 1px solid green;
}

img.btn_close { 
	float: right; 
	margin: -28px -28px 0 0;
}


#Umkreis{
	display:none;
	border:1px solid green;
	background-color:white;
	width:360px;
	height:34px;
	margin-bottom:10px;
}

#Umkreis input{
	border:0px;
	width:75px;
}

#Umkreis select{
	border:0px;
	width:261px;
	margin-left:10px;
	margin-right:0px;
	float:none;
    height:34px;
}

#Sprittyp{
	height:34px;
}

#PLZOrt {
	height:22px;
}

.selectStart{
	float:left; 
	width:110px;
	height:36px;
	margin-left:10px;
	margin-right:0px;
}

.ui-dialog { z-index: 99999 !important ;}