/*
CSS for 'Carsten Wirths - Die Feuertonne'
Copyright © 2015. All rights reserved.

Webdesign & Programming by:
       TOR 1 - Die Medienwerkstatt
       Lars Gatting Film- und Medienproduktionen
       Mail: post@tor-eins.de
       Web: www.tor-eins.de
*/	

	html, body
	{
		height: 100%;
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		background: #000 url(images/carstenwirths_bg_2016_fade_schmal.jpg) no-repeat center top;
		//background-size: 100% auto;
		font-family: Arial, sans-serif;  //'Source Sans Pro', 
		font-size: 13pt;
		font-weight: 450;
		//color: rgba(255,255,255,.8);
		color: #ff9900;
	}
	
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0;
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0 0 0 1.0em;;
		list-style: none;
	}
	
	li
	{
		padding-bottom: 0.4em;
		list-style-type: disc;
	}
	
	p
	{
		line-height: 180%;
	}
	
	strong
	{
		font-weight: 600;
	}
	
	a
	{
		color: rgba(255,255,255,.8);
		font-weight: 600;
		text-decoration: none;
	}
	
	a:hover
	{
		color: rgba(255,255,255,1);
		font-weight: 600;
		text-decoration: none;
	}
	
	.container
	{
		overflow: hidden;
		margin: 0em auto;
		width: 960px;
	}
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 1em 0;       //0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 1em 1em 0;    //0 2em 2em 0;
	}

	.image-right
	{
		float: right;
		margin: 0 0 1em 1em;      //0 0 2em 2em;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 1em 0;       //0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

	img.galerie,
	img.galerieseite 
	{
		background: #FFF;
		margin: 6px;    //20px;
		padding: 4px 4px 39px 4px;
		box-shadow: 6px 6px 6px #666666;  //#C2C2C2;
	        //border: 7px solid #FFF;   //#EDEBD5;
		-webkit-border-radius: 2px;
  		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		border-radius: 2px;
		border: 2px solid #B8B8B8;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
  		-o-transition: all 0.1s ease-out;
  		transition: all 0.1s ease-out;
	}
	img.galerieseite 
	{
		//box-shadow: 6px 6px 6px #666666; 
		//border: 2px solid #EDEBD5;   //#B8B8B8;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
		margin: 0;
		padding: 2em 0 0 0;
	}

	ul.style1 li
	{
		float: left;
		display: inline-block;
		padding: 0px 0px 0px 20px;
	}
	
	ul.style1 li:first-child
	{
		padding-left: 0px;
	}
	
	ul.style3
	{
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
		color: #6c6c6c
	}
	
	ul.style3 li
	{
		overflow: hidden;
		display: block;
		padding: 0.8em 0em 0em 0em;
		margin: 0 0 1.3em 0;
		border-top: 1px solid #D1CFCE;
	}
	
	ul.style3 li:first-child
	{
		padding-top: 0;
		border-top: none;
	}
	
	ul.style3 p
	{
		margin: 0;
	}
	
	ul.style3 a
	{
		display: block;
		text-decoration: none;
		color: #2D2D2D;
	}
	
	ul.style3 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style3 h3
	{
		padding: 15px 0em 5px 0em;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: 700;
		color: #454445;
	}
	
	ul.style3 .first
	{
		padding-top: 0;
		background: none;
	}
	
	ul.style3 .date
	{
		float: left;
		position: relative;
		width: 60px;
		height: 50px;
		margin: 10px 1.5em 0em 0em;
		padding: 10px 0em 0em 0em;
		background: #0173B2;
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 0.8em;
		font-weight: 400;
		color: #FFF;
	}
	
	ul.style3 .date:after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 6px;
		background: url(images/bg01.png) repeat;
	}
	
	ul.style3 .date b
	{
		margin: 0;
		padding: 0;
		display: block;
		font-size: 1.8em;
		font-weight: 400;
		color: #FFFFFF;
	}
	
	ul.style3 .date a
	{
		color: #FFFFFF !important;
	}
	
	ul.style3 .date a:hover
	{
		text-decoration: none;
	}

	


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/

	ul.contact
	{
		overflow:  hidden;
		margin: 0em 0 3em 0;
		padding-top: 1em;
		text-align: center;
	}
	
	ul.contact li
	{
		display: inline-block;
		padding: 0em 0.30em;
		font-size: 1em;
	}
	
	ul.contact li span
	{
		display: none;
		margin: 0;
		padding: 0;
	}
	
	ul.contact li a
	{
		color: #FFF;
	}
	
	ul.contact li a:before
	{
		display: inline-block;
		background: #0173B2;
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #FFFFFF;
	}

