@import "datenschutz.css";
@font-face {
    font-family: 'VollkornItalic';
    src: url(../fonts/vollkorn-italic-webfont.eot);
    src: url(../fonts/vollkorn-italic-webfont.eot?#iefix) format('eot'),
         url(../fonts/vollkorn-italic-webfont.woff) format('woff'),
         url(../fonts/vollkorn-italic-webfont.ttf) format('truetype'),
         url(../fonts/vollkorn-italic-webfont.svg#webfontP5cW7wsF) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VollkornBoldItalic';
    src: url(../fonts/vollkorn-bolditalic-webfont.eot);
    src: url(../fonts/vollkorn-bolditalic-webfont.eot?#iefix) format('eot'),
         url(../fonts/vollkorn-bolditalic-webfont.woff) format('woff'),
         url(../fonts/vollkorn-bolditalic-webfont.ttf) format('truetype'),
         url(../fonts/vollkorn-bolditalic-webfont.svg#webfontgD5ETSaZ) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VollkornBold';
    src: url(../fonts/vollkorn-bold-webfont.eot);
    src: url(../fonts/vollkorn-bold-webfont.eot?#iefix) format('eot'),
         url(../fonts/vollkorn-bold-webfont.woff) format('woff'),
         url(../fonts/vollkorn-bold-webfont.ttf) format('truetype'),
         url(../fonts/vollkorn-bold-webfont.svg#webfontJgJp3GJ0) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VollkornRegular';
    src: url(../fonts/vollkorn-regular-webfont.eot);
    src: url(../fonts/vollkorn-regular-webfont.eot?#iefix) format('eot'),
         url(../fonts/vollkorn-regular-webfont.woff) format('woff'),
         url(../fonts/vollkorn-regular-webfont.ttf) format('truetype'),
         url(../fonts/vollkorn-regular-webfont.svg#webfontC9pe3t9b) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VollkornMedium';
    src: url(../fonts/vollkornmedium-webfont.eot);
    src: url(../fonts/vollkornmedium-webfont.eot?#iefix) format('eot'),
         url(../fonts/vollkornmedium-webfont.woff) format('woff'),
         url(../fonts/vollkornmedium-webfont.ttf) format('truetype'),
         url(../fonts/vollkornmedium-webfont.svg#webfont7dmXt5uH) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VollkornMediumItalic';
    src: url(../fonts/vollkornmediumitalic-webfont.eot);
    src: url(../fonts/vollkornmediumitalic-webfont.eot?#iefix) format('eot'),
         url(../fonts/vollkornmediumitalic-webfont.woff) format('woff'),
         url(../fonts/vollkornmediumitalic-webfont.ttf) format('truetype'),
         url(../fonts/vollkornmediumitalic-webfont.svg#webfonteYsW47uS) format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	font-size: 14px;
	color: #444444;
	font-family: VollkornRegular, Georgia, Times, "Times New Roman", serif;
	background-color: #fafafa;
	height: 101%;
}

#container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	width: 1000px;
}

header {
	display: block;
	background-repeat: no-repeat;
}

#headcontainer {
	display: block;
	height: 412px;	
}

.invisible {
	display: none;
}

.floatclearer {
	display: block;
	position: relative;
	width: 100%;
	height: 0px;
	float: none;
	clear: both;
}

.seitentitel {
	display: block;
	text-shadow: 2px 2px 3px #333333;
	font-size: 32px;
	color: #d4af80;
}

.shoutbox
{
	float: right;
	clear: none;
	margin-left: 20px;
	right: 12px;
	top: -5px;
	z-index: 1000;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 220px;
	background-image: url(../media/Box.jpg);
}
.shoutboxContent
{
	display: block;
	padding: 20px;
	background-position: 0 bottom;
	background-image: url(../media/BoxEnde.jpg);
	background-repeat: no-repeat;
}
.shoutboxContent h1
{
	margin-top: 0px;
	margin-bottom: 3px;
	font-family: VollkornMedium;
	font-size: 10px;
}
.shoutboxContent p
{
	padding-bottom: 5px;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	margin-bottom: 5px;
	font-size: 10px;
}
.shoutboxContent a
{
	font-weight: bold;
	color: #725936;
}
    .navbox
{
	clear: left;
	left: -10px;
	top: -5px;
	float: left;
	z-index: 1000;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 220px;
	background-image: url(../media/Box.jpg);
}
.navboxContent
{
	display: block;
	padding: 20px;
	background-position: 0 bottom;
	background-image: url(../media/BoxEnde.jpg);
	background-repeat: no-repeat;
}
.navboxContent a
{
	text-decoration: none;
	text-shadow: 1px 1px 1px white;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: VollkornMedium, Times, "Times New Roman", serif;
}
.navboxContent a:visited
{
	text-shadow: 1px 1px 1px white;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: VollkornMedium, Times, "Times New Roman", serif;
}
.navboxContent a:hover
{
	text-shadow: 1px 1px 1px white;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #999999;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: VollkornMedium, Times, "Times New Roman", serif;
}
.navboxContent a:active
{
	text-shadow: 1px 1px 1px white;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #444444;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: VollkornMedium, Times, "Times New Roman", serif;
}
.navboxContent a+a
{
	text-shadow: 1px 1px 1px white;
	border-top-color: #666666;
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: VollkornMedium, Times, "Times New Roman", serif;
}
.inlineleft
{
	margin-left: 0px;
	margin-bottom: 2px;
	margin-right: 5px;
	margin-top: 0px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	clear: left;
	float: left;
}
body
{
	font-size: small;
	background-color: #fafafa;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
	background-image: url(../media/Background.jpg);
}
#LogoTop
{
	min-width: 1000px;
	min-height: 88px;
	display: block;
	height: 88px;
	width: 1000px;
	background-image: url(../media/Top.jpg);
	background-repeat: repeat-x;
}
#Logo
{
	margin-left: -10px;
	margin-top: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	text-decoration: none;
	clear: left;
	float: left;
	display: block;
	height: 88px;
	width: 210px;
	background-image: url(../media/Logo.jpg);
	background-repeat: no-repeat;
}
#Logo a
{
	color: transparent;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
#IhrDraht
{
	margin-right: -20px;
	clear: right;
	float: right;
	background-image: url(../media/DirectLine.jpg);
	background-repeat: no-repeat;
	height: 88px;
	width: 510px;
	display: block;
}
#IhrDraht p
{
	padding-top: 25px;
	color: #444444;
	padding-left: 90px;
	font-size: 180%;
	font-family: VollkornMedium, Times, "Times New Roman", serif;
}
#TopNavContainer
{
	left: -10px;
	position: relative;
	display: block;
	height: 33px;
	width: 1020px;
	background-repeat: no-repeat;
	background-image: url(../media/TopNav.jpg);
}

#TopNav
{
	padding-left: 10px;
	padding-bottom: 12px;
	padding-top: 9px;
	left: 10px;
	top: 0px;
	position: relative;
	height: 33px;
	width: 1000px;
	display: block;
}

#TopNav a
{
	border-right-style: none;
	border-left-style: none;
	padding-right: 10px;
	padding-left: 10px;
	display: inline-block;
	color: #666666;
}

#TopNav a:visited
{
	color: #666666;
}

#TopNav a:hover
{
	color: #999999;
}

#TopNav a:active
{
	color: #444444;
}

p
{
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}
 #MainNavContainer
{
	background-image: url(../media/MainNav.jpg);
	background-repeat: no-repeat;
	left: -10px;
	position: relative;
	display: block;
	height: 36px;
	width: 1020px;
}
#main {
	display: block;
	width: 1020px;
}
#main.impressum {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.dsstyle1 {
	font-size: 12px;
}
.sp1 {
	width: 60px;
}
.sp2 {
	width: 350px;
}
.sp3 {
	width: 110px;
}
.sp4 {
	width: 230px;
}
 a
{
	text-decoration: none;
	color: #444444;
}
 a:visited
{
	color: #444444;
}
a:hover
{
	color: #888888;
}
a:active
{
	color: #888888;
}
    footer
{
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	width: 1020px;
}
    #footerContainer
{
	left: -20px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
	background-repeat: no-repeat;
	background-image: url(../media/Footer.jpg);
	position: relative;
	display: block;
	height: 70px;
	width: 1020px;
	overflow: hidden;
}
    #footerContainer img
{
	margin-right: 20px;
	position: relative;
	float: left;
	display: block;
}
    #footercenter
{
	padding-top: 10px;
	margin-bottom: auto;
	margin-top: auto;
}
    .PictureLinks
{
/*
	border-top-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
*/
	margin-bottom: 10px;
	padding-top: 0px;
	float: left;
	position: relative;
	min-height: 50px;
	width: 1000px;
	display: block;
}
/*
    .PictureLinks+.PictureLinks
{
	border-width: 0px;
}
*/
    .PictureLinks p
{
	z-index: 0;
	height: 30px;
	font-family: VollkornMedium;
	font-size: 15px;
	text-align: center;
	top: 200px;
	display: block;
}
.PicLink
{
	background-color: #f5ebd1;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	float: left;
	position: relative;
	display: inline-block;
	height: 210px;
	width: 242px;
}
    .PicLink+.PicLink
{
	margin-left: 8px;
}
    h2
{
	font-size: 18px;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}
    h1
{
	font-size: 22px;
	margin-bottom: 0.25em;
}
h4 {
	font-size: 14px;
	font-family: 'VollkornMedium';
	font-weight: normal;
	margin-bottom: 0px;
}
li {
	font-size: 16px;
}
    ol
{
	list-style-position: outside;
	font-size: 120%;
	padding-left: 240px;
}
    .spalte
{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: -5px;
	position: relative;
	width: 250px;
	display: inline-block;
}
    .spaltenende
{
	height: 1px;
	position: relative;
	display: block;
	float: none;
	width: 1000px;
}
    .spalte ul li
{
	margin-left: -20px;
	list-style-type: square;
}
    #breit
{
	padding-left: 30px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background-color: #fffdd8;
	left: 220px;
	position: relative;
	display: block;
	width: 740px;
}
.teamliste {
	width: 730px;
	position: relative;
	display: block;
	left: 100px;
}

    .teammitglieder
{
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	float: left;
	display: block;
	height: 200px;
	width: 300px;
	margin-top: 10px;
	margin-right: 55px;
	padding-right: 5px;
}
    .teammitglieder img
{
	margin-right: 10px;
	float: left;
}
    .teammitglieder h2
{
	font-size: 15px;
}
    .teammitglieder p
{
	font-size: 13px;
	padding-right: 0px;
}
.teammitglieder a {
	display: block;
	position: relative;
	left: 160px;
	width: 130px;
	height: 20px;
	bottom: 35px;
	z-index: 0;
/* 	float: right; */
	font-family: VollkornMedium;
	color: #51aab2;
}
.direktkontakt {
	display: block;
	position: relative;
	width: 130px;
	height: 20px;
	right: 10px;
	
}
    #Referenzkarte
{
	background-repeat: no-repeat;
	background-image: url(../media/DeutschlandkarteSolo.jpg);
	display: block;
	height: 522px;
	width: 1000px;
}
    #Niederlassungskarte
{
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../media/Niederlassungen-neu.jpg);
	display: block;
	height: 800px;
	width: 1000px;
}
    .Referenz
{
	height: 30px;
	width: 200px;
	clear: both;
	z-index: 10;
}
    .Referenz h3
{
	font-size: 14px;
	margin-bottom: 0px;
}
    .Referenz p
{
	font-size: 12px;
	margin-top: 4px;
}
    #Dortmund
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 33px;
}
    #Bochum
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 49px;
}
    #Oberhausen
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 65px;
}
    #Essen
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 82px;
}
    #Solingen
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 97px;
}
    #Duesseldorf
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 114px;
}
    #Frankfurt
{
	position: relative;
	left: 70px;
	z-index: 0;
	display: block;
	top: 130px;
}
    #Luebeck
{
	position: relative;
	left: 860px;
	top: -275px;
	display: block;
	z-index: 0;
}
    #Hamburg
{
	clear: both;
	position: relative;
	left: 860px;
	z-index: 0;
	display: block;
	top: -260px;
}
    #Berlin
{
	clear: both;
	position: relative;
	left: 860px;
	z-index: 0;
	display: block;
	top: -243px;
}
    #Dresden
{
	clear: both;
	position: relative;
	left: 860px;
	z-index: 0;
	display: block;
	top: -227px;
}
    #NLEssen
{
	position: absolute;
	left: 120px;
	z-index: 0;
	display: block;
	top: 78px;
}
    #NLStuttgart
{
	position: absolute;
	left: 70px;
	z-index: 0;
	display: block;
	top: 278px;
}
    #NLHamburg
{
	clear: both;
	position: absolute;
	left: 780px;
	z-index: 0;
	display: block;
	top: 78px;
}
    #NLBerlin
{
	clear: both;
	position: absolute;
	left: 780px;
	z-index: 0;
	display: block;
	top: 178px;
}
    #NLDresden
{
	clear: both;
	position: absolute;
	left: 780px;
	z-index: 0;
	display: block;
	top: 278px;
}
    #fluegellinks
{
	height: auto;
	margin-bottom: -1200px;
	margin-right: -450px;
	clear: left;
	float: left;
	z-index: 0;
	top: 0px;
	left: -450px;
	position: relative;
	display: block;
	width: 450px;
}
    #fluegelrechts
{
	height: auto;
	right: -450px;
	margin-bottom: -1200px;
	clear: right;
	float: right;
	z-index: 0;
	top: 0px;
	position: relative;
	display: block;
	width: 450px;
}
    .textBild
{
	margin-bottom: 5px;
	margin-top: 10px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
}
    .textBildRechts
{
	margin-bottom: 5px;
	margin-top: 10px;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	float: right;
	clear: left;
	margin-left: 15px;
}
    .textBildContainerRahmenlos
{
	display: block;
	width: 180px;
	margin-bottom: 5px;
	margin-top: 4px;
	margin-left: 10px;
/*
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
*/
	float: right;
}

.bildzuschrift {
	font-size: 12px;
}

.aufzaehlung_gross {
	margin-left: 200px;
	font-size: 17px;
	list-style-position: outside;
	list-style-type: disc;
}
.eingerueckt {
	padding-left: 15px;
	font-size: 90%;
}
#housekeepingTabelle {
	width: 750px;
	font-size: 16px;
}
#housekeepingTabelle td {
	width: 250px;
}
#housekeepingListe {
	width: 750px;
	list-style-position: outside;
	font-size: 16px;
	padding-left: 20px;
}

