/*
Theme Name: Kunsthalle Emden
Theme URI: http://studio-good.org/
Description: 
Version: 0.1
Author: Marcus Schaefer
Author URI: 
Tags: kunst, emden, studio good

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* v1.0 | 20080212 */

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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Start Style*/

body{
	background-color: #0b89c6;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #32404b;
	line-height: 14px;
}

#wrapper{
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 16px;
	display: block;
	overflow: hidden;
	z-index: 1;
}

#head{
	background-color: #fff;
	width: 100%;
	text-align: center;
	height: 181px;
	z-index: 2;
}


#header{
	height: 181px;
	width: 980px;
	background-color: #0b89c6;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/khe-bg-white.gif);
	font-size: 12px;
	text-align: left;
	max-height: 181px;
	z-index: 2;
}

#header h1 a{
	width: 96px;
	height: 181px;
	display: block;
	text-indent: -9999em;
}

#header #desc{
	text-indent: -9999em;
}

#header #font-resize{
	height: 20px;
	text-align: right;
}

#header #widgets{
	padding-top: 75px;	text-align: right;
}

#langswitch{
	float: right;
	margin-top: 20px;
	text-transform: uppercase;
}

#searchbox{
	float: right;
	background-color: #fff;
	width:261px;
	text-aligh: right;
}

#searchbox input#s{
	width: 176px;
}

#searchsubmit {
cursor: pointer;
border: 1px solid #fff;
background-color: #0b89c6;
text-transform: uppercase;
color: #fff;
height: 20px;
width: 65px;
font-size: 11px;
}

#headercontact{
	float: right;
	color: #32404b;
	line-height: 24px;
	font-size: 10px;
	font-family: "Lucida Grande", Lucida, "Lucida BT", sans-serif;
	background-color: #fff;
	width: 540px;
	text-aligh: right;
}

#logo{
	width: 100px;
	height: 181px;
	float: left;
	max-height: 181px;
}

#header #menubar{
	width: auto;
	float: right;
	margin-top: 30px;
	height: 32px;
	background-image: url(images/bg-menubar.gif);
	background-repeat: repeat-x;
	background-position: 2px 0px;
	font-size: 14px;
	line-height: 30px;
	padding-top: 3px;
	padding-left: 4px;
}

#header #menubar ul{
	width: auto;
	float:  left;
}

#header #menubar ul li{
	float: left;
	position: relative;
	margin-left: 21px;
	margin-right: 17px;
	font-family: Georgia, serif;
	font-family: "Olsen", Georgia, serif;
}

.ie #header #menubar ul li{
margin-left: 17px;
margin-right: 17px;
z-index: 50;
}

#header #menubar ul li:hover a, #header #menubar ul li.current-cat a, #header #menubar ul li.current-cat-parent a{
	color: #0b89c6;
	z-index: 5000;
}

#header #menubar ul li:hover ul li a{
	color: #fff;
	z-index: 5000;
}

#header #menubar ul li:first-child{
	margin-left: 0px;
}

#header #menubar ul li:last-child{
	margin-right: 0px;
}

#header #menubar ul li ul{
	width:  140px;
	float:  left;
	display: none;
	position: absolute; 
	top: 29px;
	left: -5px;
	font-size: 12px;
	line-height: 19px;
	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
	z-index: 5000;
}

li > ul {
	top: auto;
	left: auto;
	
	}
	
#header #menubar ul li:hover ul { display: block; z-index: 5000;}

#header #menubar ul li ul li{
	width:  140px;
	background-color: #32404b;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
	padding-top: 1px;
	z-index: 5000;
}

#header #menubar ul li a{
	color:  #32404b;
}

#header #menubar ul li ul li a{
	color:  #ffffff;
	width:  130px;
	display:  block;
	padding: 0 5px 0 5px;
}

#header #menubar ul li ul li a:hover{
	color:  #32404b;
	background-color: #fff;
}

.ie #header #menubar ul li ul li a:hover{
	color: #0b89c6;
	background-color: #fff;
}

#breadcrumb{
	background-color: #32404b;
	height: 19px;
}

#topnavi{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0b89c6;
	display: block;
}

#topnavi p{
	width: 980px;
	float: left;
	text-indent: 16px;
	line-height: 15px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	height: 15px;
	background-position: left center;
}

.ie7 #topnavi p{
	line-height: 20px;
	height: 20px;
}

