﻿/* General */   

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
ol 
{
    padding-left: 20px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}             
.clear { display: block; clear: both; }

a > img { border: 0; }
strong { font-weight: bold; }
span.loc { text-transform: uppercase; }

body, html, form { height: 100%; }
* { -moz-box-sizing: border-box; box-sizing: border-box;  }
body { color: #A42035; background-color: #DDDDDD; font-size: .6em; line-height: 14px; font-family: Verdana, Sans-Serif, Helvetica; }

input[type=submit] { background: url(Images/button_background.jpg) repeat-x; color: #fff; border: none; cursor: pointer; }

small { font-size: 8px; }
small a { color: #003873; text-decoration: none; }

div.page { min-height: 100%; background-color: #FFFFFF; width: 1025px; margin: 0 auto; border-left: 1px solid #E6520F; border-right: 1px solid #E6520F; margin-bottom: -14px; }
/* HEAD SECTION */
div.header { min-height: 145px; min-width: 1022px; background-color: #fff; }
div.inner { position: relative; height: 145px; border-bottom: 1px solid #A42035; margin: 0 auto; margin-left: 40px; margin-right: 40px; background-color: #fff; }
div.inner h1 { position: absolute; top: 20px; font-weight: 700; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }
div.inner h1 a { background: url(Images/PV.jpg) no-repeat; text-indent: -9999px; display: block; height: 107px; width: 155px; }
div.inner ul { position: absolute; bottom: 0px; left: 150px; width: 400px; height: 18px; }
div.inner ul li { float: left; display: block; line-height: 18px; height: 18px; width: 78px; margin-right: -10px; }
div.inner ul li a { background: url(Images/menu_item.png) no-repeat; display: block; cursor: pointer; font-size: 10px; text-decoration: none; text-align: center; color: #fff; }
div.inner ul li a:hover {  display: block; cursor: pointer; font-size: 10px; text-decoration: none; text-align: center; color: #E4503C; height: 18px; background: transparent url(Images/active.png) no-repeat; }
div.inner ul li a.active { display: block; cursor: pointer; font-size: 10px; text-decoration: none; text-align: center; padding:15px 0; height: 18px; color: #E4503C; background: transparent url(Images/button_active.jpg) no-repeat; }
div.inner ul li.last {  }
div.inner ul li a.last { background: url(Images/menu_item_last.png) no-repeat; width: 200px; height: 18px; }
div.inner ul li a.last:hover { margin-left: 7px; background: url(Images/menu_item_last.png) no-repeat; width: 200px; display: block; cursor: pointer; font-size: 10px; text-decoration: none; text-align: center; height: 18px; color: #E4503C; background: transparent url(Images/active_last.png) no-repeat; }
div.inner ul li a.last.active { background: url(Images/menu_item_last.png) no-repeat; width: 200px; height: 18px; display: block; cursor: pointer; font-size: 10px; text-decoration: none; text-align: center; height: 18px; padding:15px 0; color: #E4503C; background: transparent url(Images/active_last.png) no-repeat; }
div.inner div.userpanel { position: absolute; right: 0; bottom: 0; height: 100px; color: #C0345A; width: 200px; }
div.inner div.userpanel .login { float: left; width: 200px; margin-bottom: 20px; }
div.inner div.userpanel .login a { float: left; color: #C0345A; text-decoration: none; }
div.inner div.userpanel .login span { float: left; }
div.inner div.userpanel .login span.bold { float: left; background: url(Images/user_loggedin.jpg) no-repeat; padding-left: 20px; }
div.inner div.userpanel .bag { float: left; margin-right: 20px; top: 40px; }
div.inner div.userpanel .bag a { color: #A191A3; font-size: 11px; text-decoration: none; background: url(Images/winkelwagen.jpg) no-repeat; padding-left: 13px; }

.languages a { color: #C0345A; text-decoration: none; }
.languages a:hover { color: #E95237; text-decoration: none; }
.languages a.active { color: #E95237; text-decoration: none; }
.languages span { color: #949393; } 

div.inner div.userpanel .search { position: absolute; bottom: -3px; width: 200px; z-index: 60; height: 20px;  } 
div.inner div.userpanel .search input[type=text] { background: url(Images/search_main.png) no-repeat; width: 155px; height: 17px; border: none; padding-right: 42px; padding-left: 10px; line-height: 17px; }
/* END HEAD SECTION */

/* MAIN SECTION */
div.main { width: 1025px; padding-left: 40px; padding-top: 30px; padding-bottom: 38px; float: left; margin-left: -1px; background-color: #fff; border-right: 1px solid #E6520F; border-left: 1px solid #E6520F; }

div.main.overview div.sitemap { margin-left: 80px; }

div.main div.content { background-color: #fff; width: 700px; float: left; margin-left: 20px; } 
div.main h2 { color: #A42035; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }

div.main div.sidebar { background-color: #E6520F; min-height: 775px; float: left; width: 194px; margin-bottom: 20px; margin-right: 5px; }
div.main div.border { border-left: 1px solid #E6520F; border-right: 1px solid #EC7F4E; min-height: 775px; float: left; }

div.main table tr.heading { border-bottom: 1px solid #000; }
div.main table th { text-decoration: none; color: #000; font-weight: bold; }
div.main table th a { text-decoration: none; color: #000; font-weight: bold; }
div.main table td { padding: 2px 10px; vertical-align: middle; }
div.main table td span { text-align: center; }

div.change { padding-bottom: 20px; }
div.change h2 { font-size: 14px; border-bottom: 1px solid #B85162; padding-bottom: 5px; }
div.change table.personal tr th { width: 165px; }
div.change table tr { margin-bottom: 10px; }
div.change table th { color: #000; text-align: left; line-height: 22px; width: 165px; }
div.change table th label { display: block; }
div.change table th a { text-align: left; color: #A42035; text-decoration: none; }
div.change table td { padding: 0; text-align: left; padding-right: 60px; }
div.change table textarea { height: 75px; width: 200px; }
div.change select.date { width: 95px; }

div.change table td input, div.change table td select { width: 200px; }
div.change table td input[type=submit] { width: 120px; }

div.GroupArticles ul li { float: left; width:330px; margin-right: 20px; height: 265px; margin-bottom: 20px;}
div.GroupArticles ul li div.image { /*float: left;*/ width: 160px; margin-right: 20px; height: 160px; }
div.GroupArticles ul li div.image a { text-align: center; vertical-align: middle; height: 160px; width: 160px; display: table-cell;  }
div.GroupArticles ul li div.image a img { max-height: 160px; max-width: 160px; vertical-align: middle; }
div.GroupArticles ul li div.info { float: left; /*width: 190px;*/ }
div.GroupArticles ul li div.info h2 { font-size: 12px;  }
div.GroupArticles ul li div.info h2 a { color:#A42035; font-weight: bold; text-decoration: none; }
div.GroupArticles span.dataPager { text-align: center; display: block; margin-top: 20px; }

div.Article h1 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
div.Article div.image { float: left; width: 225px; margin-right: 20px; }
div.Article div.image a { text-align: center; vertical-align: middle; line-height: 225px; height: 225px; width: 225px; display: table-cell;  }
div.Article div.image a img { max-height: 225px; max-width: 225px; vertical-align: middle; }
div.Article div.info { float: left; width: 365px; }
div.Article div.info h2 { font-size: 12px; }
div.Article div.info h2 a { color:#A42035; font-weight: bold; text-decoration: none;  }
div.Article div.info p { text-align: justify; margin-bottom: 10px;  }
div.Article div.cart { float: left; margin-top: 20px; width: 365px; }
div.Article div.cart p { float: left; width: 365px; margin-bottom: 20px; }
div.Article div.cart p label { float: left; width: 80px; line-height: 30px; }
div.Article input[type="text"] { float: left; width: 30px; height: 30px; border: 2px solid #A19896; background-color: #DDDDDD; text-align: center; }
div.Article div.shop { float: left; margin-top: 20px; }
div.Article div.shop input[type="submit"] { margin-right: 10px; }

div.shoppingbag { width: 700px; float: left; }
div.shoppingbag div { padding-top: 20px; margin-top: -5px; border-top: 1px solid #CB818D; border-bottom: 1px solid #CB818D;  }
div.shoppingbag h2 { font-size: 14px; border-bottom: 1px solid #B85162; padding-bottom: 5px;  }  
div.shoppingbag table { width: 700px; margin-bottom: 20px; border-top: 1px solid #CB818D; border: none; }
div.shoppingbag table tr th, div.shoppingbag tr td { border: none; text-align: left;  }
div.shoppingbag tr td.shopimage { }
div.shoppingbag tr td img { max-height: 50px; max-width: 50px; vertical-align: middle; }
div.shoppingbag table tr th { padding: 2px 15px; }
div.shoppingbag div.shop-actions { float: right; border: none; }
div.shoppingbag div.shop-actions input["submit"] { float: left; }
div.shoppingbag table input[type=text] { float: left; width: 30px; height: 30px; text-align: center; border: 1px solid #AB3245; }


div.terms { text-align: justify; overflow: hidden; overflow-y: scroll; height: 150px; width: 700px; }
div.terms h1 { margin-bottom: 20px; font-size: 14px; text-align: center; font-weight: bold; }
div.terms ul { width: 700px; list-style-type: disc; }
div.terms ul li { display: list-item; margin-bottom: 10px; margin-left: 50px; }
div.terms ul li ul { width: 650px; }
div.terms ul li ul li { list-style-type: none; }
div.terms p { margin-left: 50px; }

div.sitemap { margin-bottom: 20px; }

input[type=text].quantity { width: 30px; height: 30px; text-align: center; border: 1px solid #AB3245; }

table.gridview { margin: 0 auto; }
table.gridview th { padding: 2px 5px; }

/* Progress steps */
/*span.breadcrumb { margin-left: 228px; margin-top: 5px; display: block; font-size: 14px; }
span.breadcrumb a { color: #3C8CBF; }*/

/*div.sitemap { background-color: #fff; }
div.sitemap > span { display: block; height: 12px; }
div.sitemap > span > a { display: none; }
div.sitemap > span > span { background: url(Images/breadcrumb.png) no-repeat right bottom; display: inline-block; height: 12px; line-height: 12px; padding: 0 30px 0 6px; color: #fff; }
div.sitemap > span > span a { display: inline-block; line-height: 12px; color: #DB99B7; text-decoration: none; }
div.sitemap span.separator { background-position: right top; padding: 0; width: 14px; text-indent: -9999px; }
span#smpGeneral.breadcrumb { display: block; }
span#smpGeneral.article { display: block; margin-left: 126px; }*/

div.sitemap { margin-bottom: 20px; }
/* Progress steps */
/*span.breadcrumb { margin-left: 228px; margin-top: 5px; display: block; font-size: 14px; }
span.breadcrumb a { color: #3C8CBF; }*/

div.sitemap { background-color: #fff; }
div.sitemap > span { display: block; height: 12px; }
div.sitemap > span > a { display: none; text-decoration: underline; }
div.sitemap > span > span { background: url(Images/breadcrumb.png) no-repeat right bottom; display: inline-block; height: 12px; line-height: 12px; padding: 0 15px 0 8px; color: #fff; }
div.sitemap > span > span a { text-decoration: none; display: inline-block; line-height: 12px; color: #fff; }
div.sitemap span.separator { background-position: left bottom; padding: 0; width: 14px; text-indent: -9999px; }
span#smpGeneral.breadcrumb { display: block; }

/* End progress steps */

div.sidebar ul { margin: 20px 0 0 10px; }
div.sidebar ul li { margin-bottom: 10px; }
div.sidebar ul li a { text-transform: uppercase; color: #fff; font-size: 10px; text-decoration: none; }
div.sidebar ul li a:hover { font-weight: bold; }
div.sidebar ul li a.active { text-transform: uppercase; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; height: 18px; padding-bottom: 5px; background: url(Images/arrow_menu.png) no-repeat center bottom }
div.sidebar ul li ul { display: none; }
div.sidebar ul li:hover ul { display: block; margin: 0; margin-top: 10px; margin-left: -10px; }
div.sidebar ul li:hover ul li a { text-transform: capitalize; font-size: 10px; padding-left: 20px; }
div.sidebar ul li ul li a:hover { font-weight: normal; background:url(Images/arrow_left.png) no-repeat center left; font-size: 10px; padding-left: 20px; }
/* END MAIN SECTION */

/* FOOTER SECTION */
div.bottom { background-color: #7A6C69; min-width: 1024px; min-height: 30px; background-repeat: repeat; }
div.footer {  clear: both; min-width: 1025px; width: 1025px; margin: 0 auto; margin-top: -30px; height: 30px; background: #7A6C69; border-left: 1px solid #E6520F; border-right: 1px solid #E6520F; }
/*div.footer.admin { position: absolute; }*/
div.footer p { float: left; display: block; margin-left: 40px; font-size: 10px; line-height: 30px; height: 30px; color: #fff; }
div.credits { float: right; color: #fff; margin-right: 40px; text-align: center; line-height: 30px; height: 30px; }
div.credits span { color: #fff; font-size: 9px; float: left; display: block; }
div.credits > div > a { float: left; margin-left: 5px; margin-right: 10px; margin-top: 7px; }
div.credits > div { float: left; }
/* END FOOTER SECTION */

/* LOGIN SECTION */
div.login-outer { background-color: #fff; border-left: 1px solid #E6520F; border-right: 1px solid #E6520F; position: absolute; min-height: 100%; margin: 0 auto; width: 1024px; left: 50%; right: 50%; margin: 0px -512px; }
div.login-page { width: 1023px; position: absolute; top: 25%; border-right: 1px solid #E6520F; background-color: #fff; }
div.login-page h1 { margin: 0 auto; padding-top: 20px; margin-bottom: 50px; width: 350px; font-weight: 700; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }
div.login-page h1 a { background: url(Images/PV_Large.jpg) no-repeat; text-indent: -9999px; display: block; height: 242px; width: 350px; }
div.login-page p { width: 350px; margin: 0 auto; margin-bottom: 35px; }
div.login-page .languages { width: 350px; margin: 0 auto; margin-bottom: 5px; text-align: center; }
div.login-page dl.accountinfo { width: 226px; margin: 0 auto; }
div.login-page dl.accountinfo dt { border: 1px solid #E6520F; width: 226px; height: 24px; text-align: center; margin-bottom: 25px; }
div.login-page dl.accountinfo dt input[type=text] {  width: 202px; height: 22px; border: 1px solid #F8D0BE; float: left; }
div.login-page dl.accountinfo dt input[type=password] {  width: 202px; height: 22px; border: 1px solid #F8D0BE; float: left; }
div.login-page dl.accountinfo dt span.question { display: block; height: 24px; width: 22px; float: left; background-color: #E6520F; font-size: 15px; line-height: 20px; font-weight: bold; color: #fff; }
div.login-page dl.accountinfo dt.submit { border: none; }
div.login-page .failureNotification { margin: 0 auto; width: 350px; text-align: center; }
div.login-page .copyright { color: #E6520F; position: absolute; bottom: 0; width: 200px; margin: 0 auto; left: 40%; margin-top: -15px; }
/* END LOGIN SECTION */

/* Admin SECTION */
div.users p { margin-bottom: 10px; }
/* END Admin SECTION */

/* Inquiry */
div.inquiries-overview { margin: 0 80px; }
div.inquiries-overview li { float: left; margin: 0 15px 25px 0; min-height: 600px; }
div.inquiries-overview div.dm ul li { min-height: 1200px;  width: 395px; padding: 1px; }
div.inquiries-overview fieldset  { }
div.inquiries-overview div.actions { padding-top: 20px; }
/* End inquiry */

/* Form */
table.form th, table.form th label, table.form th span { text-align: right; color: #000; line-height: 26px; }
table.form input[type=text], table.form input[type=password], table.form textarea { width: 200px; }
table.form input[type=text].quantity { width: 30px; height: 30px; text-align: center; border: 1px solid #AB3245; }
table.form textarea { height: 75px; }
table.form th a, table.form th { color: #A42035; text-align: center; }
/* End form */

div.change div.ajax__calendar table td { padding: 0; }
div.main div.ajax__calendar table td { padding: 0; }
.watermark { font-style:italic;color:#ccc;}

.nostock table.gridview tr > td:first-child, .nostock table.gridview tr > th:first-child
{
    display: none;
}

ul.text 
{
    list-style: initial;
    margin-left: 20px;
    margin-top: 1em;
    margin-bottom: 1em;
}
ul.text li 
{
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0px !important;
}