/*
Theme Name: Meinburk
Theme URI: 
Description: Custom theme
Author: sjdab.com
Version: 1.0
Tags: 
*/



/* ------------------------------------------------------------------------------------------------------- */
/* THE USUAL RESET */
/* ------------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
p,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,b,strong,i,em,strong,th,big,small { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


img { border: 0; }
.wrap { clear: both; display: block; }
.clear { clear: both; visibility: hidden; }


/* ------------------------------------------------------------------------------------------------------- */
/* GENERAL */
/* ------------------------------------------------------------------------------------------------------- */
html, body { margin: 0px; }
html { background-color: #7b207f; border-top: 5px solid #7b207f; }
body {  }

/* Grid */
.site, .footer { clear: both; width: 950px; _height:1%; overflow: hidden; margin-left: auto; margin-right: auto; }
.site { padding-bottom: 80px; }
#firstpart { width: 100%; background-color: white; background-image: url('img/bg-firstpart.jpg'); background-repeat: no-repeat; background-position: top center; }
.left { float: left; width: 300px; _height:1%; margin: 0px 39px 100px 0px; }
.middle { float: left; width: 400px; _height:1%; margin: 30px 40px 100px 0px; }
.right { float: left; width: 300px; _height:1%; margin: 30px 0px 100px 0px; }


/* ------------------------------------------------------------------------------------------------------- */
/* FONTS */
/* ------------------------------------------------------------------------------------------------------- */

/* Families */
/* html, body { font-family: Georgia, Times, serif; font-style: regular; font-weight: normal; } */
html, body { font-family: Calibri, Arial, Helvetica, sans-serif; font-style: regular; font-weight: normal; }
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-style: regular; font-weight: normal; }

/* Sizes */
p, td  { font-size: 14px; line-height: 20px; }
p { margin-top: 10px; }
h1 { font-size: 30px; }
h2, big { font-size: 23px; line-height: 48px; }
h2 { margin-bottom: -15px; margin-top: 15px; }
#blog-sidebar h2, #home-blog h2 { margin-bottom: 0; margin-top: 0; }
h3 { font-size: 16px; line-height: 35px; }
.breadcrumb, .footer p, p.post-meta { font-size: 11px; line-height: 16px; }
small, .blog-date { font-size: 10px; line-height: 14px; }

/* Typography */
p { clear: both; }
h1 { font-weight: normal; }
h2 { font-weight: normal; }
h3 { font-weight: normal; }
big {  }
strong { font-weight: bold; }
b { font-weight: bold; }
em { font-style: italic; }
i { font-style: italic; }
u { text-decoration: underline; }
small, .caption {  }
hr {  }


/* ------------------------------------------------------------------------------------------------------- */
/* FIRST PART */
/* ------------------------------------------------------------------------------------------------------- */

