/* Basic
 * * * * * */
html, body{
	width: 100%;
	height: 100%;
}
body {
   font: 13px TitilliumText22LRegular, Arial, sans-serif;
   background: #000 url(../img/bg-body.jpg) no-repeat top center;
   background-size: cover;
   color: #fff;
}
a {color:#fff; }

a:hover {color:#dedede; text-decoration: none;}

h1 {font-size: 3em;margin: 0.5em 0;}
h2 {font-size: 2.5em;margin: 0.6em 0;}
h3 {font-size: 1.7em; margin: 0.8em 0;}
h4 {font-size: 1em;margin: 1.1em 0;}
h5 {font-size: 0.83em;margin: 1.3em 0;}
h6 {font-size: 0.75em;margin: 2em 0;}
hr {color:#fff;background-color:#fff;	height: 1px;border-width:0px;}

/* Layout
 * * * * * */

#main{
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 880px;
	background: url(../img/bg-grid.png);
}
#hat{
	position: relative;
	padding: 45px 0 0 0;
}
#logo{
	position: absolute;
	margin: 7px 0 0 0;
	left: 43px;
	z-index: 30;
}

#mainmenu{
	position: relative;
	background: #000;
	width: 100%;
	height: 44px;
	z-index: 1;
}
#mainmenu>ul.menu{
	position: relative;
	float: left;
	padding:0;
	margin: 0 0 0 250px;
	font: 20px TitilliumText22LThin, Arial, sans-serif;
	text-transform: uppercase;
	list-style: none;
	z-index: 10;
}
#mainmenu>ul>li{
	float: left;
	margin: 0px;
	padding: 8px 0 0px 0;
	border: 1px solid transparent;
}
#mainmenu>ul>li>a{
	display: block;
	font-size: 18px;
	padding: 4px 7px 0px 7px;
	text-decoration: none;
	border-left: 1px solid #8f8f8f;
}
#mainmenu>ul>li:first-child>a{border: none;}
/* slider trick*/
#mainmenu .fake{position: absolute; left: -30px;}
#mainmenu .fake>a{border: none;}
#mainmenu .pill{
	margin-top:34px;
	background: url("../img/bg-menu-active.png") no-repeat center bottom;
}

#basecontent{
	position: relative;
	padding: 80px 0 103px 43px;
	/*margin: 0 0 80px 0;*/
}

#pathway{
	padding:3px;
	overflow:hidden;
}
#content{
	position: relative;
	width: 860px;
	background-image: url(../img/bg-content.png);
}
#content>div.content{
	padding: 12px;
	/*line-height: 12px;*/
}


/* footer */
#footer{
	position: absolute;
	width: 100%;
	bottom: 0;
}
#footer>div.footer-left{
	position: absolute;
	bottom: 0;
	left: 43px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
#footer>div.footer-right{
	position: absolute;
	bottom: 0;
	right: 0;
	font: 16px TitilliumText22LThin, Arial, sans-serif;
	text-transform: uppercase;
}

#footer>div.footer-left ul,
#footer>div.footer-right ul{
	list-style: none;
	float: left;
}

#footer>div.footer-left a,
#footer>div.footer-right a{
	text-decoration: none;
}

#footer>div.footer-left ul{
	padding: 0;
	margin: 0;
}
#footer>div.footer-left ul>li{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 2px;
	background: #161616;
	overflow: hidden;

	-webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;

  -webkit-transition-property: background-color;
     -moz-transition-property: background-color;
      -ms-transition-property: background-color;
       -o-transition-property: background-color;
          transition-property: background-color;
}
#footer>div.footer-left ul>li:nth-child(2n){
	background: #2e2e2e;
}
#footer>div.footer-left ul>li:nth-child(3n){
	background: #454545;
}
#footer>div.footer-left ul>li:hover{
	background: #000;
}
#footer>div.footer-left ul>li>a{
	position: absolute;
	bottom: 0;
	display: block;
	padding: 60px 0 0 3px;
}

#footer>div.footer-right ul{
	background: #161616;
	padding: 3px 12px;
	margin: 0 0 8px 0;
}
#footer>div.footer-right ul>li{
	float: left;
	margin: 0 6px;
	padding: 3px 0 0 0;
}
#footer>div.footer-right ul>li.active a{
	color: #DEDEDE;
	text-decoration: underline;
}
#by-zwetschke{
	float: left;
}
#by-zwetschke>a{
	display: block;
	width: 122px;
	height: 22px;
	background: url(../img/zwetschke.de.png) no-repeat center;
}
#by-zwetschke>a:hover{background-image: url(../img/zwetschke.de-h.png);}
#by-zwetschke>a>span{visibility: hidden;}

