@import "http://www.schoenborn.de/fileadmin/res/stylesheet.css";


 /*<agl.folder "--- einiges aus Website-Stylesheet fuer Shop ueberschreiben ----------------------------------------------------------------------------------------------------------------">*/
div#header {
    height: 155px;
    /*background: url(/images/screen/schoenborn_weinshop.png) 0px 25px no-repeat;*/
}

#header h1, #header h2 {display:none;}
#headerimage {
	width:590px;
	height:124px;
	position: absolute;
	top: 20px;
	right: 20px;
} /* mit HTML, falls es mal rotiert werden soll...*/

#centercontent {background-image: none;}
#search {position: static; text-align: left; padding-top: 20px;}


#bottomnav {
	position: static;
	text-align: center;
}

#bottomnav ul {float: none;}

.left, .right {float: none; width: auto;}
/*</agl.folder>*/

 /*<agl.folder "--- Shop-Layout ----------------------------------------------------------------------------------------------------------------">*/

#shopnav, #content {margin-top: 20px;}

#bottomnav {
    clear: both;
    border-top: 1px solid #999999;
    font-weight: bold; 
    margin-top: 10px;
    padding: 10px 0px;
    text-align:center;
}

#footer, #footer a, #footer a:link, #footer a:visited {color: #666666;}
/*</agl.folder>*/

 /*<agl.folder "--- Shop-Layout - Linke Spalte ----------------------------------------------------------------------------------------------------------------">*/
#column1 .beam {
	background-image: url(/images/screen/column1_beam.png);
	background-color: #a98d36;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	height:20px;
}

#column1 label {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
}

#column1 select {
	width: 180px;
	margin: 0px 0px 20px 0px;
}

/*</agl.folder>*/

 /*<agl.folder "--- Shop-Layout - Rechte Spalte ----------------------------------------------------------------------------------------------------------------">*/
#centercontent .beam { height:20px ; background: #ccc; color:#000; font-size: 0.91em;}

#centercontent .beam .login, #centercontent .beam .cartsum {padding: 4px 10px 0px 10px;}

#centercontent .beam .login {float: left;}
#centercontent .beam .cartsum { float: right;  text-align: right;}
#centercontent .beam .cartsum a { color: inherit; font-weight:normal;}
#centercontent .beam .cartsum img {float: left; margin: -2px 10px 0px 0px;}

#shoplogin label {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
}

#shoplogin .loginfield,
#shoplogin .passwordfield      {
	background-color: #ffffff;
	border: 1px solid #999999;
	width: 130px;
	height: 14px;
	color: #999999;
	margin-bottom: 5px;
	}

#shoplogin .passwordfield {	float: left; margin: 0px;}
/*</agl.folder>*/

 /*<agl.folder "--- allgemeine Klassen ----------------------------------------------------------------------------------------------------------------">*/
#errorExplanation {
	margin: 20px 0px;
	padding: 5px;
	border: 2px solid #a98d36;
}

#errorExplanation h2 {margin-top: 0px; padding-top: 0px;}

.right {text-align: right;}
.center {text-align: center;}
.bottom {vertical-align:bottom;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}
.nopad, td.nopad, table tr td.nopad {padding: 0px;}
.notice {
	padding: 10px 0px;
	font-weight: bold;
	color: #990000;
}


.trennlinie {
	margin: 0px;
	padding: 15px 0px;
	background-image: url(/images/screen/nav_linie.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

div.pagination { 
  margin:30px 0px 10px; text-align:center; font-weight:bold;;  }

.article_price {font-weight:bold;}
/*</agl.folder>*/


 /*<agl.folder "--- Artikellisten ----------------------------------------------------------------------------------------------------------------">*/
#articlelist {width: 100%; border-top: 10px solid #ffffff;}

#articlelist h3 {padding-top: 0px; margin-top: 0px;}

#articlelist tr.row td {border-top: 1px solid #cccccc;}
#articlelist td {padding: 15px 5px 5px 0px;}
#articlelist tr.nospace td, #articlelist td.empty {padding: 0px;}

#articlelist td.descr {width: 320px;}
#articlelist td.icon {padding: 5px;}
#articlelist td.qty {padding-top: 13px; padding-bottom: 0px;}
#articlelist td.addbutton {padding: 5px 0px 0px 0px;}

#articlelist tr.smallspace td {padding-top: 10px;}
#articlelist tr.smallspace td.addbutton {padding-top: 0px;}

.pagination li {
	display: inline;
	margin: 0px;
	padding: 0px 3px 0px 0px;
	margin: 0px 3px 0px 0px;
	border-right: 1px solid #a98d36;
}

.pagination li.firstitem {border-left: 0px; padding-left: 0px; margin-left: 0px;}
.pagination li.lastitem {border-right: 0px; padding-right: 0px; margin-right: 0px;}
.pagination li.active {font-weight: bold;}

.wenige {font-weight: bold;}
.info {padding-left: 10px; border-left: 1px solid; margin-left: 10px;}
/*</agl.folder>*/


 /*<agl.folder "--- Artikeldetails ----------------------------------------------------------------------------------------------------------------">*/

#article_detail {
	background-image: url(/images/screen/bg_content.gif);
	background-repeat: repeat-y;
	background-position: 425px 0px;
	margin-bottom: 30px;
}

#article_detail #print_pdf_links {
	margin: 0px 0px 10px 0px;
}

