/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Reset CSS */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0; padding:0;}

body{
	background-color:#fff; 
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	color:#000;
	letter-spacing:0px;
	line-height:1.5;
}

h1{
	 color: #F06402;
	font-size:1.4em;
	font-weight:900;
}
h2{
	color:#F06402;
	font-size:1.5em;
	margin-bottom: 10px;  
	letter-spacing:1px;
	
}
p{
	font-size:1.1em;
	line-height:1.5;
}
p .eingerueckt{
	position:relative;
	left:20px;
}

.fett{
	font-weight:900;
}
.space1{
	letter-spacing:1px;
}

.right{
	text-align:right;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.rtop,
.rbottom,
.mtop,
.mbottom{
	display: block;
}

.rtop .r1,
.rtop .r2,
.rtop .r3,
.rtop .r4,
.rbottom .r1,
.rbottom .r2,
.rbottom .r3,
.rbottom .r4,
.mtop .m1,
.mtop .m2,
.mtop .m3,
.mtop .m4,
.mbottom .m1,
.mbottom .m2,
.mbottom .m3,
.mbottom .m4{
	display: block;
	height: 1px;
  	overflow: hidden;
}

.r1,
.m1{
	margin: 0 5px
}

.r2,
.m2{
	margin: 0 3px
}

.r3,
.m3{
	margin: 0 2px
}

.rtop .r4,
.rbottom .r4,
.mtop .m4,
.mbottom .m4{
	margin: 0 1px;
  	height: 2px
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*-------------------------------------------------------------------------------
Tabellen allgmein
-------------------------------------------------------------------------------*/
td, th{
	border:1px solid #000000;
	height:20px;	
}

table{
	border-collapse:collapse;
	border: solid 0px #000000;
}
/*-------------------------------------------------------------------------------
Linkdarstellung
-------------------------------------------------------------------------------*/
		a:link,
		a:visited,
		a:hover,
		a:active{
			color:#666;
			text-decoration:underline;
			font-weight:900;
			font-size:1.1em;

		 }
		a:hover{
			color:#fff;
			text-decoration:none;
			font-weight:900;
			font-size:1.1em;
			 background-color:#F06402; 

		 }

/*-------------------------------------------------------------------------------
 Linkumrandung entfernen
-------------------------------------------------------------------------------*/
		a:focus { outline: none; }
		input:focus { outline: none; }

/*-------------------------------------------------------------------------------
 Gesamt-Container - alles positionieren
-------------------------------------------------------------------------------*/
	#container{
		width: 100%;
		background-color:#000;
		position:absolute;
		top:0px;
		left:0px;
	}
	
/*-------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------*/
	#container #header_bg{
			background-color:#ffffff;
			width: 100%;
			height: 60px;
			z-index: 10;
			position: relative;
			top:0px;
			left:0px;	
			 border-bottom: 3px solid #F06402;
	}

	#container #header_bg #logo{
		height:50px;
		width:100%;
		z-index: 11;
		position: relative;
		top:10px;
		left:10px;
	}

	#container #header_bg #logged_in{
		z-index: 12;
		position: absolute;
		top:5px;
		width:100%;
		text-align:right;
	}
	#container #header_bg #logged_in #username{
		 color:#F06402; 
		font-weight:900;
		font-size:1.1em;
	}

/*-------------------------------------------------------------------------------
 Content
-------------------------------------------------------------------------------*/
	#container #content {
		width:100%;
		position: relative;
		top:0px;
		 background-color:#F9C19A;
	}
	
	#container #content #contentform{
		padding:50px 10px 50px 10px;
	}

/*-------------------------------------------------------------------------------
 Footer
-------------------------------------------------------------------------------*/

	#container #footer_bg {
		width:100%;
		position: relative;
		top:0px;
		background-color:#fff;
		 border-top: 3px solid #F06402;
	}

	#container #footer_bg #footer_right{
		position: relative;
		top:5px;
		text-align:right;
		/* variabel */ visibility:visible;
	}
	#container #footer_bg #footer_right #logo_klein{
		position: relative;
		top:3px;
	}

	#footer_bg a:link,
	#footer_bg a:visited,
	#footer_bg a:hover,
	#footer_bg a:active{
		color:#000;
		font-weight:normal;
		text-decoration:none;
		font-size:1em;

	 }
	#footer_bg a:hover{
		color:#000;
		text-decoration:none;
		 background-color:#fff; 

	 }
/*-------------------------------------------------------------------------------
 Icons allgemein
 -------------------------------------------------------------------------------*/