#weitereDiensteListe {
	margin-left: 200px;
}
#main > p {
	padding-right: 20px;
}
#impr_kontaktdaten {
	width: 750px;
}

#jobtabelle {
	display: block;
	position: relative;
	width: 1000px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	left: -10px;
	border-collapse: collapse;
}
#jobtabelle h2 {
	font-size: 16px;
}
#jobtabelle td, #jobtabelle th {
	border: 1px solid #666666;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #f6c281;
}
#jobtabelle th {
	color: black;
	background-color: #cccccc;
}
#jobtabelle a {
	color: #800000;
	text-decoration: none;
}
#jobtabelle a:hover {
	color: #ffffff;
	font-weight: bolder;
}
.jtSpalte1 {
	width: 300px;
	padding-left: 50px;
	padding-right: 50px;
}
.jtSpalte2 {
	width: 100px;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
}
.jtSpalte3 {
	width: 300px;
	padding-left: 50px;
	padding-right: 50px;
}
.personalsubhead {
	margin-top: 20px;
	margin-bottom: 0px;
}
.persadresse {
	display: block;
	position: relative;
	left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.personalanzeige {
	display: block;
	position: relative;
	width: 980px;
	padding-left: 10px;
	padding-right: 10px;
}
.personalanzeige h2+h1 {
	margin-top: -5px;
}
.persregion {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
}
.personalanzeige img {
	display: block;
	position: relative;
	float: right;
	clear: left;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}
.ruecksturz {
	font-size: 12px;
	margin-top: 5px;
}
#hauptsitz {
	display: block;
	position: relative;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
#quiz {
	display: block;
	position: relative;
	width: 750px;
	float: right;
	right: 20px;
}
#quiz fieldset {
	padding: 5px 30px 10px 30px;
}

