@charset "utf-8";
/* CSS Document */

/* Inhaltsverzeichnis ---------------------------------------------------------------------------------------------------------------*/
/*
01 allgemeine Einstellungen
02 Container-Einstellungen
03 Newsfeed
04 Meta-Navigation
05 Header
06 Haupt-Navigation
07 Content
08 Context
09 Footer
10 Inhalts-Einstellungen
11 Formulare
12 Shop
13 Kategorieauswahl
14 Blätterfunktion
*/


/* 01 allgemeine Einstellungen ------------------------------------------------------------------------------------------------------*/
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
color: #666;
background: url(../images/common/bg_page.gif) repeat-x top left #eeece0;
}

a {
text-decoration: none;
color: #666;
outline: none;
}

	a img {
	border: none;
	}

	a:hover {
	color: #ddaf00;
	}
	
form {
display: block;
margin: 0;
padding: 0;
}

small {
color: #e2ddca;
}
	
.clearfix {
clear: both;
}

.green,
#yab-shop-add-message {
color: #008121;
}

.green {
float: left;
}


/* 02 Container-Einstellungen -------------------------------------------------------------------------------------------------------*/
#pageWrapper {
height: auto;
width: 725px;
margin: 0 auto;
padding: 0;
}

	#newsfeed {
	display: block;
	float: left;
	margin: 14px 0 14px 10px;
	padding: 0;
	}
	
	#metaNav {
	display: block;
	float: right;
	margin: 14px 10px 14px 0;
	padding: 0;
	}
	
	#header {
	float: left;
	height: auto;
	width: 725px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../images/common/bg_header.gif) repeat-y top left;
	}
	
	#mainNav{
	float: left;
	width: 720px;
	margin: 0;
	padding: 0;
	}
	
	#content {
	float: left;
	height: auto;
	width: 505px;
	margin: 0 15px 0 0;
	padding: 0;
	}
	
	#context {
	float: left;
	height: auto;
	width: 205px;
	margin: 0;
	padding: 0;
	}

        #footer {
	clear: both;
	width: 705px;
	margin: 0;
	padding: 15px 10px 35px 10px;
	}
	
/* 03 Newsfeed ---------------------------------------------------------------------------------------------------------------*/	
#newsfeed li {
display: block;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}

	        #newsfeed li.link-feed a {
	        background: url(../images/common/buttons/bg_rss_link.gif) no-repeat top left;
                padding: 0 0 0 18px;
	        }


/* 04 Meta-Navigation ---------------------------------------------------------------------------------------------------------------*/
#metaNav li {
display: block;
float: left;
margin: 0 0 0 5px;
padding: 0 6px 0 0;
list-style-type: none;
background: url(../images/common/meta_trenner.gif) no-repeat right 2px;
}

	#metaNav li.no-border {
	background: none;
	}
	
	
/* 05 Header --------------------------------------------------------------------------------------------------------------*/
#header div {
float: left;
width: 705px;
margin: 0;
padding: 10px;
}

#header div.abschluss {
float: left;
height: 5px;
width: 725px;
margin: 0;
padding: 0;
background: url(../images/common/bg_header_abschluss.gif) no-repeat top left;
}


/* 06 Haupt-Navigation --------------------------------------------------------------------------------------------------------------*/
#mainNav {
list-style-type: none;
}

	#mainNav li {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 3px;
	background: url(../images/common/nav_inactive_left.gif) no-repeat 0 0;
	font-size: 14px;
	text-align: center;
	}
	
		#mainNav li a {
		display: block;
		float: left;
		margin: 0;
		padding: 6px 10px 5px 6px;
		background: url(../images/common/nav_inactive.gif) no-repeat right 0;
		color: #e2ddca;
		}
		
			#mainNav li a:hover {
			color: #666;
			}
	
	#mainNav li.active {
	margin: 0;
	padding: 0 0 0 4px;
	background: url(../images/common/nav_active_left.gif) no-repeat 0 0;
	font-size: 20px;
	}
	
		#mainNav li.active a {
		display: block;
		float: left;
		margin: 0;
		padding: 8px 10px 8px 6px;
		background: url(../images/common/nav_active.gif) no-repeat right 0;
		color: #666;
		}

			#mainNav li.active a:hover {
			cursor: default;
			}



