/*
Author Name     : Tobias Herold
Author Site     : http://www.vektorrausch.de
Style Name      : Fabrik Kiel
Style URI       : http://www.fabrik-kiel.de
Version         : 1.3 (18.02.2010)
Comments        : 3-Spalter, basierend auf K2 1.0
*/

/* Struktur
***********************************************************************************************/

body {
	font: 75% normal Arial, Helvetica, sans-serif; /* Standardschrift auf 12px */
	text-align: left;
	background: #000 url(bg-bricks1.jpg);
	color: #222;
}

strong, em, b, i {
    font-family: Arial, Helvetica, sans-serif;
}

#page {
	padding:0;
	width: 960px !important;
	border:none;
	background: url(page-hg.png) repeat-y left top;
}

#header {
	height:150px;
	width:750px;
	background: #fff url(bg-header.gif) repeat-x top;
}

.blog-title {
	position:absolute;
	top:0px;
	left:33px;
	z-index: 20;
	display:block;
	width:257px;
	height:126px;
	padding: 0;
	background: url(fabrik-logo.gif) no-repeat top left;
}

.blog-title a {
	display:block;
	width:257px;
	height:89px;
	cursor: pointer;
}

#header p.description {
	position: absolute;
	z-index: 30;
	right: 25px;
	top: 16px;
	display: block;
	height: 119px;
	width: 262px;
	margin: 0;
	background: url(reservierung.png);
}

#header p.description a {
	display: block;
	height: 119px;
	width: 262px;
}

.content {
	margin-top: 30px;
	padding:0;
}

#primary {
	padding: 10px 20px 10px 30px;
	width: 500px;
}

.entry-content {
	text-align: left;
	color: #222;
}

.secondary {
	padding: 10px;
	color: #222;
}

#sidebar-1 {
	margin: 0 0 0 5px;
	width:160px;
}

#sidebar-1 .widget {
	margin-bottom: 50px;
}

#sidebar-2 {
	clear: none;
	float: right;
	margin: -180px 0 0 25px;
	width: 180px;
}

body.page-slug-home #sidebar-2 {
	margin: -409px 0 0 25px;
}

body.page-slug-speisekarte #sidebar-2 {
	position: absolute;
	right: 0;
	top: 180px;
}

#sidebar-2 p {
	margin: 10px 35px 10px 0;
	line-height: 120%;
	font-size: 120%;
}

span.preis {
	font-size: 200%;
	font-weight: bold;
	line-height: 110%;
}

hr.trenner {
	clear: both;
	display: block;
	height: 1px;
	width: 100%;
	margin: 20px auto;
	border: none;
	border-top: 1px dotted #aaa;
	background: none;
}

/* Header mit Slideshow
***********************************************************************************************/

body.page-slug-home .blog-title {
	top:13px;
	height:89px;
	background: url(fabrik-logo1.gif) no-repeat top left;
}

body.page-slug-home #header {
	height: 270px;
	width: 750px;
	padding-top: 109px;
}

#slider-wrap {
	position: relative;
	display: block;
	height: 250px;
	width: 750px;
}

#panelimg1, #panelimg2, #panelimg3, #panelimg4, #panelimg5 {
	position: absolute;
	z-index: 1;
	display: block;
	height: 250px;
	width: 750px;
}

div.tabtext {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 25px;
	display: block;
	height: 250px;
	width: 230px;
	background: url(bg-transp75.png);
}

div.tabtext h3 { margin: 15px 10px; color: #fff; }
div.tabtext p { margin: 0 10px 10px; color: #fff; line-height: 130%; }
div.tabtext a.tabbutton {
	background: #222;
	color: #fff;
}

#panelnav {
	position: absolute;
	z-index: 20;
	bottom: 8px;
	right: 8px;
}

#panelnav li {
	list-style: none;
	display: inline;
}

