@import url(https://fonts.googleapis.com/css?family=Oxygen);

html,body
{
	padding: 0px;
	margin: 0px;
	font-family: 'Oxygen', sans-serif;
	
	font-weight: 400;
	font-size: 16px;
	background-color:#f9f9f9;
		
}
h2
{
	font-family: 'Oxygen', sans-serif;
	font-weight: lighter;
	font-size: 18px;
	font-weight: 700;
	color: #009fe3;	
}
h3
{
	font-family: 'Oxygen', sans-serif;
	font-weight: lighter;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;	
}
h4
{
	font-family: 'Oxygen', sans-serif;
	font-weight: lighter;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;	
}
a
{
    color: #0794D1;
}
a:visited
{
    color: #0794D1;
}

div#page-main
{
	
	
	position:absolute;
	width:100%;
	
	height:auto;
	width:1000px;
	left:50%;
	margin-left:-500px;
	top:0px;     
}

div#page-header
{
	position:relativ;
	width:100%;
	height:120px;
	width:100%;
	top:0px;
	background-color:#ededed;     
}


div#starseite-hintergrund
{
	position:relative;
	width:100%;
	height:350;
	left:0;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 25%, #019fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#019fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 25%,#019fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 25%%,#019fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 25%,#019fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 25%,#019fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#019fe3',GradientType=0 ); /* IE6-8 */
}

div#startseite-header
{
	position: relative;
	min-height:70px;
	width:100%;	
	
}
div#ps-logo
{
	float:left;
	position:relative;
	left:50%;
	margin-left:-480px;
	width:150px;
	height:30px;
	top:30px;
	
}
div#ps-menu
{
	float:left;
	position:relative;
	left:0;
	top: 25px;
	
	margin-left:200px;
	width:730px;
	height:20px;
	z-index:99;
}
ul#ps-menu
{
	padding-right: 32px;
	padding-left: 32px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #009fe3;	
	font-weight:700;
}
li#ps-menu
{ 
	float: left;
	margin-left:30px;
	list-style-type:none;	
}

div#startseite-slider
{
	clear:both;
	position:relative;
	
	top:5px;
	
	height:230px;
	width:100%;
	
	
}

div#error-message
{
	clear:both;
	position:relative;
	top:0px;
	min-height:10px;
	heigt:auto;
	width:auto;
	margin-bottom:20px;
	padding: 5px;
	padding-left: 20px;
	display: none;
	background-color:#ededed;
}

div#error-message-visible
{
	clear:both;
	position:relative;
	top:0px;
	min-height:10px;
	heigt:auto;
	width:auto;
	margin-bottom:20px;
	padding: 5px;
	padding-left: 20px;
	background-color:#ededed;
}

/****************************Anfang overlay stlyes***********************************/

div#article-search-overlay
{
	/*
	alte Version
	clear:both;
	position:relative;
	
	top:5px;
	
	height:70px;
	width:100%;
	background-color:#ededed;
	*/
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
	margin-bottom:20px;
	
	
}

div#article-search-innerbg-overlay
{
	
	float:left;
	position:relative;
	margin-bottom: 22px;
	margin: 10px;
	height:auto;
	min-height:82px;
	width:97.3%;
	
	background: #45b8ea;
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */
	
}

div#article-search-field-overlay
{
	float:left;
	position:relative;
	
	margin-left:10px;
	top:12px;
	height:25px;
	width:130px;
}

div#article-search-button-overlay
{
	float:left;
	position:relative;
	
	margin-left:10px;
	top:12px;
	height:35px;
	width:130px;
}

div#article-search-result-content-overlay
{
	clear:both;
	position:relative;
	
	top:5px;
	
	min-height:500px;
	width:auto;
	
}
div#article-search-result-contentbox-overlay
{
	clear:both;
	position:relative;
	padding-left:10px;
	top:10px;
	width:100%;
	min-height:60px;
	margin-bottom:5px;
	border-bottom:thin solid #ededed;
	overflow:auto;
}
div#article-search-result-column-overlay
{
	position:relative;
	float:left;
	top:0px;
	width:280px;
}
div#article-search-result-column-buttons-overlay
{
	position:relative;
	float:left;
	top:0px;
	width:140px;
	text-align:right;
}
#article-search-result-field-overlay
{
	top:0;
	left:0;
	text-decoration: none;
}

input.text.textboxmiddle_overlay_short, input.textboxmiddle_overlay_short[type="text"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 25px;
    line-height: 8px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 50px;
    text-align: right;
}

input.text.textboxmiddle_overlay_mid, input.textboxmiddle_overlay_mid[type="text"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 25px;
    line-height: 8px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 80px;
    text-align: right;
}

input.text.textboxmiddle_overlay_long, input.textboxmiddle_overlay_long[type="text"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 25px;
    line-height: 8px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 290px;
    text-align: left;
}

.textboxmiddle_overlay {
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width:210px;
}


/****************************Ende overlay stlyes***********************************/

/****************************Anfang generische Styles***********************************/

div#generic-container
{
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
/* 	padding-bottom: 100px; */
}

div#generic-innerbg
{
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); IE6-8
}

