/* basic */

header, nav, section, article, aside, footer {
	display: block;}
	
html, body {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font: 90% Arial, Helvetica, sans-serif; 
	line-height:150%;
	font-weight:normal;
	color:rgba(0,0,0,1);
	background:rgba(231,231,231,1);
	overflow-y:auto;
	overflow-x:hidden;}
	
	
h1, h2, h3, h4, h5	{font-family: 'Arvo', serif; margin:0px; padding:0px;}

	h1	{font-size:170%; 	color:rgba(188,207,3,1);	font-weight:normal;}
	h2	{font-size:150%; 	color:rgba(0,0,0,1);		font-weight:normal;}
	h3	{font-size:130%; 	color:rgba(188,207,3,1);	font-weight:bold;}
	h4	{font-size:110%; 	color:rgba(0,0,0,1);		font-weight:bold;}
	h5	{font-size:90%; 	color:rgba(0,0,0,1);		font-weight:bold;}
	
	
a		{color:rgba(188,207,3,1); text-decoration:underline;
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover	{color:rgba(0,0,0,1);
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	
p		{margin: 0 0 18px 0;}

img		{border:0;}
		a img {border:0px; cursor:pointer;
			opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);
			-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
		a img:hover	{
			opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);
			-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

			
table {
	border:0px;
	border-spacing:0px;}
	table th, table td {
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	table th:hover, table td:hover {
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}





#wrapper {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin: 0;
	height:auto;
	width:100%;}
	
	
	/* header */
	#header {
		position:relative;
		margin:0px;
		width:100%;
		background:rgba(255,255,255,1);}
		
		#header-logo {
			position:relative;
			left:50%;
			margin:0 0 0 -490px;
			width:980px;
			height:120px;
			background-image:url(../../images/header_background.png);
			background-size:contain;}
			#header-logo img {
				width:auto;
				height:auto;
				max-width:980px;
				max-height:120px;
				cursor:pointer;}
	
	
		/* menu */
		#menu {
			clear:both;
			width:100%;
			background:rgba(188,207,3,1);}
			
		#navigation {
			position:relative;
			left:50%;
			margin:0 0 0 -490px;
			width:980px;}
			#navigation table tr {
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;}
				#navigation table td {
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					align-items:center;}

			.gwt-MenuBar .gwt-MenuItem {
				cursor:pointer;
				font-family: 'Arvo', serif;
				font-weight:normal;}
        
			.gwt-MenuBar .gwt-MenuItem-selected,
			.gwt-MenuBar .ei-menuepunkt-aktiv,
      .gwt-MenuBar-horizontal .gwt-MenuItem:hover {
				background: rgba(255,255,255,1);}
			.gwt-MenuBar-horizontal .gwt-MenuItem {
				height:40px;
				padding:0px 15px;
				vertical-align:middle;
				color:rgba(0,0,0,1);
				font-weight:normal;}
			.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
				width:0px;
				padding:0px;
				margin:0px;
				border:0px;}
			.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
				width:0px;
				height:0px;}
	
	
	
	/* content */
	#container {
		position:relative;
		float:left;
		clear:both;
		left:50%;
		margin:20px 0 0 -490px;
		width:980px;}
		
		#content {
			float:left !important;
			margin:0 !important;
			width:740px !important;
			min-height:448px !important;
			_height:448px !important;
			padding:20px !important;
			background:rgba(255,255,255,1) !important;}
      
			#content #tabelle, 
			#content #tabelle table {
				clear:both;
				width:740px;}
			#content #buttonleiste {
				float:left;
				clear:both;
				width:740px;
				margin:0 0 20px 0;}
			#content #buttonleiste2 {
				float:left;
				clear:both;
				width:740px;
				margin:0;}
			#content table {}
				#content table th, #content table td {padding:2px 5px !important;}

			
		#sidebar {
			float:right;
			width:180px;
			margin:0;
			padding:0;}
			
			#sidebar #logbox,
			#sidebar #workbox,
			#sidebar #shoppingbox,
			#sidebar #leaflet {
				float:left;
				width:180px;
				margin:0;
				padding:0;
				border:0;}
				#sidebar #logbox fieldset,
				#sidebar #workbox fieldset,
				#sidebar #shoppingbox fieldset,
				#sidebar #leaflet fieldset {
					float:left;
					width:140px;
					height:auto;
					padding:20px;
					margin:-10px 0 20px 0;
					border:0px;
					background:rgba(255,255,255,1);}
					#sidebar #logbox fieldset div,
					#sidebar #workbox fieldset div,
					#sidebar #shoppingbox fieldset div,
					#sidebar #leaflet fieldset div {width:140px;}
					#sidebar #logbox legend,
					#sidebar #workbox legend,
					#sidebar #shoppingbox legend,
					#sidebar #leaflet legend {
						position: relative;
						top:28px;
						font-family: 'Arvo', serif;
						font-size:130%;
						color:rgba(188,207,3,1);
						font-weight:normal;
						margin:0 0 15px 0;
						padding:0;}
					#sidebar #shoppingbox fieldset a 		{color:rgba(0,0,0,1); font-weight:bold}
					#sidebar #shoppingbox fieldset a:hover	{color:rgba(188,207,3,1)}
					#sidebar #leaflet fieldset a 		{color:rgba(0,0,0,1); font-weight:bold}
					#sidebar #leaflet fieldset a:hover	{color:rgba(188,207,3,1)}
          
          #sidebar #logbox input {width:126px;}
          
				
	
			
	/* footer */
	#footer {
		clear:both;
		float:left;
		width:100%;
		height:0px;
		margin:40px 0 0 0;
		background:rgba(0,0,0,1);}