/*********************************************************************************/
/* Initial                                                                       */
/*********************************************************************************/

	.initiallinks
	{
		float: left;
		margin: 0 0.3em 0.3em 0;
		//letter-spacing: 1.0em;
		//text-decoration: none;
		//text-transform: none;
		font-weight: 600;
		font-size: 5.0em;
		line-height: 0.8em;
		color: rgba(255,255,255,.8);	
	}

	.initialrechts
	{
		float: right;
		margin: 0 0.3em 0.3em 0.3em;
		//letter-spacing: 1.0em;
		//text-decoration: none;
		//text-transform: none;
		font-weight: 600;
		font-size: 5.0em;
		line-height: 0.8em;
		color: rgba(255,255,255,.8);	
	}

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin-top: 0.4em;
		padding: 1em 2em 1em 2em;
		background: #0173B2;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
	.button:before
	{
	}

	.textbuttonhell
	{
		display: inline-block;
		margin-top: 0.4em;
		padding: 0.4em;  //1em 2em 1em 2em;
		background: rgba(255,255,255,.8);
		letter-spacing: 0.20em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 0.90em;
		color: rgba(0,0,0,.8);
		float: right;
	}
	
	a.textbuttonsolo
	{
		display: inline-block;
		margin-top: 0.6em;
		padding: 0.4em;  //1em 2em 1em 2em;
		//background: rgba(255,255,255,.8);
		letter-spacing: 0.20em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 0.90em;
		color: rgba(255,255,255,0.8);
		float: right;
	}

	a:hover.textbuttonsolo
	{
		color: rgba(255,255,255,1);
	}



/*********************************************************************************/
/* Wrap all                                                                     */
/*********************************************************************************/

	#wrapall
	{
		margin: 0 auto;
		//width: 1000px;
		padding-top: 10px;
	}
		
/*********************************************************************************/
/* 4-column                                                                      */
/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4
	{
		width: 185px;
	}
	
	.box1,
	.box2,
	.box3,
	{
		float: left;
		margin-right: 20px;
	}
	
	.box4
	{
		float: right;
	}
	
/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/

	.boxA,
	.boxB,
	.boxC
	{
		//background: #FFF;
		background-color: rgba(0,0,0,.8);
		width: 264px;
		padding: 20px 20px;
	}

	.boxA,
	.boxB
	{
		float: left;
		margin-right: 24px;
	}
	
	.boxC
	{
		float: right;
	}

/*********************************************************************************/
/* 2-column   2/3 und 1/3                                                        */
/*********************************************************************************/

	.drbox1,
	.drbox2
	{
		background-color: rgba(0,0,0,.8);
		padding: 20px 20px;
	}
	
	.drbox1
	{
		float: left;
		width: 550px;
	}

	.drbox2
	{
		float: right;
		width: 310px;
	}

/*********************************************************************************/
/* 2-column                                                                      */
/*********************************************************************************/

	.tbox1,
	.tbox2
	{
		background-color: rgba(0,0,0,.8);		
		width: 432px;
		padding: 20px 20px;
	}
	
	.tbox1
	{
		float: left;
	}

	.tbox2
	{
		float: right;
	}