.imageicon1 a:link,
.imageicon1 a:visited,
.imageicon1 a:hover,
.imageicon1 a:active,
.imageicon2 a:link,
.imageicon2 a:visited,
.imageicon2 a:hover,
.imageicon2 a:active{
	color:#666;
	text-decoration:none;
	font-weight:normal;
	font-size:1.1em;

 }
.imageicon2{
	position:relative;
	top:2px;
}
.imageicon1{
	position:relative;
	top:0px;
}
/*-------------------------------------------------------------------------------
 Formulare allgemein
 -------------------------------------------------------------------------------*/
	#container #content #contentform .formular{
		width:800px;
	}
	#container #content #contentform .formular .formularcontent{
		background-color:#fff;
		padding:15px 20px 10px 20px;
	}
	* html #container #content #contentform .formular .formularcontent{
		padding:30px 20px 10px 20px;
	}

	/* Fieldset */
		#container #content #contentform .formular fieldset{
			background-color:#f0f0f0;
			border: 1px solid #ccc;
			padding: .75rem;
			border-radius: 5px;
			margin-bottom: 1em;
		}
		#container #content #contentform .formular fieldset .formelemente{
			margin-left:10px;
		}
		
		#passwordInfo{
			float:left;
			font-size: 14px;
		}
		
		#passwordInfo p{
			font-weight: bold;
		}
		
		#passwordInfo ul{
			margin-left: 20px;
			margin-top: 10px;
			list-style-position: outside;
			list-style-image: url('opendialog/bullet_black.gif');
		}
		
		#passwordInfo ul li{
			width: 360px;
		}
		
		#passwordInfo ul.valid{
			list-style-image: url('opendialog/tick.gif');
		}
		
		#input_pw #checkPw0, #input_pw #checkPw1, #input_pw #checkPw2{
			padding:2px 18px 2px 0;
			
		}
		
		#checkPw1.valid,#checkPw2.valid{
			background: url('opendialog/valid.gif') top right no-repeat;
		}
		
		#checkPw1.invalid,#checkPw2.invalid{
			background: url('opendialog/invalid.gif') top right no-repeat;
		}
		
		.pwFloat{
			float:left;
			padding-right: 25px;
			margin-right: 25px;
			border-right: 1px solid #eee;
			margin-bottom: 20px;
		}
		

	/* legend 
		#container #content #contentform .formular fieldset legend{
			color:#F06402;
			margin-bottom:15px;
			font-size:1.1em;
			font-weight:900;
			letter-spacing:1px;
		}
		* html #container #content #contentform .formular fieldset legend{
			position: relative;
			bottom: 15px;
			left: -8px;
			margin-bottom:0px;
		}*/

	/* Label */

#container #content #contentform .formular fieldset label{
			color:#000000;
			font-size:1.2em;
			font-weight:900;
			letter-spacing:1px;
			margin-bottom: 0.5em;
			display: inline-block;
		}

	/* Inputs, Select allgmein */
		#container #content #contentform .formular fieldset input,
		#container #content #contentform .formular fieldset select,
		#container #content #contentform .formular fieldset textarea{
			display: block;
			font-size: 1.4em;
			padding: 0.3em;
			border-radius: 2px;
			border: 1px solid #626262;
			margin-bottom: 1em;
			box-sizing: border-box;
		}

	/* Formular-Absenden-Button */
		#container #content #contentform .formular #btn_submit{
			/*position:relative;
			left:300px;*/
			width:760px;
			text-align:right;
		}

	/* Formular-Ändern-Button */
		#container #content #contentform .formular #btn_change{
			width:360px;
			text-align:left;
		}
		#container #content #contentform .formular #btn_submit2{ /* wenn 2 Buttons nebeneinander */
			position:relative;
			/*left:355px;	*/

			bottom:24px; /* NEU */
			width:460px; /* NEU */
			left:300px;	 /* NEU */

			text-align:right;
		}
	/* Aussehen Form-Buttons */
		#container #content #contentform .formular #btn_submit input,
		#container #content #contentform .formular #btn_submit2 input,
		#container #content #contentform .formular #btn_change input{
			 background-color:#F06402; 
			color:#fff;
			font-weight:900;
			/*width:200px;*/

			width:auto; /* NEU */
			padding-left:10px; /* NEU */
			padding-right:10px; /* NEU */

			height:24px;
			border:0px solid #fff;
			letter-spacing:1px;
			font-size:1.1em;
			cursor:pointer;
		}




	/* für Required-Hinweis und Fehlermeldung */
		#container #content #contentform .formular #note{
			width:760px;
			text-align:right;
		}
		* html #container #content #contentform .formular #note{
			position: relative;
			bottom:10px;
		}
		.error{
			font-weight:900;
			background-color:#FF0000;
			padding: 2px;
			color:#fff;
		}

	/* Runde Ecken für Formular-Background */
		#container #content #contentform .formular .rtop,
		#container #content #contentform .formular .rbottom{
			background: #F9C19A; 
		}
		#container #content #contentform .formular .rtop .r1,
		#container #content #contentform .formular .rtop .r2,
		#container #content #contentform .formular .rtop .r3,
		#container #content #contentform .formular .rtop .r4,
		#container #content #contentform .formular .rbottom .r1,
		#container #content #contentform .formular .rbottom .r2,
		#container #content #contentform .formular .rbottom .r3,
		#container #content #contentform .formular .rbottom .r4{
			background: #fff;
		}
		#container #content #contentform .formular .mtop,
		#container #content #contentform .formular .mbottom{
			background: #F9C19A;
		}
		#container #content #contentform .formular .mtop .m1,
		#container #content #contentform .formular .mtop .m2,
		#container #content #contentform .formular .mtop .m3,
		#container #content #contentform .formular .mtop .m4,
		#container #content #contentform .formular .mbottom .m1,
		#container #content #contentform .formular .mbottom .m2,
		#container #content #contentform .formular .mbottom .m3,
		#container #content #contentform .formular .mbottom .m4{
			background: #fff;
		}