/* formulars */
input, textarea {
	float:left;
	vertical-align:middle;
	width:auto;
	padding:5px;
	margin:0;
	border:2px solid rgba(231,231,231,1);
	color:rgba(0,0,0,1);
	font-weight: normal;
	background:rgba(231,231,231,1);
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
input[type=file] {
	border:0px;
	color:rgba(0,0,0,1);
	font-weight: normal;
	background:rgba(255,255,255,1);}
select {
	float:left;
	vertical-align: middle;
	width:auto;
	height:27px;
	margin:0 0 10px 0;
	border:2px solid rgba(231,231,231,1);
	color:rgba(0,0,0,1);
	font-weight: normal;
	background:rgba(231,231,231,1);
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	input:hover, input:active, input:focus,
	textarea:hover, textarea:active, textarea:focus,
	select:hover, select:active, select:focus {
		background:rgba(255,255,255,1);
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	input[readonly], textarea[readonly], select[readonly] {
		background: rgba(255,255,255,1);
		color:rgba(153,153,153,1);
		-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}

.gwt-CheckBox {
  float:left;
	display:inline-block;
	height:20px;
	width:140px;
	margin:0 40px 0 0;
	vertical-align:middle;
	cursor:pointer;
	white-space:nowrap;}
  .gwt-CheckBox input[type="checkbox"] {
    margin-right:10px;}
  		
/*
input[type="checkbox"],
input[type="radio"] {
	display:none;}
input[type="checkbox"] + label,
input[type="radio"] + label{
	display:inline-block;
	height:18px;
	width:140px;
	margin:0 50px 0 0;
	vertical-align:middle;
	cursor:pointer;
	white-space:nowrap;}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {}
	input[type="checkbox"] + label:before,
	input[type="radio"] + label:before {
		float:left;
		content:url(../../images/Checkboxes.png);
		padding:0 5px 0 0;
		cursor:pointer;}
	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		content:url(../../images/Checkboxes-checked.png);}
*/	
  
button {
	float:left;
	vertical-align: middle;
	padding:5px 10px;
	margin:0;
	border:0;
	color:rgba(0,0,0,1);
	font-family: 'Arvo', serif;
	font-weight: normal;
	font-size:110%;
	background:rgba(188,207,3,1);
	cursor:pointer;
	white-space:nowrap;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	button:hover, button:active, button:focus {
		background:rgba(188,207,3,0.5);
		-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
		
		
	/* specific formulars */
	#content button {
		min-width:165px;
		_width:165px;
		margin:10px 10px 0 0;}
			
	#sidebar #logbox button {
		float:right}
	#sidebar button:after {
		content:'\003E';
		color:rgba(0,0,0,1);
		padding:5px 0px 5px 10px;
		margin:0;}
	
	#logbox button 	{margin-top:10px;}	
	#workbox select	{width:100%;}
		
	.gwt-DialogBox button {font-size:90%; padding:5px 8px; height:30px;}
		


		
/* page specific */

	/* start */
	#start-login {
		float:left;
		margin-top:50px;
		margin-left:125px;
		height:auto;
		font-family: 'Arvo', serif;
		font-size:130%;
		color:rgba(0,0,0,1); 
		padding:0px;}
		#start-login .gwt-Label {
			float:left;
			clear:left;
			width:200px;
			padding-top:12px;}
		#start-login input {
			width:277px;
			margin-bottom:15px;
			font-size:110%;}
		#start-login button {
			position:relative;
			left:200px;
			clear:both;
			width:250px;
			margin:20px 0 0 0;
			border:0;
			font-size:110%;}
			#start-login button:after {
				content:'\003E';
				color:rgba(0,0,0,1);
				padding:5px 0px 5px 10px;
				margin:0;}


	/* registrierung */
	#registrierung {
		float:left;
		width:650px;
		height:auto; 
		margin:20px 0px 0 50px;}
		#registrierung div.reg-firma,
		#registrierung div.reg-name,
		#registrierung div.reg-vorname,
		#registrierung div.reg-benutzer,
		#registrierung div.reg-pw,
		#registrierung div.reg-pw2,
		#registrierung div.reg-email,
		#registrierung div.reg-tel,
		#registrierung div.reg-website {
			float:left;
			clear:none;
			width:100px;
			padding-top:4px;}
		#registrierung input {
			float:left;
			width:180px;
			margin-bottom:15px;}
			#registrierung input.reg-firma {
				width:526px;}
			#registrierung div.reg-name,	
			#registrierung div.reg-benutzer,
			#registrierung div.reg-pw,
			#registrierung div.reg-email,
			#registrierung div.reg-tel {
				clear:left;}
			#registrierung div.reg-vorname,
			#registrierung div.reg-pw2,
			#registrierung div.reg-website {
				padding-left:52px;}
			#registrierung div.reg-pw2 {
				line-height:100%}
			#registrierung .reg-benutzer,
			#registrierung .reg-email {
				margin-top:20px;}
		#registrierung button {
			position:relative;
			left:100px;
			clear:both;
			margin:20px 0 0 0;
			border:0;
			font-size:110%;}
			#registrierung button:after {
				content:'\003E';
				color:rgba(0,0,0,1);
				padding:5px 0px 5px 10px;
				margin:0;}


	/* vorlagen */
	#vorlagen-kategorie,
	#vorlagen-auswahl {
		float:left;
		clear:both;
		width:750px;}
		#vorlagen-kategorie .gwt-ListBox,
		#vorlagen-auswahl .gwt-ListBox {
			width:240px;
			margin: 0 10px 10px 0;}
		#vorlagen-auswahl .gwt-ListBox {
			height:180px;}


	/* eindrucke */
	#eindrucke-kategorie,
	#eindrucke-auswahl {
		float:left;
		clear:both;
		width:750px;}
		#eindrucke-kategorie .gwt-ListBox,
		#eindrucke-auswahl .gwt-ListBox {
			width:240px;
			margin: 0 10px 10px 0;}
		#eindrucke-auswahl .gwt-ListBox {
			height:180px;}


	/* bestellungen */
	#bestellungen-allekunden,
	#bestellungen-inbearbeitung,
	#bestellungen-storniert 	{clear:both;}
	#bestellungen-neuebestellungen,
	#bestellungen-erledigt		{margin-left:23px;}


	/* kategorien */
	#kategorieliste {
		position:relative;
		width:740px;
		background:rgba(231,231,231,1);}
		#kategorieliste #kategorien-vorlagen {
			position:relative;
			top:0;
			left:0;
			width:270px;
			height:300px;
			margin-right:10px;}
		#kategorieliste #kategorien-felder {
			position:absolute;
			top:0;
			right:0;
			width:270px;
			height:300px;}
			
		#kategorieliste #kategorien-vorlagen-anfang,
		#kategorieliste #kategorien-felder-anfang,
		#kategorieliste #kategorien-vorlagen-auf,
		#kategorieliste #kategorien-felder-auf,
		#kategorieliste #kategorien-vorlagen-ab,
		#kategorieliste #kategorien-felder-ab,
		#kategorieliste #kategorien-vorlagen-ende,
		#kategorieliste #kategorien-felder-ende {
			float:left;
			font-size:90%;
			min-width:70px;
			_width:70px;}
			#kategorieliste #kategorien-vorlagen-anfang,
			#kategorieliste #kategorien-felder-anfang {
				margin-top:85px;}
				#kategorieliste #kategorien-felder-anfang,
				#kategorieliste #kategorien-felder-auf,
				#kategorieliste #kategorien-felder-ab,
				#kategorieliste #kategorien-felder-ende {
					margin-right:250px;}
				#kategorieliste #kategorien-vorlagen-anfang,
				#kategorieliste #kategorien-vorlagen-auf,
				#kategorieliste #kategorien-vorlagen-ab,
				#kategorieliste #kategorien-vorlagen-ende {
					margin-right:40px;}
				
		#kategorieliste #kategorien-vorlagen-neu,
		#kategorieliste #kategorien-vorlagen-delete {
			clear:left;}
			#kategorieliste #kategorien-vorlagen-neu,
			#kategorieliste #kategorien-vorlagen-umbenennen,
			#kategorieliste #kategorien-felder-neu,
			#kategorieliste #kategorien-felder-umbenennen {
				min-width:130px;
				_width:130px;}
			#kategorieliste #kategorien-vorlagen-delete,
			#kategorieliste #kategorien-felder-delete {
				min-width:270px;
				_width:270px;}
			#kategorieliste #kategorien-felder-neu,
			#kategorieliste #kategorien-felder-delete {
				margin-left:190px;}
			#kategorieliste #kategorien-felder-umbenennen,
			#kategorieliste #kategorien-felder-delete {
				margin-right:0px;}
		#kategorieliste #kategorien-speichern {
			clear:left;
			margin-top:40px;
			min-width:270px;
			_width:270px;}
			#kategorieliste #kategorien-speichern:after {
				content:'\003E';
				color:rgba(0,0,0,1);
				padding:5px 0px 5px 10px;
				margin:0;}
	
	