/* blog and columns */
.cols-4 .column-1 {
	width: 23%;
	float: left
}
.cols-4 .column-2 {
	width: 23%;
	margin-left: 1%;
	float: left;
}
.cols-4 .column-3 {
	width: 23%;
	margin-left: 1%;
	float: left
}
.cols-4 .column-4 {
	width: 23%;
	margin-left: 0;
	float: right
}
.blog-featured {
	padding: 0;
}
.items-leading {
	padding: 0px 5px 10px 5px;
	overflow: hidden;
	margin-bottom: 10px
}
.row-separator {
	display: block;
	clear: both;
	margin: 0;
	border: 0px;
	height: 1px
}
.item-separator {
	display: none;
	margin: 0px;
}
.shownocolumns {
	width: 98% !important;
}
#top {
	margin: 0 0 20px 0;
	overflow: hidden
}
.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}
.cols-2 .column-1 {
	width: 46%;
	float: left;
}
.cols-2 .column-2 {
	width: 46%;
	float: right;
	margin: 0
}
.cols-3 .column-1 {
	float: left;
	width: 29%;
	padding: 0px 5px;
	margin-right: 4%
}
.cols-3 .column-2 {
	float: left;
	width: 29%;
	margin-left: 0;
	padding: 0px 5px
}
.cols-3 .column-3 {
	float: right;
	width: 29%;
	padding: 0px 5px
}
.items-row {
	overflow: hidden;
	margin-bottom: 10px !important;
}
.column-1, .column-2, .column-3 {
	padding: 10px 5px
}
.column-2 {
	width: 55%;
	margin-left: 40%;
}
.column-3 {
	width: 30%
}
.blog-more {
	padding: 10px 5px
}


/* Styling
 * * * * */

/*   icons   */
ul.actions{
	display: none;
	text-align:right;
    padding:0 ;
    width:100%;
    margin:0
}
ul.actions li{  display:inline}
ul.actions a{ text-decoration:none}

/* details  article-info */
.modifydate, .createdate, .small{
	font-size:80%;
}
.article_separator{
	display:block;
	padding:8px;
}
.article-info{
	margin:5px 0 ;
    font-size:0.9em;
    color: #5f5f5f;
}
.article-info-term{ display:none }

dt.category-name,
dt.create,
dt.modified,
dt.createdby{
	float:left;
    padding:3px;
    margin: 0;
}

.archive .article-info dd,
.article-info dd{
	padding:3px;
	margin:2px 0 0px 0;
}
dd.createdby{}
.article-info dd span{
    text-transform:none;
    display:inline-block;
    padding:0 5px 0 0px;
    margin:0 10px 0 0px;
}

/* pagenav */
#main ul.pagenav {
	list-style-type:none;
	padding:0;
	overflow:hidden
}
ul.pagenav li{
	display:inline-block;
	padding:0px;
	margin:12px;
}
#main ul.pagenav li{
	line-height:2em
}
ul.pagenav li a{
	border:solid 1px #ccc;
	display:inline;
	background:#eee;
	padding:2px;
	text-decoration:none
}
ul.pagenav li.pagenav-prev{float:left}
ul.pagenav li.pagenav-next{float:right}
/* search */
.search label{
	font-size: 15px;
	font-weight: bold;
	color: #32496b;
}
/*  forms  */
#member-registration{ padding:0 5px}
#member-registration fieldset {border:solid 1px #ddd}
form fieldset legend {margin: 3px 12px; font-size: 0.8em;}
form fieldset dt{
        clear:left ;
        float:left;
        width:12em;
        padding:3px 0
}
form fieldset dd{
        float:left;
        padding:3px 0
}
p.readmore a,
input.button,
input[type="submit"],
button[type="submit"]{
	float: right;
	font-size: 16px;
	color: #fff;
	background: #454545;
	border: none;
	padding: 8px 23px 6px 23px;
	margin: 0 0 16px 0;
	cursor: pointer;
}
p.readmore a:hover,
input.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{background-color: #2E2E2E;}


/* form validation */
.invalid{
	border-color:red !important;
}
label.invalid{
	color:red;
}
input.invalid,
textarea.invalid{
	border:solid 2px red;
}
/* contact form */
.contact h2,
.contact h3,
.contact h4,
.contact .contact-address,
.contact .contact-contactinfo,
.contact .contact-form{
	margin: 12px;
}
.contact-category{padding:0 10px}
.contact-category  #adminForm fieldset.filters{
	border:0;
	padding:0
}
.contact-image{
	margin:10px 0;
	overflow:hidden;
}
.contact-image img{
	float:right;
}
.contact-address .jicons-icons{margin: 0 12px;}
address{
	font-style:normal;
    margin:12px;
}
address span{
        display:block
}
.contact-address{
	margin:20px 0 10px 0;
}
.contact-email div{
	padding:2px 0;
    margin:0 0 10px 0;
}
.contact-email label{
	width:17em;
    float:left;
}
span.contact-image{
    margin-bottom:10px;
    overflow:hidden;
    display:block
}
#contact-textmsg{padding: 2px 0 10px 0}
#contact-email-copy{
	float:left;
    margin-right:10px;
}
.contact .button{
	float:none !important;
    clear:left;
    display:block;
    margin:20px 0 0 0
}