#topnavi a{
	color:  #fff;
}


/*Headlines*/

.post h2, .latest-post h2, .info h2, #anreise h2, h2.archive-title, .small-items-wrap ul li, .vorstand-items-wrap ul li, #shopp ul.products li.product div.frame .details h4, #shopp #single-product h3, #anreise h4, #info h4{
	font-size: 20px;
	font-weight: normal;
	font-family: Helvetica, Arial, Georgia, serif;
	background-image: url(images/bg-headline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 8px;
	line-height: 24px;
	color: #0b89c6;
	text-align: left;
}

.small-items-wrap ul li, .vorstand-items-wrap ul li{
	padding-top: 6px;
	width: 297px;
}

.small-items-wrap ul li.small-items-head, .vorstand-items-wrap ul li.small-items-head{
	color: #32404b;
}

.single .post h2, #post-single h2{
	width: 628px;
}

.archive h2, .sidebar h2, #start-feature h2, .single .navigation h2, #post-single .navigation  h2{
	width: 297px;
}

.archive #calendar h2.entry-title{
	width: 980px;
}

.latest-post h2 {
	width: 224px;
	float: right;
	margin-right: 5px;
}

.latest-post h4 {
	width: 224px;
	float: right;
	padding-top: 4px;
}

.latest-post p {
	width: 300px;
	clear: both;
	float: right;
	padding: 4px 0 0 0;
}

.latest-post{
width: 300px;
float: right;
background-color: #fff;
display: block;
padding: 8px;
margin-bottom: 16px;
}

.post h3, .info h3, .sidebar h3{
	font-size: 13px;
	line-height: 18px;
	margin: 10px 0 2px 0;
	color: #0b89c6;
}

.post a {
	color: #af131e;
	text-decoration: none;
}

h2 a, h3 a, h4 a, a, .post h2 a, .post h3 a, .post h4 a, a{
	color: #0b89c6;
	text-decoration: none;
}

.more-link{
	font-size: 11px;
	width: 42px;
	height: 19px;
	background-color: #0b89c6;
	float: left;
	margin: 8px;
}

a.read_more{
	font-size: 11px;
	height: 19px;
	background-color: #0b89c6;
	color: #fff;
	padding: 4px 8px 4px 8px;
	line-height: 24px;
	width: 48px;
	margin-right: 250px;
}

.logged-in .edit-link{
	font-size: 11px;
	width: 68px;
	height: 19px;
	background-color: #0b89c6;
	float: right;
	margin: 8px;
}

.more-link a, .edit-link a{
	color: #fff;
	padding: 8px;
	line-height: 19px;
}

#post-single{
	background-color: #fff;
	width: 648px;
}

.content-single, .post-content{
	padding: 2px 8px 8px 8px;
}

.post-content{
	width: 300px;
	font-size: 11px;
	height: 114px;
}

.info-content{
	width: 300px;
	font-size: 11px;
	padding: 2px 8px 8px 8px;
}

#entry-title-single{
	padding-top: 8px;
}

.posts-wrap{
	margin-left: 16px;
	width: 996px;
}

.archive .archive-grid .title-image, .press-preview{
	height: 210px;
	width: 316px;
	background-color: #fff;
}

.small-posts-wrap{
	margin-left: 16px;
	width: 664px;
	float: left;
}

.post p{
	line-height: 13px;
	margin-bottom: 14px;
}

.archive #grid .post, 
.archive.category-ausstellungsarchiv .post, 
.archive.category-kunst-aktiv .post,
.archive.category-sammlung .post, 
.archive.category-info .post, 
.archive.category-presse .post, 
.archive.category-ausstellungen .post, 
.archive.category-team .post, 
.boxpost,
.home #start-feature .post{
	background-color: #fff;
	width: 316px;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
	height: 372px;
	overflow: hidden;
}

.archive.category-presse .post.presse-overview {
	height: auto;
}

#press-photos{
	margin-top: 16px;
}

.press-teaser{
	margin-top: 8px;
}

#press-photos h2{
	width: 297px;
}

.sammlung-link a{
	width:  620px;
	background-color: #32404b;
	line-height: 21px;
	padding: 0 28px 0 0;
	text-align: right;
	background-image: url(images/calendar-arrow-right.gif);
	background-repeat: no-repeat;
	background-position: 620px -2px;
	display: block;
}

