/*******************************************************************************
********************************************************************************
	Projekt		: Alexander und Partner
********************************************************************************
*******************************************************************************/




/************************************* Reset allgemein - NICHTS VERAENDERN *****
*******************************************************************************/
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*********************************************** Reset - NICHTS VERAENDERN *****
*******************************************************************************/
a {
	text-decoration:none;
}
img {
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
}
html {
	height: 100.01%;
	margin-bottom: -1px;
}
body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align: left;
}


/******************************************** Standard - NICHTS VERAENDERN *****
*******************************************************************************/

.nospace {
	margin: 0;
	padding: 0;
}

.rvrs {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

body, div, 
h1, h2, h3, h4, h5, h6, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

.fl-lft { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-rght { 
	float: right;
	margin: 0 0 0 20px;
}

.algn-lft { 
	text-align: left;
}

.algn-rght { 
	text-align: right;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.hidden {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	background-color: #FFF;
}




/*********************************************************** Hintergruende *****
*******************************************************************************/



/************************************************************* Text-Farben *****
*******************************************************************************/

/*	Schwarz 100%
***************************************/
div#f-sdbr div.tsr h4 a, 
div#f-sdbr div.tsr h4 a:hover  {
	color: #000;
}

/*	Schwarz 80%
***************************************/
body, 
blockquote span, 
div#f-nvgtn ul li.active a  {
	color: #333;
}

/*	Schwarz 80%
***************************************/
div#f-sdbr div.tsr h4 a, 
div#f-sdbr div.tsr h4 a:hover, 
div#f-sdbr div.tsr  {
	color: #111;
}

/*	Weiss	100%
***************************************/
div#f-sdbr h3, 
div#f-basket h3,
div#f-sdbr div.tsr a:hover, 
div#f-nvgtn ul li a, 
div#f-nvgtn-meta ul li.active a, 
div#f-nvgtn-meta ul li a:hover {
	color: #FFF;
}


/*	Gruen	100%
***************************************/
h1, h2, a, blockquote, 
h2 span.caps, 
div#f-cntnt h3 {
	color: #336600;
}

/* Gruen Hell
***************************************/
div#f-nvgtn-meta ul li a, 
div#f-sdbr div.tsr a {
	color: #DEFF9B;
}



/*	Blau	100%
***************************************/
h2 span {
	color: #222063;
}



/*************************************************************** Schriften *****
*******************************************************************************/
body, input, textarea {
	font-family: Arial, Verdana, sans-serif;
}
h1, h2, 
div#f-cntnt h3, 
div#f-sdbr h3, 
div#f-basket h3,
div#f-nvgtn, 
div#f-nvgtn-meta, 
div#f-nvgtn-sdbr {
	font-family: Georgia, Palatino, "Times New Roman", serif;
}

/********************************************************* Schriftgroessen *****
*******************************************************************************/
div#wbst {
	font-size: .8125em;
}

h1 {
	font-size: 2.5em;
}
h2, 
div#f-cntnt h3 {
	font-size: 1.5em;
} 
blockquote, 
div#f-cntnt h3, 
div#f-sdbr h3, 
div#f-basket h3, 
div#f-nvgtn {
	font-size: 1.285em;
}
div#f-sdbr h4 {
	font-size: 1.1em;
}
div.gallery p span {
	font-size: .85em;
}
blockquote span {
	font-size: .75em;
}



/************************************************************* Zeilenhoehe *****
*******************************************************************************/
div#f-cntnt, 
div#f-sdbr {
	line-height: 1.6;
}

/************************************************************* Allgemeines *****
*******************************************************************************/
h1 {
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 1.1;
}
h2 {
	padding: 15px 0;
	font-weight: normal;
	line-height: 1.1;
}
h3 {
	font-weight: normal;
	line-height: 1.1;
}
div#f-cntnt h3 {
	margin-bottom: 10px;
	padding-top: 10px;
}
div#f-sdbr h3 {
	margin-bottom: 20px;
	padding: 0 20px;
	background-color: #6B973A;
	border-top: 2px solid #FFF;
	line-height: 45px;
}

div#f-cntnt .date {
	text-align: right;
}



