/* CSS Document */

body
{
	font-family: arial;
	font-size:12px;
	margin:0px; 
	padding:0px;
	
}

h1 { margin:0px; margin-bottom:10px;}
h2 { font-size:16px; }
a { text-decoration: none; color:#000000}
hr { margin:0px; margin-bottom:10px; }
ul { margin:0px; padding:0px; }

label 
{
	display:inline-block;
	width:180px;
	margin-bottom:8px;
	vertical-align: top;
	line-height:2em;
}

input[type=text], input[type=number], input[type=password]
{
	width:318px;
	margin-bottom:8px;
	margin-right:12px;	
	padding:4px 2px; 
}

input, select, textarea { border-radius: 2px; border:1px solid #C3C3C3; }

input[type=checkbox] { vertical-align: middle; line-height:2em}
select { margin-bottom:8px; width:324px; margin-right:12px; padding:4px 2px;}
textarea { margin-bottom:5px; width:318px; height:60px;}

input[type=button], input[type=submit]
{ 
	padding:4px 0px; 
	background-color:#C3C3C3; 
	width:80px;  
	text-align: center; 
	border:0; 
	font-size:12px;
}

input[type=button]:hover, input[type=submit]:hover { background-color:#5E5E5E; color:#ffffff; }

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.small, input.small { width:100px; }
.x_small, input.x_small { width:80px; }
.middle, input.middle { width:200px; }
select.middle { width:206px; }

#content
{
	width:1400px;
	margin:auto;
	padding-top:10px;
	position:relative;
}

#menu
{
	width:1000px;
	margin:auto;
	text-align: center;
	margin-bottom:40px;
}

#menu ul li
{
	display:inline-block;
	padding:6px 20px;
	font-size:14px;
	line-height:20px;
}

#menu ul li a
{
	font-size: 14px;
	font-weight:bold;
	padding-bottom:4px;
}

#menu ul li a:hover, #menu ul li a.active
{
	text-decoration: underline
}

.create, .back 
{ 
	padding:4px 0px; 
	background-color:#C3C3C3; 
	border-radius: 2px; 
	margin-bottom:10px; 
	display:block; 
	float:right; 
	width:80px;  
	margin-right:10px; 
	text-align: center
}

.logout_div
{
	border:1px solid #DCDCDC;
	padding:5px 10px;
	margin-right:-10px;
	position:absolute;
	right:0px;
	
}

.login_div
{
	margin:auto; 
	width:520px;
	border:1px solid #DCDCDC;
	padding:5px 10px;
	margin-top:100px;
}

.logout_div label, .logout_div input, .logout_div form
{
	margin-bottom: 0px;
}

.create:hover, .back:hover { background-color:#5E5E5E; color:#ffffff; cursor: pointer;}

.half { float:left; margin-right:40px; width:560px; min-height:5px; }
.last { margin-right:0px; }
.clear { clear:both; }
.err { background-color: #B47777; color:#ffffff; 
}
.delete { background-image: url("img/decline.png") }
.edit { background-image: url("img/edit.png"); }
.pdf { background-image: url("img/pdf.png"); }
.contact { background-image: url("img/contact.png"); }
.tour { background-image: url("img/tour.png"); }
.address { background-image: url("img/address.png"); }
.add { background-image: url("img/add.png"); display:inline-block; margin-bottom:-4px;  }
.add_address { float:right; margin-top:5px; }
.auftrag { background-image: url("img/auftrag.png"); }
.list { background-image: url("img/list.png"); display:inline-block; margin-bottom:-4px; margin-right:4px;}
.edit, .delete, .list, .pdf, .contact, .tour, .address, .add, .auftrag { width:20px; height:20px; display:inline-block; }
.edit:hover, .delete:hover, .list:hover, .pdf:hover, .contact:hover, .tour:hover, .address:hover, .add:hover, .add_address:hover, .add_address:hover > .add, .auftrag:hover { background-position: bottom; cursor: pointer; }

.filter, .filter select, .filter input { font-size:11px; }

.click_address { cursor: pointer }
.click_address:hover { color:#5E5E5E; }

.adresse1, .adresse2 { display:none; }

table { width:100%; }

table tr td
{
	background-color:#DCDCDC;
	padding:5px 2px;
}

table thead tr td
{
	font-weight:bold;
	background-color:#777777;
	color:#ffffff;
}

table tbody tr:nth-child(2n+0) td { background-color:#F3F3F3; }
table tbody tr:hover td { background-color:#BCBCBC }

form { margin-bottom:10px; }
form table { width:auto }
form table select { margin-bottom: 0px; } 
form table tr td { padding-right:12px; background-color: inherit; }
form table tr:hover td { background-color: inherit; }

/* DIALOG */
.ui-widget
{
	font-size:12px;
	font-family:arial;
}

/* SELECT2 */
.select2-container
{	
	margin-right:10px;
}

.select2-container--default .select2-selection--single
{
	border-radius: 2px;
	border:1px solid #C3C3C3;
}

.select2-container .select2-selection--single
{
	height:24px;
	margin-bottom:8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
	line-height:24px;
}

.select2-container--open .select2-dropdown
{
	top:-8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
	height:18px;
}

form table tr td .select2-container .select2-selection--single
{
	margin-bottom:0px;
}