#panelnav li a {
	float: left;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	margin-right: 8px;
	background: url(tab-off.png) no-repeat;
	color: #9b0600;
	font-weight: bold;
}
#panelnav li a:hover,
#panelnav li a.current {
	background: url(tab-on.png) no-repeat;
	color: #fff;
}

/* Infoboxen bunt
***********************************************************************************************/

#sidebar-2 .widget {
	position: relative;
	margin-bottom: 148px;
	padding-bottom: 20px;
	background: url(sbm_box.png) no-repeat left top;
}

.ie7 #sidebar-2 .widget {
	margin-bottom: 168px;
}

#sidebar-2 .widget h4 {
	padding: 10px 10px 5px;
	font-size: 120%;
}

#sidebar-2 .widget p {
	padding: 0 10px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
}

#sidebar-2 .widget img {
	position: absolute;
	bottom: -158px;
	left: 0;
}

/* Twitter */

#sidebar-2 .aktt_widget ul {
	padding-bottom: 90px;
}

#sidebar-2 .aktt_widget li {
	margin-right: 15px;
	padding: 5px 30px 5px 10px;
	line-height: 110%;
	color: #fff;
}

#sidebar-2 .aktt_widget li a {
	display: block;
}

#sidebar-2 .aktt_widget .aktt_tweets {
	display: block;
	margin-bottom: -80px !important;
	background: url(sbm_twitter.png) no-repeat left bottom;
}


/* Menue
***********************************************************************************************/

ul.menu {
	display: block;
	width: 726px;
	height: 36px;
	left: 0;
	bottom: -23px;
	padding: 0 0 0 24px;
	margin: 0;
	border-top: 7px solid #9B0600;
}

ul.menu li {
	float: left;
	display: block;
	padding: 0;
	height: 29px;
	background: url(menu-li-hg.gif) no-repeat right top;
}

ul.menu li a:link, ul.menu li a:visited {
	float: left;
	display: block;
	padding: 0 19px;
	height: 29px;
	line-height: 27px;
	font-size: 110%;
	font-weight: bold;
	color: #888;
	background: #fff;
}

ul.menu li a:hover, ul.menu li a:focus,
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_ancestor a,
ul.menu li.current_page_ancestor a:hover {
	color: #fff;
	background: url(menu-a-hg.gif) no-repeat left top;
}

/* Bildergalerie */

#sidebar-1 #bildergalerie div.ngg-widget {
	margin-top: 10px;
}

#sidebar-1 #bildergalerie div.ngg-widget img:hover,
div.ngg-album-compactbox img:hover {
	border-color: #97152f;
}

#sidebar-1 #zu-den-bildergalerien {
	margin-top: 0;
} 

div.ngg-galleryoverview img:hover {
	background-color: #97152f	;
	border-color: #97152f;
}

div.ngg-album-link {
	margin-top: 0 !important;
}

div.ngg-albumoverview {
	float: left;
}

div.ngg-album-compact {
	float: none;
	width: 200px;
}

div.ngg-album-compact h4 {
	width: 200px;
	padding-top: 0 !important;
}


/* Footer */

#footer {
	display:block;
	width: 960px;
	height: 60px;
	margin:0 auto;
	padding: 12px 0;
	text-align:left;
	background: url(footer-hg.png) no-repeat left top;
}

#footer ul {
	position:relative;
	display:block;
	width:710px;
	margin-left:28px;
}

#footer li { 
	display:inline;
	list-style:none;
	margin-right: 20px;
}

#footer li#vr-footer {
	position: absolute;
	right: 0;
} 

/* Lageplan */

div.map {
	overflow: hidden;
}

div.balloon {
	padding-bottom: 40px;
}

/* Bilder */

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

/* Fonts
***********************************************************************************************/

h1, h2, h3, h4, h5 {
	font-weight: bold !important;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	letter-spacing: 0 !important;
	text-align: left;
	color: #97152f;
}

h2 { font-size:180%; }
h3 { font-size:180%; line-height:110%; }