.info{
	background-color: #fff;
	width: 316px;
	float: left;
	margin-right: 16px;
	height: auto;
	display: block;
	padding-top: 6px;
	border-bottom: 16px solid #0b89c6 ;
 }
 
 .special{
 	float:right;
 	margin:0 0 16px 0;
 	width:316px;
 }

.date-box{
	background-image: url('images/datebox.gif');
	background-repeat: no-repeat;
	height: 62px;
	width: 62px;
	color: #fff;
	float: left;
	margin-right: 8px;
}

.date-month, .date-day{
	width: 62px;
	text-align: center;
}

.date-day{
	padding-top: 7px;
	font-size: 28px;
	font-weight: normal;
	font-family: "Olsen", Georgia, serif;
}

.date-month{
	padding-top: 7px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Olsen", Georgia, serif;
}

.home #start-feature .post{
	height: 353px;
}

.home #start-feature .post-content{
	width: 300px;
	font-size: 11px;
	height: 95px;
}

.date{
	color: #7a9c13;
	font-weight: bold;
	font-size: 11px;
	margin: 8px 0 0 0;
}

.teaser{
	width: 300px;
}

.start-teaser{
	margin: 8px 0 0 0;
}

#footer{
	clear: both;
	padding: 0;
	background-color: #32404b;
	border-top: 48px solid #0b89c6;
}

#footer-top{
	width: 100%;
	background-color: #32404b;
	height: auto;
	display: block;
}

#footer #footerbar{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #32404b;
	text-align: left;
	padding-top: 1px;
}

#footer #footerbar ul{
	margin-top: 16px;
	background-color: #32404b;
}

#footer #footerbar ul li{
	float: left;
	position: relative;
	width: 107px;
}

#footer #footerbar ul li a:hover{
	color: #fff;
}

#footer #footerbar ul li ul{
	margin-top: 10px;
}

#footer #footerbar ul li ul li{
	width:  110px;
	float: none;
	padding-bottom: 6px;
}

#footer #footerbar ul li a{
	color:  #fff;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

#footer #footerbar ul li ul li a{
	color:  #ffffff;
	display:  block;
	padding: 0 10px 0 0;
	text-transform: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
}

#footer #footerbar ul li ul li a:hover{
	color: #0b89c6;
}

#footer-bottom{
	clear: both;
	width:  100%;
	height: 36px;
	display: block;
	background-color: #0b89c6;
	color: #fff;
	text-align: left;
	line-height: 32px;
}

#footer-bottom .textwidget{
	float: left;
	width: 700px;
	display: block;
}

#footer-bottom #footer-quicklinks{
	float: left;
	width: 276px;
	text-align: right;
}

#footer-bottom #footer-quicklinks a{
	color: #fff;
}

#footnote{
	width: 976px;
	margin-left: auto;
	margin-right: auto;
}

/* Cycle */

#ausstellungen, #news, #sammlung{
	height: 320px;
	display: block;
	width: 482px;
	margin-bottom: 16px;
	font-family: Helvetica, Arial, "Olsen", Georgia, serif;
	position: relative;
	float: left;
	overflow: hidden;
}

#ausstellungen{
	margin-right: 16px;
}

#news h2 a, 
#news .date,
#sammlung h2 a, 
#sammlung .date
{
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	
}

.cycle-desc{
	height: 86px;
	background-color: #32404b;
	position: relative;
	bottom: 235px;
	width: 462px;
	padding: 16px 10px 14px 10px;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

#ausstellungen .cycle-desc{
	background-color: #fff;
	color: #32404b;
	opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=65); /* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */
	-khtml-opacity: .65; /* Safari 1.x */
	-moz-opacity: .65; /* FF lt 1.5, Netscape */
}

.slideshow-indicator{
	width: 648px;
	height: 422px;
	background-color: yellow;
	possition-relative;
	margin-top: -426px;
	left:  0;
}

span.slideshow-first{
	position:relative;
	text-decoration:none;
	z-index:24;
}

span.slideshow-first span a {
	position: absolute;
	bottom:  0px;
	right:  0px;
	background-image: url(images/image-arrow.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0;
	color: #fff;
	width: 648px;
	height: 426px;
	text-indent: -9999px;
	z-index:  25;
}

.sammlung-link a{
	color:  #fff;
}

span.slideshow-first span a.hide{
	display: none;
}

.desc-text{
	position: relative;
	bottom: 119px;
	display: block;
	overflow: visible;
	z-index: 100;
	height: 86px;
	padding: 16px 10px 14px 10px;
}

#ausstellungen h2 a, 
#ausstellungen .date {
	color: #32404b;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	
}

