/*	Author: Sascha Milivojevic (info@hey-sascha.de):
   
		------------------------------------------------------
   
		dirkkaftan.de v1 stylesheet
  
		----------------------------------------------------*/
		
/*	CSS Imports
  
		----------------------------------------------------*/
		
		@import url("../fontface/fonts.css");

/*	Browser CSS reset
  
		----------------------------------------------------*/

		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, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}
				
/*	Allgemeines
  
		----------------------------------------------------*/
		
		html, body { 
				height: 100%;} 
		
		body {
			  font-size: 12px;
				font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
				color: #58585a;
        background-color:#000;	
				/*background-image: url(../images/layout/backgrounds/body_bg.jpg);
				background-repeat: repeat-x;
				background-position: top left; */}
				
		a img { 
				border:none;}
				
		h1 {
				font-family: 'interstateregularcompressed';
				color: #cfb36b;
				font-size: 45px;
				font-style: normal;
				letter-spacing: 0.05em;
				margin-bottom: 20px;
				line-height: 49px;
				text-align: center;
				padding-bottom: 20px;
				text-transform: uppercase;
				background-image: url(../img/heading1_bg.png);
				background-repeat: no-repeat;
				background-position: bottom center;}
				
		span.heading1 {
				display:block;
				float:left;
				width: 170px;
				font-family: FuturaBT-MediumCondensed;
				color: #cfb36b;
				font-size: 30px;
				font-style: normal;
				line-height: 45px;
				text-transform: uppercase;}

		h2 {
				font-family: 'timesbold_italic';
				font-size: 16px;
				line-height: 28px;
				margin-bottom: 0px;}
				
		span.heading2 {
				padding-top:22px;
				width: 314px;
				display:block;
				float:left;
				font-family: 'timesbold_italic';
				font-size: 16px;
				font-style: italic;
				margin-bottom: 0px;}
				
		h3 {
				font-size: 16px;
				line-height: 24px;
				margin-bottom: 24px; }

		h4, h5 {
				font-size:12px;}
				
		p, ul { 
				font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
				font-size: 14px;
				line-height: 1.5em;
				margin: 0 0 1.5em 0;}
                
        li { list-style-type: none; margin-left: 20px;}
				
		.content a{
				color: #cfb36b;
				text-decoration: underline; }
				
		.content a:hover {
				text-decoration: none;}
				
		.mt20 {
				margin-top: 20px;}
				
		.mt200 {
				margin-top: 200px;}
				
		.mb20 {
				margin-bottom: 20px;}
				
		.mb50 {
				margin-bottom: 50px;}
				
		.mb150 {
				margin-bottom: 0px;}
				
		hr {
			width: 484px;
			border: none;
			margin: 10px 0 20px 0;
			height: 3px;
			background-image: url(../img/trenner.png);
			background-repeat: no-repeat;
			background-position: bottom center;}
			
		.section {
				font-size: 0px;}