#quiz input {
	font-family: 'VollkornRegular'; 
}

.error {
	color: red;
	font-size: 14px;
	background-color: yellow;
	padding: 5px;
}
.invisible {
	display: none;
}
.allesrichtig {
	display: inline-block;
	position: relative;
	float: right;
	top: -15px;
	right: 5px;
	padding: 5px;
	color: white;
	background-color: green;
	font-weight: normal;
}
.paarfehler {
	display: inline-block;
	position: relative;
	float: right;
	top: -15px;
	right: 5px;
	padding: 5px;
	color: red;
	background-color: yellow;
	font-weight: normal;
}

#quizverweis {
	display: block;
	width: 174px;
	margin-bottom: 5px;
	margin-top: 4px;
	margin-left: 10px;
	border: 1px solid #666666;
	padding: 3px;
	float: right;
}
.textBildCenter {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666666;
}
#dreidcontainer {
	 width:700px;
	 height:480px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 50px;
	 margin-bottom: 50px;
}
#hotspots {
	border: 1px solid #666666;
}

/* 1-12-2015*/

/*category*/
.category-outer{box-shadow:0px 0px 1px #666; width:240px; padding:0px; margin:4px; font-family:'VollkornMedium', sans-serif !important; position:relative; background-color: #f5ebd1; border-color: #666666; border-width: 1px; border-style: solid; float: left; display: inline-block;} 
.category-outer .cate-img{width:220px;height:145px;text-align:center;overflow:hidden;margin:10px auto ; position:relative;}
.category-outer .cate-img figure{width:220px; height:145px;vertical-align:middle; display:table-cell;}
.category-outer .cate-img figure img{display:block; margin:auto; transition:all linear .6s;}
.category-outer:hover .cate-img figure img{ transform:rotate(0deg) scale(1.1)}
.category-outer .cate-des{width:96%;text-align:center; margin-top:5px; padding:5px; background:#f9f9f9; border-top:2px solid #ffd900;}
.category-outer .cate-des .cate_ttl{font-size:15px;color:#000; line-height:26px; height:26px; overflow:hidden;}
.category-outer .cate-des .cate_txt{font-size:13px;color:#000; line-height:15px; font-family:VollkornRegular, Arial, Helvetica, sans-serif; height:30px; overflow:hidden;}
.category-outer:hover{box-shadow:0px 0px 1px #000;}
.category-outer:hover .cate-des{ background:#fff6de;}
/*category end*/

a.btn1{ color:#fff;} a:visited.btn1{color:#fff;}
 .btn1{ background:#ed8001; padding:4px 18px; color:#fff; font-size:14px; text-transform:capitalize; }
.btn1:hover{ color:#fff; background:#cf6f00} 

/* details */
.dtl_images{float:left; margin:0 0 0 5px; position:relative; width:350px; min-height:244px; border:1px solid #ddd; padding:10px;}
.dtl_images_mob{border:1px solid #ccc; width:100%; margin:0 auto 20px; display:none}
.dtl_images_mob img{display:block; width:100%; height:auto;}
.dtl_contents{float:left; width:60%; margin:0 0 0 2%;} 

.product-dtl-img{width:350px; height:244px;}
.product-dtl-img figure{width:350px; height:244px; display:table-cell; text-align:center; vertical-align:middle}
.product-dtl-img img{display:block; margin:auto;}

.video_area{border:10px solid #eee; padding:20px; max-width:100%; height:465px;}
ul.myulx, ul.myulx li{margin:0; padding:0; list-style:none;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top:10px;}
.mt8{margin-top:8px;}
.rel{position:relative;}
.db{display:block;}
.bb4 {border-bottom: 2px solid #eee;}
.weight600 {font-weight: 600;}
.green1, .green1 a, green1 a:hover {color: #eb8000;}
.pb10 {padding-bottom: 10px;}
.fs20 {font-size: 20px;}
.p15{padding:15px; padding-left:0px;}
.mb35{margin-bottom:35px;}
.w100 {width: 95%;}
.p10 {padding: 10px;}
.lht-20 {line-height: 20px;}
.fs14 {font-size: 14px;}
.radius-3 {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.bb {border-bottom: 1px solid #ccc;}
.lht-42 {line-height: 42px;}
.fs24 {font-size: 24px;}
.mt20 {margin-top: 20px;}
.mr5 {margin-right:5px;}
.mt3{margin-top:3px;}
.pt25{padding-top:25px;}
.p8{padding:8px;}
.mt7{margin-top:7px;}
.ml10{margin-left:10px;}
.mt12{margin-top:12px;}
.mr15{margin-right:15px;}
.ac{text-align:center}
/* details */

/* Login CLASSES */
.login_box1{width:65%; margin:auto; font-size:13px; border:10px solid #122a83; background:#ececec; background:rgba(236,236,236,0.5) url(../images/login.png) no-repeat 270px 70px; border-radius:5px; padding:10px 15px 20px 15px; box-shadow:#ef7f01 0 2px 30px inset;}
.login_box2{width:65%; margin:auto; font-size:13px; border:10px solid #122a83; background:#ececec; background:rgba(236,236,236,0.5) url(../images/login.png) no-repeat 270px 250px; border-radius:5px; padding:10px 15px 20px 15px; box-shadow:#ef7f01 0 2px 30px inset;}

.inv_box2{float:right;}
.inv_box1{float:left; width:60%}
.inv_box3{float:left; width:49.5%; border:10px solid #cbcbae; padding:2%; min-height:220px;background:#ececec; background:rgba(236,236,236,0.5);box-shadow:#a28647 0 2px 30px inset; border-radius:5px;}
.inv_box3_mar{float:right}

/* FORM */
input[type=text]{color:#000; background:#fff; border:1px solid #ccc}
input[type=password]{color:#000; background:#fff; border:1px solid #ccc}
input[type=file]{color:#000; background:#fff; border:1px solid #ccc}
textarea, select{color:#000; background:#fff; border:1px solid #ccc; resize:none}
input, textarea, select{font:normal 12px/16px 'Roboto Slab', serif; color:#000}
input.check{border:1px solid #666; font-size:13px;  width:15px; height:15px; margin:2px 2px 2px 0px; outline:none; background:#fff}
input[type=text]:focus, input[type=password]:focus, textarea:focus{color:#000}
p, h6, h5, ul, li, img, span, h3, h1, h2, h3, h4, a, input, div{ margin:0px; padding:0px; border:0px; outline:none}
/* FORM End */

/* INVOICE CLASSES ENDS */
.account-pa{ margin:10px auto; background:#ececec; background:rgba(236,236,236,0.5); padding:20px 0px; border-bottom:1px solid #eee; border-radius:5px;}
.emp_acc_link, emp_acc_link li{list-style:none; margin:0 !important; padding:0 !important; display:block;}
.emp_acc_link li{float:left; width:19.9%; text-align:center}
.emp_acc_link li a{display:block; border:1px solid #fff; padding:10px 0; color:#fff; background:#182985; text-shadow:1px 1px rgba(0,0,0,.5)}
.emp_acc_link li a:hover{color:#fff; background:#333}
.emp_acc_link li a.act{color:#fff; background:#f08002; box-shadow:none !important;}
.acc_title{ text-align:left}
.acc_mid_boxes{width:98%; margin:auto;}
.acc_mid_boxes .box1{float:left; width:33.3333%; text-align:center}
.acc_mid_boxes_title{text-align:left;}
.acc_odh_filter{}
.acc_odh_filter p{float:left; width:43%; margin-right:10px; position:relative}
.acc_odh_filter p input{width:95%;}
.acc_odh_filter p img{position: absolute; z-index:1; right:5px; top:2px;}
.cont_4_oh{}
.cont_4_oh strong{display:none; font-weight:normal}
.cont_4_oh .sec1{width:10%; float:left; text-align:left}
.cont_4_oh .sec2{width:45%; float:left; text-align:left}
.cont_4_oh .sec3{width:35%; float:left; text-align:center}
.cont_4_oh .sec4{width:10%; float:left; text-align:center}
.cont_4_address{}
.cont_4_address strong{display:none; font-weight:normal}
.cont_4_address .sec1{width:10%; float:left; text-align:left}
.cont_4_address .sec2{width:70%; float:left; text-align:left}
.cont_4_address .sec3{width:20%; float:left; text-align:center}
.thm_cont{width:100px; height:80px; border:1px solid #ddd; overflow:hidden; text-align:center}
/* ACCOUNT ENDS */

.btn5, .btn5:visited{background:#182985; display:inline-block; text-align:center; color:#fff; font-size:13px; font-weight:600; line-height:32px; height:32px; border:0; border-radius:4px; padding:0px 14px; text-transform:capitalize;}
.btn5:hover{background:#233cc1; color:#fff;}

.btn4, .btn4:visited{background:#ed8001; display:inline-block; text-align:center; color:#fff; font-size:13px; font-weight:600; line-height:32px; height:32px; border:0; border-radius:4px; padding:0px 14px; text-transform:capitalize;}
.btn4:hover{background:#ff9f31; color:#fff;}

.border2 {border: 1px #19743d solid;}
.bg-white {background: #fff; background: rgba(255,255,255,.5);}
.pl15 {padding-left: 15px;}
.pr15 {padding-right: 15px;}
.p10 {padding: 10px;}
.mb15 {margin-bottom: 15px;}
.ml1 { margin-left: 1px;}
.mr1 { margin-right: 1px;}
.weight300 {font-weight: 300;}
.black, .black a:link, .black a:visited {color: #000;text-decoration: none;}
.lht-28 {line-height: 28px;}
.fs28 {font-size: 28px;}
.ttu {text-transform: uppercase;}
.ttu {text-transform: uppercase;}
.mt50 {margin-top: 50px;}
.fs18{font-size:18px;}
.b{font-weight:bold;}
.black{color:#000;}
.pt10{padding:10px;}
.mr10{margin-right:10px;}
.pt10{padding-top:10px;}
.cb{clear:both;}
.pb0{padding-bottom:0;}
.pt8{padding-top:8px;}
.pb7{padding-bottom:7px;}
.p5{padding:5px;}

/* SHORT FORM */
.short_form{ margin:10px auto; font-size:14px;background:#ececec; background:rgba(236,236,236,0.5); padding:20px 15px 20px 0; border-bottom:1px solid #eee; border-radius:5px;}
.short_form input[type=text], .short_form input[type=password], .short_form select, .short_form textarea, .short_form .fls{padding:9px; width:75%; border-radius:3px}
.short_form .w36{float:left; width:27%; text-align:right}
.short_form .w62{float:right; width:70%}
.short_form .checkboxes{padding:9px; width:75%; display:block; border:1px solid #ccc;}
.short_form .checkboxes span{display:block; font-weight:normal; margin-bottom:3px}
.short_form .checkboxes span input{vertical-align:middle;}
/* SHORT FORM ENDS */
.red, .red a:link, .red a:visited {color: #d00202; text-decoration: none;}

/* pageing */
.paging_container{padding:8px 10px; border:1px solid #ddd; background:#fff; border-radius:3px}
.paging_container_x{padding:7px 5px; border:1px solid #ddd; background:none}
.paging_container .one{float:left;}
.paging_container .two{float:right; margin:2px 0 0 0}
.paging a, .paging a:visited{display:inline-block; padding:3px 8px; text-align:center; font:bold 12px/16px Arial, Helvetica, sans-serif; background:#fff; margin:0px 2px; color:#666; border-radius:5px; border:1px solid #666}
.paging a:hover, .paging a.act{color:#fff; background:#182985; border:1px solid #111;}
.paging .sort_by{float:right; margin:0 0 0 5px;}

/* pageing end */