.cycle-desc:hover{

}

.nocycle-post{
	width: 316px;
	float: left;
	margin-right: 16px;
	background-color: #fff;
	margin-bottom: 16px;
	z-index: 1;
}

.cycle-post{
	z-index: 1;
}

.sidebar{
	width: 316px;
	float: right;
	margin-right: 16px;
	margin-bottom: 16px;
	overflow: hidden;
}

.ie6 .sidebar{
	margin-right: 0px;
}

.blue{
	background-color: #32404b;
}

.white{
	background-color: #fff;
}

#start-feature{
	width: 664px;
	display:  block;
}

.ie6 #start-feature{
	width: 663px;
}

.ie6 #start-feature .post{
	margin-right: 15px;
}

.navigation{
	margin-top: 16px;
}

.navigation .prev-post{
	width: 316px;
	float: left;
	background-color: #FFF;
}

.category a.all{
	width: 316px;
	clear: both;
	color: #fff;
	font-size: 11px;
	width: 292px;
	height: 12px;
	background-color: #32404b;
	margin: -4px 0 6px 0;
	float: left;
	text-align: right;
	padding: 3px 24px 5px 0px ;
	background-image: url(images/vorige-bg.gif);
}

.ie .category a.all{
	width: 316px;
}

.category a.back{
	width: 316px;
	clear: both;
	color: #fff;
	font-size: 11px;
	width: 292px;
	height: 12px;
	background-color: #32404b;
	margin: 0 16px 0 16px;
	float: left;
	text-align: left;
	padding: 3px 0px 5px 24px ;
	background-image: url(images/aktuellere-bg.gif);
}

.ie .category a.back{
	width: 316px;
}

.category a.vorstand-back{
	width: 316px;
	color: #fff;
	font-size: 11px;
	width: 292px;
	height: 12px;
	background-color: #32404b;
	margin: 0 16px 16px 16px;
	float: left;
	text-align: left;
	padding: 3px 0px 5px 24px ;
	background-image: url(images/aktuellere-bg.gif);
}

.vorstands-container{
	width: 332px;
	float: left;
}

.navigation .next-post{
	width: 316px;
	float: right;
	background-color: #FFF;
}

.next-posts a, .prev-posts a{
	clear: both;
	color: #fff;
	font-size: 11px;
	width: 292px;
	height: 12px;
	background-color: #32404b;
	float: left;
	margin-right: 16px;
	margin-top: -16px;
	background-image: url(images/aktuellere-bg.gif);
	padding: 3px 0px 5px 24px ;
	text-align: left;
}

.prev-posts a{
	float: right;
	text-align: right;
	padding: 3px 24px 5px 0px ;
	background-image: url(images/vorige-bg.gif);
}

.single .title-image{
	height: 426px;
}

.single .navigation .title-image{
	height: 214px;
}

ul li.category-list, ul.catlist li{
	background-color: #fff;
	width: 629px;
	float: left;
	height: 38px;
	font-family: Helvetica, Arial, Georgia, serif;
	background-image: url(images/bg-headline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 1px 0px 1px 3px;
	border-right: 8px solid #fff;
	border-left: 8px solid #fff;
}

ul li.category-list:hover, ul.catlist li:hover{
	background-color: #7a9c12;
	background-image: url(images/green-bg.gif);
	border-right: 8px solid #7a9c12;
	border-left: 8px solid #7a9c12;
}

ul li.category-list-title:hover{
	background-color: #fff;
	background-image: url(images/bg-headline.gif);
	border-right: 8px solid #fff;
	border-left: 8px solid #fff;
}

ul li.category-list h2{
	float: left;
}

ul li.category-list h2 a, ul.catlist li a{
 	width: 551px;
 	float: left;
 	font-size: 20px;
 	font-weight: normal;
 	line-height: 32px;
 	color: #0b89c6;
}

ul li.category-list .more-link {
	float: right;
}

ul li.category-list:hover h2 a, ul li.category-list:hover{
	color: #fff;
}

.category-list-title h2{
	color: #32404b;
	height: 42px;
	width: 571px;
	float: left;
	font-size: 20px;
	font-weight: normal;
	line-height: 32px;
}

.list-space{
	width: 648px;
	height: 10px;
	background-color: #fff;
	display: block;
	overflow: visible;
	clear: left;
}

.ie .list-space{
	width: 629px;
}

#anreise{
	width: 300px;
	background-color: #fff;
	margin: 0 0 16px 0;
	float: right;
	padding: 8px;
	margin-bottom: 16px;
}

