/* new */
*{
	padding: 				0;
	margin: 				0;
	font-family: 			'Roboto Condensed', sans-serif;	
	font-size:				15px;
	font-weight: 			300;
	color: 					#626262;
	box-sizing: 			border-box;
}
html, body{
	height: 				100%;
	width: 					100%;
}
body {
	/*background-color: grey;*/
}
.clearfix {
  clear:					both;
  display:					block;
  height:					1px;
  margin:					-1px 0 0 0;
}
img{
	border:					0;
}
#page{
	display: block;
}

/* drop down auto-complete */
a.ui-corner-all{
	font-size: 10px;
}

/* content */
#content{
	display: 			block;
	height: 			auto;
	width: 				100%;
}
#content .inside{
	display: 			block;
	/*top: 				145px;*/
	width: 				100%;
	max-width: 			1100px;
	height: 			auto;
	margin: 			0 auto;
	/*padding: 			25px;*/
	background-color: 	white;
}
.site-header {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	margin-bottom: 2em;
}

.header-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1em 0em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo img {
    height: 50px;
}

.header-nav {
    display: flex;
    gap: 1em;
}

.nav-btn {
    padding: 0.5em 1em;
    background: #eaeaea;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
    margin-left: 2em;
}

.nav-btn:hover {
    background: #d60000;
    color: #fff;
}

/* footer */
/*#footer {
    clear: both;
    color: #FFFFFF;
    font-size: 12px;
    min-height: 94px;
    padding: 40px 0 0;
    text-align: center;
    width: 100%;
    background: url("../images/bg_stripes_footer.png") repeat-x scroll center bottom transparent;
}
#footer-content{
	margin: 0 auto;
    width: 970px;
    text-align: left;
}
#footer-content a{
	color: white;
	text-decoration: none;
}
#footer-content a:hover{
	font-weight: bold;
}*/


/* message / error */
div.box-message{
	width: 				100%;
	max-width: 			1100px;
    border: 			1px solid #999999;
    color: 				#999999;
    font-size: 			12px;
    padding: 			15px;
    text-align: 		left;
}
div.box-message a{
	font-weight: 		bold;
    color: 				#999999;
    text-decoration:  	none;	
}
div.box-error{
	display: 			block;
	float: 				left;
	border: 			1px solid red;
	padding: 			15px 20px; 
	color: 				red;
	text-align: 		center;
	width: 				880px;
}
div.box-error a{
	font-weight: 		bold;
    color: 				red;
    text-decoration:  	none;	
}

/* form general */
form{
	display: 			block;
	float: 				left;
	margin: 			20px 0 10px 0;
}
label{
	display: 			block;
	float: 				left;
	height: 			23px;
	line-height: 		23px;
	vertical-align: 	middle;
	margin:				0 5px 0 0;
}
input{
	font-family:		inherit;
	display: 			block;
	float: 				left;
    height: 			15px;
	background-color: 	#E1E1E1;
    border: 			1px solid #5B5B5B;
    padding: 			3px 5px;
    margin: 			0 0 5px 0;
}
input.submit{
	width: 				70px;
	height: 			23px;
	line-height: 		23px;
	vertical-align: 	middle;
	padding: 			0px;
}
input.error{
	border: 			1px solid #d60000;
}


/* grey box layout */
div.box-container{
	display: 				block;
	float: 					left;
	margin-bottom: 			3px;
	width: 					100%;
	max-width: 				1100px;
	border:					1px solid #d60000;
}
div.box-container div.box-headline{
	background-color: 		#d60000;
	height: 				30px;
	line-height: 			30px;
	padding-left: 			22px;
}
div.box-container div.box-headline span,
div.box-container div.box-headline a{
	width: 					100%;
	max-width: 				1100px;
	font-weight:			700;
	color:					#FFFFFF;
	text-decoration: 		none;
	margin: 				0 0 0 5px;
}
div.box-container div.box-content{
	display: 				block;
	width: 					100%;
	max-width: 				1100px;
	float: 					left;
	padding: 				20px 15px 20px 15px;
}
div.box-container div.box-content div.box-error{
	width: 					100%;
	max-width: 				1100px;
	margin-bottom: 			20px;
}


/* slide-toggle layout */
.slidetoggle-collapsible {
	cursor:					default;
}
.slidetoggle-collapsed{
	cursor:					pointer;
}
.slidetoggle-collapsible.arrow {
	background-image: 		url("../images/down.gif");
	background-repeat: 		no-repeat;
    background-position:	6px center;
}
.slidetoggle-collapsible.slidetoggle-collapsed.arrow {
	background-image: 		url("../images/right.gif");
	background-repeat: 		no-repeat;
    background-position:	6px center;
}