/* Font Colors */
p, li, td { color: #333333; }
h1, h2, h3 { color: #333333: }
small, .breadcrumb { color: #aaa; }

/* General Links */
a { color: #333333; background-color: transparent; text-decoration: underline; }
a:hover, small a:hover, .blog-date a:hover { color: white; background-color: #d2af22; text-decoration: none; }

.footer a { color: white; font-weight: bold; background-color: transparent; text-decoration: none; }
.footer a:hover { color: white; background-color: transparent; text-decoration: underline; }

small a, small a:hover, .breadcrumb a, .breadcrumb a:hover { color: #aaa; background: transparent; }
.nodeco a, .nodeco a:hover, a.nodeco, a:hover.nodeco { color: #505050; text-decoration: none; background: transparent; }
h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover { color: #4e4e4e; background: transparent; text-decoration: none; }


/* Sprites */
.sprites, .s, a.s, a.s:hover { display: block; background: url('img/sprites.png') no-repeat; text-indent: -9999px; overflow: hidden; color: white; font-size: 1px; }

/* Site */
.site {  }
.print-logo { display: none; }

/* Header */
.page-content { margin: 30px; }

/* Nav */
#nav { clear: both; _height:1%; overflow: hidden; margin: 0 0 40px 30px; }
a.b, a.b:hover { float: left; height: 100px; } /* sprited */
a.logo, a.logo:hover { width: 220px; background-position: -0px -0px; margin-right: 58px; } /* sprited */
a.b-meinblog { width: 95px; height: 80px; margin-top: 20px; background-position: -281px -20px; } /* sprited */
a.b-meinblog:hover, a.b-meinblog-active, a.b-meinblog-active:hover { height: 100px; margin-top: 0px; background-position: -281px -0px; } /* sprited */
a.b-reservierung { width: 124px; height: 80px; margin-top: 20px; background-position: -376px -20px; } /* sprited */
a.b-reservierung:hover, a.b-reservierung-active, a.b-reservierung-active:hover { height: 100px; margin-top: 0px; background-position: -376px -0px; } /* sprited */
a.b-vermietung { width: 112px; height: 80px; margin-top: 20px; background-position: -500px -20px; } /* sprited */
a.b-vermietung:hover, a.b-vermietung-active, a.b-vermietung-active:hover { height: 100px; margin-top: 0px; background-position: -500px -0px; } /* sprited */
a.b-location { width: 96px; height: 80px; margin-top: 20px; background-position: -612px -20px; } /* sprited */
a.b-location:hover, a.b-location-active, a.b-location-active:hover { height: 100px; margin-top: 0px; background-position: -612px -0px; } /* sprited */
a.b-newsletter { width: 124px; height: 80px; margin-top: 20px; background-position: -708px -20px; } /* sprited */
a.b-newsletter:hover, a.b-newsletter-active, a.b-newsletter-active:hover { height: 100px; margin-top: 0px; background-position: -708px -0px; } /* sprited */
a.b-facebook { width: 16px; height: 80px; margin-top: 20px; background-position: -832px -20px; } /* sprited */
a.b-facebook:hover, a.b-facebook-active, a.b-facebook-active:hover { height: 100px; margin-top: 0px; background-position: -832px -0px; } /* sprited */
a.b-rss { width: 16px; height: 80px; margin-top: 20px; margin-left: 4px; background-position: -852px -20px; } /* sprited */
a.b-rss:hover, a.b-rss-active, a.b-rss-active:hover { height: 100px; margin-top: 0px; background-position: -852px -0px; } /* sprited */
.fb-like { float: left; margin: 70px 0px 0px 4px; }

/* Footer */
#footer { background-image: url('img/bg-footer.jpg'); background-repeat: repeat-x; background-position: top center; }
.footer { padding: 50px 0px; color: white; }
.footer p { color: white; padding: 0 20px; }
.footer-copyright, .footer-nav, .footer-extra { display: block; float: left; width: 290px; margin-right: 10px; }
.footer-copyright { margin-left: 30px; }

/* Home Events */
#home-events { margin: 10px 0 40px 0; }
#home-events p { margin: 0; }
.roundabout-holder { list-style: none; width: 500px; height: 300px; margin: 0px auto; }
.roundabout-moveable-item { font-size: 12px!important; height: 300px; width: 600px; cursor: pointer; padding: 5px; border: 1px solid #aaaaaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #f9f9f9; }
.roundabout-moveable-item img { height: 100%; width: 100%; background-color: #FFFFFF; margin: 0; }
.roundabout-in-focus { cursor: auto; }
.roundabout-in-focus:hover { -webkit-box-shadow: 0px 0px 20px #787878; -moz-box-shadow: 0px 0px 20px #787878; background: #f9f9f9; }
.roundabout-holder span { display: none; font-size: 12px; }
.roundabout-in-focus:hover span { display: inline; position: absolute; bottom: 5px; right: 5px; padding: 8px 20px; background: #f9f9f9; color: #000000; z-index: 999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size: 12px; border-left: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; }
.roundabout a:active, .roundabout a:focus, .roundabout a:visited { outline: none; text-decoration: none; }
.roundabou li { margin: 0; }
a img { border: none; outline: 0; }

/* Home Teaser */
#home-teaser { clear: both;  margin: 60px 0px 0px 30px; }
a.home-teaser { float: left; width: 290px; height: 130px;  margin-right: 10px;
	-moz-opacity: 0.7; filter: alpha(opacity=70); opacity: 0.7;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;
	-webkit-box-shadow: 4px 4px 8px #787878; -moz-box-shadow: 4px 4px 8px #787878; }
a.home-teaser:hover { -moz-opacity: 1.0; filter: alpha(opacity=100); opacity: 1.0; }
a.home-teaser-reservierungen, a.home-teaser-reservierungen:hover { background-position: -0px -100px; }
a.home-teaser-vermietung, a.home-teaser-vermietung:hover { background-position: -290px -100px; }
a.home-teaser-location, a.home-teaser-location:hover { background-position: -580px -100px; }

/* Home Blog */
#home-blog { display: box; float: left; width: 410px; margin: 60px 0px 0px 30px; }
#home-blog h1 { clear: both; width: 139px; height: 20px; background-position: -0px -248px; margin-bottom: 30px; }
#home-blog h2 { font-size: 20px; line-height: 26px; }
#home-blog p { font-size: 11px; line-height: 18px; color: #909090; margin-top: 0; }
a.home-blog-post { display: block; clear: both; padding: 10px; width: 390px; background-color: transparent; color: #333333; text-decoration: none; border-bottom: 1px solid #d8dfea; }
a.home-blog-post:hover { color: white; background-color: #7b207f; }

/* Home FBBox */
#home-fbbox { display: box; float: right; width: 440px; margin: 60px 30px 0px 0px; }

/* Blog */
#blog-content { float: left; width: 600px; margin-left: 30px; }
.post { display: block; clear: both; _height:1%; overflow: hidden; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #bbafcd; }
.post-content { margin-top: 15px; }
p.post-meta { color: #909090; margin-top: 8px; }
.blog-navigation { display: block; clear: both; _height:1%; overflow: hidden; margin: 0px 0px; }
#blog-sidebar { float: right; width: 280px; }
#blog-sidebar ul, #blog-sidebar li { list-style: none; margin: 0; padding: 0; }
#blog-sidebar h2 { font-size: 20px; }
#blog-sidebar a { display: block; width: 260px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: white; background-color: #ad84e7; margin-bottom: 1px; padding: 10px; }
#blog-sidebar a:hover { background-color: #7b207f; }
#blog-fbbox { display: box; float: right; width: 280px; margin-top: 30px; }


/* ------------------------------------------------------------------------------------------------------- */
/* Overrides */
/* ------------------------------------------------------------------------------------------------------- */

.cl { float: left; }
.first { margin-left: 0px; padding-left: 0px; border-left: 0px; }
.cl-end, .last { margin-right: 0px; padding-right: 0px; border-right: 0px; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {  padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

.alignnone, .size-full { margin: 0; padding: 0; }