/* tables */
@def selectionBorderWidth 2px;
.cellTableWidget {}
.cellTableFirstColumn {}
.cellTableLastColumn {}
.cellTableFooter {}

.cellTableHeader {
	padding: 0px !important;
	height: 25px !important;
	color:rgba(0,0,0,1) !important;
	text-align: left !important;
	font-size: 110% !important;
	font-weight: bold !important;
	vertical-align: middle !important;
	background-color: rgba(255,255,255,1) !important;
	text-shadow: 0 0px 0px rgba(255,255,255,1) !important;}
	.cellTableFirstColumnHeader {
		-moz-border-radius-topleft: 0px !important;
		-webkit-border-top-left-radius: 0px !important;}
	.cellTableLastColumnHeader {
		-moz-border-radius-topright: 0px !important;
		-webkit-border-top-right-radius: 0px !important;}
.cellTableCell {
	padding: 4px !important;
	overflow: hidden !important;
	color:rgba(0,0,0,1) !important;}
.cellTableEvenRow {
	background: rgba(255,255,255,1) !important;}
.cellTableOddRow {
	background: rgba(231,231,231,0.5) !important;}
.cellTableSelectedRow {
	background:rgba(188,207,3,1) !important;}
	.cellTableSelectedRowCell {
		border: none !important;}