#article_detail #print_pdf_links li {margin: 0px; padding: 2px 0px;}
#article_detail #print_pdf_links li img {position: relative; left: 5px; vertical-align: baseline;}


#article_detail .image {
	text-align: center;
	margin: 10px 0px;
}
/*</agl.folder>*/

 /*<agl.folder "--- Warenkorb ----------------------------------------------------------------------------------------------------------------">*/

table#cart {width:99%; margin: 20px 0px;}
table#cart th, table#cart td {
	border: 1px solid #cccccc;
	padding: 5px;
}

table#cart th {
	background: #eee9d6;
	font-weight:normal;
	text-align:left;
	border-top: 0px;
	padding: 8px 5px;
}

table#cart td {}
table#cart td.name {font-weight: bold; color:#983;}
table#cart td.ordersum { font-weight:bold;}

table#cart th.first,
table#cart td.first {border-left: 0px;}

table#cart th.last,
table#cart td.last {border-right: 0px; padding-right: 5px;}
table#cart tr.last td {border-right: 0px; border-left: 0px; border-bottom: 0px;}

.navleiste {height: 20px;}
.navleiste .left {float: left;}
.navleiste .right {float: right;}
/*</agl.folder>*/

 /*<agl.folder "--- Login / Forms allgemein ----------------------------------------------------------------------------------------------------------------">*/
fieldset {margin: 10px 0px; padding: 10px;}
fieldset label {
	display: block;
	float: left;
	clear: left;
	width: 70px;
	margin: 0px;
	padding-top: 2px;
}

legend {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 5px;
}

form#login { margin: 10px 10px 0; }
form.bigform {margin-top: 10px;}
form.bigform label:after { content: ": ";}
form.bigform label,
fieldset form.bigform label {
	display: block;
	text-align: right;
	width: 130px;
	float: left;
	padding-right: 5px;
	margin-top: 0.25em;
}

form label.required { font-weight:bold;}

form.bigform input, form.bigform textarea, form.bigform select,
form.bigform input, form.bigform textarea, form.bigform .inputgroup {display: block; float: left; margin-bottom:10px; margin-right: 10px;}
form.bigform .inputgroup img {float: left; margin-right: 20px;}


form.bigform .nolabel {margin-left: 135px;}
form.bigform br {clear: left;}
form.bigform .sidebar { width: 130px;}
form.bigform p.formexplain { padding-left: 135px;}

form hr { margin: 10px;}

input[disabled="disabled" ] { border-width:0; padding:2px 0;}

div.fieldWithErrors input { background: #f88;}

td.emptyfield { padding: 0.3em 0;}
/*</agl.folder>*/

.nofloat form.bigform label,
.nofloat form.bigform input {float: none; margin: 5px 0px 5px 0px;}
.nofloat form.bigform label { text-align: left;}
/*</agl.folder>*/

 /*<agl.folder "--- Checkout-Schritte ----------------------------------------------------------------------------------------------------------------">*/
fieldset table#cart {margin-top: 0px;}

textarea#order_comment {
	width: 540px;
	height: 80px;
}
/*</agl.folder>*/

 /*<agl.folder "--- Kundenbereich ----------------------------------------------------------------------------------------------------------------">*/

.adressblock {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	background-image: url(/images/screen/nav_linie.gif);
	background-repeat: no-repeat;
	background-position: bottom right;


}
/*</agl.folder>*/


div.textblock { margin-top: 1em;}


ul#techdata li {list-style:none; margin:0.3em 0;}