/*-------------------------------------------------------------------------------
 Statistic allgemein
 -------------------------------------------------------------------------------*/
	#container #content #contentform .statistic{
		width:100%;
	}
	#container #content #contentform .statistic .formularcontent{
		background-color:#fff;
		padding:15px 20px 10px 20px;
	}
	* html #container #content #contentform .statistic .formularcontent{
		padding:30px 20px 10px 20px;
	}

	/* Runde Ecken für Statistic-BG */
		#container #content #contentform .statistic .rtop,
		#container #content #contentform .statistic .rbottom{
			background: #F9C19A; 
		}
		#container #content #contentform .statistic .rtop .r1,
		#container #content #contentform .statistic .rtop .r2,
		#container #content #contentform .statistic .rtop .r3,
		#container #content #contentform .statistic .rtop .r4,
		#container #content #contentform .statistic .rbottom .r1,
		#container #content #contentform .statistic .rbottom .r2,
		#container #content #contentform .statistic .rbottom .r3,
		#container #content #contentform .statistic .rbottom .r4{
			background: #fff;
		}
		#container #content #contentform .statistic .mtop,
		#container #content #contentform .statistic .mbottom{
			background: #F9C19A;
		}
		#container #content #contentform .statistic .mtop .m1,
		#container #content #contentform .statistic .mtop .m2,
		#container #content #contentform .statistic .mtop .m3,
		#container #content #contentform .statistic .mtop .m4,
		#container #content #contentform .statistic .mbottom .m1,
		#container #content #contentform .statistic .mbottom .m2,
		#container #content #contentform .statistic .mbottom .m3,
		#container #content #contentform .statistic .mbottom .m4{
			background: #fff;
		}

/* ////////////////////////////////////////// 
 LoginView & ForgotPasswordView
 ////////////////////////////////////////// */
#container #content #contentform .formular fieldset #input_user input,

#container #content #contentform .formular fieldset #input_pw input{
	width:200px;
}
#container #content #contentform .formular #login_cookie{
	width:760px;
	text-align:left;
}
#container #content #contentform .formular #login_cookie label{
	margin-left:5px;
}
* html #container #content #contentform .formular #login_cookie label{
	margin-left:1px;
}
* html #container #content #contentform .formular #login_cookie{
	margin-left:-4px;
	margin-top:-4px;
}

/* ////////////////////////////////////////// 
	ListTargetView
 ////////////////////////////////////////// */


#container #content #contentform .statistic .formularcontent #begruessung{
	font-size:1.1em;
}

#container #content #contentform .statistic .formularcontent #update_time{
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
}



.main_table{
	width:100%;
}
.main_table td{
	vertical-align: top;
	border:0px solid #000;
}

.stat_table{
		width:auto;
		font-size:1.1em;
	border:1px solid #666;
}
.stat_table th {
	color:#fff;
	background-color:#666;
	border-top:0px solid #fff;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #fff;	
	padding-left:5px;
	padding-right:5px;
}
.stat_table td{
	padding-left:5px;
	padding-right:5px;
	vertical-align: middle;
	height:22px;
}
.stat_table .zeile{
	color:#fff;
	background-color:#666;
	border-top:1px solid #fff;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:0px solid #666;
}
.stat_table .spalte_ungerade{
	color:#000;
	background-color:#fff;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
}
.stat_table .spalte_gerade{
	color:#000;
	background-color:#E8E8E8;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
}