#anreise h4 {
	margin-bottom: 8px;
}

#anreisebox .textwidget{
	padding-top: 8px;
}

.category-anreise #anreise{
	display: none;
}

#calendar{
	background-color: #fff;
	padding: 8px 6px 8px 8px;
	width: 982px;
}

#calendar-navi-area{
	background-color: #32404b;
	width: 980px;
	border-right: 2px solid #fff;
	height: 29px;
	text-align: center;
	color: #fff;
	line-height: 26px;
}

.calendar-prev {
   width:415px;
   background-color: #32404b;
}
.calendar-next {
   width:415px;
   background-color: #32404b;
}

.calendar-next a{
   width:415px;
   background-image: url(images/calendar-arrow-right.gif);
   background-position: center left;
   background-repeat: no-repeat;
   display: block;
   text-indent: -9999px;
   background-color: #32404b;
}

.calendar-prev a{
   width:415px;
   background-image: url(images/calendar-arrow-left.gif);
   background-position: center right;
   background-repeat: no-repeat;
   display: block;
   text-indent: -9999px;
   background-color: #32404b;
}

.calendar-month {
   width:150px;
   text-align:center;
   font-weight:bold;
   background-color: #32404b;
}

#calendar-intro{
	height: 72px;
}

#calendar-intro p{
	line-height: 30px;
	padding-left: 1px;
}

.calendar-month{
	font-size: 18px;
}

.calendar-table{
	width: 982px;
	border:none;
	table-layout: fixed;
}

.calendar-table .event .new-event a, .calendar-table .event .new-event a .target-title, .tooltip-target, .target-title, .tooltip-target a, .target-title a{ 
	color: #ffffff;
}

.ie .calendar-table .event a{ 
display:block;
width:138px;
}

.day-with-date,
.current-day
{
	height: 130px;
	width: 138px;
	overflow: hidden;
	background-color: #fff;
	
}

.current-day, #calendar .current-day span.event{
	background-color: #bccd89;
	border-right: 3px solid #fff;
}

.day-without-date{
	background-image: url(images/bg-calendar.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 130px;
	width: 138px;
	overflow: hidden;
}

#calendar span.calendar-day{
	background-color: #32404b;
	width: 136px;
	display: block;
	color: #fff;
	text-align: right;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#calendar span.event{
	background-color: #fff;
	width: 138px;
	display: block;
	color: #fff;
}

#calendar .calnk a{
	display: block;
	color: #fff;
	padding: 0px 4px 1px 4px;
	margin: 5px 0 5px 0;
}

.ie .post .calendar-table a{
	color: #fff;
	width:138px;
	display: block;
} 

.tooltip-content {
	display: none;
	position: absolute;
	padding: 4px;
	background-color: white;
	width: 268px;
	border: 1px solid #ccc;
	color: #32404b;
}

.calendar-colorcode{
	margin-right: 20px;
}

.calendar-spacer{
	height: 20px;
}

.cat-key h3{
	line-height: 14px;
	text-indent: 1px;
	margin-bottom: 12px;
}

span.weekend{
	background-color: yellow;
}


#footer #footerbar ul li.cat-item-3{
width: 77px;	
}

#footer #footerbar ul li.cat-item-4{
width: 136px;	
}

#footer #footerbar ul li.cat-item-5{
width: 134px;	
}

#footer #footerbar ul li.cat-item-8{
width: 115px;	
}

#footer #footerbar ul li.cat-item-1{
width: 131px;	
}

#footer #footerbar ul li.cat-item-7{
width: 107px;	
}

#footer #footerbar ul li.cat-item-20{
width: 97px;	
}

#footer #footerbar ul li.cat-item-21{
width: 107px;	
}

#footer #footerbar ul li.cat-item-94{
width: 45px;
}

.small-items-wrap{
	padding: 8px;
	margin-left: 16px;
	clear: both;
	width: 300px;
	background-color: #fff;
}

.vorstand-items-wrap{
	padding: 8px;
	margin-left: 16px;
	width: 300px;
	background-color: #fff;
	float: left;
}

/* shop */