div#f-cntnt p, 
div#f-cntnt dl, 
div#f-cntnt ol, 
div#f-cntnt ul, 
div#f-sdbr p {
	margin-bottom: 1em;
}
div#f-cntnt p.img.fl-lft {
	margin-bottom: 0;
}


div#f-cntnt ol, 
div#f-cntnt ul {
	margin-left: 20px;
}
div#f-cntnt ol li {
	list-style-type: decimal;
}
div#f-cntnt ul li {
	list-style-type: square;
}

div#wrppr a:hover {
	text-decoration: underline;
}
/********************************************************** Seitenstruktur *****
*******************************************************************************/
body {
	padding-bottom: 50px;
	background-color: #FFF;
	background-image: url(/layout/css/bg_bdy.gif);
	background-repeat: repeat-x;
	text-align: center;
}
div#wbst {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

div#hdr, 
div#wrppr {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
}


div#hdr {
	height: 462px;
	background-image: url(/layout/css/bg_hdr.jpg);
	background-position: 0px 127px;
}

div#logo {
	height: 127px;
}
div#logo p a {
	display: block;
	width: 410px;
	height: 125px;
	text-indent: -1000em;
	background-image: url(/layout/css/logo.jpg);
}



div#wrppr {
	background-image: url(/layout/css/bg_wbst.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}
div#f-rght {
	float: right;
	width: 400px;
}
div#f-lft {
	float: left;
	width: 598px;
	margin-bottom: 100px;
	background-color: #D2EAB8;
}

div#f-path {
	height: 35px;
	background-color: #360;
	border-top: 2px solid #FFF;
}
div#f-cntnt {
	padding: 30px 23px 0 20px;
}



/************************************************************ Navigationen *****
*******************************************************************************/
div#f-nvgtn {
	float: left;
	width: 598px;
	margin-top: 20px;
}
div#f-nvgtn-meta {
	float: right;
	width: 400px;
	height: 37px;
}
div#f-nvgtn ul li {
	display: block;
	float: left;
	width: 118px;
	height: 45px;
	border-right: 2px solid #FFF;
}
div#f-nvgtn ul li.last {
	border-right: 0;
}
div#f-nvgtn ul li a {
	display: block;
	line-height: 45px;
	text-align: center;
}
div#f-nvgtn ul li a:hover, 
div#f-nvgtn ul li.active a, 
div#f-nvgtn ul li.current a {
	background-color: #8FCA4D;
}



div#f-nvgtn-meta ul {
	margin-top: 11px;
}
div#f-nvgtn-meta ul li {
	display: inline;
	padding-left: 15px;
}



div#f-nvgtn-sdbr ul {
	margin: 0 20px 40px 20px;
}
div#f-nvgtn-sdbr ul li ul {
	margin-left: 0;
	margin-bottom: 0px;
}
div#f-nvgtn-sdbr ul li {
	font-weight: bold;
	padding-bottom: 20px;
}
div#f-nvgtn-sdbr ul li ul li {
	padding-bottom: 0px;
}
div#f-nvgtn-sdbr ul li ul li a {
	padding-left: 14px;
	background-image: url(/layout/css/icon_arrow.gif);
	background-position: 0px 3px;
	font-weight: normal;
}
div#f-nvgtn-sdbr ul li ul li a:hover, 
div#f-nvgtn-sdbr ul li ul li.active a {
	padding-left: 20px;
	background-position: 0px -47px;
	text-decoration: underline;
}

/****************************************************************** Module *****
*******************************************************************************/
div.splt {
	clear: both;
	overflow: hidden;
	height: 2px;
	margin: 2em 0;
	background-color: #360;
}

blockquote {
	padding: 20px 0 0 0;
	font-style: italic;
	text-align: center;
}
blockquote p {
	margin-bottom: 0px;
}

iframe {
	margin-bottom: 2em;
}
iframe, 
p.img img.has-brdr {
	border: 7px solid #FFF;
}
* html iframe {
	border-right: 0;
}

p.link-download img {
	vertical-align: middle;
}

p.link-back {
	clear: both;
	padding-top: 2px;
	border-top: 2px solid #360;
	text-align: right;
}