/* 07 Content------------------------------------------------------------------------------------------------------------------------*/
#content div {
float: left;
width: 480px;
margin: 0;
padding: 7px 15px 10px 10px;
background: url(../images/common/bg_content.gif) repeat-y top left;
}

#content div div {
width: auto;
margin: 0;
padding: 0;
background: none;
}

.zemThanks {
    color: #008121;
}

#content div.abschluss {
clear: both;
height: 5px;
width: 505px;
margin: 0;
padding: 0;
background: url(../images/common/bg_content_abschluss.gif) no-repeat top left;
}

#content div.trenner {
display: block;
clear: both;
width: 480px;
margin: 0 0 6px 0;
height: 0;
line-height: 0;
padding: 0;
border-top: 1px solid #e2ddca;
}

#content div.spezial {
margin-top: 12px;
}


/* 08 Context------------------------------------------------------------------------------------------------------------------------*/
#context div {
float: left;
width: 185px;
margin: 0;
padding: 10px;
background: url(../images/common/bg_context.gif) repeat-y top left;
}

#context div div {
margin: 0;
padding: 0;
background: none;
width:auto;
}

#context div.abschluss {
clear: both;
height: 5px;
width: 205px;
margin: 0 0 15px 0;
padding: 0;
background: url(../images/common/bg_context_abschluss.gif) no-repeat top left;
}

#context div.trenner {
width: 180px;
margin: 6px 0 5px 0;
height: 0;
line-height: 0;
padding: 0;
border-top: 1px solid #e2ddca;
}

#context a {
background: url(../images/common/buttons/bg_link.gif) no-repeat 0 5px;
padding: 0 0 0 5px;
color: #666;
}

#context a:hover {
background: url(../images/common/buttons/bg_link_hover.gif) no-repeat 0 5px;
color: #ddaf00;
}


/* 09 Footer-------------------------------------------------------------------------------------------------------------------------*/
#footer p {
float: left;
margin: 0;
padding: 0;
}

#footer ul {
float: left;
margin: 0;
padding: 0;
}

#footer ul li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
list-style-type: none;
background: url(../images/common/meta_trenner.gif) no-repeat right 2px;
}


/* 10 Inhalts-Einstellungen ---------------------------------------------------------------------------------------------------------*/
h2 {
clear: both;
width: 480px;
font-size: 20px;
line-height: 24px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 10px 0 5px 0;
border-bottom: 1px solid #e2ddca;
}

h3 {
clear:both;
font-size: 14px;
line-height: 20px;
font-weight: normal;
margin: 3px 0 0 0;
padding: 0;
}

#content h3 {
clear:both;
font-size: 14px;
line-height: 20px;
font-weight: normal;
margin: 0;
padding: 0;
}

ul {
list-style-type: square;
margin: 8px 0 8px 30px;
padding: 0;
font-size: 10px;
}

#content p {
margin: 0 0 10px 0;
}

#content img,
#content p img {
margin: 0 0 10px 10px;
}

#content a {
background: url(../images/common/buttons/bg_link.gif) no-repeat 0 5px;
padding: 0 0 0 5px;
color: #666;
}

    #content a:hover {
    background: url(../images/common/buttons/bg_link_hover.gif) no-repeat 0 5px;
    color: #ddaf00;
    }

#content a.gallery-link {
background: none;
display: block;
float: left;
margin: 0  8px 8px 0;
padding: 0;
}

    #content a.gallery-link img {
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #e2ddca; 
    }
	

/* 11 Formulare ---------------------------------------------------------------------------------------------------------------------*/
fieldset {
border: none;
margin: 0;
padding: 0;
}

legend {
display: none;
}

label {
clear: both;
}

textarea {
clear: both;
width: 474px;
margin: 0 0 5px 0;
padding: 2px 0 0 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
border: 1px solid #e2ddca;
background-color: #eeece0;
overflow: auto;
}

#context #zemSubscriberName,
#context #zemSubscriberEmail {
clear: both;
width: 174px;
height: 16px;
margin: 0 0 5px 0;
padding: 2px 0 0 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
border: 1px solid #e2ddca;
background-color: #eeece0;
}

#content input,
#content #zemContactName,
#content #zemContactSurname,
#content #zemContactEmail {
clear: both;
width: 220px;
height: 16px;
margin: 0 0 5px 0;
padding: 2px 0 0 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
border: 1px solid #e2ddca;
background-color: #eeece0;
}