.detail_table{
	width:100%;
	font-size:1.1em;
	border:1px solid #666;
}



.detail_table td{
	border:1px solid #666;	
	height:22px;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
}

.detail_table .asc_desc{
	 background-color:#F06402;
	height:10px;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.detail_table .asc_desc_leer{
	background-color:#666;
	height:10px;
	border-top:0px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

.detail_table .table_input{
	background-color:#666;
	height:30px;
	vertical-align: middle;
	padding-left:2px;
	padding-right:2px;
	border-top:0px solid #666;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #666;
	color:#fff;
	text-align:center;
	
}
.detail_table .table_input1{
	background-color:#666;
	height:30px;
	vertical-align: middle;
	padding-left:2px;
	padding-right:2px;
	border-top:0px solid #666;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	text-align:center;
	font-weight:900;
	
}

.detail_table .table_input select,
.detail_table .table_input input{
	font-size:1em;
	width:auto;
}

.detail_table .table_th{
	background-color:#666;
	height:auto;
	vertical-align: top;
	padding-left:2px;
	padding-right:2px;
	border-top:0px solid #666;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	
}
.detail_table .seitennavi{
	background-color:#666;
	height:25px;
	font-size:0.9em;
	font-weight:normal;
	vertical-align: middle;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #666;
	color:#fff;
	text-align:center;
	padding-top:4px;
}

.detail_table .table_leer{
	background-color:#666;
	width:18px;
	border-top:0px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:0px solid #fff;
	color:#fff;
	text-align:center;
	vertical-align: middle;
}
.detail_table .table_leer_mail{
	background-color:#666;
	width:18px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	text-align:center;
	vertical-align: middle;
}
.detail_table .spalte_ungerade{
	color:#000;
	background-color:#fff;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
}
.detail_table .spalte_gerade{
	color:#000;
	background-color:#E8E8E8;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
}

/* Formular First Contact */

	/* Label für Radiobuttons */
		#container #content #contentform .formular fieldset .radiob label{
			font-size:1.1em;
			font-weight:normal;
			letter-spacing:0px;
		}

	/* Inputs Radiobuttons */
		#container #content #contentform .formular fieldset .radiob input{
			display: inline;
			width:auto;
			font-size:1.1em;
		}

	#container #content #contentform .formular fieldset .input_inline input,
	#container #content #contentform .formular fieldset .input_inline label{
		margin-left:20px;
	}

	#container #content #contentform .formular fieldset .input_kommentar input{
		width:480px;
	}
	
	#container #content #contentform .formular fieldset .input_name input,
	#container #content #contentform .formular fieldset .input_tel input{
		width:307px;
	}

	#container #content #contentform .formular fieldset .textarea_note textarea{
		width:735px;
		height:60px;
	}
	#container #content #contentform .formular fieldset .select_result select{
		width:200px;
	}

/* Sales Data - Formular */
#container #content #contentform .formular fieldset .salesdata_table{
	width:735px;
	font-size:1.1em;
	border:1px solid #666;

}
#container #content #contentform .formular fieldset .salesdata_table th{
	background-color:#666;
	color:#fff;
	border:1px solid #666;
}

#container #content #contentform .formular fieldset .salesdata_table input,
#container #content #contentform .formular fieldset .salesdata_table select{
	display:inline;
}
#container #content #contentform .formular fieldset .salesdata_table td{
	vertical-align:middle;
	text-align: center;
	height:30px;
	border:1px solid #666;
}
#container #content #contentform .formular fieldset .salesdata_table select{
	width:80px;
}

#container #content #contentform .formular fieldset .salesdata_table .turnover{
	vertical-align:middle;
	text-align: right;
	padding-right:10px;
}


#container #content #contentform .formular fieldset .input_email input{
	width:300px;
}

.labelfix{
	width:300px;
	
}
.labelfix .eingerueckt{
	float:right;
}

.target_table{
	font-size:1.1em;
	border:0px solid #666;
	width:98%;
}

.target_table td{
	border:0px solid #fff;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}

.target_table .target_data{
	padding-left:5px;
	padding-right:10px;
	font-weight:900;
	letter-spacing:1px;
	max-width:50%;
}

div#downloadExcel2{
	display:none;
}



* Dropdown Button */
.dropbtn {
	background-color: #04AA6D;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	background-color: #3e8e41;
}

/* The search field */
#searchFilter {
	box-sizing: border-box;
	background-image: url('searchicon.png');
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding: 6px 10px 4px 30px !important;
	border: none;
	border-bottom: 1px solid #ddd;
}

/* The search field when it gets focus/clicked on */
#searchFilter:focus {outline: 3px solid #ddd;}