div#generic-fieldcolumn-1-1-columns
{
	float:left;
	width:490px;
}

div#generic-fieldcolumn-1-column
{
	margin-top:25px;
	float:left;
	width:980px;
}

div#generic-text
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	height:25;
	width:240;
}

div#generic-label
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:130px;
}

div#generic-field
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:auto;
	min-height:25px;
	width:260px;
}

div#generic-label-wide
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:330px;
}

div#generic-field-small
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:auto;
	min-height:25px;
	width:60px;
}

.generic-button
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:35px;	
}

div#generic-search-button
{
	float:left;
	position:relative;
	margin-left:10px;
	top:12px;
	height:35px;
	width:130px;
}

div#general-detail-header
{
	margin-left: 10px;
}

/****************************Ende generische Styles***********************************/

/****************************Anfang Order Detail ***********************************/

div#order-detail-entry-content
{
	clear:both;
	position:relative;
	background-color:#ffffff;
	top: 5px;
	left: 10px;
	width: 955px;
	padding: 12px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

div#order-detail-entry-contentbox
{
	clear:both;
	position:relative;
	padding-left:15px;
	top:10px;
	width:100%;
	min-height:30px;
	margin-bottom:5px;
	border-bottom:thin solid #ededed;
	overflow:auto;
}

div#order-detail-entry-headline
{
	border-bottom:thin solid #ededed;
	margin-bottom: 10px;
	font-weight: bold;
}

div#order-detail-entry
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:auto;
	min-height:25px;
	width:180px;
}

div#order-detail-entry-column
{
	position:relative;
	float:left;
	top:0px;
	width:120px;
}

div#order-detail-entry-column-header
{
	position:relative;
	float:left;
	top:0px;
	font-weight: bold;
	width:120px;
}

div#order-detail-entry-column-wide
{
	position:relative;
	float:left;
	top:0px;
	width:330px;
}

div#order-detail-entry-column-header-wide
{
	position:relative;
	float:left;
	top:0px;
	font-weight: bold;
	width:330px;
}

div#order-detail-entry-column-buttons
{
	position:relative;
	float:left;
	top:0px;
	width:140px;
	text-align:right;
}

#order-detail-entry-field
{
	top:0;
	left:0;
	text-decoration: none;
}

/****************************Ende Order Detail ***********************************/


/****************************Anfang Login Form ***********************************/

div#login-form
{
	float:left;
	position:relative;
	
	top:20px;
	min-height:90px;
	width:100%;
	background-color:#ededed;
}

div#login-form-innerbg
{
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	min-height:70px;
	margin-bottom: 22px;
	top:10px;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */

}

div#login-form-field
{
	float:left;
	position:relative;
	
	margin-left:25px;
	top:12px;
	height:45px;
	width:230px;
}

