body{ color:#FFF; overflow-y:scroll; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:100%; padding:0px; margin:0px; }
body, html { border: none;}
textarea{ font-size:9pt; font-family:Verdana,Arial,sans-serif; font-weight:normal; color:#585858;}
a 	{ color:#FFF; text-decoration:underline; cursor:pointer; }
ul	{ list-style-type: none; padding:0; margin:0;}
form,
ul ul{ padding:0 !important; margin:0 !important; }
li	{ padding-bottom:5px; }
h1	{ font-size:20px; }
h2	{ font-size:18px; }
h3	{ font-size:14px; margin:15px 0 !important;}
h4	{ font-size:12px; margin:0 0 5px; padding:0; font-weight:bold;}
h1, h2 	{ color:#9e0c26;}
h1, h2, h3	{ padding:0; margin:30px 0 15px;}
table, img	{ border:none; font-size:11px;}
label	{ float:left; font-weight:bold;}
select,
input	{ font-size:11px; color:#585858; vertical-align:top;}
input	{ padding:2px 5px; margin-right:3px;}
select	{ padding:2px 0 2px 5px}
button,
input[type=submit],
input[type=button]	{ padding:2px 7px; cursor:pointer; background-color:#808b94; color:#fff; border-radius:4px; border:0;}
input[type=radio]	{ margin-top:0}
input[disabled],
select[disabled]	{ background:#ddd;}




/******** ALLGEMEIN ********/
.title	{ font-weight:bold;}
.cb		{ clear:both;}
.floatN	{ float:none !important;}
.mtb20	{ margin:20px 0;}
.ml5P	{ margin-left:5.4%;}
.mr5P	{ margin-right:5.4%;}
.pb20	{ padding-bottom:20px;}
.hide	{ display:none;}
.tar	{ text-align:right;}
.warnung{ color:#ea7100;}
.edit,
.delete { padding:2px 0px;}
.stat	{ padding:2px 0px 0px 15px;}
.edit	{ background: url(../media/images/edit.png) no-repeat top left; margin-right:10px;}
.stat	{ background: url(../media/images/stat.png) no-repeat top left; margin-right:10px;}
.ok		{ background: url(../media/images/ok.png) no-repeat top left; padding-left:15px;}
.delete	{ background: url(../media/images/delete.png) no-repeat top left; }
.finish	{ background: url(../media/images/ok.png) no-repeat top left; padding-left:17px;}
.new	{ background: url(../media/images/plus.png) no-repeat top left; padding-left:17px;}
.imgReload	{ background: url(../media/images/reload.gif) no-repeat top left; padding:0 20px 5px 0; margin-left:5px;}
.delete	span,
.edit span	{ padding-left:20px; }
.price_red	{ font-size:15px; color:#ba0707;}
#js_check	{ text-align:center; border:2px solid Red; margin-bottom:5px; padding:10px; color: red; font-weight: bold; line-height: normal; letter-spacing: 1px;}
em,
.fehlermeldung	{ color:red }
.erfolgsmeldung	{ color:green;}
.button_set	{ padding:20px 0 5px;}
.button_set button,
.button_set input[type=button],
.button_set input[type=submit]	{ float:right; padding:3px 8px;}
.effectButtons { margin:5px 170px 0 0; float:right;}

/* width */
.width25	{ width:25px !important;}
.width45	{ width:46px !important;}
.width50	{ width:50px !important;}
.width65	{ width:65px !important;}
.width80	{ width:80px !important;}
.width90	{ width:90px !important;}
.width100	{ width:100px !important;}
.product_detailFoot .details label,
.width120	{ width:120px !important;}
.width160	{ width:160px !important;}
.width180	{ width:180px !important;}
.width49P	{ width:49% !important;}

/* Clears */
div:after,
li:after,
.clearer:after,
.header:after,
.main:after ,
.kontakt ul:after,
.product_overview .list ul:after	{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}

/******** HEADER ********/
.logo {
	float:left;
	padding-top:28px;
	margin:0px;
}

.logoutLang {
        position: relative;
	top: -10px;
	float:right;

}



.suche	{ cursor:pointer; margin:0 5px 0 -3px;}
.suche img	{ margin-top:5px;}
#suchmaske	{ float:right; height:33px;}
#suchmaske input[type=text]	{ border:none; width:180px; padding:3.3px; margin:5px 0; font-size:12px;}
#speciallinks		{ float:right; margin-top:-55px; text-align:right;}
#speciallinks input	{ font-size:12px; padding:2px;}
#speciallinks input[type=button],
#speciallinks input[type=submit]	{ margin-bottom:4px; padding:2px 7px; background-color:#4c5554;}




/* Navigation */
.topRow { 	height: 35px; 
			font-size: 12px; 
			color: #E6E6E6; 
			background-color: #25303b; 
			padding: 10px; 
			text-transform: uppercase;
			box-sizing: border-box;
}
.msgBlock { 	padding:0px; 
			margin:0px;
			max-width:1200px; 
			margin-right: auto; 
			margin-left: auto;
}
.msg { 	float:right; 
		margin:0px;	
}

.navBlock{
			height:147px;
			padding:0px; 
			margin:0px;
			max-width:1200px; 
			margin-right: auto; 
			margin-left: auto;
}

.nav_leiste_PT	{clear: both; 
				height:35px; padding:0px; margin:0px;background-color:#FFF;}



.nav_top	{ 	float: left; 
				padding:0px; 
				margin:0px;
				max-width:1200px; 
				margin-right: auto; 
				margin-left: auto;
}

.nav_top a {
	position: relative;
	top:26px;
	
}


.nav_top a	{ margin-right:30px; font-size:16px; text-decoration:none; color:#ffffff;}
.nav_leiste_PT .nav_top a	{ color:#9e0c26;}

/******** MAIN CONTENT ********/
.workBlock { background-color:#e3e4e9;}
.podBlock { background-color:#e3e4e9;}
.main	{ max-width:1200px; margin-right: auto; margin-left: auto; min-height:445px; margin-top:10px;}
.fl		{ float:left;}
.fr,
.content 	{ float:right!important; }
.main_3col	{ float:left; width:773px;}
.main_1col .content	{}
.main_1col iframe	{ position:relative; border:none; height:1050px; width:103%; }
.main_1col object	{ display:none;}
.main_2col .content	{ width:730px;}
.main_3col .content	{ width:525px;}
.content select		{ width:192px;}
.content input[type=text],
.content input[type=password]	{ width:170px;}
.sidebar_right	{ width:200px; float:right; padding-bottom:10px;}
.sidebar_left	{ width:240px; float:left; margin:0 0 10px 2px; background-color:#eeeeef;}
.sidebar_right,
.sidebar_left	{ -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.sidebar_right,
.content_box	{  height:100%; color:#25303B;}
.banner {
	padding: 11% 0px 0px !important;
	background-size: 100% auto;
	background-image: url("/media/images/Header_Visitenkartenportal_final.png");
}

/* Boxen */
.content_box	{ padding:10px;}


/******** HOMEPAGE ********/

/******** AGB ********/
.agb.paragraph { padding-top:10px; font-weight: bold; }


/******** PRODUKTE ********/
/* frontend */
.thumbnail	{ width:105px; float:left;}
.details	{ width:180px;}
.img_cart	{ background: url(../media/images/cart.png) no-repeat bottom left; padding:4px 20px 0 0; min-height:15px; min-width:15px; cursor:pointer;}
.img_cross	{ background: url(../media/images/last.gif) no-repeat bottom left; padding:4px 20px 0 0; min-height:15px; min-width:15px; cursor:pointer;}
.product_overview	{ float:right; width:390px;}
.product_overview .list	{ margin-top:10px;}
.product_detail,
.product_overview .list	{ border:1px solid #fff; padding:3px; height:100%;}
.cartNavLeiste li,
.productMB .list li,
.product_overview .list li	{ float:left;}
.productList .content_box	{ margin-bottom:5px;}
.product_detailHead	{ border-bottom:1px solid #fff;}
.product_detailFoot	{ border-top:1px solid #fff; padding:6px 3px 3px;}
.product_detailBody	{ padding:3px; float:right;}
.product_detailImg	{ border-right:1px solid #fff;}
.product_detailImg img	{ max-width:305px;}
.product_detailBody	label	{ width:125px;}
.np_form,
.product_detailBody	.productMB	{ width:380px;}

/* admin */
.product1 p	{ margin-top:40px;}
.product label	{ width:155px; margin-top:5px;}
.product div,
.product ul ul	{ float:right; width:555px; margin-top:-15px !important;}
.product1 div	{ float:left; min-width:100px;}
.lagerBestand table	{ width:500px; text-align:left;}
.productManagement li li	{ list-style-position: outside; list-style-type: square; margin-left:15px; padding-left:15px;}

/* Produktverwaltung */
.pvw div	{ float:left;}
.pvw li	{ padding-bottom:10px;}
.pvw label	{ text-decoration:underline;}

/******** WARENKORB - BESTELLVORGANG ********/
.cartNavLeiste	{ margin:30px 0 15px;}
.cartNavLeiste li	{ background:#525b5a; width:152px; text-align:center; padding:5px 0;}
.cartNavLeiste .disabled a,
.cartNavLeiste li a	{ text-decoration:none; color:#fff; cursor:text;}


.cartNavLeiste .active_PT	{ background:#184392 !important; border:1px solid #eeeeef; height:100%;}

.cartNavLeiste .active_PT a	{ color:#FFFFFF;}

.cartNavLeiste .disabled,
.cartNavLeiste .activated	{ background:#afafaf !important; }
.cartNavLeiste .activated a	{ cursor:pointer; text-decoration:underline;}
.dpb,
.cartNavLeiste span	{ display:block; }

.cart li { border-bottom:1px dashed #fff; padding-top:5px;}
.cart label,
.cart div	{ float:left; min-width:30px;}
.cartprice div	{ float:none; margin:5px 0; text-align:right;}
.cartprice div div	{ float:right; margin:0; width:80px;}
.cartprice.width49P div:after	{ clear:none;}
.cartText 	{ font-weight:bold; border-bottom:1px dashed #fff; }
.cartText div	{ margin:10px 0;}
.agbConfirm	{ text-align: right;}

.sub_title	{ background-color:#afafaf; color:#fff; padding:3px 5px; text-transform:uppercase; margin:10px 0;}
.cart_details label	{ width:125px;}
.cart_details.anschrift div	{ width:37%; float:left;}
.fehlBestand	{ width:45%; float:right; margin-top:12px;}
.fehlBestand label	{ width:100px;}
.fehlBestand .list	{ list-style-type:disc; margin-left:15px;}

.bestellungen	{ margin-bottom:5px;}
.bestellungTitle	{ padding:10px 0; font-weight:bold; font-size:12px; cursor:pointer;}
.bestellungTitle div	{ margin-right:25px; text-decoration:underline; float:left;}
.bestellungen .cart	{ padding-bottom:15px;}

/******** BENUTZER ********/
/* Suche, Registrierung und Bearbeitung */
.epDiv	{ margin-left:110px;}
.search_user	{ width:700px;}
.search_user th,
.search_user td	{ text-align:left; min-width:20px;}
.search_user tr	{ height:20px;}
.registry select	{ width:auto; max-width:100px;}
.registry label	{ width:110px;}
.registry1 label	{ width:120px;}
.registry .firma	{ max-width:300px;}
.beispiel span	{ margin-right:60px; font-size:10px; font-style: italic;}

/* login und passwort abfrage */
.login label	{ margin-top:4px; min-width:100px;}
.login p label	{ min-width:125px;}
.agbConfirm	label,
.cart_sidebar label,
.captcha label	{ float:none !important;}
.captcha input	{ }

/* admin */
.user_rules	{ margin-top:15px;}
.user_rules span	{ white-space:nowrap;}
.user_rules div	{ width:598px; float:right;}
.user_rules select	{ max-width:200px;}

/******** CROSSMEDIA ********/  
.crossmedia form{ padding:0 10px;}
.crossmedia .menge	{ float:right; padding:0 5px 0 10px;}
.crossmedia .menge span	{ padding-top:5px; display:inline-block;}
.button_set.crossmedia	{ margin-right:450px;}


/******** KONTAKT ********/  
.kontakt li	{ width:225px; float:left;}

/******** FOOTER ********/
.footer	{ height:230px; background-color:#25303b; }
.footernavi	{  margin:0px 0px 0px 0px; padding-top: 50px; font-size: 14px; color:#AAA;}
.sprachwahl	{ float:right; width:150px; position: relative;}
.footer a 		{ color:#dddedf; text-decoration:none;}
.footer a:hover	{ text-decoration:underline;}
.footer li		{ display:inline; margin-right:5px;}
.footer li:after	{ content:none;}

.footernavi li { margin-right:40px;}

.footer_nav		{  
				   height:230px;
				   padding:0px; 
				   margin:0px;
				   max-width:1200px; 
				   margin-right: auto; 
				   margin-left: auto;
}
.footer_nav,
.footer_logos	{ padding:7px;}
.footer_logos a 	{ padding-right:10px; float:left;}
.footer_logos .copyright { color:#535e5d; float:right;}
.footer_wd {
	background-color:#3F4855; 
	height:120px;
	vertical-align: middle;
}


.footer_wd a img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	height:50px;
	padding-top:20px;
}

.footer_wd p{
	display: block;
    margin-left: auto;
    margin-right: auto;	
	text-align:center;
	color:#AAA;
}

/******** NAVIGATION - SIDEBAR ********/
.sidebar_main {  height:44px; background: #efefef url(../media/images/bg-sidebar-light-list.jpg) 0 0 repeat-x;border: 1px solid #dedede;border-top-right-radius: 5px;
border-top-left-radius: 5px;font-weight: bold;font-size: 18px;color: #525b5a;}
.sidebar_right h3,
.sidebar_nav h3	{ padding-left:10px;}
.cartNavLeiste,
.sidebar_right .title,
.sidebar_nav2 li a{ adressListHead font-size:12px;}
/* links */
.sidebar_nav ul	{ padding:0 2px; margin-left:-3px;}
.sidebar_nav li,
.sidebar_nav2 li	{ padding:0; background:url(../media/images/bg_subnavi_no.png) no-repeat top left;}
.sidebar_nav2 li a ,
.sidebar_nav li label,
.sidebar_nav li a	{ display:block; padding:7px 10px 8px 20px;}
.sidebar_nav li li a,
.sidebar_nav2 li li a	{ margin-left:15px;}
.sidebar_nav2 li li a	{ font-weight:normal; text-decoration: none;}
.sidebar_nav2 .PT_aktiv a,
.sidebar_nav li li a:hover,
.sidebar_nav2 li li a:hover,
.pvw li:hover	{ font-weight:bold;}
.sidebar_nav2 .PT:hover,
.sidebar_nav2 .PTaktiv,
.sidebar_nav2 .PTaktiv li { background:url(../media/images/PT/bg_subnavi_ro.png) no-repeat top left;}


/* rechts */
.cart_sidebar li	{ padding-bottom:10px;}
.sidebar_right ul,
.sidebar_right div	{ padding:0 10px;}

a.tooltip {text-decoration:none;}
.tooltip span.info{display:none;}
.tooltip:hover span.info{display:block;position:absolute;padding:10px;background-color:#FFFFFF;}



/*On Off Switch*/

.onoffswitch {
    position: relative; width: 63px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Ja";
    padding-left: 10px;
    background-color: #EEEEEE; color: #5A5A5A;
}

.onoffswitch-inner:after {
    content: "Nein";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 9px; margin: 3px;
    background: #FC0839;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 44px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #27CA27; 
}

.adressListHead {
	font-weight: bold;
	float:left;
}

.adressList60 {
	width:60px
}

.labelList {
	width: 90px;
	display:block;
	float:left;
}


#content_right {
    padding: 0px;
    padding: 5px 0px 15px;
    margin-top: 0px;
    float: left;
    border: 0px solid #FF0;
    width: 960px;
	color:#000;
}
#content_right h1,a{
	color:#9F0022;
}


#search_data_div {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	padding: 14px;
	border-radius: 5px;
	color: rgb(0, 0, 0);
}
#search_data_div h2 {
	color:#9e0c26;
}

#softproof a {
	color:#000;
}

#search_data {
	width: 230px;
	float: left;
}


#search_info{
	width: 490px;
	float: right;
}

#clear {
    clear: both;
}

#pers_bg {
    margin: 0px;
	padding: 10px;
	text-align: left;
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	margin-top: 10px;
	border-radius: 5px;
	color: rgb(0, 0, 0);
}

.box{
	margin: 0px;
	padding: 10px;
	text-align: left;
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	margin-top: 10px;
	border-radius: 5px;
	color: rgb(0, 0, 0) !important;
}

#softproof {
	float:left;
}

#pers_headline {
    color: #FFF;
	background-color: #808b94;
	padding: 5px;
}

.pers_headline_fieldname {
    float: left;
    width: 140px;
    line-height: 22px;
	margin: 0px 10px 0px 0px;
}

.pers_headline_fieldvalue {
    float: left;
    text-align: left;
    width: auto;
    line-height: 22px;
    padding: 0px 0px 0px 5px;
}

#pers_trenner {
    border-top: 1px solid #DBDBDB;
	clear: both;
	height: 0px;
	margin: 1px 0px;
	
}

#pers_fieldname {
    float: left;
    width: 140px;
    line-height: 22px;
    margin: 0px 10px 0px 0px;
    padding: 2px 0px 0px 5px;
	position: relative;
}


#tooltip {
	position: absolute;
	right: 0;
}

#required {
	color: red;
	font-size: 1.3em;
}

.red{
	color:#9F0022;
}