#single-product, #cart-page, #receipt{
	width: 974px;
	background-color: #fff;
	padding: 8px;
	display: block;
	min-height: 280px;
}

#shopp{
	
}

#shopp.grid ul.products li.row ul li.product{
	background-color: #fff;
	width: 316px;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
	height: 372px;
}

#shopp.list ul.products li.row ul li.product{
	background-color: #fff;
	width: 972px;
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
	height: 210px;
	padding-left: 8px;
	padding-top: 8px;
}

#shopp.list ul.products li.row ul li.product .details{
	float: right;
	width: 632px;
	padding-top: 8px;
}

/**
 * shopp.css
 * Generic layout & styles for Shopp pages
 *
 * @author Jonathan Davis
 * @package shopp
 **/

/* Generic Shopp Styles */

#shopp .submit { 
	text-align: right; 
}

#shopp form { 
	text-align: left; 
}

#shopp form.product ul.options { 
	list-style: none; 
}

#shopp form ul { 
	line-height: 1; 
}

#shopp form label {
	font-size: 14px; 
	font-weight: bold; 
	padding-bottom: 3px; 
}

#shopp form ul li span label,
#shopp form div label { 
	font-size: 11px; 
	font-weight: normal; 
	padding-bottom: 8px; 
}

/**
 * Catalog/Category
 **/
 
 #shopp h3.category{
 	font-size: 20px;
 	font-weight: normal;
 	font-family: Helvetica, Arial, Georgia, serif;
 	background-repeat: repeat-x;
 	background-position: bottom;
 	padding-bottom: 8px;
 	line-height: 24px;
 	color: #FFF;
 	width: 600px;
 }

.categories ul li a.current { 
	font-weight: bold; 
}

#shopp .category { 
	position: relative; 
}

#shopp .views { 
	display: inline; 
	position: absolute; 
	right: 16px; 
	top: 0; 
}

#shopp .views button { 
	border: none; 
	background: none; 
	cursor: pointer; 
	padding: 2px; 
}

#shopp .views button:hover { 
	background-color: #ebebeb; 
	border: 1px solid #777; 
}

#shopp .views li { 
	display: inline; 
}

#shopp .orderby { 
	float: right; 
}

#shopp .subcategories { 
	padding: 10px 0; 
	margin-bottom: 10px;
}

/* Each product in a category has a containing frame */
#shopp ul.products li.product div.frame { 

}

#shopp ul.products li .name,
#shopp ul.products li .summary,
#shopp ul.products li .savings,
#shopp ul.products li .price { 
	margin-top: 0; 
	margin-bottom: 0; 
}

#shopp ul.products li .details { 
	float: none; 
	padding: 8px; 
	text-align: left;
}

/* Hide the product summary in the grid view */
#shopp ul.products li .summary { 
	display: none; 
}

#shopp ul.products li .listview { 
	display: none; 
}

#shopp ul.products img { 
	display: block; 
}

#shopp .price { 
	line-height: 21px; 
	margin-bottom: 16px; 
	font-size: 16px;
}

#shopp h5{
	font-weight: normal;
}

#shopp .original { 
	text-decoration: line-through; 
}

#shopp .sale { 
	font-size: 150%; 
}

/* Faceted menu cancel filter link styles */
.filters a.cancel:before { 
	content: "["; 
}

.filters a.cancel { 
	font-weight: bold; 
}

.filters a.cancel:after { 
	content: "]"; 
}

.filters a.cancel:hover { 
	text-decoration: none; 
}

/* Product List View */
#shopp.list ul.products li { 
	float: none; 
	width: 100%; 
	clear: both; 
	padding-bottom: 10px;
}


#shopp.list ul.products li div.frame { 
	width: 100%;  
	text-align: left; 
}

#shopp.list ul.products li img { 
	float: left; 
	margin-right: auto;
	margin-left: auto;
}

#shopp.list ul.products li .details {
	float: left; 
	width: 65%;
}

#shopp.list ul.products li .listview { 
	display: block; 
}

#shopp ul.breadcrumb {
	margin: 10px 0;
}

#shopp ul.breadcrumb li {
	background: none;
	padding: 0; 
	display: inline; 
	margin-left: 0; 
	text-indent: 0; 
}

#shopp ul.categories { 
	float: left; 
	margin-right: 20px; 
}