#content input.checkbox {
width: auto;
height: auto;
}

#content .button,
#content .zemSubmit,
#context .zemSubmit {
float: left;
height: 11px;
margin: 0;
padding: 0 0 0 8px;
background:  url(../images/common/buttons/bg_link_button.gif) no-repeat 0 4px transparent;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #666;
text-align: left;
outline: none;
cursor: pointer;
}

/* Hack for IE6 & 7 */
*+html #content .button { line-height: 14px; background-position: 0 3px; padding: 0 0 0 10px }
*html #content .button { line-height: 14px; background-position: 0 3px; padding: 0 0 0 10px }
*+html #content .zemSubmit { line-height: 14px; background-position: 0 3px; padding: 0 0 0 10px }
*html #content .zemSubmit { line-height: 14px; background-position: 0 3px; padding: 0 0 0 10px }

#content .button.disabled {
display: none;
}

	/* Hack for IE6 & 7 */
	*html #context .zemSubmit { background:  url(../images/common/buttons/bg_link_button.gif) no-repeat 0 1px; padding: 0 0 0 10px; }
	*+html #context .zemSubmit { background:  url(../images/common/buttons/bg_link_button.gif) no-repeat 0 1px; padding: 0 0 0 10px; }

#context .zemError,
#content .zemError,
#content .comments_error {
color: #aa0011;
margin-left: 14px;
}

#content textarea.comments_error {
margin-left: 0;
color: #aa0011;
border: 1px solid #aa0011;
}

        /* Hack for IE6 & 7 */
	*html #context .zemError { margin-left: 17px; }
	*+html #context .zemError { margin-left: 17px; }
        *html #content .zemError { margin-left: 17px; }
	*+html #content .zemError { margin-left: 17px; }
        *html #content .comments_error { margin-left: 17px; }
	*+html #content .comments_error { margin-left: 17px; }

#content input.comments_error {
border: 1px solid #AA0011;
margin-left: 0;
}

#content div.comments-wrapper {
margin:0;
padding: 0;
}

#content div.guestbook {
width: 480px;
margin: 20px 0 0 0;
padding: 0;
}

    #content div.guestbook .entry {
    width: 480px;
    margin: 0;
    padding: 0;
    }


/* 12 Shop -------------------------------------------------------------------------------------------------------------------------*/
#yab-checkout-table div {
width: auto !important;
}

#content p.yab-add {
clear: both;
margin-top: -2px;
}

#content p.yab-add input {
width: 18px;
display: none;
}

#content p.yab-add-select-size {
margin: 5px 0 0 0;
}

    #content p.yab-add-select-size label {
    float:left;
    font-weight:bold;
    margin:2px 5px 0 0;
    }

    #content p.yab-add-select-size select {
    float: left;
    height: 20px;
    margin: 0 0 5px 0;
    padding: 0 0 0 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    border: 1px solid #e2ddca;
    background-color: #eeece0;
    }

#content p.yab-add .submit,
#content #yab-checkout-table input.submit-edit,
#content #yab-checkout-table input.submit-del {
display: block;
float: left;
height: 11px;
width: auto;
margin: 0;
padding: 0 0 0 8px;
background:  url(../images/common/buttons/bg_link_button.gif) no-repeat 0 4px transparent;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #666;
text-align: left;
outline: none;
cursor: pointer;
}

/* Hack for IE6 & 7 */
*+html #content p.yab-add .submit { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px }
*html #content p.yab-add .submit { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px }
*+#content #yab-checkout-table input.submit-edit { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px }
*html #content #yab-checkout-table input.submit-edit { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px }
*+html #content #yab-checkout-table input.submit-del { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px }
*html #content #yab-checkout-table input.submit-del { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px }

#context ul.yab-cart {
margin: 0;
padding: 0;
list-style-type: none;
}

    #context ul li.yab-item a {
    font-weight: bold;
    }

    #context ul li.yab-item ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

#context span.yab-subtotal {
display: block;
margin: 0 0 8px 0;
font-weight: bold;
color: #008121;
}