/*********************************************************************************/
/* 1-column                                                                      */
/*********************************************************************************/

	.singlebox1
	{
		background-color: rgba(0,0,0,.8);		
		width: 960px;
		padding: 20px;
		float: left;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header-wrapper
	{
	}

	#header
	{
		margin: 0 auto;
		width: 960px;
		position: relative;
		padding: 3em 0em;
		//background: #FFF;
		overflow: visible;
	}



/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		position: absolute;
		top: 1em;
		left: 0;
		overflow: visible;
		z-index: 20;
	}
	
	#logo h1, logo h3
	{
		
	}
	
	#logo a
	{
		text-decoration: none;
		font-weight: 600;
		color: rgba(255,255,255,.8);
	}

	#logo a:hover
	{
		text-decoration: none;
		font-weight: 600;
		color: rgba(255,255,255,1);
	}

	.sitename 
	{
		//font-family: 'Londrina Outline', cursive;
		margin-top: -20px;		
		font-size: 4.6em;
		font-weight: 500;
		color: #c0c0c0;
		overflow: visible;
		//z-index: 30000;
	}

	.sitesubtitle, .sitesubtitle2 
	{
		//font-family: 'Londrina Outline', cursive;
		font-family: 'Caveat', cursive;
		margin: 0 1em 0 1.8em;
		padding: 0 0.6em 0 0.4em;
		//background-color: rgba(0,0,0,.8);		
		font-size: 2.3em;
		//font-weight: 800;
		font-style: italic;
		//color: #c0c0c0;
		overflow: visible;
		//z-index: 40000;
	}

	.sitesubtitle 
	{
		background-color: rgba(0,0,0,.8);
		color: #c0c0c0;	
		font-weight: 800;	
	}

	.sitesubtitle2 
	{
		background: none;	
		color: #000;
		//color: #c0c0c0;	
		font-weight: 800;		
	}

	#spacer
	{
		padding-top: 6em;
		z-index: 10000;
	}

	#spacer2
	{
		padding-top: 1em;
		z-index: 10000;
	}

	.grusswort 
	{
		font-family: 'Caveat', cursive;
		font-size: 2.8em;
		font-weight: 700;
		font-style: italic;
		line-height: 120%;
	}