/* filter special */
#filter{
	display: 			block;
	float: 				left;
	margin: 			0 0 15px 0;
	width: 				100%;
	max-width: 			1100px;

}
#filter form{
	display: 			block;
	float: 				left;
	margin:				15px 0 0;
	width: 				100%;
	max-width: 			1100px;
}
#filter form label, 
#filter form input{
	margin-right:		5px;
	display: 			block;
	float: 				left;	
	line-height: 		23px;
	vertical-align: 	middle;	
}
#filter form input{
	width: 				100%;
    height: 			25px;
	background-color: 	#fff;
    border: 			1px solid #d2d2d2;
    padding: 			3px 5px;
    color: 				#aaa9a9;
}
#filter form input.submit{
	background-color: #333;
	color: #fff;
	border: 0 solid #333;
	font-family: inherit;
	font-weight: 400;
	line-height: 16px;
	padding: 0 23px;
	border-radius: 2px;
	transition: all 0.2s ease 0s;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 24px;
	width: auto;
}
#filter form input.submit:hover {
	background-color: #e10019;
}


/* Mediaqueries .column */
@media screen and (min-width:320px) and (max-width:531px) {
	.column {
		width: 100%;
		margin-top: 20px;
	}
}
@media screen and (min-width:532px) and (max-width:1030px) {
	.column {
		width: 48%;
		margin-top: 20px;
	}
}
@media screen and (min-width:1031px) {
	.column {
		width: 24%;
	}
}



#filter div.column{
	display: 			block;
	float: 				left;
	margin-right:		10px;
}
#filter form input.validationError{
	border-color: 		red;
}
#filter-motometernummer form input{
	width: 				100%;
}
#filter input{
	display: 			block;
	width: 				100%;
    height: 			15px;
	background-color: 	#E1E1E1;
    border: 			1px solid #5B5B5B;
    padding: 			3px 5px;
}
/*#filter input.submit{
	width: 				70px;
	height: 			23px;
	padding: 			0px;
}*/




/* grid special */
div.grid-wrapper{
	display: block;
	float: left;
}
div.grid-wrapper div.grid-view table.items th, 
div.grid-wrapper div.grid-header{
	width: 			100%;
	max-width:		1100px;
	float: 			left;
    background: 	none repeat scroll 0 0 #999999;
	height: 		25px;
	line-height: 	25px;
	vertical-align: middle;
	font-weight: 	bold;
}
div.grid-view table.items th a,
div.grid-wrapper div.grid-header div{
	color: 				white;
    float: 				left;
    padding: 			0px 5px;
    text-decoration: 	none;
}
div.grid-view{
	display: 		block;
	float: 			left;
    width: 			100%;
    max-width:		1100px;
}
div.grid-table{
	width: 			100%;
	max-width:		1100px;
    border: 		1px solid #999999;
    background: 	none repeat scroll 0 0 white;
    height: 		400px;
    overflow-y: 	auto;
    display: 		block;
    float: 			left;
    padding: 		5px 0 0;
    margin: 		0 0 15px 0;
}
table{
	width: 				100%;
    border-collapse: 	collapse;
    cursor: 			default;
}
table a{
	color: 				#5B5B5B;
	text-decoration: 	none;
	font-weight: 		bold;
}
table tr:hover a,
table tr.odd:hover,
table tr.even:hover {
    background: 	none repeat scroll 0 0 #999999;
    color: 			white;
}
table tr.odd {
    background: none repeat scroll 0 0 #E1E1E1;
}
table td {
    padding: 3px 5px;
    overflow: hidden;
}

/* pager special*/
div.pager{
	display: 			block;
	float: 				left;
	width: 				100%;
	text-align: 		center;
}
div.pager ul.yiiPager{
	display: 			block;
	margin: 			0 auto;
	font-size:			11px;
	border:				0;
	margin:				0;
	padding:			0;
	line-height:		20px;
	height:				20px;	
	display:			inline;
}
div.pager ul.yiiPager li{
	display:			inline;
}
div.pager ul.yiiPager a:link,
div.pager ul.yiiPager a:visited{
	border:				solid 1px #5B5B5B;
	color:				#5B5B5B;
	padding:			1px 6px;
	text-decoration:	none;
	font-weight: 		bold;
}
div.pager ul.yiiPager a{
	display: 			inline;
	font-weight:		bold;
}
div.pager ul.yiiPager a:hover{
	border:				solid 1px #5B5B5B;
}
div.pager ul.yiiPager .selected a{
	background:			#999999;
	color:				#FFFFFF;
	font-weight:		bold;
}
div.pager ul.yiiPager .hidden a{
	border:				solid 1px #DEDEDE;
	color:				#888888;
}
div.pager ul.yiiPager .first,
div.pager ul.yiiPager .last{
	display:			none;
}


/* data-grid-full special */
div.grid-header div{
	cursor: default;
}
.data-grid-full_c0,
.data-grid-full_c1,
.data-grid-full_c2{
	width: 150px;
}
.data-grid-full_c3{
	width: 120px;
	overflow: hidden;
	white-space: nowrap;
}
.data-grid-full_c4,
.data-grid-full_c5{
	width: 45px;
}
.data-grid-full_c6{
	width: 183px;
}
td.data-grid-full_c6{
	width: auto;
}