#context a.yab-to-checkout {
float: left;
height: 11px;
width: auto;
margin: 0;
padding: 0 0 0 12px;
background:  url(../images/common/buttons/bg_link_button.gif) no-repeat 0 2px transparent;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #666;
text-align: left;
outline: none;
cursor: pointer;
}

/* Hack for IE6 & 7 */
*+html #context a.yab-to-checkout { background-position: 0 1px; }
*html #context a.yab-to-checkout { background-position: 0 1px; }

#content #yab-checkout-table {
width: 480px;
}

    #content #yab-checkout-table tr td,
    #content #yab-checkout-table tr th {
    margin: 0;
    padding: 5px 20px 5px 0;
    border-bottom: 1px solid #e2ddca;
    text-align: left;
    vertical-align: top;
    }

    #content #yab-checkout-table tr.yab-checkout-subtotal td,
    #content #yab-checkout-table tr.yab-checkout-shipping td {
    font-weight: bold;
    }

    #content #yab-checkout-table tr.yab-checkout-total td {
    border: none;
    padding: 5px 20px 0 0;
    font-weight: bold;
    font-size: 12px;
    color: #008121;
    }

    #content #yab-checkout-table tr.yab-checkout-tax td {
    border: none;
    padding: 0 20px 10px 0;
    }

#content #yab-checkout-table input {
width: 18px;
margin: 0;
float: left;
}

#content #yab-checkout-table ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#content .yab-shop-required-notice {
margin: 0;
}

#content ul.yab-shop-notice {
color: #aa0011;
margin: 6px 0 14px 14px;
}

#content #yab-checkout-form p {
margin: 0;
}

#content #yab-checkout-form label {
display: block;
float: left;
width: 120px;
}

#content #yab-checkout-form input {
width: 260px;
}

/* Hack for IE6 & 7 */
*+html #content #yab-checkout-form input { clear: right; float: left; }
*html #content #yab-checkout-form input { clear: right; float: left; }

#content #yab-checkout-form input.checkbox {
width: auto;
margin-right: 8px;
display: inline;
background: none;
border: none;
}

#content #yab-checkout-form textarea {
width: 260px;
float: left;
clear: right;
}

#content #yab-checkout-form p.tou {
clear: both;
}

#content #yab-checkout-form p.tou label {
display: inline;
float: none;
width: auto;
}

#content #yab-checkout-form p.remember {
margin: 0 0 8px 0;
}

#content #yab-checkout-form input.submit {
float: left;
height: 13px;
width: auto;
margin: 0;
padding: 0 0 0 8px;
background:  url(../images/common/buttons/bg_link_button.gif) no-repeat 0 4px transparent;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
color: #666;
text-align: left;
outline: none;
cursor: pointer;
}

/* Hack for IE6 & 7 */
*+html #content #yab-checkout-form input.submit { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px; }
*html #content #yab-checkout-form input.submit { line-height: 14px; backgrund-position: 0 3px; padding: 0 0 0 10px; }

#content #yab-checkout-form select {
clear: both;
width: 266px;
height: 20px;
margin: 0 0 5px 0;
padding: 0 0 0 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
border: 1px solid #e2ddca;
background-color: #eeece0;
}


/* 13 Kategorieauswahl ----------------------------------------------------------------------------------------------------------*/
#content ul.category_list {
float: left;
margin: -14px 0 13px 0;
padding: 0;
list-style-type: none;
}

    #content ul.category_list li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    }

    #content ul.category_list li a.active {
    background: url(../images/common/buttons/bg_link_hover.gif) no-repeat 0 5px;
    color: #ddaf00;
    }


/* 14 Blätterfunktion ----------------------------------------------------------------------------------------------------------*/
#content ul.rsx-page-num-list {
clear: both;
width: 480px;
margin: 0;
padding: 6px 0 0 0;
border-top: 1px solid #e2ddca;
list-style-type: none;
}

#content ul.rsx-page-num-list li {
float: left;
margin: 0 5px 0 0;
}

    #content ul.rsx-page-num-list li a {
    background: none;
    margin: 0;
    padding: 0;
    }

    #content ul.rsx-page-num-list li span.unlinked {
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 10px;
    }

    /* Hack for IE6 & 7 */
    *+html #content ul.rsx-page-num-list li span.unlinked { line-height: 13px; }
    *html #content ul.rsx-page-num-list li span.unlinked { line-height: 13px; }