p.link-more {
	margin-top: -1em;
	text-align: right;
}


div#f-cntnt div.tsr {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid #360;
}
div#f-sdbr div.tsr {
	margin: 0px 20px 30px 20px;
	border-bottom: 1px solid #360;
}
div.tsr p.img {
	padding-top: 4px;
}


div.gallery {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}
div.gallery p {
	float: left;
	width: 132px;
	margin-left: 8px;
}
div.gallery-row-1 p {
	float: none;
	width: 552px;
}
div.gallery-row-2 p {
	width: 272px;
}
div.gallery-row-3 p {
	width: 178px;
}
div.gallery p.first {
	clear: both;
	margin-left: 0px;
}
div.gallery p span {
	display: block;
	text-align: center;
}


/*	navi-art-square */
div#f-cntnt ul.list-number {
	margin-left: 0px;
}
ul.list-number li {
	display: block;
	float: left;
	margin: 0 4px 6px 0;
}
ul.list-number li a {
	display: block;
	width: 118px;
	height: 118px;
	background-color: #B00;
	border: 7px solid #FFF;
	color: #FFF;
}
ul.list-number li a:hover, 
ul.list-number li.active a {
	background-color: #FFF;
	border-color: #B00;
	color: #B00;
	text-decoration: none;
}
ul.list-number li a span {
	display: block;
	padding: 2px 5px 5px 5px;
	text-align: center;
}
ul.list-number li a span.number {
	font-size: 3em;
}


/*************************************************************** Formulare *****
*******************************************************************************/
div#form-module fieldset {
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: 3px solid #360;
}
div#form-module fieldset.form-submit {
	border-left: 0;
}
div#form-module legend {
	margin-left: -10px;
	padding: 5px 10px;
	border-top: 3px solid #360;
	font-weight: bold;
}
div#form-module p {
	float: left;
	width: 100%;
}
div#form-module p.formsubmit {
	padding-bottom: 20px;
}
div#form-module p label {
	float: left;
	width: 120px;
}
div#form-module p.formsubmit label {
	display: none;
}
div#form-module p input, 
div#form-module p textarea {
	width: 350px;
	padding: 2px;
}
div#form-module p input {
	width: 220px;
}
div#form-module p.formlabel-plz input {
	width: 80px;
}
div#form-module fieldset.form-submit p input, 
div#form-module p.formsubmit input {
	width: auto;
	margin-left: 120px;
}
div#form-module p.formsubmit input,
input.form-submit {
	background-color: #6B973A;
	border: 1px solid #8FCA4D;
	padding: 5px 10px;
}

div#form-module ul.form_warning {
	margin-left: 0px;
	margin-bottom: 40px;
	padding: 10px 20px;
	background-color: #DEFF9B;
	border: 3px solid #360;
	color: #B00;
}
div#form-module p label.form_warning {
	color: #B00;
}


div#form-module p.formcheckbox input {
	float: left;
	width: auto;
	margin-left: 105px;
}
div#form-module p.formcheckbox label {
	width: 350px;
}


div.frm {
	clear: both;
}
div.prdct-cntnt div.frm {
	clear: none;
}
div#form-module div.frm-bskt fieldset {
	padding-left: 0px;
	border: 0;
}
form div.frm-bskt input.f-amnt, 
form div.frm-bskt select.f-amnt {
	width: 34px;
}

form div.frm-bskt a.link-dlt {
	display: block;
	width: 13px;
	height: 15px;
	background-image: url(/layout/css/icon_delete.gif);
}