div#login-error
{
	clear:both;
	position:relative;
	top:20px;
	height:10px;
	width:100%;
	margin-left:25px;
}

.browserinfo
{
	padding: 20px;
	margin: 20px;
	background-color: white;
	color: black;
	margin-left:25px;
}

div#logout-form
{
	float:left;
	position:relative;
	left:0;
	top: 10px;
	
	margin-left:900px;
	width:20px;
	height:20px;
	z-index:99;
}

div#user-info
{
	font-size: 14px;
	float: right;
	right: 20px;
/* 	float: left; */
/* 	left: 20px; */
	position: relative;
	top: 50px;
	z-index:98;
}

.order-search-box-label
{
	color: #FFF;
}

div#logoutbutton
{	
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	min-width: 60px;
	height: 25px;
	background: #45b8ea;
	color: #FFF;
	text-align: center;
	text-decoration: none
}

#logoutbutton a
{	
	color: #FFF;
	text-align: center;
	text-decoration: none
}

/****************************Ende Login Form ***********************************/

/****************************Anfang Customer Search Form ***********************************/

div#customer-search
{
	/*
	alte Version
	clear:both;
	position:relative;
	
	top:5px;
	
	height:70px;
	width:100%;
	background-color:#ededed;
	*/
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
	margin-bottom:20px;
	
	
}

div#customer-search-innerbg
{
	
	/* old
	clear:both;
	position:relative;
	left:50%;
	margin-left:-490px;
	top:10px;
	height:50px;
	width:980px;
	*/
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	min-height:82px;
	width:980px;
	
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */
	
}

div#customer-search-field
{
	float:left;
	position:relative;
	margin-left:10px;
	top:12px;
	height:25px;
	width:130px;
}

div#customer-search-field-double
{
	float:left;
	position:relative;
	margin-left:10px;
	top:12px;
	height:25px;
	width:260px;
}

div#customer-search-field-tripple
{
	float:left;
	position:relative;
	margin-left:10px;
	top:12px;
	height:25px;
	width:390px;
}

div#customer-search-button
{
	float:left;
	position:relative;
	margin-left:10px;
	top:12px;
	height:35px;
	width:130px;
}

.dropdown-customer-search-count {
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width:80px;
}

.dropdown-download-search-category {
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width:130px;
}

.select-statistics-search-articles {
	width: 450px;
}

/****************************Ende Customer Search Form ***********************************/

/****************************Anfang Customer Search Result ***********************************/
div#customer-search-result-content
{
	clear:both;
	position:relative;
	
	top:5px;
	
	min-height:500px;
	width:980px;
	
}
div#customer-search-result-contentbox
{
	clear:both;
	
	position:relative;
	padding-left:10px;
	
	top:10px;
	width:100%;
	min-height:60px;
	margin-bottom:5px;
	border-bottom:thin solid #ededed;
}
div#customer-search-result-contentbox-highlighted
{
	clear:both;
	position:relative;
	padding-left:10px;
	top:10px;
	width:100%;
	min-height:60px;
	margin-bottom:5px;
    border-style: solid;
    border-width: 2px;
    border-color: #FF6743;
/* 	border-bottom:thin solid #ededed; */
}
div#customer-search-result-column
{
	position:relative;
	float:left;
	top:0px;
	width:280px;
}
div#customer-search-result-column-buttons
{
	position:relative;
	float:left;
	top:0px;
	width:140px;
	text-align:right;
}
#customer-search-result-field
{
	top:0;
	left:0;
	text-decoration: none;
}


#suchergebnis-content-feld a
{
	top:0;
	left:0;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
}