/* verwendungsliste special */
div.box-container.verwendungliste{
	margin: 			0 0 15px;
}
div.box-container.verwendungliste .box-headline{
	padding-left: 	0px;
}
div.box-container.verwendungliste a{
	float: 				left;
	color: 				#5B5B5B;
	text-decoration: 	none;
	font-weight: 		bold;
	margin: 			5px 0;
}
.verwendungsliste_c0,
.verwendungsliste_c1,
.verwendungsliste_c2{
	width: 190px;
}
.verwendungsliste_c3{
	width: 120px;
	overflow: hidden;
	white-space: nowrap;
}
.verwendungsliste_c4{
	width: 178px;
}
td.verwendungsliste_c4{
	width: auto;
}

/* adapter-grid special */
#adapter-grid-wrapper-left{
	margin-right: 10px;
	display: block;
	float: left;
}
.adapter-grid-wrapper .grid-wrapper{
	width: 455px;
	float: left;
	display: block;
}
.adapter-grid-wrapper .grid-view,
.adapter-grid-wrapper .grid-wrapper .grid-header{
	width: 455px;
}
.adapter-grid-wrapper .grid-wrapper .adapter-grid_c0{
	width: 220px;
}
.adapter-grid-wrapper .grid-wrapper .adapter-grid_c1{
	width: 			215px;
}
.adapter-grid-wrapper .grid-table .adapter-grid_c1{
	width: auto;
}
.adapter-grid-wrapper .grid-view{
	clear: both;
}
.adapter-grid-wrapper .grid-table{
	width: 453px;
}
.adapter-grid-wrapper .adapter-grid-empty-result{
	height: 370px;	/* header + table + 5px padding in table */
	vertical-align: middle;
	border: 1px solid red;
	color: red;
	display: block;
	text-align: center;
	padding: 30px 15px 30px 15px;
}
.adapter-grid-wrapper .adapter-grid-empty-result a{
	font-weight: bold;
	color: red;
	text-decoration: none;
}
.adapter-grid-wrapper .adapter-grid-excluded{
	height: 370px;	/* header + table + 5px padding in table */
	vertical-align: middle;
	border: 1px solid #999999;
	color: #999999;
	display: block;
	text-align: center;
	padding: 30px 15px 30px 15px;
}
.adapter-grid-wrapper .adapter-grid-excluded a{
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

/* backend */
#admin-user-list{
	margin-top: 	15px;
}
#admin-user-list .grid-table{
	padding: 		0px;
}
.row{
	display: 	block;
	float:		left;
	width: 		100%;
	margin: 	0 0 10px 0;
}
#create-container input{
	width: 		150px;
}
#create-container form label, 
#create-container form label,
#login-container form label, 
#login-container form label{
	width: 100px;
}
#login-container input.submit,
#create-container input.submit{
	margin: 		0 0 0 105px;
	width: 			70px;
}
#create-container form div.create-admin input{
	width: 			auto;
}


.backend .menu-wrapper{
	width: 50%;
	display: block;
	float: left;
	margin: 0 0 20px 0;
}
.backend .left-column{
	display: block;
	float: left;
	width: 50%;	
}
.backend .right-column{
	display: block;
	float: right;
	width: 50%;	
}
.backend .menu-l0,
.backend .menu-l1 *,
.backend a{
	display: block;
    color: #5B5B5B;
    font-weight: bold;
    text-decoration: none;
    margin: 0 0 15px;
}
.backend .menu-l0{
	margin-bottom: 	20px;
}
.backend .menu-l1 *{ 
	margin: 10px 0 5px 15px;
}
.backend a:hover{
	color: #000000;
}
.backend .grid-table a{
	margin: 0;
}
div.backend div.box-container div.box-headline{
	padding-left: 5px;
}
a.jump-to-backend{
	float: right;
}
.import-warning{
	display: 			block;
	float:				left;
	color: 				red;
	font-weight: 		bold;
}
input.import{
	height: 			23px;
	line-height: 		23px;
}
input.import-file{
	height: auto;
	line-height: auto;
	margin-right: 15px;
}
.import-result_c0{
	width: 		40px;
} 
.import-result_c1{
	width: 		250px;
} 
.import-result_c2{
	width: 		250px;
}
.import-result_c3{
	width: 		303px;
}
td.import-result_c3{
	width: auto;
}

/* impressum */
.impressum h1{
	color: 			#CC0000;
    font-size: 		28px;
    font-weight: 	700;
    margin-bottom: 	25px;
}
.impressum div.block{
	margin-bottom: 15px;	
}
.impressum div.block h2{
	color: 			black;
	font-size: 		12px;
	font-weight:	700;
	margin-bottom: 	5px;
}


/* error-page */
#error-page{
	display: 		block;
	float: 			left;
}
#error-page .box-headline{
	color: 			red;
	padding-left: 	15px;
	font-weight: 	700;
}
#error-page .box-content{
	color: 			red;
}
#error-page .box-content a{
	color: 				red;
	font-weight: 		700;
	text-decoration: 	none;
}

/* contact-page */
#contact-page .box-headline{
	color: 			white;
	padding-left: 	15px;
	font-weight: 	700;
}
#contact-page .box-content a{
	font-weight: 	700;
	color: 			#5B5B5B;
	text-decoration: none;	
}


.error{
	color: red;
}





/** 2015-07-01 download-footer-box add-on */
#download-footer *{
    color: #333;
    font-weight: 400;
}