.cellTableHoveredRow {
	padding: 4px !important;
	background:rgba(188,207,3,0.5) !important;}
	.cellTableHoveredRowCell {
		padding: 4px !important;
		border: none !important;}
.cellTableKeyboardSelectedRow {
	background: rgba(188,207,3,1) !important;
	color:rgba(0,0,0,1) !important;
	font-weight:bold !important;}
	.cellTableKeyboardSelectedRowCell {
		border: none !important;}
.cellTableKeyboardSelectedCell {
	border: none !important;}

.cellTableFirstColumnFooter {}
.cellTableLastColumnFooter {}
.cellTableSortableHeader {}
.cellTableSortableHeader:hover {}
.cellTableSortedHeaderAscending {}
.cellTableSortedHeaderDescending {}
.cellTableEvenRowCell {}
.cellTableOddRowCell {}
	
	
	
	
	
	
	
/* popup */
	.gwt-PopupPanelGlass 	{z-index:99;}
	.gwt-DialogBox 				{z-index:100;}
	/* Background */
	.gwt-PopupPanelGlass {
		position: fixed !important;
		top: 0px !important;
		left: 0px !important;
		height:100% !important;
		width:100% !important;
		background-color:#000;
		opacity: 0.5;
		filter: alpha(opacity=50);}
	
	
	/* Popup Head */
	.gwt-DialogBox .Caption {
		background:rgba(188,207,3,1);;
		font-family: 'Arvo', serif;
		font-size:170%;
		color:rgba(0,0,0,1);
		font-weight:normal;
		padding:10px 20px 30px 20px;
		border:0;
		-webkit-border-radius: 20px 20px 0 0;
		border-radius: 20px 20px 0 0;}
		
	/* Popup Content */
	.gwt-DialogBox .dialogMiddleCenter {
		position:relative;
		top:-22px;
		padding:10px 20px;
		background: rgba(255,255,255,1);
		-webkit-border-radius: 20px 20px 20px 20px;
		border-radius: 20px 20px 20px 20px;}
	.gwt-DialogBox .dialogMiddleCenter fieldset>legend {background:rgba(255,255,255,1);}
		
		
	.gwt-DialogBox .dialogContent {}
	.gwt-DialogBox .dialogBottomCenter {}
	.gwt-DialogBox .dialogMiddleLeft {}
	.gwt-DialogBox .dialogMiddleRight {}
	.gwt-DialogBox .dialogTopLeftInner {
		width: 0px;
		height: 0px;
		zoom: 1;}
	.gwt-DialogBox .dialogTopRightInner {
		width: 0px;
		zoom: 1;}
	.gwt-DialogBox .dialogBottomLeftInner {
		width: 0px;
		height: 0px;
		zoom: 1;}
	.gwt-DialogBox .dialogBottomRightInner {
		width: 0px;
		height: 0px;
		zoom: 1;}
	.gwt-DialogBox .dialogTopLeft {}
	.gwt-DialogBox .dialogTopRight {}
	.gwt-DialogBox .dialogBottomLeft {}
	.gwt-DialogBox .dialogBottomRight {}
	* html .gwt-DialogBox .dialogTopLeftInner {
		width: 0px;
		overflow: hidden;}
	* html .gwt-DialogBox .dialogTopRightInner {
		width: 0px;
		overflow: hidden;}
	* html .gwt-DialogBox .dialogBottomLeftInner {
		width: 0px;
		height: 0px;
		overflow: hidden;}
	* html .gwt-DialogBox .dialogBottomRightInner {
		width: 0px;
		height: 0px;
		overflow: hidden;}
		
		
		
	/* Tab-Bars */
	.gwt-TabBar {
	background:rgba(188,207,3,0);
	padding-top:10px;}
	
	.gwt-TabBar .gwt-TabBarItem {
		margin-left: 10px;
		padding: 4px 8px 4px 8px;
		cursor: pointer;
		color: white;
		font-weight: normal;
		text-align: center;
		background: #8E8E8E;
		-moz-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;}
	.gwt-TabBar .gwt-TabBarItem-selected {
		background: rgba(188,207,3,1);
		color: rgba(0,0,0,1);
		font-weight: bold;} 
	.gwt-TabBar .gwt-TabBarItem-disabled {
		cursor: pointer;
		color: rgba(102,102,102,1);}
	.gwt-TabPanel {}
	.gwt-TabPanelBottom {
	border-color: #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	overflow: hidden;
	padding: 6px;
	}
	.gwt-DecoratedTabBar {
	background: #ccc;
	padding-top: 6px;
	}
	.gwt-DecoratedTabBar .gwt-TabBarFirst {
	width: 5px;  /* first tab distance from the left */
	}
	.gwt-DecoratedTabBar .gwt-TabBarRest {
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 4px;
	}
	.gwt-DecoratedTabBar .tabTopCenter {
	padding: 0px;
	background: #8E8E8E;
	}
	.gwt-DecoratedTabBar .tabTopLeft,
	.gwt-DecoratedTabBar .tabTopRight {
	padding: 0px;
	zoom: 1;
	}
	.gwt-DecoratedTabBar .tabTopLeftInner,
	.gwt-DecoratedTabBar .tabTopRightInner {
	width: 3px;
	height: 3px;
	}
	.gwt-DecoratedTabBar .tabTopLeft {}
	.gwt-DecoratedTabBar .tabTopRight {}
	* html .gwt-DecoratedTabBar .tabTopLeftInner,
	* html .gwt-DecoratedTabBar .tabTopRightInner {
	width: 0px;
	height: 0px;
	overflow: hidden;
	}
	.gwt-DecoratedTabBar .tabMiddleLeft,
	.gwt-DecoratedTabBar .tabMiddleRight {
	width: 0px;
	padding: 0px;
	background: #8E8E8E;
	}
	.gwt-DecoratedTabBar .tabMiddleLeftInner,
	.gwt-DecoratedTabBar .tabMiddleRightInner {
	width: 1px;
	height: 1px;
	}
	.gwt-DecoratedTabBar .tabMiddleCenter {
	padding: 0px 5px 4px 5px;
	cursor: pointer;
	color: #fff;
	font-weight: normal;
	text-align: center;
	background: #8E8E8E;
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
	background:#fff;
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
	/*background: url(images/circles.png) no-repeat -6px 0px;
	-background: url(images/circles_ie6.png) no-repeat -6px 0px;*/
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
	/*background: url(images/circles.png) no-repeat -9px 0px;
	-background: url(images/circles_ie6.png) no-repeat -9px 0px;*/
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
	.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
	background: #fff;
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #fff;
	color:#333;
	font-weight:bold;
	}
	.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
	cursor: default;
	color: #999999;
	}


	/* Date-Picker */
	.gwt-DatePicker {
		 border: 1px solid #ccc;
		 border-top:1px solid #999;
		 cursor: default;}
	.gwt-DatePicker td,
	.datePickerMonthSelector td:focus {
		 outline: none;}
	.datePickerMonthSelector td:focus {
		 outline: none;}
	.datePickerDays {
		 width: 100%;
		 background: white;}
	.datePickerDay,
	.datePickerWeekdayLabel,
	.datePickerWeekendLabel {
		 font-size: 85%;
		 text-align: center;
		 padding: 4px;
		 outline: none;
		 font-weight:bold;
		 color:#333;
		 border-right: 1px solid #EDEDED;
		 border-bottom: 1px solid #EDEDED;}
	.datePickerWeekdayLabel,
	.datePickerWeekendLabel {
		 background: #fff;
		 padding: 0px 4px 2px;
		 cursor: default;
		 color:#666;
		 font-size:70%;
		 font-weight:normal;}
	.datePickerDay {
		 padding: 4px 7px;
		 cursor: hand;
		 cursor: pointer;}
	.datePickerDayIsWeekend {
		 background: #f7f7f7;}
	.datePickerDayIsFiller {
		 color: #999;
		 font-weight:normal;}
	.datePickerDayIsValue {
		 background:rgba(188,207,3,1);
		 color:rgba(0,0,0,1);
		 font-weight:bold;}
	.datePickerDayIsDisabled {
		 color: #AAAAAA;
		 font-style: italic;}
	.datePickerDayIsHighlighted {
		 background:rgba(188,207,3,.5);
		 color:rgba(0,0,0,1);}
	.datePickerDayIsValueAndHighlighted {
		 background:rgba(188,207,3,1);
		 color:rgba(0,0,0,1);}
	.datePickerDayIsToday {
		 padding: 3px;
		 color: #000;
		 background: url(images/hborder.png) repeat-x 0px -2607px;
		 background:rgba(204,204,204,1)}
	.datePickerMonthSelector {
		 width: 100%;
		 padding: 1px 0 5px 0;
		 background: #fff;}
	.datePickerPreviousButton,
	.datePickerNextButton {
		 font-size: 120%;
		 line-height: 1em;
		 color: #3a6aad;
		 cursor: hand;
		 cursor: pointer;
		 font-weight: bold;
		 padding: 0px 4px;
		 outline: none;}
	td.datePickerMonth {
		 text-align: center;
		 vertical-align: middle;
		 white-space: nowrap;
		 font-size: 100%;
		 font-weight: bold;
		 color: #333;}
	.gwt-DateBox {
		 padding: 5px 4px;
		 border: 1px solid #ccc;
		 border-top: 1px solid #999;
		 font-size: 100%;}
	.gwt-DateBox input {
		 width: 8em;}
	.dateBoxFormatError {
		 background: #ffcccc;}
	.dateBoxPopup {}	
	
	
  
  /* Startseite */
	  .panel {
      margin-bottom:20px;
		 	
      -webkit-border-radius: 20px 20px 20px 20px;
      border-radius: 20px 20px 20px 20px;}
	  	.panel h3 {
        background:rgba(188,207,3,1);
        color:rgba(0,0,0,1);
        border:1px solid rgba(188,207,3,1);
        margin:0;
        padding:5px 15px;
        cursor:pointer;
        -webkit-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
        .panel h3:hover, .panel h3:focus {
          background:rgba(188,207,3,.5);
          color:rgba(0,0,0,1);
          -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
	  	.panel .panel-content {
        background:rgba(255,255,255,1);
        color:rgba(0,0,0,1);
        border:1px solid rgba(188,207,3,1);
        padding:15px;
        -webkit-border-radius: 0 0 20px 20px;
        border-radius: 0 020px 20px;}

  a.button {
    font-family: 'Arvo', serif;
    cursor:pointer !important;
    width: auto;
    margin: 0;
    padding: 5px 10px;
    border: 0;
    background:rgba(188,207,3,1);
    border:2px solid rgba(188,207,3,1);
    color: rgba(0,0,0,1);
    text-decoration:none !important;
    font-weight:bold;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
    a.button:hover, a.button:focus {
      background:rgba(255,255,255,1);}