/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
		position: absolute;
		top: 2em;
		right: 0;
	}
	
	#menu ul
	{
		display: inline-block;
	}
	
	#menu li
	{
		display: block;
		float: left;
		text-align: center;
	}
	
	#menu li a, #menu li span
	{
		padding: 1em 0.7em;
		font-size: 1.2em;
		text-decoration: none;
		font-weight: 800;
		color: rgba(255,255,255,.8);
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu a:hover
	{
		text-decoration: none;  //underline;
		color: rgba(255,255,255,1);
	}
	
	#menu .current_page_item a
	{
	}
	
	#menu .icon
	{
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner-wrapper
	{
		//overflow: hidden;
		margin: 0 auto;
		padding: 0em 0em 1em 0em;  //10em 0em 5em 0em;  
		//background: url(images/bg01.jpg) no-repeat center top;
		//background-size: 100% auto;
		//background: url(images/kategorietitel_feuertonnen.jpg) no-repeat center top;
		//background-size: 100% auto;
		//background: #FFF;
		//width: 960px;
	}
	
	#banner .title
	{
		margin-bottom: 3em;
		text-align: center;
	}
	
	#banner h3 
	{
		margin: 1em 0 1em 0;
	}

	a.bannerboxtitel
	{
		font-size: 1.4em;
		font-weight: 600;
		color: rgba(255,255,255,.8);
	}
	
	a:hover.bannerboxtitel 
	{
		color: rgba(255,255,255,1);		
	}

	#banner .button
	{
		margin-top: 1em;
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page-wrapper
	{
		//overflow: hidden;
		padding: 5em 0em 0em 0em;   //2em 0em 2em 0em;   
		margin: 0 auto;
		//width: 960px;
	}

	.feuertonnen
	{
		//background: url(images/kategorietitel_feuertonnen.jpg) no-repeat center top;
		//background-size: 100% auto;
		//width: 960px;
	}

	#page
	{
		//background-color: rgba(0,0,0,.8);
		//background: #FFF;
		width: 960px;
	}

	#page .title
	{
		margin-bottom: 3em;
		text-align: center;
	}
	
	#page h2,
	#page h3
	{
		font-weight: 600;
		//color: rgba(255,255,255,.8);
	}
	#page h2
	{
		color: rgba(0,0,0,.8);
		margin-bottom: 0.2em;   //2.2em;
		font-size: 4.0em;
		padding-top: 20px;
	}
	#page h3
	{
		//color: rgba(255,255,255,.8);
		color: #ff9900;
		margin: 1em 0 1em 0;
		font-size: 1.6em;
	}


	.pboxA,
	.pboxB,
	.pboxC
	{
		width: 318px;
	}

	.pboxA,
	.pboxB
	{
		float: left;
		margin-right: 24px;
	}
	
	.pboxC
	{
		float: right;
	}

/*********************************************************************************/
/* Youtube-Video Embed                                                           */
/*********************************************************************************/

	#video-embed 
	{
		padding: 0 0 30px 0;
		//background: #dcdcdc;
		text-align: center;	
	}

	.elastic-video-wrapper 
	{
		width: 700px;
		max-width: 100%;
		margin: 0 auto;
	}

	.elastic-video 
	{
		position: relative;
		padding-bottom: 55%;
		padding-top: 15px;
		height: 0;
		overflow: hidden;
	}
	
	.elastic-video iframe 
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer-wrapper
	{
		overflow: hidden;
		padding: 5em 0em;
		background: rgba(0,0,0,.05);
	}

	#footer
	{
	}
	
	#footer h2
	{
		display: inline-block;
		padding-bottom: 1em;
		font-size: 1.6em;
		font-weight: 400;
	}

	#footer #fbox1
	{
		float: left;
		width: 318px;

	}

	#footer #fbox2
	{
		float: right;
		width: 660px;
	}

/* Neuer Footer */

	#footerneu-wrapper
	{
		//overflow: hidden;
		//margin-bottom: 0.3em;
	}

	#footerneu
	{
		background-color: rgba(0,0,0,.8);
		//padding: 1em;
		margin: 0 auto;
		width: 960px;
	}

	.footerboxA,
	.footerboxB
	{
		padding: 0.4em;
		font-size: 0.9em;
		font-weight: 400;
		margin-top: 0.6em;
	}


	.footerboxA
	{
		float: left;
		width: 390px;
		margin-right: 10px;
	}
	
	.footerboxB
	{
		float: right;
		width: 530px;
		text-align: right;
	}

	#footerneu .title
	{
		//margin-bottom: 3em;
		text-align: center;
	}
	
	#footerneu h3
	{
		//margin-bottom: 1em;
		font-size: 1.4em;
		font-weight: 600;
		color: rgba(255,255,255,.8);
	}

	#footerneu p
	{
		//margin-bottom: 0.7em;
		font-size: 1em;
		font-weight: 300;
		color: rgba(255,255,255,1);
		//background: #FFF;
	}



/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		//overflow: hidden;
		padding: 5em 0em;
		border-top: 1px solid rgba(0,0,0,0.08);
	}
	
	#copyright p
	{
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: rgba(0,0,0,0.6);
	}
	
	#copyright a
	{
		text-decoration: none;
		color: rgba(0,0,0,0.8);
	}


/*********************************************************************************/
/* Back to top Button                                                            */
/*********************************************************************************/

	#backtotop
	{
		margin: 0 auto;
		width: 960px;		
		//padding: 1em;
		//background: #FFF;
	}

	#backtotop p
	{
		text-align: right;
	}


/*********************************************************************************/
/* Besucherzaehler Style                                                          */
/*********************************************************************************/

a.1102143 {
	margin: 1em;
	padding: 1em;
}