/*
Author URI: http://www.svenjuergensmeier.com/
*/



/* ------------------------------------------------------------------------------------------------------- */
/* THE USUAL RESET */
/* ------------------------------------------------------------------------------------------------------- */

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,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 { background: url(img/bg/100200.jpg) no-repeat; background-position: top right; /* background-attachment: fixed; */ background-color: #000; }

/* Width */
.top, .content, .content-white, .footer { width: 650px; _height:1%; overflow: hidden;  margin-left: auto; margin-right: auto; clear: both; }

.cl1 { clear: both; }
.cl2 { float: left; width: 400px; margin-right: 50px; }


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

/* Families */
html, body, .blog-overview-post h1 { font-family: Helvetica, Arial, sans-serif; font-style: regular; font-weight: normal; }
h1, h2, h3 { font-style: regular; font-weight: normal; }

/* Sizes */
h1 { 
	font-size: 32px; line-height: 40px; }

h2 {
	font-size: 25px; line-height: 20px; }

p {
	font-size: 11px; line-height: 16px; }

small {
	font-size: 9px; line-height: 20px; }

h3, big {
	font-size: 16px; line-height: 20px; }



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

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

/* General Links */
a { color: #009ee0; background-color:transparent; text-decoration: underline; }
a:hover { color: #00648e; }
.nodeco a, .nodeco a:hover, a.nodeco, a:hover.nodeco { text-decoration: none; background: transparent; }

/* Top */
.top { padding-top: 50px; padding-bottom: 40px; }
.logo { float: right; }
.nav { float: left; }
.button { clear: both; }
li.button { list-style: none; }

a.button-events, a.button-events-active, a.button-info-active, a.button-info, a.button-facebook, a.logo { float: left; display: block; background: url(img/sprites.png) no-repeat; text-indent: -9999px; overflow: hidden; }

a.button-events { width: 80px; height: 32px; margin-top: 3px; background-position: -0px -0px; }
a.button-events:hover { background-position: -0px -33px; }
a.button-events-active { width: 80px; height: 32px; margin-top: 3px; background-position: -0px -33px; }

a.button-info { width: 60px; height: 32px; margin-top: 3px; background-position: -0px -66px; }
a.button-info:hover { background-position: -0px -99px; }
a.button-info-active { width: 60px; height: 32px; margin-top: 3px; background-position: -0px -99px; }

a.button-facebook { width: 80px; height: 23px; margin-top: 9px; background-position: -200px -77px; }

.nav-info { float: left; margin: 10px 0px 0px 20px; }
a.nav-info-button, a.nav-info-button-active { display: block; float: left; padding: 5px 10px; margin-right: 1px; background: white; color: #222;  font-size: 10px;text-decoration: none; }
a.nav-info-button:hover, a.nav-info-button-active { background: #e3007a; color: white; }

a.logo { width: 70px; height: 72px; margin-top: 9px; background-position: -200px -0px; }

/* Layout */
.content-white { padding: 40px; background: #FFF; opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.70; }

.flyer-item  { float: left; margin-right: 15px; margin-bottom: 15px; }
.helden-item { float: left; width: 200px; height: 380px; margin-right: 15px; }
.presse-item, .location-item { float: left; margin-right: 15px; }


/* ------------------------------------------------------------------------------------------------------- */
/* Footer */
/* ------------------------------------------------------------------------------------------------------- */

.footer { padding-top: 40px; padding-bottom: 50px;  }
.footer p { color: #e8e8e8; }
.footer a { color: #e8e8e8; }
.footer a:hover { color: #ffed00; }



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

.cl { float: left; }
.cl-end, .last { margin-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 }