#suchergebnis-content-feld-links a
{
	top:0;
	left:0;
	width:30px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld-links
{
	top:0;
	left:0;
	width:300px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld-rechts a
{
	top:0;
	left:340;
	width:300px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
	text-align:right;
}
#suchergebnis-content-feld-rechts
{
	top:0;
	left:300;
	width:300px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
	text-align:right;
}
#suchergebnis-content-boximage
{
	
	
	float:left;
	position:relative;
	top:10px;
	left:0px;
	width:350px;
}

#suchergebnis-content-boxtext
{
	
	float:left;
	position:relative;
	left:0px;
	width:630px;
}

/**************************** Ende Customer Search Result ***********************************/

/****************************Anfang Customer Create New Form ***********************************/

div#customer-create-new
{
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
}

div#customer-create-new-innerbg
{
	
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */

}

div#customer-create-new-header
{
	float:left;
	width:980px;
	margin-left:20px;
}

div#customer-create-new-fieldcolumn
{
	float:left;
	width:500px;
	float:none;
}

div#customer-create-new-field
{
	 
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:250px;
}

div#customer-create-new-label
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:200;
}

div#customer-create-new-agblabel
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	min-height:25px;
	width:400px;
}

div#customer-create-new-button
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:35px;	
}

.ButtonSmallCustomerCreate {
    margin-left:10px;
    
}

/****************************Ende Customer Create new Form ***********************************/




/****************************Anfang customer- Form ***********************************/

div#customer-detail
{
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
}

div#customer-detail-innerbg
{
	
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */

}
div#customer-detail-header
{
	float:left;
	width:980px;
	margin-left:20px;
}

div#customer-address
{
	float:left;
	width:980px;
	margin-left:20px;
	margin-top:40px;
}

div#customer-detail-fieldcolumn
{
	float: left;
	width: 490px;
}

div#customer-detail-field
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:250px;
}

div#customer-detail-label
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:200px;
}

div#customer-detail-agblabel
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	min-height:25px;
	width:400px;
}

div#customer-detail-button
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:35px;	
}

.customer-detail-profile-picture
{
	margin-top: 18px;
	margin-left: 20px;
	margin-right: 20px;
}

.ButtonSmallCustomerDetail
{
    margin-left:10px;
    
}

button#customer-update-save-button
{
	display: none; 	

}

button#customer-update-activate-button
{
	display: block;	

}
/****************************Ende Customer Detail Form ***********************************/


/****************************Anfang Article Create New Form ***********************************/

div#article-create-new
{
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
}

div#article-create-new-innerbg
{
	
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */

}
div#article-create-new-header
{
	float:left;
	width:980px;
	margin-left:20px;
}

div#article-create-new-fieldcolumn
{
	float:left;
	width:490px;
	
}

div#article-create-new-field
{
	 
	float:left;
	position:relative;
	
	margin-left:10px;
	margin-top:5px;
	top:12px;
	min-height:25px;
	height: auto;
	width:260px;
}

div#article-create-new-label
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:130;
}

div#article-create-new-agblabel
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	min-height:25px;
	width:400px;
}

div#article-create-new-button
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:35px;	
}


.ButtonSmallArticleCreate {
    margin-left:10px;
    
}


/****************************Ende Article Create new Form ***********************************/

/****************************Anfang Article Search Form ***********************************/

div#article-search
{
	/*
	alte Version
	clear:both;
	position:relative;
	
	top:5px;
	
	height:70px;
	width:100%;
	background-color:#ededed;
	*/
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
	margin-bottom:20px;
	
	
}

div#article-search-innerbg
{
	
	/* old
	clear:both;
	position:relative;
	left:50%;
	margin-left:-490px;
	top:10px;
	height:50px;
	width:980px;
	*/
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	min-height:82px;
	width:980px;
	
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */
	
}

div#article-search-field
{
	float:left;
	position:relative;
	
	margin-left:10px;
	top:12px;
	height:25px;
	width:130px;
}

div#article-search-button
{
	float:left;
	position:relative;
	
	margin-left:10px;
	top:12px;
	height:35px;
	width:130px;
}

.dropdown-article-search-count {
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    
    padding-top: 0;
    
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    
    
    width:80px;
}

/****************************Ende article Search Form ***********************************/