#jform_contact_emailmsg,
#jform_contact_message{
	width: 430px;
	margin: 3px;
}
p.error{
	color: #fff;
	border-top:3px solid #044b63;
	border-bottom:3px solid #044b63;
}
/*fabrik contact*/
form.fabrikForm{
	width: 800px;
	margin: 0 auto;
}
#form_7{
	margin: 0;
}
form.fabrikForm fieldset,
form.fabrikForm fieldset ul{
	border: none;
	padding: 0;
	margin: 0;
}
form.fabrikForm fieldset li{
	margin: 6px 0;
}
.fabrikActions{
	min-height: 30px;
	margin-bottom:30px;
}
.fabrikActions input.button{
	position: absolute;
	right: 0px;
}

/* Form kesselhaus-electronic-dj-2015 */

#form_5 {
    margin: 0;
    padding: 0 0 30px;
    width: 600px;
}
#form_5  .fabrikActions {
	margin: 20px 0 0;
}

input#kesselhaus_electronic_dj_2015___E_Mail_Adresse,
input#kesselhaus_electronic_dj_2015___DJ___Equipment {
	margin-bottom: 40px;
}
.display .fabrikSubElementContainer {
	/*line-height: 3em;*/
	margin-top: 30px;
}


#redirect{
	top:30%;
	left: 30%;
	color: #000;
}
/* login */
#login-form{}
#login-form p{
	display: block;
	float: right;
	width: 100%;
	padding: 3px 0;
}
#mainmenu #login-form .button{
	margin: 6px 0;
}

#form-login-username input,
#form-login-password input{
	display: block;
	float: right;
}
#form-login-username label,
#form-login-password label{
	display: block;
	float: left;
	margin: 8px 0;
	font-weight: bold;
	color: #335473;
}
#form-login-remember input,
#form-login-remember label{
	display: block;
	float: right;
}
#form-login-remember label{
	margin: 3px 0 0 3px;
}
#login-form .important{
	color: red;
	padding: 0 0 0 3px;
}

.login-fields>label{
	display: inline-block;
	width: 100px;
}
.login fieldset{
	padding: 2em;
}
.login button[type="submit"],
.reset button[type="submit"],
.remind button[type="submit"]{
	/*float: none;*/
	margin-top: 16px;
}


#form_3 .fabrikLabel,
#form_2 .fabrikLabel,
#form_1 .fabrikLabel {
	width: 170px;
}
#form_3 .fabrikElement,
#form_2 .fabrikElement,
#form_1 .fabrikElement {
    margin-left: 175px;
}
.fabrikElementContainer.captcha .fabrikLabel{
	display: inherit;
	line-height: 1.2;
}

/* jobs form @see custom.css in form template*/

/* System Messages */

#system-message{
	margin:0 5px 20px 5px;
	/*padding: 8px 16px;*/
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	/*border: 1px solid #000;*/
	line-height: 1.8;
}
#system-message dt,
#system-message dd{
	font-weight: bold;
	/*padding: 3px 0;*/
	padding: 0;
	margin: 0;
}
#system-message dd ul{
	margin: 0;
	padding: 1em;
}
#system-message dd ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#system-message dt{display: none;}
/*#system-message dt.message{color: #0078ca;}*/
#system-message dd.message{color: #fff;}
/*#system-message dt.error{color: #F00;}*/
#system-message dd.error{color: #F00;}

/*  tooltip  */
.tip{
	font-size:0.9em;
    text-align:left;
    padding:3px 6px;
    max-width:400px;
	background:#e8e8e8;
}
.tip-title{font-weight:bold;}

/* some */
div.cck_contents.cck_content div.cck_value.cck_value_wysiwyg_editor {
	line-height: 20px;
}

/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;	overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {	display: block;}