div#form-module form div.frm-stndrd div.frm-plzort {
	clear: both;
	float: left;
	width: 100%;
}
div#form-module form div.frm-stndrd p.formlabel-plz, 
div#form-module form div.frm-stndrd p.formlabel-ort, 
div#form-module form div.frm-stndrd p.formlabel-liefer_plz, 
div#form-module form div.frm-stndrd p.formlabel-liefer_ort {
	clear: none;
	float: left;
	width: auto;
}
div#form-module form div.frm-stndrd p.formlabel-ort, 
div#form-module form div.frm-stndrd p.formlabel-liefer_ort {
	float: left;
}
div#form-module form div.frm-stndrd p.formlabel-ort label, 
div#form-module form div.frm-stndrd p.formlabel-liefer_ort label {
	display: none;
}
div#form-module form div.frm-stndrd p.formlabel-plz input, 
div#form-module form div.frm-stndrd p.formlabel-liefer_plz input {
	width: 50px;
}
div#form-module form div.frm-stndrd p.formlabel-ort input, 
div#form-module form div.frm-stndrd p.formlabel-liefer_ort input {
	width: 150px;
	margin-left: 10px;
}


/******************************************************************* Shop *****
*******************************************************************************/
div#f-basket {
	float: right;
	width: 400px;
	height: 298px;
	overflow: auto;
	/*
	background-color: #C8E0FF;
	*/
}
div#f-basket h3 {
	padding: 0 20px;
	background-color: #304475;
	color: #C8E0FF;
	font-weight: normal;
	line-height: 45px;
}
div#f-basket h3.shop-msg {
	background-color: #B00;
	color: #FFF;
}
div#f-basket h3 span {
	color: #FFF;
	font-weight: bold;
}
div#f-basket p a {
	display: block;
	float: right;
	padding: 0 20px;
	background-color: #C8E0FF;
	color: #304475;
	line-height: 45px;
}

table.tbl-v1 thead th,
table.tbl-v1 tfoot td {
	background-color: #FDF2E6;
	background-color: #6B973A;
}
table.tbl-v1 tbody td {
	background-color: #EDC6C3;
	background-color: #8FCA4D;
}
table.tbl-v1 tfoot tr.tbl-row-lst td {
	background: none;
}

table.tbl-v1 {
	width: 100%;
	border-top: 2px solid #FFF;
}
table.tbl-v1 th, 
table.tbl-v1 td {
	vertical-align: middle;
}

table.tbl-v1 thead th, 
table.tbl-v1 tbody td, 
table.tbl-v1 tfoot td {
	padding: 14px 5px 14px 0;
}
table.tbl-v1 thead th,  
table.tbl-v1 tfoot td {
	color: #FFF;
}
table.tbl-v1 thead th.tbl-col-1, 
table.tbl-v1 tbody td.tbl-col-1, 
table.tbl-v1 tfoot td.tbl-col-1 {
	padding-left: 12px;
}
table.tbl-v1 thead th.tbl-col-3 {
	text-align: center;
}
table.tbl-v1 tbody td.tbl-col-3 {
	padding-right: 12px;
}
table.tbl-v1 thead th.tbl-col-5 {
	text-align: right;
}
table.tbl-v1 tfoot td {
	padding-top: 0;
}
table.tbl-v1 thead tr.tbl-row-1 th, 
table.tbl-v1 tfoot td {
	padding-bottom: 0;
}
table.tbl-v1 tfoot tr.tbl-row-1 td, 
table.tbl-v1 tfoot tr.tbl-row-4 td, 
table.tbl-v1 tfoot tr.tbl-row-lst td {
	padding-top: 14px;
}
table.tbl-v1 tfoot tr.tbl-row-3 td, 
table.tbl-v1 tfoot tr.tbl-row-5 td {
	padding-bottom: 14px;
}
table.tbl-v1 tfoot tr.tbl-row-lst td {
	padding-right: 0;
}
table.tbl-v1 thead tr.tbl-row-2 th {
	border-bottom: 2px solid #FFF;
}
table.tbl-v1 tbody td, 
table.tbl-v1 tfoot tr.tbl-row-3 td {
	border-bottom: 1px solid #FFF;
} 
table.tbl-v1 tfoot tr.tbl-row-1 td, 
table.tbl-v1 tfoot tr.tbl-row-lst td {
	border-top: 2px solid #FFF;
}
table.tbl-v1 tfoot td {
	font-weight: bold;
}
table.tbl-v1 tbody tr.prdct-infos td {
	border-bottom: 0px solid #FFF;
}
table.tbl-v1 tbody tr.prdct-infos-lst td {
	border-bottom: 6px solid #FFF;
}