/****************************Anfang article Search Result ***********************************/
div#article-search-result-content
{
	clear:both;
	position:relative;
	
	top:5px;
	
	min-height:500px;
	width:980px;
	
}
div#article-search-result-contentbox
{
	clear:both;
	
	position:relative;
	padding-left:10px;
	
	top:10px;
	width:100%;
	min-height:60px;
	margin-bottom:5px;
	border-bottom:thin solid #ededed;
}
div#download-search-result-contentbox
{
	clear:both;
	
	position:relative;
	padding-left:10px;
	
	top:10px;
	width:100%;
	min-height:60px;
	margin-bottom:5px;
	border-bottom:thin solid #ededed;
}
div#article-search-result-column
{
	position:relative;
	float:left;
	top:0px;
	width:280px;
}
div#download-search-result-column
{
	position:relative;
	float:left;
	top:0px;
	width:280px;
}
div#article-search-result-column-buttons
{
	position:relative;
	float:left;
	top:0px;
	width:140px;
	text-align:right;
}
div#download-search-result-column-buttons
{
	position:relative;
	float:left;
	top:0px;
	width:140px;
	text-align:right;
}
#article-search-result-field
{
	top:0;
	left:0;
	text-decoration: none;
}
#download-search-result-field
{
	top:0;
	left:0;
	text-decoration: none;
}

.download-new
{
	background-color: #FF3100;
}
.download-mid
{
	background-color: #00DC59;
}
.download-old
{
	background-color: white;
}

#suchergebnis-content-feld a
{
	top:0;
	left:0;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
}


#suchergebnis-content-feld-links a
{
	top:0;
	left:0;
	width:30px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld-links
{
	top:0;
	left:0;
	width:300px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld-rechts a
{
	top:0;
	left:340;
	width:300px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
	text-align:right;
}
#suchergebnis-content-feld-rechts
{
	top:0;
	left:300;
	width:300px;
	text-decoration: none;
	font-size: 10px;
	color: #5f5f5e;	
	text-align:right;
}
#suchergebnis-content-boximage
{
	
	
	float:left;
	position:relative;
	top:10px;
	left:0px;
	width:350px;
}

#suchergebnis-content-boxtext
{
	
	float:left;
	position:relative;
	left:0px;
	width:630px;
}

/**************************** Ende article Search Result ***********************************/


/****************************Anfang Article Detail Form ***********************************/

div#detail-view
{
	float:left;
	position:relative;
	top:20px;
	height: auto;
	width:100%;
	background-color:#ededed;
}

div#article-detail-innerbg
{
	
	float:left;
	position:relative;
	left:50%;
	margin-left:-490px;
	margin-bottom: 22px;
	top:10px;
	height:auto;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */

}
div#article-detail-header
{
	float:left;
	width:980px;
	margin-left:20px;
}

div#article-detail-fieldcolumn
{
	float:left;
	width:490px;
}

div#article-detail-field
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:auto;
	min-height:25px;
	width:260px;
}

div#article-detail-label
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	height:25px;
	width:130;
}

div#article-detail-agblabel
{
	float:left;
	position:relative;
	color:#FFFFFF;
	margin-left:20px;
	margin-top:5px;
	top:12px;
	min-height:25px;
	width:400px;
}

div#article-detail-button
{
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:5px;
	top:12px;
	height:35px;	
}

.ButtonSmallCustomerDetail {
    margin-left:10px;
    
}

button#article-update-save-button
{
	display: none; 	

}

button#article-update-activate-button
{
	display: block;	

}
/****************************Ende Article Detail Form ***********************************/


/****************************Anfang Suche ***********************************/