/* Category Pagination */
#shopp ul.paging { /* placeholder for your styles - inherited defaults: clear: none; display: inline-block; */ }
#shopp ul.paging li { /* placeholder for your styles - inherited defaults: display: inline-block; margin-left: 5px; */ }
#shopp ul.paging li a { /* page links default styling */ }
#shopp ul.paging li a:hover { /* page links hover styling */ }
#shopp ul.paging li.active { /* currrent page style */ }
#shopp ul.paging li.disabled { /* style for disabled previous/next links */ }
#shopp ul.paging li.previous a,
#shopp ul.paging li.next a { /* previous/next link style */ }

/**
 * Product Pages
 **/
 
#shopp.product{
	background-color: #fff;
	padding-bottom: 16px;
}

#shopp .column { 
	float: left; 
}

#checkout-content, #receipt{
	padding: 8px;
	background-color: #fff;
}

p.headline{
	margin-top: 16px;
}

#page #shopp dl.details, .single-product-desc{
	width: 648px;
	float:right;
}

#shopp .column.first { 
	width: 65%; 
}

#shopp .column.second { 
	float: right; 
	width: 35%; 
}

#shopp .original { 
	text-decoration: line-through;
}
#shopp form.product ul,
#shopp form.product ul li,
#shopp form.product ul li label {
	clear: none;
}

#shopp ul.variations label {
	display: block;
}

#shopp dl { 
	clear: both;
}

#shopp dl dt {
	font-weight: bold;
	float: left;
	margin-right: 10px;
	clear: left;
}

#shopp dl dd {
	display: block;
	clear: right;
}

#shopp .gallery {
	margin: 5px 10px 5px 0;
}

#shopp .gallery ul.previews li.thumbnails ul {
	margin: 10px 0 10px 0;
}

#shopp .gallery ul.previews li.thumbnails li {
	margin: 0 5px 0 0;
}

/**
 * Category List Widget
 **/
ul.shopp_categories { /* category list container */ }
ul.shopp_categories li { /* category listing containers */ }
ul.shopp_categories li a { /* category link default styles */ }
ul.shopp_categories li a:hover { /* category link hover styles */ }
ul.shopp_categories li span { /* categpry product count styles */ }
ul.shopp_categories li.current { /* currently viewed category container */ }
ul.shopp_categories li.current a { /* currently viewed category link style */ }
ul.shopp_categories li.current a:hover { /* currently viewed category link hover style */ }
ul.shopp_categories li ul.children { /* sub-category list container */ }
ul.shopp_categories li ul.children li { /* sub-category listing container */ }
ul.shopp_categories li ul.active { /* active sub-category container */ }

/* Collapsed sub-category menus example
ul.shopp_categories li ul.children { display: none; }
ul.shopp_categories li ul.active { display: block; }
*/

/**
 * Side Products Widget
 **/
.sideproduct { 
	margin-top: 20px;
}

.sideproduct h3 {
	margin-top: 0;
}

/**
 * Shopping Cart 
 **/
#shopp #cart {
	width: 100%;
}

#shopp #cart table {
	padding: 10px 0;
	width: 100%;
}

#shopp #cart th {
	text-align: left;
	font-weight: bold;
}

#shopp #cart th, #shopp #cart td {
	padding: 3px;
}

#shopp #cart .item {
	width: 50%;
}

#shopp #cart .money, 
#shopp #cart .totals th,
#shopp #cart .buttons td {
text-align: right;
white-space: nowrap;
}

#shopp #cart .totals.total th,
#shopp #cart .totals.total td {
	font-size: 130%;
}

#shopp #cart .remove {
	font-size: 9px;
}

#shopp #cart address {
	font-style: normal;
}

#shopp #cart big {
	display: block;
	margin: 10px 0;
}

big a.right {
	float: right;
}

.right{
	float:  right;
}

.left{
	float: left;
}

/* External checkout buttons */
#shopp .xcheckout {
	display: block;
	clear: both;
	text-align: right;
}

#shopp .xcheckout button {
	border: none;
	margin: 0;
	padding: 0;
}

/**
 * Shopping Cart Widget
 **/
#shopp-cart.widget p.status {
	margin-bottom: 10px;
}

/**
 * Checkout 
 **/
#shopp #shipping-methods {
	padding-left: 30px;
}
	
#shopp #shipping-methods li {
	margin-top: 5px;
}

#shopp #shipping-methods input {
	margin-left: -16px;
}

#shopp #errors {
	color: #990000;
}