h4 { font-size:120%; }

div.entry-content {
	font-size: 100%;
	line-height: 130%;
}

.page-head,
body.page .entry-title {
	text-align: left;
}

#sidebar-2 h4 {
	color: #fff;
	font-size: 140%;
}

.home .entry-content h3 {
	margin-top: 0;
}

/* Links
***********************************************************************************************/

a:link, a:visited {
	color:#97152f;
	text-decoration:none;
}
  
a:hover, a:active, a:focus {
	color:#97152f;
}

.entry-content a:visited {
	color:#97152f;
}

#footer a:link, #footer a:visited {
	font-size: 95%;
	font-weight:normal;
	color:#888;
	border:none;
}

#footer a:hover, #footer a:focus {
	color:#9b0600;
	text-decoration:none;
}

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
	color: #97152f;
	text-decoration:none;
}

h2 a:hover, h2 a:focus, h2 span a:hover,
h3 a:hover, h3 a:focus {
	color:#6F6F6F; !important;
	text-decoration:none !important;
}

#sidebar-2 a:link, #sidebar-2 a:visited {
	color: #FFD100;
	text-decoration: none;
}

#sidebar-2 a:hover {
	text-decoration: underline;
}


/* Formulare
***********************************************************************************************/

.ddfm input,
.ddfm textarea,
.ddfm select {
	padding: 3px 0 3px 3px;
	border: 1px solid #9b0600;
}

.ddfm select {
	width: 30% !important;	
}

.submit input {
	padding: 3px 5px;
	color: #fff;
	background: #9b0600;
}

.submit input:hover {
	color: #000;
	background: #fff;
}

.ddfm span.required {
	color: #9b0600 !important;
}


/* Bilder
******************************************************************/

a[rel~="attachment"] img,
.gallery a img,
.wp-caption {
	background: none;
	border: none;
	padding: 0;
	text-align: left;
}

a[rel~="attachment"] img:hover,
.gallery a img:hover,
.wp-caption:hover {
	padding: 0;
	border: none;
}

.wp-caption a img {
	padding: 0;
	border-bottom: 3px solid #fff;
}

.wp-caption a img:hover {
	padding: 0;
	border-bottom: 3px solid #9B0600;
}

.wp-caption .wp-caption-text {
	margin: 2px 0;
	padding: 0;
	text-align: left;
	font-size: 90%;
	line-height: 100%;
	color: #888;
}

/* Bilder mit Beschreibung */

.wp-caption {
	padding: 0 !important;
}

.alignnone, .aligncenter {
	clear: both;
	display: block;
	width: 500px
	margin-bottom: 10px;
	overflow: auto;
}

.entry-content .alignleft {
	float: left;
	margin: 0 10px 0 0 !important;
}

.entry-content .alignright {
	float: right;
	margin: 0;
}


.wp-caption img.size-medium {
	float: left;
	display: block;
	width: 330px;
	margin-right: 10px;
}

.wp-caption img.thumbnail {
	margin: 0 !important;
}


/* Event Calendar
***********************************************************************************************/

ul.ec3_events, ul.ec3_events ul {
	list-style: none;
	padding: 0 !important;
}

li.ec3_list_day {
	font-weight: bold;
	font-family:'Tahoma', Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #97152f;
	border-top: 1px dotted #aaa;
	padding: 5px 0 !important;
}

ul.ec3_events li ul {
	padding: 0 !important;
	margin: 0 !important;
}

ul.ec3_events li ul li {
	font-weight: normal;
	border-top: none;
	list-style: none;
	padding-left: 0;
}

body.s-category-events .entry-meta { display: none; }


/* Ausblenden von Elementen
***********************************************************************************************/
h1.entry-title,
.blog-title span, #header p.description span,
p.footerstyledwith, p.footerpoweredby, p.footerfeedlinks, p.footerstats {
	position:absolute;
	left:-10000px;
	top:-10000px;
}