div#startseite-suche
{
	clear:both;
	position:relative;
	
	top:5px;
	
	height:90px;
	width:100%;
	background-color:#ededed;
}
div#startseite-suche-innerbg
{
	clear:both;
	position:relative;
	left:50%;
	margin-left:-490px;
	top:10px;
	height:70px;
	width:980px;
	background: #45b8ea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1YjhlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #45b8ea 0%, #009fe3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b8ea), color-stop(100%,#009fe3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45b8ea 0%,#009fe3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #45b8ea 0%,#009fe3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b8ea', endColorstr='#009fe3',GradientType=0 ); /* IE6-8 */

}

div#startseite-suche-suchfeld
{
	float:left;
	position:relative;
	
	margin-left:25px;
	top:12px;
	height:45px;
	width:230px;
}
div#startseite-suche-button
{
	float:left;
	position:relative;
	margin-left:25px;
	top:12px;
	height:45px;
	width:130px;
}

div#suchergebnis-content
{
	clear:both;
	position:relative;
	
	top:5px;
	
	min-height:500px;
	width:100%;
	
}
div#suchergebnis-content-box
{
	float:left;
	position:relative;
	padding-left:10px;
	top:10px;
	width:980px;
	min-height:100px;
	margin-bottom:5px;
	
	border-bottom:thin solid #ededed;
}
div#suchergebnis-content-box-links
{
	position:relative;
	float:left;
	top:0px;
	width:315px;
}
div#suchergebnis-content-box-rechts
{
	position:relative;
	float:left;
	top:0px;
	width:315px;
}