/*	Layout styles
  
		----------------------------------------------------*/
		#container {
			width: 100%;}
      
    .page_container img, .page_container2 img, .page_container3 img {
      max-width: 100%;
			width: auto\9; /* ie8 */}
			
		#start {
			padding-top: 0px;
			background: url(../img/bg5.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg5.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg5.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
		
		#portrait {
			padding-top: 0px;
			background: url(../img/bg1.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg1.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg1.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
		
		#termine {
			padding-top: 0px;
			background: url(../img/bg4.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg4.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg4.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
		
		#repertoire {
			padding-top: 0px;
			background: url(../img/bg3.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg3.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
			
		#projekte {
			padding-top: 0px;
			background: url(../img/bg2.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg2.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg2.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
			
		#presse {
			padding-top: 0px;
			background: url(../img/bg7.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg7.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg7.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
			
		#videos {
			padding-top: 0px;
			background: url(../img/bg6.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg6.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg6.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px;	}
			
		#kontakt {
			padding-top: 0px;
			background: url(../img/bg8.jpg) no-repeat center center fixed;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg8.jpg', sizingMethod='scale');
			-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg8.jpg', sizingMethod='scale')";
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			min-height: 1080px;
			position: relative;
			margin-bottom: 30px; }
		
		.page_container {
			width: 1024px;
			height: 5000px;
			overflow: hidden;
			margin: 0 auto;}
			
		.page_container2 {
			width: 1024px;
			height: 16000px;
			overflow: hidden;
			margin: 0 auto;}
            
		.page_container3 {
			width: 1024px;
			height: 10000px;
			overflow: hidden;
			margin: 0 auto;}
			
		#opener {
				margin-top: 33%;
				text-align: center;}
				
		#opener a {
				font-family: 'timesitalic';
				color: white;
				font-size: 20px;
				line-height: 28px;
				text-decoration: none;}
		
		.content {
				float: left;
				background-color: white;
				width: 484px;
				padding: 16px;}
        
        
    .pb {
      padding-bottom: 0;}
				
		.headline {
				float: left;
				background-color: white;
				width: 484px;
				padding: 16px 16px 0 16px;}
				
		.trenner {
				float: left;
				background-color: white;
				width: 484px;
				padding: 3px 16px 16px 16px;}
				
		#navi { 
				font-family: 'timesitalic';
				float: right;
				width: 270px;
				margin-right: 198px; }
				
		#navi ul {
				margin-top: 0;
				padding-top: 0px;}
				
		#navi ul li {
				width: 270px;
				text-align:center;}
				
		#navi a { 
				font-family: 'timesitalic';
				color: white;
				font-size: 20px;
				line-height: 28px;
				text-decoration: none;}
				
		#navi a.active {
				font-family: 'timesbold_italic';}
		
		a.section {
				font-size: 0px;}
				
		.site_nav { padding-top: 50px;}
		
		.eventInfo {
				clear:left;
				padding-bottom: 5px;
				margin-bottom: 25px;
				background-image: url(../img/trenner.png);
				background-repeat: no-repeat;
				background-position: bottom center;}
				
		.imageDownload {
				float:left;
				width: 150px;}
				
		.mr17 {
				margin-right: 17px;}
				
		p.dwnld {
				margin-top: 10px;
				line-height: 13px;
				background-image:url(../img/dwnld-icon.png);
				background-repeat: no-repeat;
				background-position: bottom left;
				padding-left: 21px;}
				
		.ce_table table {
				width: 484px;}
				
		.ce_table table th {
			  font-family: 'timesbold_italic';
				font-size: 16px;
				line-height: 28px;}
				
		.ce_table table td.col_first {
				font-weight: bold;}

		.ce_table table td {
				width: 33%;
				font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
				font-size: 14px;
				line-height: 1.5em;
				padding-bottom: 2px;
				padding-top: 3px;}	
				
		.ce_table table tr {
			background-image: url(../img/trenner.png);
			background-repeat: no-repeat;
			background-position: bottom center;}	
			
		.sji_gallerydownload li {
				float:left;
				width: 150px;
				line-height: 1.5em;
				margin-right: 11px;
				margin-bottom: 11px;}	
				
		.download {
				padding-top: 5px;}
				
		.pdtopnot {
				padding-top: 0;}
        
@media screen and (min-width: 769px) and (max-width: 1024px){
  body {
      background: none;
      background-color:#765f48;	}
      
  #container, #opener {
    width: 100%;}
    
  .page_container, .page_container2, .page_container3 {
    width: 516px;
    height: auto;}
    
  #navi {
    display: none;}
    
  #div0, #div1, #div2, #div3, #div4, #div5, #div6, #div7 {
    background: none;
    background-color: tranparent;
    height: auto;
    min-height:0;}
}	

@media screen and (min-width: 481px) and (max-width: 768px){
  body {
			background: none;
      background-color:#765f48;	}
      
  #container, #opener {
    width: 100%;}
    
  .page_container, .page_container2, .page_container3 {
    width: 438px;
    height: auto;}
    
  #navi {
    display: none;}
    
  .content, .ce_table table, hr, .trenner, .headline {
    width: 406px;}
    
  .col_1 {
    padding-right: 1%; } 
    
  #div0, #div1, #div2, #div3, #div4, #div5, #div6, #div7 {
    background: none;
    background-color: tranparent;
    height: auto;
    min-height:0;}
    
  span.heading2 {
    width: 220px;}
}

@media screen and (max-width: 480px){
  body {
			background: none;
      background-color:#765f48;	}
      
  #container, #opener {
    width: 100%;}
    
  #opener {
				margin-top: 20%;}
    
  .page_container, .page_container2, .page_container3 {
    width: 280px;
    height: auto;}
    
  #navi {
    display: none;}
    
  .content, .ce_table table, hr, .trenner, .headline {
    width: 248px;}
    
  .col_1 {
    width: 67%; } 
    
  .col_2, .head_2 {
    display: none; }
    
  #div0, #div1, #div2, #div3, #div4, #div5, #div6, #div7 {
    background: none;
    background-color: tranparent;
    height: auto;
    min-height:0;}
    
  span.heading2, span.heading1 {
    width: 100%;
    padding-top: 0;
    margin-bottom: 10px;}
}