/**
 * Order Receipt
 **/
#shopp #receipt {
	position: relative;
	margin: 20px 0;
}

#shopp #receipt address {
	font-style: normal;
}

#shopp #receipt fieldset {
	float: left;
	width: auto; 
	width: 42%;
	padding: 10px;
	border: 1px solid #dadada;
	margin-bottom: 30px;
}

#shopp #receipt fieldset.shipping {
	width: 42%;
	float: right;
}

#shopp #receipt fieldset legend {
	display: block;
}

#shopp #receipt table.transaction {
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

#shopp #receipt table.transaction th {
	text-align: right;
	width: 80px;
	padding-right: 10px;
}

#shopp #receipt .order {
	width: 100%;
	clear: both;
	border: none;
}

#shopp #receipt td { 
	border: none; 
}

#shopp #receipt th {
	font-weight: bold;
	text-align: left;
	border: none; }
#shopp #receipt th, 
#shopp #receipt td { padding: 3px 0; }
#shopp #receipt .order .item { width: 50%; }
#shopp #receipt .order .money, 
#shopp #receipt .order .total,
#shopp #receipt .order .buttons td { text-align: right; }
#shopp #receipt .order .totals.total th,
#shopp #receipt .order .totals.total td { font-size: 130%; }

#vimeo-feed, #sidebar-newsletter{
	font-size:11px;
	padding: 8px;
	width:300px;
	background-color: #32404b;
	margin-bottom: 16px;
	float: left;
	color: #fff;
}

#post-newsletter{
	font-size:11px;
	padding: 8px;
	width:632px;
	background-color: #32404b;
	margin-bottom: 16px;
	float: left;
	color: #fff;
	margin-left: 16px;
}

.sidebar .widgets{
	margin-bottom: 16px;
}

#facebook{
	line-height: 0px;
}

#vimeo-feed p, #sidebar-newsletter p{
	color: #fff;
}

#vimeo-feed h4, #sidebar-newsletter h4{
	font-size: 20px;
	font-weight: normal;
	font-family: Helvetica, Arial, Georgia, serif;
	background-image: url(images/bg-dark-headline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 8px;
	margin-bottom: 8px;
	line-height: 24px;
	color: #fff;
	text-align: left;
}

#vimeo-feed p.more-on{
	margin-top: 8px;
	color: #fff;
	font-family: Helvetica, Arial, Georgia, serif;
	font-size: 13px;
	font-weight: bold;
}

.submit-bt{
	background-color: #0b89c6;
	color: #fff;
	font-size: 11px;
	font-family: Helvetica, Arial, Georgia, serif;
	width: 88px;
	height: 18px;
	border: 0;
	float: right;
	margin-top: 10px;
}

#post-newsletter .submit-bt{
float: right;
margin-right: 332px;
}

#post-newsletter h4{
	font-size: 20px;
	font-weight: normal;
	font-family: Helvetica, Arial, Georgia, serif;
	background-image: url(images/bg-dark-headline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 8px;
	margin-bottom: 16px;
	line-height: 24px;
	color: #fff;
	text-align: left;
	background-position: 11px -2px;
}

.text-input{
	height: 16px;
	border: 0;
	margin-top: 10px;
	text-indent: 4px;	
	width: 202px; 
}

.clear{
	clear:  both;
}

.search .post{
	width:  648px;
	background-color: #fff;
	margin-bottom: 16px;
}

.search .post a.read_more{
	margin-right: 590px;
	line-height: 40px;
}

.search .post .entry-meta{
	margin-top: -10px;
}

.search .navigation{
	height: 15px;
	margin-top: -16px;
	background-color: #32404b;
	width: 632px;
	padding: 3px 8px 2px 8px;
}

#flash-banner{
	display: none;
	width:316px;
	}

.home #flash-banner{
	display: block;
}

/* Fancybox */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('images/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_right.png') repeat-x;
}

#shopp .gallery .thumbnails li img {
width:72px;
}

#font-resize input {
	background-color: #ffffff;
	border: 0;
}

#font-resize #small{
	font-size: 12px;
	width: 22px;
	color: #0B89C6;
	cursor: pointer;
	
}

#font-resize #small:focus, #font-resize #large:focus {
  -moz-outline-style: none;
}


#font-resize #large{
	font-size: 18px;
	width: 22px;
	color: #0B89C6;
	cursor: pointer;
}