#suchergebnis-content-feld a
{
	top:0;
	left:0;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld
{
	top:0;
	left:0;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5e;	
}

#suchergebnis-content-feld-links a
{
	top:0;
	left:0;
	width:30px;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld-links
{
	top:0;
	left:0;
	width:300px;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5e;	
}
#suchergebnis-content-feld-rechts a
{
	top:0;
	left:340;
	width:300px;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5e;	
	text-align:right;
}
#suchergebnis-content-feld-rechts
{
	top:0;
	left:300;
	width:300px;
	text-decoration: none;
	font-size: 12px;
	color: #5f5f5e;	
	text-align:right;
}
#suchergebnis-content-boximage
{
	
	
	float:left;
	position:relative;
	top:10px;
	left:0px;
	width:350px;
}

#suchergebnis-content-boxtext
{
	
	float:left;
	position:relative;
	left:0px;
	width:630px;
}


.button-style-blue {
	margin-top:10px;
	margin-bottom:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #45b8ea), color-stop(1, #009fe3) );
	background:-moz-linear-gradient( center top, #45b8ea 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
45b8ea	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.button-style-blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #009fe3), color-stop(1, #45b8ea) );
	background:-moz-linear-gradient( center top, #009fe3 5%, #45b8ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.button-style-blue:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */



/****************************Ende Suche ***********************************/
/****************************Anfang  Startseite ***********************************/

div#startseite-content
{
	clear:both;
	position:relative;
	
	top:5px;
	
	min-height:500px;
	width:100%;
}
div#startseite-content-box
{
	float:left;
	position:relative;
	margin-left:10px;
	top:5px;
	min-height:500px;
	width:320px;
	height:300px;
	
}

#startseit-content-linkliste
{
	position:relative;
	top: 10px;
	width:320px;
	font-size:0.75em;
}
#startseit-content-linkliste ul a
{
/*padding-right: 32px;
padding-left: 32px;*/
list-style: none;
text-decoration: none;
font-size: 14px;
color: #5f5f5e;	
font-weight:600;
}

#startseit-content-linkliste ul li a:hover, #startseit-content-linkliste ul li a:focus {
color: #009fe3;
}

#startseit-content-linkliste li
{ 
	margin-bottom:5px;
	display: block;
	list-style-type:none;	
}

#startseit-content-partnerlink
{
	position: relative;
	float:left;
	top:10px;
	background-color:#ededed;
	width:310px;
	min-height:50px;
	margin-bottom:20px;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
}

.css3partnerlink img{
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/

}
 
.css3partnerlink img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

/***************************** Ende Startseite *******************************/

/***************************** Anfang Firmendetail Seite *******************************/
div#firmendetail-content
{
	clear:both;
	position:relative;
	
	top:5px;
	
	min-height:500px;
	width:100%;
	
}
/***************************** Ende Firmendetail Seite *******************************/


input.text.textboxbig, input.textboxbig[type="text"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 16px;
    height: 45px;
    line-height: 16px;
    padding-bottom: 6.5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6.5px;
    width: 230px;
}

input.password.textboxbig, input.textboxbig[type="password"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 16px;
    height: 45px;
    line-height: 16px;
    padding-bottom: 6.5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6.5px;
    width: 230px;
}

.ButtonBig {
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    min-width: 45px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0;
    width:160px;
}

.ButtonSmall {
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 15px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    min-width:100px;
}

input.text.textboxsmall, input.textboxsmall[type="text"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 25px;
    line-height: 8px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 130px;
}

.textboxsmall {
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width:80px;
}

input.text.textboxmiddle, input.textboxmiddle[type="checkbox"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 18px;
    min-width: 18px;
    width: auto;
}

input.text.textboxmiddle, input.textboxmiddle[type="text"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 25px;
    line-height: 8px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 260px;
}

.textboxmiddle {
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width:210px;
}

.disabled {
	background-color: #dadada;
}

textarea.textboxmiddle, textarea.textboxmiddle[type="textarea"]
{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 200px;
    line-height: 15px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 260px;
    font-family: arial;
}


select.dropdownmiddle, input.dropdownmiddle[type="select"]{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    font-size: 12px;
    height: 25px;
    line-height: 8px;
    padding-bottom: 3.5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3.5px;
    width: 260px;
}

.dropdownmiddle {
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 25px;
    min-width: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    
    width:222px;
}



.ButtonGray {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center bottom , #DADADA 0%, #F7F7F7 100%);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CACACA;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CACACA;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0 1px #FFFFFF;
    color: #414141;
    cursor: pointer;
    display: inline-block;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    position: relative;
    text-shadow: 1px 1px 0 #FFFFFF;
    vertical-align: top;
    white-space: nowrap;
}

.ui-widget {
	font-size: 12px !important;
}

.systeminfo {
	position:absolute;
	font-weight: bold;
}

a.diststructure-customerlink {
	text-decoration: none; 
	color: black;
}

#twosettingscontainer {
	width: 45%;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
}

.settingsfield {
	width: 40%;
}

.settingslabel {
	width: 20%;
	display: inline-block;
}

.settingslabelextended {
	width: 50%;
	display: inline-block;
}

.settings .countrytable {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.settings .commissiontable {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.settings .downloadcategorytable {
	font-family: 'Oxygen', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.turnovertable td {
/* 	font-size: 14px; */
}

table#customersearchresult td.partner {
	background-color: #20A6E0;
}

.display {
	font-size: 15;
}

table.dataTable.display.critical tbody tr.even {
    background-color: #FF6743;
}

table.dataTable.display.critical tbody tr.odd {
    background-color: #FF3100;
}

table.dataTable.display.critical tbody tr.even >.sorting_1 {
    background-color: #FF6743;
}

table.dataTable.display.critical tbody tr.odd >.sorting_1 {
    background-color: #FF3100;
}

td {
    position: relative;
    padding: 5px 10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

div#generic-content
{
	clear:both;
	position:relative;
	background-color:#ffffff;
	top: 5px;
	left: 10px;
	width: 955px;
	padding: 12px;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.personaldata-label
{
	display: inline-block;
	width: 140px;
}

.personaldata-input
{
	width: 280px;
}

/****************************Spinner***********************************/

.loader {
  display: none;
  font-size: 1.5px;
  position: relative;
  text-indent: -9999em;
  border-top: 2em solid rgba(0, 0, 0, 0.2);
  border-right: 2em solid rgba(0, 0, 0, 0.2);
  border-bottom: 2em solid rgba(0, 0, 0, 0.2);
  border-left: 2em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader, .loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}